zed/server/templates/partials/layout.hbs

100 lines
5 KiB
Handlebars
Raw Normal View History

<html>
<head>
<link rel="icon" href="/static/images/favicon.png">
<link rel="stylesheet" href="/static/styles.css">
2021-09-15 18:47:50 +00:00
<title>Zed a lightning fast, collaborative code editor written natively in Rust</title>
<script>
window.addEventListener("DOMContentLoaded", function () {
let avatar = document.getElementById("avatar");
let sign_out = document.getElementById("sign_out");
if (avatar && sign_out) {
avatar.addEventListener("click", function (event) {
sign_out.classList.toggle("hidden");
event.stopPropagation();
});
document.addEventListener("click", function (event) {
sign_out.classList.add("hidden");
});
}
});
</script>
</head>
2021-09-16 19:01:50 +00:00
<body class="box-border font-body text-main font-light bg-black flex w-full h-full overflow-hidden">
<main class="container mx-auto max-w-screen-2xl flex text-gray-50">
<nav class="flex-initial flex flex-col w-1/5 p-10 pt-20 font-extralight border-r border-white">
<a href="/" class="font-display">
2021-09-16 19:01:50 +00:00
<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="M10 10L23.5 10L14.875 19H19L22 22H8.5L17.125 13H13L10 10Z" fill="white"/>
2021-09-15 18:47:50 +00:00
</svg>
2021-09-15 16:54:19 +00:00
</a>
2021-09-15 18:47:50 +00:00
<div class="font-mono flex flex-col mt-10">
2021-09-16 19:01:50 +00:00
<a href="/story" class="text-base lowercase no-underline hover:underline mt-2">
Our Story
2021-09-15 18:47:50 +00:00
</a>
2021-09-16 19:01:50 +00:00
<a href="/tech" class="text-base lowercase no-underline hover:underline mt-2">
The Tech
2021-09-15 18:47:50 +00:00
</a>
2021-09-16 19:01:50 +00:00
<a href="/team" class="text-base lowercase no-underline hover:underline mt-2">
2021-09-15 18:47:50 +00:00
Team
</a>
2021-09-16 19:01:50 +00:00
<a href="/community" class="text-base lowercase no-underline hover:underline mt-2">
2021-09-15 18:47:50 +00:00
Community
</a>
</div>
<!-- If user is logged in AND -->
<!-- If user is at least an insider -->
{{#if current_user}}
2021-09-15 18:47:50 +00:00
<div class="font-mono flex flex-col mt-10">
<p class="text-xs tracking-widest uppercase">Insider Zone</p>
2021-09-16 19:01:50 +00:00
<a href="/updates" class="text-base lowercase no-underline hover:underline mt-2">
2021-09-15 18:47:50 +00:00
Updates
</a>
2021-09-16 19:01:50 +00:00
<a href="/releases" class="text-base lowercase no-underline hover:underline mt-2">
2021-09-15 18:47:50 +00:00
Releases
</a>
</div>
<!-- AND If user is an admin -->
{{#if current_user.is_admin }}
2021-09-15 18:47:50 +00:00
<div class="font-mono flex flex-col mt-10">
2021-09-16 19:01:50 +00:00
<a href="/admin" class="text-base lowercase no-underline hover:underline mt-2">
2021-09-15 18:47:50 +00:00
Admin
</a>
</div>
{{/if}}
2021-09-15 18:47:50 +00:00
<div class="flex-1"></div>
<div class="relative">
2021-09-15 18:58:59 +00:00
<!-- TODO: Dropdown is linked to #avatar, just using it for now. Come back and clean up later -->
2021-09-16 19:01:50 +00:00
<p id="avatar" class="text-base lowercase no-underline hover:underline mt-2">@{{current_user.github_login}}</p>
<form id="sign_out" action="/sign_out" method="post"
2021-09-16 19:01:50 +00:00
class="hidden absolute mt-1 -top-10 left-0 bg-black border border-white text-center text-sm p-2 px-4 whitespace-nowrap">
<button class="hover:underline">Sign out</button>
</form>
</div>
2021-09-15 18:47:50 +00:00
{{else}}
2021-09-15 18:47:50 +00:00
<!-- Otherwise let user log in -->
<a href=" /sign_in"
class="text-sm align-middle p-1 px-2 rounded-md border border-gray-50 cursor-pointer hover:bg-gray-800">
Log in
</a>
{{/if}}
2021-09-15 18:47:50 +00:00
</nav>
2021-09-16 19:01:50 +00:00
<div class="flex-1 max-w-screen-xl overflow-y-auto">
2021-09-15 18:47:50 +00:00
{{> @partial-block}}
</div>
</main>
</body>
</html>