Heavily customized version of smokesignal - https://whtwnd.com/kayrozen.com/3lpwe4ymowg2t
kayrozen.com
1<section class="section py-0">
2 <div class="container">
3 <nav class="navbar is-transparent" role="navigation" aria-label="main dropdown navigation">
4
5 <div class="navbar-brand">
6 <a class="navbar-item" href="/" hx-boost="true">
7 <img src="/static/logo-160x160.png" alt="{{ t("nav-logo-alt") }}" height="160" />
8 {{ t("nav-logo-alt") }}
9 </a>
10
11 <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false"
12 data-target="navbarMenuMain">
13 <span aria-hidden="true"></span>
14 <span aria-hidden="true"></span>
15 <span aria-hidden="true"></span>
16 <span aria-hidden="true"></span>
17 </a>
18 </div>
19
20 <div id="navbarMenuMain" class="navbar-menu">
21 <div class="navbar-start">
22 <a class="navbar-item" href="/" hx-boost="true">
23 {{ t("nav-home") }}
24 </a>
25 <!-- Replace the existing events nav item with a dropdown -->
26 <div class="navbar-item has-dropdown is-hoverable">
27 <a class="navbar-link">
28 <span class="icon">
29 <i class="fas fa-calendar"></i>
30 </span>
31 {{ t("nav-events-calendars") }}
32 </a>
33 <div class="navbar-dropdown">
34 <a class="navbar-item" href="/events" hx-boost="true">
35 <span class="icon">
36 <i class="fas fa-list"></i>
37 </span>
38 {{ t("nav-browse-events") }}
39 </a>
40 {% if current_handle %}
41 <hr class="navbar-divider">
42 <a class="navbar-item" href="/bookmark-calendars" hx-boost="true">
43 <span class="icon">
44 <i class="fas fa-bookmark"></i>
45 </span>
46 {{ t("nav-my-calendars") }}
47 </a>
48 <a class="navbar-item" href="/bookmarks" hx-boost="true">
49 <span class="icon">
50 <i class="fas fa-heart"></i>
51 </span>
52 {{ t("nav-all-bookmarks") }}
53 </a>
54 {% endif %}
55 </div>
56 </div>
57 <a class="navbar-item" href="https://docs.{{ base | replace('https://', '') | replace('http://', '') }}/">
58 {{ t("nav-help") }}
59 </a>
60 <a class="navbar-item" href="https://blog.{{ base | replace('https://', '') | replace('http://', '') }}/">
61 {{ t("nav-blog") }}
62 </a>
63 </div>
64
65 <div class="navbar-end">
66 <div class="navbar-item">
67 <div class="buttons">
68 {% if current_handle %}
69 <a class="button is-primary" href="/event" hx-boost="true">
70 <span class="icon">
71 <i class="fas fa-calendar-plus"></i>
72 </span>
73 <span>{{ t("nav-add-event") }}</span>
74 </a>
75 <a class="button is-link" href="/{{ current_handle.did }}" hx-boost="true">
76 <span class="icon">
77 <i class="fas fa-user"></i>
78 </span>
79 <span>{{ t("nav-your-profile") }}</span>
80 </a>
81 <a class="button is-danger is-light"
82 href="/logout">{{ t("nav-logout") }}</a>
83 {% else %}
84 <a class="button is-primary" href="/oauth/login" hx-boost="true">{{ t("nav-login") }}</a>
85 {% endif %}
86 </div>
87 </div>
88 </div>
89 </div>
90 </nav>
91 </div>
92</section>