mirror of
https://github.com/zed-industries/zed.git
synced 2024-10-26 16:37:58 +00:00
62 lines
2.2 KiB
Handlebars
62 lines
2.2 KiB
Handlebars
<html>
|
|
|
|
<head>
|
|
<link rel="icon" href="/static/images/favicon.png">
|
|
<link rel="stylesheet" href="/static/styles.css">
|
|
<title>Zed Industries</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>
|
|
|
|
<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">
|
|
<a href="/" class="font-display">
|
|
<span class="font-black">ZED</span><span class="font-light" style="padding-left: 1px">INDUSTRIES</span>
|
|
</a>
|
|
<div class="flex-1"></div>
|
|
<a href="/team" class="text-sm mr-4 hover:underline">
|
|
Team
|
|
</a>
|
|
{{#if current_user}}
|
|
{{#if current_user.is_admin }}
|
|
<a href="/admin" class="text-sm mr-4 hover:underline">
|
|
Admin
|
|
</a>
|
|
{{/if}}
|
|
<div class="relative">
|
|
<img id="avatar" src="{{current_user.avatar_url}}"
|
|
class="w-8 rounded-full border-gray-400 border cursor-pointer" />
|
|
<form id="sign_out" action="/sign_out" method="post"
|
|
class="hidden absolute mt-1 right-0 bg-black rounded border border-gray-400 text-center text-sm p-2 px-4 whitespace-nowrap">
|
|
<button class="hover:underline">Sign out</button>
|
|
</form>
|
|
</div>
|
|
{{else}}
|
|
<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}}
|
|
</div>
|
|
</div>
|
|
|
|
{{> @partial-block}}
|
|
</body>
|
|
|
|
</html> |