vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-09-01 02:29:02 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update navbar styling

Browse source
This commit is contained in:
Luke Seers 2022-10-12 13:10:27 +02:00
parent b0057cc34c
commit fdf3bc759a
1 changed files with 43 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
_includes/nav.html
View file

@ -1,6 +1,6 @@
<nav class="nav">
<div class="nav-left">
<a href="{{ site.base_url }}" class="nav-logo-wrapper">
<div class="nav-left space-x-3">
<a href="{{ site.base_url }}" class=" nav-logo-wrapper z-50">
<!-- turn this into a font icon -->
<svg class="h-6 w-auto mr-4" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 128 128">
<g data-name="Main" fill-rule="evenodd">
@ -21,21 +21,26 @@
</svg>
</label>
<input class="nav-toggle-burger" id="nav-toggle-visable" type="checkbox">
<div class="nav-right">
<div class="nav-center">
<div class="nav-right-links">
<a href="{{ site.portmaster_url }}" class="nav-link"> Download </a>
<a href="{{ site.spn_url }}" class="nav-link"> SPN </a>
<a href="{{ site.docs_url }}" class="nav-link"> Docs </a>
<a href="{{ site.github_url }}/portmaster/" class="nav-link"> Source Code </a>
<a href="{{ site.about_url }}" class="nav-link"> About </a>
<a href="{{ site.next_page_url }}" class="nav-link"> What's Next </a>
<a href="{{ site.help_url }}" class="nav-link"> Get Help </a>
{% assign currentUrl = page.url | remove: "/" %}
<a href="{{ site.download_url }}" class="nav-link {% if currentUrl == "download" %}selected{% endif %}"> Download </a>
<a href="{{ site.features_url }}" class="nav-link {% if currentUrl == "features" %}selected{% endif %}"> Features </a>
<a href="{{ site.pricing_url }}" class="nav-link {% if currentUrl == "pricing" %}selected{% endif %}"> Pricing </a>
<a href="{{ site.spn_url }}" class="nav-link {% if currentUrl == "spn" %}selected{% endif %}"> SPN </a>
<a target="_blank" href="{{ site.docs_url }}" class="nav-link"> Docs </a>
</div>
<div class="nav-right-actions">
<a href="{{ site.account_server_url }}account/sign_in" class="nav-link"> Sign In </a>
<a href="{{ site.account_server_url }}account/sign_up" class="btn-primary justify-center"> Sign Up </a>
<div class="element-x-center-max space-x-3 items-center flex lg:hidden xl:flex">
<a target="_blank" href="{{ site.discord_url }}" class="hover-opacity-out"> <i class="icon-discord text-sm"></i> </a>
<a target="_blank" href="{{ site.youtube_channel_url }}" class="hover-opacity-out"> <i class="icon-youtube text-lg"></i> </a>
<a target="_blank" href="{{ site.twitter_url }}" class="hover-opacity-out"> <i class="icon-twitter text-sm"></i> </a>
<a target="_blank" href="{{ site.github_url }}" class="hover-opacity-out"> <i class="icon-github text-md"></i> </a>
</div>
<div class="vertical-line hidden xl:block"></div>
<a href="{{ site.account_server_url }}account/sign_up" class="nav-link"> Sign Up </a>
<a href="{{ site.account_server_url }}account/sign_in" class="btn-primary justify-center"> Sign In </a>
</div>
</div>
</nav>
<div class="horizontal-line"></div>