chore(website): add temporary logo and favicon

website/pages/_layout.html

@@ -25,12 +25,12 @@
   <link rel="apple-touch-icon" sizes="180x180" href="/public/favicon/apple-touch-icon.png">
   <link rel="icon" type="image/png" sizes="32x32" href="/public/favicon/favicon-32x32.png">
   <link rel="icon" type="image/png" sizes="16x16" href="/public/favicon/favicon-16x16.png">
-  <link rel="mask-icon" href="/public/favicon/safari-pinned-tab.svg" color="#ff2d20">
+  <link rel="mask-icon" href="/public/favicon/favicon-32x32.png" color="#eab308">
   <link rel="shortcut icon" href="/public/favicon/favicon.ico">
   <!-- manifest -->
   <link rel="manifest" href="/public/site.webmanifest">
   <meta name="msapplication-config" content="/public/browserconfig.xml">
-  <meta name="msapplication-TileColor" content="#ff2d20">
+  <meta name="msapplication-TileColor" content="#eab308">
   <meta name="theme-color" content="#ffffff">
   <!-- tailwind -->
   <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp"></script>
@@ -62,7 +62,7 @@
   </div>
 
   <header class="flex items-center space-x-4 px-4 py-2 md:py-4 lg:px-8 lg:py-6">
-    <a href="/">🌎🦕</a>
+    <a href="/">🌎</a>
     <nav class="flex items-center flex-1 space-x-4">
       <a href="/docs">Documentation</a>
       <a href="/api">API</a>
@@ -89,9 +89,7 @@
       </a>
     </nav>
   </header>
-
   {{ content }}
-
   <footer class="flex flex-col items-start space-y-4 px-4 py-2 md:py-4 lg:px-8 lg:py-6 text-sm text-neutral-400">
     Copyright &copy; 2021—2022 the Atlas authors.
   </footer>

website/pages/index.html

@@ -4,8 +4,10 @@
 <!-- og_type: website -->
 <!-- og_image: https://atlas.land/public/og-image.jpg -->
 
-<main class="flex flex-col items-start space-y-4 px-4 py-2 md:py-4 lg:px-8 lg:py-6">
-  <h1 class="text-4xl tracking-tight font-extrabold dark:text-neutral-100 text-neutral-800 sm:text-5xl md:text-6xl">🌎🦕 Atlas</h1>
+<main class="flex flex-col items-start space-y-6 px-4 py-2 md:py-4 lg:px-8 lg:py-6">
+  <h1 class="text-4xl tracking-tight font-extrabold dark:text-neutral-100 text-neutral-800 sm:text-5xl md:text-6xl">
+    <span>🌎</span> Atlas
+  </h1>
   <span class="block xl:inline">A Web Application Framework for Deno 🦕</span>
   <a href="/docs/0.x/get-started" class="flex rounded items-center justify-center px-4 py-2 border border-transparent text-base font-medium rounded-md text-neutral-800 bg-yellow-500 hover:bg-yellow-400">Get Started</a>
 </main>

website/public/browserconfig.xml

@@ -2,8 +2,8 @@
 <browserconfig>
     <msapplication>
         <tile>
-            <square150x150logo src="/public/img/favicon/mstile-150x150.png"/>
-            <TileColor>#ff2d20</TileColor>
+            <square150x150logo src="/public/favicon/mstile-150x150.png"/>
+            <TileColor>#eab308</TileColor>
         </tile>
     </msapplication>
 </browserconfig>

website/public/site.webmanifest

@@ -1,19 +1,19 @@
 {
-  "name": "Atlas — The Web Application Framework for Deno",
-  "short_name": "Atlas",
-  "icons": [
-      {
-          "src": "/img/favicon/android-chrome-192x192.png",
-          "sizes": "192x192",
-          "type": "image/png"
-      },
-      {
-          "src": "/img/favicon/android-chrome-512x512.png",
-          "sizes": "512x512",
-          "type": "image/png"
-      }
-  ],
-  "theme_color": "#ffffff",
-  "background_color": "#ffffff",
-  "display": "standalone"
+    "name": "Atlas — A Web Application Framework for Deno",
+    "short_name": "Atlas",
+    "icons": [
+        {
+            "src": "/public/favicon/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/public/favicon/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#eab308",
+    "background_color": "#171717",
+    "display": "standalone"
 }