Reorganize and shuffle things around

victorb · Aug 11, 2024 · 9842b6e · 9842b6e
1 parent 57aa7a9
commit 9842b6e
Show file tree

Hide file tree

Showing 4 changed files with 74 additions and 71 deletions.
diff --git a/README.md b/README.md
@@ -11,7 +11,7 @@
 
 ### [Live Demos](https://victorb.github.io/dogoap)
 
-[![Live Demo](./docs/images/live_demo.png)](https://victorb.github.io/dogoap)
+[![Live Demo](./web-src/images/live_demo.png)](https://victorb.github.io/dogoap)
 
 ## Documentation
 
@@ -78,4 +78,4 @@ More involved examples can be found here: [bevy_dogoap examples](./crates/bevy_d
 
 ## License
 
-MIT 2024 - Victor Bjelkholm
+MIT 2024 - Victor Bjelkholm
diff --git a/docs/images/live_demo.png → web-src/images/live_demo.png b/docs/images/live_demo.png → web-src/images/live_demo.png
diff --git a/web-src/index.html b/web-src/index.html
@@ -1,29 +1,31 @@
-<html>
-
-<head>
-  <title>Dogoap Bevy Examples</title>
-  <link rel="stylesheet" href="./3rd-party/speed-highlight.css">
-  <link rel="stylesheet" href="./style.css">
-</head>
-
-<body>
-  <div id="title">
-    <div>Dogoap - WASM Examples</div>
-  </div>
-  <div id="menu">
-    <a href="#cells">Cells / Quickstart</a>
-    <a href="#miner">Miner / Longer plans</a>
-    <a href="https://github.com/victorb/dogoap" class="right-aligned">Source Code / GitHub</a>
-  </div>
-
-  <div id="wrapper">
-    <div id="container">
-      <span id="loading">Loading example...</span>
-      <canvas id="example-canvas"></canvas>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:title" content="Dogoap Bevy Examples">
+    <meta property="og:description" content="Live demonstration of using the dogoap & bevy_dogoap library with Bevy">
+    <meta property="og:image" content="./images/live_demo.png">
+    <title>Dogoap Bevy Examples</title>
+    <link rel="stylesheet" href="./3rd-party/speed-highlight.css">
+    <link rel="stylesheet" href="./style.css">
+  </head>
+  <body>
+    <div id="title">
+      <div>Dogoap - Bevy Examples</div>
     </div>
-    <div id="code" class='shj-lang-rs'></div>
-  </div>
-  <script type="module" src="./app.js"></script>
-</body>
-
-</html>
+    <div id="menu">
+      <a href="#cells">Cells / Quickstart</a>
+      <a href="#miner">Miner / Longer plans</a>
+      <a href="https://github.com/victorb/dogoap" class="right-aligned">Source Code / GitHub</a>
+    </div>
+    <div id="wrapper">
+      <div id="container">
+        <span id="loading">Loading example...</span>
+        <canvas id="example-canvas"></canvas>
+      </div>
+      <div id="code" class='shj-lang-rs'></div>
+    </div>
+    <script type="module" src="./app.js"></script>
+  </body>
+</html>
diff --git a/web-src/style.css b/web-src/style.css
@@ -14,37 +14,6 @@ body {
   font-family: sans-serif;
 }
 
-canvas {
-  outline: none;
-  z-index: 1;
-}
-
-#wrapper {
-  margin-top: 25px;
-  display: flex;
-  flex-grow: 1;
-  padding: 10px;
-}
-
-#container {
-  width: 1280px;
-  height: 720px;
-  min-width: 180px;
-  min-height: 120px;
-  background-color: rgba(0, 0, 0, 0.05);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: white;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-
 #title {
   font-size: 26px;
   margin-left: 10px;
@@ -53,12 +22,6 @@ canvas {
   text-align: center;
 }
 
-#loading {
-  position: absolute;
-  z-index: 0;
-  font-size: 2em;
-}
-
 #menu {
   height: 50px;
   display: flex;
@@ -85,9 +48,41 @@ a.right-aligned {
   margin-right: 10px !important;
 }
 
-[class*="shj-lang-"] {
-  margin: 0px;
-  padding: 0px;
+#wrapper {
+  margin-top: 25px;
+  display: flex;
+  flex-grow: 1;
+  padding: 10px;
+}
+
+#container {
+  width: 1280px;
+  height: 720px;
+  min-width: 180px;
+  min-height: 120px;
+  background-color: rgba(0, 0, 0, 0.05);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: white;
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+#loading {
+  position: absolute;
+  z-index: 0;
+  font-size: 2em;
+}
+
+canvas {
+  outline: none;
+  z-index: 1;
 }
 
 #code {
@@ -97,4 +92,10 @@ a.right-aligned {
   max-height: 90vh;
   overflow-y: scroll;
   margin-left: 20px;
-}
+}
+
+[class*="shj-lang-"] {
+  margin: 0px;
+  padding: 0px;
+}
+