update styles

Nate created

Change summary

server/styles.css            |  2 
server/templates/home.hbs    |  2 
server/templates/story.hbs   |  2 
server/templates/team.hbs    | 64 +++++++++++++++++++++++++++----------
server/templates/updates.hbs |  2 
5 files changed, 51 insertions(+), 21 deletions(-)

Detailed changes

server/styles.css 🔗

@@ -9,7 +9,7 @@
 
 @layer base {
   html {
-    font-size: 100%;
+    font-size: 110%;
     text-rendering: geometricPrecision;
   }
 

server/templates/home.hbs 🔗

@@ -7,7 +7,7 @@
             Level up your development process with:
             <ul class="mt-4 ml-8 leading-loose list-disc">
                 <li>a <a href="/tech#rust>" class="underline">lightning fast</a> code editor</li>
-                <li>real time collaboration on any work tree</li>
+                <li>real time collaboration, even on local projects</li>
                 <li>powerful code annotation tools</li>
                 <li>the ability to rewind time to any point</li>
             </ul>

server/templates/story.hbs 🔗

@@ -1,6 +1,6 @@
 {{#> layout }}
 
-<div class="max-w-screen-lg p-20 mx-auto font-thin">
+<div class="max-w-screen-lg p-10 mx-auto font-thin lg:p-20">
     <h1 class="mb-10 text-4xl text-white font-display font-extralight">Our Story</h1>
     <p class="mt-5 leading-7">We’re the team behind GitHub’s Atom text editor, and we’re building something new:</p>
     <p class="mt-5 leading-7">Zed is a fully-native desktop code editor focused on high performance, clean design, and seamless collaboration.</p>

server/templates/team.hbs 🔗

@@ -3,7 +3,7 @@
 <div class="max-w-screen-lg p-10 mx-auto font-thin text-main lg:p-20">
     <h1 class="mb-10 text-4xl text-white font-display font-extralight">The Team</h1>
     <div class="text-sm">
-        <article class="mb-10 bg-black">
+        <article class="mb-16 bg-black">
             <div class="content">
                 <h3 class="mb-2 font-display font-extralight">Nathan Sobo</h3>
                 <div class="text-columns-2">
@@ -13,12 +13,14 @@
                     
                     <p class="mt-3 mb-3 leading-7">He's been dreaming about building the world’s best text editor since he graduated from college, and is excited to finally have the knowledge, tools, and resources to achieve this vision.</p>
 
-                    <p class="mt-3 mb-3 leading-7 lowercase"><a class="opacity-50 hover:opacity-80" href="https://github.com/nathansobo">Github</a> · <a class="opacity-50 hover:opacity-80" href="https://twitter.com/nathansobo">Twitter</a></p>
+                    <p class="mt-3 mb-3 leading-7">Find Nathan on <a class="underline hover:no-underline" href="https://github.com/nathansobo">Github</a> &amp; <a class="underline hover:no-underline" href="https://twitter.com/nathansobo">Twitter</a>
+                    </p>
                 </div>
+                <p class="mt-3 mb-3 leading-7">&mdash;&mdash;&mdash;</p>
             </div>
         </article>
 
-        <article class="mb-10 bg-black">
+        <article class="mb-16 bg-black">
             <div class="content">
                 <h3 class="mb-2 font-display font-extralight">Antonio Scandurra</h3>
                 <div class="text-columns-2">
@@ -29,26 +31,54 @@
                     <p class="mt-3 mb-3 leading-7">For the last two years, he’s become an expert in distributed systems and conflict-free replicated data types through the development of a real-time, distributed, conflict-free database implemented in Rust for <a href="https://ditto.live" class="underline">Ditto</a>.</p>
                 </div>
             </div>
+            <p class="mt-3 mb-3 leading-7">&mdash;&mdash;&mdash;</p>
         </article>
 
-        <article class="bg-black">
-            <h3 class="font-display font-extralight">Max Brunsfeld</h3>
-            <p class="mt-4 leading-7">Max joined the Atom team in 2013 after working at Pivotal Labs.</p>
-            
-            <p class="mt-4 leading-7">While driving Atom towards its 1.0 launch during the day, Max spent nights and weekends building <a href="https://tree-sitter.github.io" class="underline">Tree-sitter</a>, a blazing-fast and expressive incremental parsing framework that currently powers all code analysis at GitHub.</p>
+        <article class="mb-16 bg-black">
+            <div class="content">
+                <h3 class="mb-2 font-display font-extralight">Max Brunsfeld</h3>
+                <div class="text-columns-2">
+                    <p class="mt-3 mb-3 leading-7">Max joined the Atom team in 2013 after working at Pivotal Labs.</p>
             
-            <p class="mt-4 leading-7">Before leaving to start Zed, Max helped GitHub's semantic analysis team integrate Tree-sitter to support syntax highlighting and code navigation on <a href="https://github.com" class="underline">github.com</a>.</p>
+                    <p class="mt-3 mb-3 leading-7">While driving Atom towards its 1.0 launch during the day, Max spent nights and weekends building <a href="https://tree-sitter.github.io" class="underline">Tree-sitter</a>, a blazing-fast and expressive incremental parsing framework that currently powers all code analysis at GitHub.</p>
+                    
+                    <p class="mt-3 mb-3 leading-7">Before leaving to start Zed, Max helped GitHub's semantic analysis team integrate Tree-sitter to support syntax highlighting and code navigation on <a href="https://github.com" class="underline">github.com</a>.</p>
+                </div>
+            </div>
+            <p class="mt-3 mb-3 leading-7">&mdash;&mdash;&mdash;</p>
         </article>
 
-        <article class="bg-black">
-            <h3 class="font-display font-extralight">Nate Butler</h3>
-            <p class="mt-4 leading-7">wip</p>
+        <article class="mb-16 bg-black">
+            <div class="content">
+                <h3 class="mb-2 font-display font-extralight">Nate Butler</h3>
+                <div class="text-columns-2">
+                    <p class="mt-3 mb-3 leading-7">wip</p>
+            
+                    <p class="mt-3 mb-3 leading-7">wip</p>
+                    
+                    <p class="mt-3 mb-3 leading-7">wip</p>
+
+                    <p class="mt-3 mb-3 leading-7">Find Nate on 
+                        <a class="underline hover:no-underline" href="https://github.com/iamnbutler">Github</a> 
+                        &amp; 
+                        <a class="underline hover:no-underline" href="https://twitter.com/iamnbutler">Twitter</a>
+                    </p>
+                </div>
+            </div>
+            <p class="mt-3 mb-3 leading-7">&mdash;&mdash;&mdash;</p>
         </article>
-        <article class="bg-black">
-            <h3 class="font-display font-extralight">Are you next?</h3>
-            <p class="mt-4 leading-7">Want to build the future of software development?</p>
-            <p class="mt-4 leading-7">We hope to bring a few more staff level engineers in the near future.</p>
-            <p class="mt-4 leading-7"><a class="underline" href="mailto:nathan@zed.dev">Drop us a line</a>.</p>
+
+        <article class="mb-16 bg-black">
+            <div class="content">
+                <h3 class="mb-2 font-display font-extralight">Are you next?</h3>
+                <div class="text-columns-2">
+                    <p class="mt-3 mb-3 leading-7">Want to build the future of software development?</p>
+            
+                    <p class="mt-3 mb-3 leading-7">We hope to bring a few more staff level engineers in the near future.</p>
+                    
+                    <p class="mt-3 mb-3 leading-7"><a class="underline" href="mailto:nathan@zed.dev">Drop us a line</a>.</p>
+                </div>
+            </div>
         </article>
     </div>
 </div>

server/templates/updates.hbs 🔗

@@ -14,7 +14,7 @@
             {{{body}}}
         </div>
         <div class="mt-5">
-            <p>&mdash;</p>
+            <p>&mdash;&mdash;&mdash;</p>
         </div>
     </article>
     {{/each}}