Merge pull request #1 from haselkern/master

schungx · web-flow · commit da2dfc67571c · 2021-03-01T09:33:59.000+08:00
Prettier website
diff --git a/index.html b/index.html
@@ -1,9 +1,82 @@
-<img src="book/images/logo/rhai-logo-transparent-colour-black.svg" width="500px" />
+<!DOCTYPE HTML>
+<html lang="en">
+    <head>
+        <title>Rhai &ndash; Embedded Scripting for Rust</title>
 
-<h1>Rhai &ndash; Embedded scripting language and engine for Rust</h1>
+        <meta charset="UTF-8">
+        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+        <meta name="description" content="Embedded scripting language and engine for Rust. A small, fast, easy-to-use scripting language and evaluation engine that integrates tightly with Rust. Builds for most common targets including no-std and WASM.">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="theme-color" content="#ffd675">
+        
+        <link rel="shortcut icon" href="https://rhai.rs/book/favicon.png">
 
-<h2>Home Repo on GitHub: <a href="https://github.com/rhaiscript">https://github.com/rhaiscript</a></h2>
+        <style>
+            * {
+                margin: 0;
+                padding: 0;
+                box-sizing: border-box;
+                font-family: sans-serif;
+            }
+            body {
+                /* Gradient from logo */
+                background: #f67501;
+                background: linear-gradient(180deg, #ffd675 0%, #f67501 100%);
+            }
+            .center {
+                margin: 1rem;
+                min-height: calc(100vh - 2rem);
+                display: flex;
+                justify-content: center;
+                align-items: center;
+            }
+            main {
+                max-width: 42rem;
+                padding: 1rem;
+                background: white;
+                border-radius: 0.5rem;
+                line-height: 1.5rem;
+            }
+            .space-lg {
+                margin-top: 2rem;
+            }
+            .space-sm {
+                margin-top: 1rem;
+            }
+            .logo {
+                display: block;
+                max-width: 50%;
+                margin: 0 auto;
+            }
+            h1 {
+                font-size: 1.3rem;
+                text-align: center;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="center">
+            <main>
+                <img class="logo" alt="Rhai logo" src="https://rhai.rs/book/images/logo/rhai-logo-transparent-colour-black.svg" />
+                
+                <h1 class="space-lg">Embedded scripting language and engine for Rust</h1>
 
-<h2>Read <i>The Rhai Book</i> <a href="book">here</a>.</h2>
+                <p class="space-lg">
+                    A small, fast, easy-to-use scripting language and evaluation engine that integrates tightly with Rust. Builds for most common targets including no-std and WASM.
+                </p>
 
-<h2>Try it out at the <i>Online Playground</i> <a href="playground">here</a>.</h2>
+                <p class="space-sm">
+                    Home Repo on GitHub: <a href="https://github.com/rhaiscript">https://github.com/rhaiscript</a>
+                </p>
+                
+                <p>
+                    Read <a href="book"><i>The Rhai Book</i> here</a>.
+                </p>
+                
+                <p>
+                    Try it out at the <a href="playground"><i>Online Playground</i> here</a>.
+                </p>
+            </main>
+        </div>
+    </body>
+</html>
