mirror of
https://github.com/hyzendust/hyzendust.github.io.git
synced 2026-07-01 07:22:17 +02:00
Update: subscribe button dropdown
This commit is contained in:
@@ -42,8 +42,8 @@
|
||||
<path d="M21 12.79A9 9 0 1 1 11.21 3a7 7 0 0 0 9.79 9.79z" />
|
||||
</svg>
|
||||
</button>
|
||||
<!-- Desktop: account + subscribe -->
|
||||
<div class="brand__auth brand__auth--desktop">
|
||||
<!-- Account button: visible on all screen sizes -->
|
||||
<div class="brand__auth">
|
||||
<input type="checkbox" id="auth-dropdown" class="brand__auth-check" />
|
||||
<label
|
||||
class="brand__auth-toggle"
|
||||
@@ -68,63 +68,26 @@
|
||||
<a href="/signup/" class="auth-link auth-link--signup">Sign Up</a>
|
||||
</div>
|
||||
</div>
|
||||
{{- $rssURL := "/index.xml" -}} {{- with .OutputFormats.Get "rss" -}} {{-
|
||||
$rssURL = .RelPermalink -}} {{- end -}}
|
||||
<a
|
||||
href="{{ $rssURL }}"
|
||||
class="rss-subscribe__link rss-subscribe__link--desktop"
|
||||
title="Subscribe via RSS"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
width="10"
|
||||
height="10"
|
||||
fill="currentColor"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<path
|
||||
d="M6.18 15.64a2.18 2.18 0 0 1 2.18 2.18C8.36 19.01 7.38 20 6.18 20C4.98 20 4 19.01 4 17.82a2.18 2.18 0 0 1 2.18-2.18M4 4.44A15.56 15.56 0 0 1 19.56 20h-2.83A12.73 12.73 0 0 0 4 7.27V4.44m0 5.66a9.9 9.9 0 0 1 9.9 9.9h-2.83A7.07 7.07 0 0 0 4 12.93V10.1z"
|
||||
/>
|
||||
</svg>
|
||||
<span>Subscribe</span>
|
||||
</a>
|
||||
<!-- Mobile: combined dropdown -->
|
||||
<div class="brand__mobile-menu">
|
||||
<input type="checkbox" id="mobile-menu-check" class="brand__mobile-check" />
|
||||
<label
|
||||
class="brand__mobile-toggle"
|
||||
for="mobile-menu-check"
|
||||
aria-label="Menu"
|
||||
>
|
||||
<!-- Subscribe dropdown -->
|
||||
<div class="rss-subscribe">
|
||||
<button class="rss-subscribe__btn" aria-label="Subscribe via RSS" title="Subscribe via RSS">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
width="17.46"
|
||||
height="17.46"
|
||||
width="10"
|
||||
height="10"
|
||||
fill="currentColor"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" />
|
||||
<path
|
||||
d="M6.18 15.64a2.18 2.18 0 0 1 2.18 2.18C8.36 19.01 7.38 20 6.18 20C4.98 20 4 19.01 4 17.82a2.18 2.18 0 0 1 2.18-2.18M4 4.44A15.56 15.56 0 0 1 19.56 20h-2.83A12.73 12.73 0 0 0 4 7.27V4.44m0 5.66a9.9 9.9 0 0 1 9.9 9.9h-2.83A7.07 7.07 0 0 0 4 12.93V10.1z"
|
||||
/>
|
||||
</svg>
|
||||
</label>
|
||||
<div class="brand__mobile-links">
|
||||
<a href="/login/" class="mobile-link">Login</a>
|
||||
<a href="/signup/" class="mobile-link">Sign Up</a>
|
||||
<a href="{{ $rssURL }}" class="mobile-link mobile-link--subscribe">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
width="12"
|
||||
height="12"
|
||||
fill="currentColor"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<path
|
||||
d="M6.18 15.64a2.18 2.18 0 0 1 2.18 2.18C8.36 19.01 7.38 20 6.18 20C4.98 20 4 19.01 4 17.82a2.18 2.18 0 0 1 2.18-2.18M4 4.44A15.56 15.56 0 0 1 19.56 20h-2.83A12.73 12.73 0 0 0 4 7.27V4.44m0 5.66a9.9 9.9 0 0 1 9.9 9.9h-2.83A7.07 7.07 0 0 0 4 12.93V10.1z"
|
||||
/>
|
||||
</svg>
|
||||
Subscribe
|
||||
</a>
|
||||
<span>Subscribe</span>
|
||||
</button>
|
||||
<div class="rss-subscribe__dropdown">
|
||||
<button class="rss-subscribe__item" data-rss-url="https://freedoms4.org/index.xml">All updates</button>
|
||||
<button class="rss-subscribe__item" data-rss-url="https://freedoms4.org/blog/index.xml">Blog posts</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user