server/static/prose.css 🔗
@@ -49,7 +49,7 @@ article.prose a,
.type-prose p,
.type-prose li,
.type-prose a {
- color: #ddd;
+ color: #eee;
font-size: 1.3rem;
line-height: 2.1rem;
}
update styles
Nate created
Change summary
server/static/prose.css | 2 +-
server/static/prose.scss | 2 +-
server/templates/error.hbs | 6 +++---
server/templates/home.hbs | 4 ++++
server/templates/partials/layout.hbs | 14 ++++----------
server/templates/updates.hbs | 2 +-
6 files changed, 14 insertions(+), 16 deletions(-)
Detailed changes
server/static/prose.scss 🔗
@@ -44,7 +44,7 @@ article.prose,
p,
li,
a {
- color: #ddd;
+ color: #eee;
font-size: 1.3rem;
line-height: 2.1rem;
}
server/templates/error.hbs 🔗
@@ -1,9 +1,9 @@
{{#> layout }}
-<div class="max-w-screen-lg mx-auto text-main font-extralight p-20">
+<div class="max-w-screen-lg p-10 mx-auto text-main font-extralight lg:p-20">
<article class="max-w-xl">
- <h1 class="text-white text-4xl font-display font-extralight mb-5">Sorry!</h1>
- <p class="leading-7 mb-5">
+ <h1 class="mb-5 text-4xl text-white font-display font-extralight">Sorry!</h1>
+ <p class="mb-5 leading-7">
Looks like we encountered a {{status}} error: {{reason}}
</p>
<p class="leading-7">
server/templates/home.hbs 🔗
@@ -18,6 +18,10 @@
<span class="inline-block pr-5 opacity-50"><a href="/community" class="inline-block no-underline hover:underline">Join the waitlist</a>.</span>
</p>
</article>
+ <article class="max-w-xl mt-32">
+ <h2 class="mb-10 text-3xl leading-tight text-white font-display font-extralight">What we are building.</h1>
+ <p class="mt-5 leading-relaxed"></p>
+ </article>
</div>
{{/layout}}
server/templates/partials/layout.hbs 🔗
@@ -14,12 +14,9 @@
<body class="box-border font-light bg-black font-body text-main">
<main class="container flex flex-col mx-auto lg:bg-white lg:flex-none lg:grid lg:min-h-full lg:grid-cols-4 max-w-screen-2xl lg:gap-x-px text-gray-50">
<nav class="p-10 pb-0 bg-black font-extralight lg:hidden">
- <a href="/">
+ <a href="/" class="block hover:opacity-80">
<svg width="32" height="32" viewBox="0 0 32 32" 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="M16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4Z"/>
- </mask>
- <path d="M4 16C4 9.37258 9.37258 4 16 4V-4C4.95431 -4 -4 4.95431 -4 16H4ZM16 28C9.37258 28 4 22.6274 4 16H-4C-4 27.0457 4.9543 36 16 36V28ZM28 16C28 22.6274 22.6274 28 16 28V36C27.0457 36 36 27.0457 36 16H28ZM16 4C22.6274 4 28 9.37258 28 16H36C36 4.9543 27.0457 -4 16 -4V4ZM8 16C8 11.5817 11.5817 8 16 8V0C7.16344 0 0 7.16344 0 16H8ZM16 24C11.5817 24 8 20.4183 8 16H0C0 24.8366 7.16344 32 16 32V24ZM24 16C24 20.4183 20.4183 24 16 24V32C24.8366 32 32 24.8366 32 16H24ZM16 8C20.4183 8 24 11.5817 24 16H32C32 7.16344 24.8366 0 16 0V8Z" fill="white" mask="url(#path-2-inside-1)"/>
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 10L23.5 10L14.875 19H19L22 22H8.5L17.125 13H13L10 10Z" fill="white"/>
</svg>
</a>
@@ -79,12 +76,9 @@
</nav>
<nav id="nav" class="hidden p-10 pt-20 bg-black lg:flex lg:flex-col font-extralight site-nav">
- <a href="/" class="font-display">
+ <a href="/" class="block hover:opacity-80">
<svg width="32" height="32" viewBox="0 0 32 32" 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="M16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4Z"/>
- </mask>
- <path d="M4 16C4 9.37258 9.37258 4 16 4V-4C4.95431 -4 -4 4.95431 -4 16H4ZM16 28C9.37258 28 4 22.6274 4 16H-4C-4 27.0457 4.9543 36 16 36V28ZM28 16C28 22.6274 22.6274 28 16 28V36C27.0457 36 36 27.0457 36 16H28ZM16 4C22.6274 4 28 9.37258 28 16H36C36 4.9543 27.0457 -4 16 -4V4ZM8 16C8 11.5817 11.5817 8 16 8V0C7.16344 0 0 7.16344 0 16H8ZM16 24C11.5817 24 8 20.4183 8 16H0C0 24.8366 7.16344 32 16 32V24ZM24 16C24 20.4183 20.4183 24 16 24V32C24.8366 32 32 24.8366 32 16H24ZM16 8C20.4183 8 24 11.5817 24 16H32C32 7.16344 24.8366 0 16 0V8Z" fill="white" mask="url(#path-2-inside-1)"/>
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 10L23.5 10L14.875 19H19L22 22H8.5L17.125 13H13L10 10Z" fill="white"/>
</svg>
</a>
server/templates/updates.hbs 🔗
@@ -9,7 +9,7 @@
{{#each releases}}
<article id="{{name}}" class="mb-20">
<h1 class="mb-2 font-display font-extralight">{{name}}</h1>
- <a class="text-sm underline opacity-50 hover:opacity-80" href="/releases/{{tag_name}}/{{assets.0.name}}">Download</a>
+ <a class="text-sm underline opacity-60 hover:no-underline" href="/releases/{{tag_name}}/{{assets.0.name}}">Download</a>
<div class="mt-10 type-prose">
{{{body}}}
</div>