1<html>
2
3<head>
4 <link rel="icon" href="/static/images/favicon.png">
5 <link rel="stylesheet" href="/static/styles.css">
6 <title>Zed Industries</title>
7
8
9 <script>
10 window.addEventListener("DOMContentLoaded", function () {
11 let avatar = document.getElementById("avatar");
12 let sign_out = document.getElementById("sign_out");
13 if (avatar && sign_out) {
14 avatar.addEventListener("click", function (event) {
15 sign_out.classList.toggle("hidden");
16 event.stopPropagation();
17 });
18 document.addEventListener("click", function (event) {
19 sign_out.classList.add("hidden");
20 });
21 }
22 });
23 </script>
24</head>
25
26<body class="font-body bg-black">
27 <div class="text-lg text-gray-50">
28 <div class="container mx-auto flex flex-row items-center py-4 px-8 md:px-12 font-display">
29 <a href="/" class="font-display">
30 <span class="font-black">ZED</span><span class="font-light" style="padding-left: 1px">INDUSTRIES</span>
31 </a>
32 <div class="flex-1"></div>
33 <a href="/team" class="text-sm mr-4 hover:underline">
34 Team
35 </a>
36 {{#if current_user}}
37 {{#if current_user.is_admin }}
38 <a href="/admin" class="text-sm mr-4 hover:underline">
39 Admin
40 </a>
41 {{/if}}
42 <div class="relative">
43 <img id="avatar" src="{{current_user.avatar_url}}"
44 class="w-8 rounded-full border-gray-400 border cursor-pointer" />
45 <form id="sign_out" action="/sign_out" method="post"
46 class="hidden absolute mt-1 right-0 bg-black rounded border border-gray-400 text-center text-sm p-2 px-4 whitespace-nowrap">
47 <button class="hover:underline">Sign out</button>
48 </form>
49 </div>
50 {{else}}
51 <a href=" /sign_in"
52 class="text-sm align-middle p-1 px-2 rounded-md border border-gray-50 cursor-pointer hover:bg-gray-800">
53 Log in
54 </a>
55 {{/if}}
56 </div>
57 </div>
58
59 {{> @partial-block}}
60</body>
61
62</html>