1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-17 09:29:08 +00:00

Fix all links in navbar and footer

This commit is contained in:
davegson 2020-05-08 20:29:22 +02:00
parent 6959a9ae3b
commit fb0e041f5d
3 changed files with 30 additions and 32 deletions

View file

@ -22,7 +22,7 @@ about_url: /about/
blog_url: /blog/
community_hub_url: /community-hub/
contact_url: /contact/
help_url: /help/
help_url: /support/
newsletter_url: /newsletter/
ownership_url: /ownership/
podcast_url: /podcast/
@ -45,6 +45,7 @@ github_url: https://github.com/Safing
kickstarter_url: https://www.kickstarter.com/projects/safingio/spn
reddit_url: https://reddit.com/r/safing
twitter_url: https://twitter.com/SafingIO
invidious_channel_url: https://invidio.us/channel/UC_6TW053IlS4M22g7CxnukA
### donations
donations:

View file

@ -16,44 +16,47 @@
<p class="text-white text-xl md:mb-6">Company</p>
<ul class="list-reset mb-6">
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="aboutus.html" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">About Us</a>
<a href="{{ site.about_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">About Us</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="team.html" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Team</a>
<a href="{{ site.team_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Team</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="finances.html" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Ownership</a>
<a href="{{ site.ownership_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Ownership</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="support.html" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Support</a>
<a href="{{ site.help_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Get Help</a>
</li>
</ul>
</div>
<div class="flex-1">
<p class="text-white text-xl md:mb-6">Podcast</p>
<p class="text-white text-xl md:mb-6">Technology</p>
<ul class="list-reset mb-6">
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="#" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Overview</a>
<a href="{{ site.portmaster_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Portmaster</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="#" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Itunes</a>
<a href="{{ site.spn_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">SPN</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="#" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">RSS</a>
<a href="{{ site.whitepaper_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Whitepaper</a>
</li>
</ul>
</div>
<div class="flex-1">
<p class="text-white text-xl md:mb-6">Resources</p>
<p class="text-white text-xl md:mb-6">Follow Us</p>
<ul class="list-reset mb-6">
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="#" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Technology</a>
<a href="{{ site.podcast_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Podcast</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="#" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Whitepaper</a>
<a href="{{ site.newsletter_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Newsletter</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="#" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Blog</a>
<a href="{{ site.invidious_channel_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Video Updates</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.blog_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Blog</a>
</li>
</ul>
</div>
@ -61,16 +64,13 @@
<p class="text-white text-xl md:mb-6">Social</p>
<ul class="list-reset mb-6">
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="#" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Github</a>
<a href="{{ site.reddit_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Reddit</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="#" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Twitter</a>
<a href="{{ site.github_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Github</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="#" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Reddit</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="#" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Newsletter</a>
<a href="{{ site.twitter_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Twitter</a>
</li>
</ul>
</div>
@ -78,13 +78,10 @@
<p class="text-white text-xl md:mb-6">Legal</p>
<ul class="list-reset mb-6">
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="#" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Terms</a>
<a href="{{ site.terms_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Terms of Service</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="#" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Privacy</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="#" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Contact & Legal</a>
<a href="{{ site.privacy_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Privacy Policy</a>
</li>
</ul>
</div>

View file

@ -1,6 +1,6 @@
<nav class="flex flex-wrap items-center bg-black px-10 py-6 fixed w-full z-50 lg:absolute">
<div class="flex-1 flex justify-between items-center">
<a href="index.html" class="flex items-center hover:opacity-50 transition duration-150 ease-in-out opacity-100">
<a href="{{ site.base_url }}" class="flex items-center hover:opacity-50 transition duration-150 ease-in-out opacity-100">
<svg class="spin 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">
<path fill="#fff" d="M176.11 36.73l-5-8.61a41.53 41.53 0 00-14.73 57.22l8.55-5.12a31.58 31.58 0 0111.19-43.49z" transform="translate(-127.99 .01)" style="isolation:isolate" fill="url(#a)" opacity=".8" />
@ -23,28 +23,28 @@
<nav>
<ul class="lg:flex items-center justify-between text-base text-gray-700 pt-4 lg:pt-0">
<li class="p-3 lg:p-0 text-white text-lg lg:text-sm">
<a href="/spn.html" class=" ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-50 transition duration-150 ease-in-out opacity-100">
<a href="{{ site.spn_url }}" class=" ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-50 transition duration-150 ease-in-out opacity-100">
SPN
</a>
</li>
<li class="p-3 lg:p-0 text-white text-lg lg:text-sm">
<a href="/portmaster.html" class="ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-50 transition duration-150 ease-in-out opacity-100">
<a href="{{ site.portmaster_url }}" class="ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-50 transition duration-150 ease-in-out opacity-100">
Portmaster
</a>
</li>
<li class="p-3 lg:p-0 text-white text-lg lg:text-sm">
<a href="/spn.html#Pricing" class="ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-50 transition duration-150 ease-in-out opacity-100">
<a href="{{ site.spn_url }}#pricing" class="ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-50 transition duration-150 ease-in-out opacity-100">
Pricing
</a>
</li>
<li class="p-3 lg:p-0 text-white text-lg lg:text-sm">
<a href="/aboutus.html" class=" ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-50 transition duration-150 ease-in-out opacity-100">
About Us
<a href="{{ site.about_url }}" class=" ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-50 transition duration-150 ease-in-out opacity-100">
About
</a>
</li>
<li class="p-3 lg:p-0 text-white text-lg lg:text-sm">
<a href="/support.html" class=" ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-50 transition duration-150 ease-in-out opacity-100">
Support
<a href="{{ site.help_url }}" class=" ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-50 transition duration-150 ease-in-out opacity-100">
Get Help
</a>
</li>
<li>