style nav

Nate created

Change summary

server/templates/partials/layout.hbs | 39 ++++++++++++++---------------
1 file changed, 19 insertions(+), 20 deletions(-)

Detailed changes

server/templates/partials/layout.hbs 🔗

@@ -1,10 +1,9 @@
-<html>
+<html class="w-full">
 
 <head>
     <link rel="icon" href="/static/images/favicon.png">
     <link rel="stylesheet" href="/static/styles.css">
-    <title>Zed Industries</title>
-
+    <title>Zed – a lightning fast, collaborative code editor written natively in Rust</title>
 
     <script>
         window.addEventListener("DOMContentLoaded", function () {
@@ -23,38 +22,70 @@
     </script>
 </head>
 
-<body class="font-body bg-black">
-    <div class="text-lg text-gray-50">
-        <div class="container mx-auto flex flex-row items-center py-4 px-8 md:px-12 font-display">
+<body class="box-border font-body bg-black w-full">
+    <main class="flex text-gray-50 w-full h-screen m-px border border-white">
+        <nav class="flex-initial flex flex-col w-1/5 p-10 border-r border-white"">
             <a href="/" class="font-display">
-                <span class="font-black">Zed</span>
-            </a>
-            <div class="flex-1"></div>
-            <a href="/app" class="text-sm mr-4 hover:underline">
-                About
-            </a>
-            <a href="/team" class="text-sm mr-4 hover:underline">
-                Tech
-            </a>
-            <a href="/team" class="text-sm mr-4 hover:underline">
-                Team
-            </a>
-            <a href="/team" class="text-sm mr-4 hover:underline">
-                Community
+                <svg width="57" height="16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <mask id="path-2-inside-1" fill="white">
+                        <path fill-rule="evenodd" clip-rule="evenodd"
+                            d="M8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2Z" />
+                    </mask>
+                    <path
+                        d="M2 8C2 4.68629 4.68629 2 8 2V-2C2.47715 -2 -2 2.47715 -2 8H2ZM8 14C4.68629 14 2 11.3137 2 8H-2C-2 13.5228 2.47715 18 8 18V14ZM14 8C14 11.3137 11.3137 14 8 14V18C13.5228 18 18 13.5228 18 8H14ZM8 2C11.3137 2 14 4.68629 14 8H18C18 2.47715 13.5228 -2 8 -2V2ZM4 8C4 5.79086 5.79086 4 8 4V0C3.58172 0 0 3.58172 0 8H4ZM8 12C5.79086 12 4 10.2091 4 8H0C0 12.4183 3.58172 16 8 16V12ZM12 8C12 10.2091 10.2091 12 8 12V16C12.4183 16 16 12.4183 16 8H12ZM8 4C10.2091 4 12 5.79086 12 8H16C16 3.58172 12.4183 0 8 0V4Z"
+                        fill="white" mask="url(#path-2-inside-1)" />
+                    <path fill-rule="evenodd" clip-rule="evenodd"
+                        d="M5 5L11.75 5L7.4375 9.5H9.5L11 11H4.25L8.5625 6.5H6.5L5 5Z" fill="white" />
+                    <path
+                        d="M22.92 12.8L29.78 4.1H23.2V1.96H33.06V3.58L26.28 12.3H32.5C32.7267 12.3 32.8867 12.2867 32.98 12.26C33.0733 12.2333 33.16 12.18 33.24 12.1H33.44V12.3V14.42H22.92V12.8Z"
+                        fill="white" />
+                    <path