Site + Readme

OttCS · OttCS · commit a4e563b0e346 · 2022-05-25T16:58:42.000-04:00
diff --git a/README.md b/README.md
@@ -1,6 +1,8 @@
 <h1>ZephyrJS</h1>
-
-<p>An expansion on PixiJS to provide the tools you need to quickly develop games and interactive content.</p>
+<p><b>Expands PixiJS for easy game development!</b></p>
+<p>Links <a href="https://github.com/OttCS/zephyrjs" title="Check out the github page for downloads, documentation, and more!">Github</a> <a href="https://ottcs.netlify.app" title="Check out my portfolio!">OttCS</a></p>
+<p>Demos <a href="https://github.com/OttCS/ZephyrJS/discussions/categories/show-and-tell">Show and Tell</a></p>
+<p>Want to show off your demo? Go to the "Show and Tell" link and start a discussion!</p>
 
 <h2>Tell Me Why</h2>
 
diff --git a/index.html b/index.html
@@ -5,7 +5,7 @@
     <title>ZephyrJS | Home</title>
     <style>
         * {
-            margin: 0;
+            margin: 4px 0;
             padding: 0;
             font-family: 'consolas', monospace;
             color: #fff;
@@ -18,7 +18,7 @@
 
         body {
             width: calc(100% - 40px);
-            padding: 20px;
+            padding: 16px 20px;
         }
 
         h1,
@@ -30,14 +30,31 @@
         .b {
             font-weight: 600;
         }
+
+        p {
+            font-size: 16px;
+            line-height: 24px;
+        }
+
+        a {
+            text-decoration: none;
+            border-radius: 4px;
+            margin-left: 12px;
+            padding: 0px 4px;
+            border: 2px solid #ccc;
+        }
+        a:hover {
+            background: #ccc;
+        }
     </style>
 </head>
 
 <body>
     <h1>ZephyrJS</h1>
-    <p class="b">Built to extend upon PixiJS!</p>
-    <p>Links: <a href="dev/flappy-clone/index.html">Flappy Clone</a></p>
-    <p>Links: <a href="dev/mouse-tracking/index.html">Mouse Testing</a></p>
+    <p><b>Expands PixiJS for easy game development!</b></p>
+    <p>Links <a href="https://github.com/OttCS/zephyrjs" title="Check out the github page for downloads, documentation, and more!">Github</a> <a href="https://ottcs.netlify.app" title="Check out my portfolio!">OttCS</a></p>
+    <p>Demos <a href="https://github.com/OttCS/ZephyrJS/discussions/categories/show-and-tell">Show and Tell</a> <a href="dev/flappy-clone/index.html">Flappy Clone</a> <a href="dev/mouse-tracking/index.html">Mouse Testing</a></p>
+    <p>Want to show off your demo? Go to the "Show and Tell" link and start a discussion!</p>
 </body>
 
 </html>
