From 5f8cd2d5eac644902b8c44d0613353a2a5d03f3e Mon Sep 17 00:00:00 2001
From: Rokas Puzonas <rokas.puz@gmail.com>
Date: Thu, 20 Jul 2023 02:41:02 +0300
Subject: [PATCH] update how web version looks

---
 src/shell.html | 34 +++++++++++++++++++---------------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/shell.html b/src/shell.html
index 1578d39..32fb4b5 100644
--- a/src/shell.html
+++ b/src/shell.html
@@ -4,35 +4,39 @@
     <meta charset="utf-8">
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
-    <title>raylib web game</title>
+    <title>Boid playground</title>
 
-    <meta name="title" content="raylib web game">
-    <meta name="description" content="New raylib web videogame, developed using raylib videogames library">
-    <meta name="keywords" content="raylib, games, html5, programming, C, C++, library, learn, videogames">
+    <meta name="title" content="Boid playground">
+    <meta name="description" content="Play around and figure out how boids work">
+    <meta name="keywords" content="raylib, games, html5, programming, C, C++, library, learn, videogames, boids">
     <meta name="viewport" content="width=device-width">
 
     <!-- Open Graph metatags for sharing -->
-    <meta property="og:title" content="raylib web game">
+    <meta property="og:title" content="Boid playground">
     <meta property="og:image:type" content="image/png">
     <meta property="og:image" content="https://www.raylib.com/common/img/raylib_logo.png">
     <meta property="og:site_name" content="raylib.com">
     <meta property="og:url" content="https://www.raylib.com/games.html">
     <meta property="og:description" content="New raylib web videogame, developed using raylib videogames library">
 
-    <!-- Twitter metatags for sharing -->
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:site" content="@raysan5">
-    <meta name="twitter:title" content="raylib web game">
-    <meta name="twitter:image" content="https://www.raylib.com/common/raylib_logo.png">
-    <meta name="twitter:url" content="https://www.raylib.com/games.html">
-    <meta name="twitter:description" content="New raylib web game, developed using raylib videogames library">
-
     <!-- Favicon -->
     <link rel="shortcut icon" href="https://www.raylib.com/favicon.ico">
 
     <style>
-        body { margin: 0px; }
-        canvas.emscripten { border: 0px none; background-color: black; }
+        body {
+			width: 100vw;
+			height: 100vh;
+			margin: 0px;
+			background-color: rgb(245, 245, 245);
+		}
+        canvas.emscripten {
+			position: relative;
+			left: 50%;
+			top: 50%;
+			border: 3px solid #000000;
+			transform: translate(-50%, -50%);
+			background-color: black;
+		}
     </style>
     <script type='text/javascript' src="https://cdn.jsdelivr.net/gh/eligrey/FileSaver.js/dist/FileSaver.min.js">
 	</script>