Key the nav bar

This commit is contained in:
djoate
2019-11-23 19:22:54 -05:00
parent 2f76b467e3
commit 2688f16fbb
2 changed files with 196 additions and 91 deletions

View File

@ -1,7 +1,7 @@
<nav class="fixed-top bg-dark"> <nav class="fixed-top bg-dark">
<div id="navbar" class="d-flex flex-wrap justify-content-between align-items-center"> <div id="navbar" class="d-flex flex-wrap justify-content-between align-items-center">
<div class="w-50"> <div class="w-50">
<a id="nav-home-mobile" class="nav-anchor" href="/index.html"> <a id="nav-home-mobile" class="nav-anchor" href={{"/index.html" | translate_page}}>
<img src="/assets/img/layout/logo_smaller.png" width="150px" /> <img src="/assets/img/layout/logo_smaller.png" width="150px" />
</a> </a>
</div> </div>
@ -10,7 +10,7 @@
<div class="menu w-100"> <div class="menu w-100">
<div id="nav-left" class="position-relative flex-col"> <div id="nav-left" class="position-relative flex-col">
<a class="nav-anchor" href="/index.html"> <a class="nav-anchor" href={{"/index.html" | translate_page}}>
<span id="nav-home" class="fas fa-home fa-fw"></span> <span id="nav-home" class="fas fa-home fa-fw"></span>
</a> </a>
@ -18,21 +18,21 @@
<details class="nav-details"> <details class="nav-details">
<summary> <summary>
<span class="nav-summary"> <span class="nav-summary">
Provider {% t Provider %}
<span class="dropdown-toggle"></span> <span class="dropdown-toggle"></span>
</span> </span>
</summary> </summary>
<span class="nav-dropdown"> <span class="nav-dropdown">
<a class="dropdown-item" href="/providers/#ukusa"><span class="fas fa-user-secret fa-fw"></span> Avoid US & UK services</a> <a class="dropdown-item" href={{"/providers/#ukusa" | translate_page}}><span class="fas fa-user-secret fa-fw"></span> {% t Avoid US & UK services %}</a>
<a class="dropdown-item" href="/providers/cloud-storage/"><span class="fas fa-cloud fa-fw"></span> Cloud Storage</a> <a class="dropdown-item" href={{"/providers/cloud-storage/" | translate_page}}><span class="fas fa-cloud fa-fw"></span> {% t Cloud Storage %}</a>
<a class="dropdown-item" href="/providers/dns/"><span class="fa fa-tasks fa-fw"></span> DNS</a> <a class="dropdown-item" href={{"/providers/dns/" | translate_page}}><span class="fa fa-tasks fa-fw"></span> {% t DNS %}</a>
<a class="dropdown-item" href="/providers/email/"><span class="fas fa-mail-bulk fa-fw"></span> Email</a> <a class="dropdown-item" href={{"/providers/email/" | translate_page}}><span class="fas fa-mail-bulk fa-fw"></span> {% t Email %}</a>
<a class="dropdown-item" href="/providers/hosting/"><span class="fas fa-database fa-fw"></span> Hosting</a> <a class="dropdown-item" href={{"/providers/hosting/" | translate_page}}><span class="fas fa-database fa-fw"></span> {% t Hosting %}</a>
<a class="dropdown-item" href="/providers/paste/"><span class="fas fa-paste fa-fw"></span> Pastebins</a> <a class="dropdown-item" href={{"/providers/paste/" | translate_page}}><span class="fas fa-paste fa-fw"></span> {% t Pastebins %}</a>
<a class="dropdown-item" href="/providers/search-engines/"><span class="fas fa-search fa-fw"></span> Search Engines</a> <a class="dropdown-item" href={{"/providers/search-engines/" | translate_page}}><span class="fas fa-search fa-fw"></span> {% t Search Engines %}</a>
<a class="dropdown-item" href="/providers/social-networks/"><span class="fas fa-expand-arrows-alt fa-fw"></span> Social Networks</a> <a class="dropdown-item" href={{"/providers/social-networks/" | translate_page}}><span class="fas fa-expand-arrows-alt fa-fw"></span> {% t Social Networks %}</a>
<a class="dropdown-item" href="/providers/social-news-aggregator/"><span class="far fa-newspaper fa-fw"></span> Social News Aggregators</a> <a class="dropdown-item" href={{"/providers/social-news-aggregator/" | translate_page}}><span class="far fa-newspaper fa-fw"></span> {% t Social News Aggregators %}</a>
<a class="dropdown-item" href="/providers/vpn/"><span class="far fa-eye-slash fa-fw"></span> VPN</a> <a class="dropdown-item" href={{"/providers/vpn/" | translate_page}}><span class="far fa-eye-slash fa-fw"></span> {% t VPN %}</a>
</span> </span>
</details> </details>
@ -40,16 +40,16 @@
<details class="nav-details"> <details class="nav-details">
<summary> <summary>
<span class="nav-summary"> <span class="nav-summary">
Browser {% t Browser %}
<span class="dropdown-toggle"></span> <span class="dropdown-toggle"></span>
</span> </span>
</summary> </summary>
<span class="nav-dropdown"> <span class="nav-dropdown">
<a class="dropdown-item" href="/browsers/#browser"><span class="fas fa-check fa-fw"></span> Recommendation</a> <a class="dropdown-item" href={{"/browsers/#browser" | translate_page}}><span class="fas fa-check fa-fw"></span> {% t Recommendation %}</a>
<a class="dropdown-item" href="/browsers/#fingerprint"><span class="fas fa-fingerprint fa-fw"></span> Fingerprinting Info</a> <a class="dropdown-item" href={{"/browsers/#fingerprint" | translate_page}}><span class="fas fa-fingerprint fa-fw"></span> {% t Fingerprinting Info %}</a>
<a class="dropdown-item" href="/browsers/#webrtc"><span class="far fa-eye fa-fw"></span> WebRTC IP Leak</a> <a class="dropdown-item" href={{"/browsers/#webrtc" | translate_page}}><span class="far fa-eye fa-fw"></span> {% t WebRTC IP Leak %}</a>
<a class="dropdown-item" href="/browsers/#addons"><span class="far fa-list-alt fa-fw"></span> Browser Add-ons</a> <a class="dropdown-item" href={{"/browsers/#addons" | translate_page}}><span class="far fa-list-alt fa-fw"></span> {% t Browser Add-ons %}</a>
<a class="dropdown-item" href="/browsers/#about_config"><span class="fas fa-wrench fa-fw"></span> Firefox Tweaks</a> <a class="dropdown-item" href={{"/browsers/#about_config" | translate_page}}><span class="fas fa-wrench fa-fw"></span> {% t Firefox Tweaks %}</a>
</span> </span>
</details> </details>
@ -57,24 +57,24 @@
<details class="nav-details"> <details class="nav-details">
<summary> <summary>
<span class="nav-summary"> <span class="nav-summary">
Software {% t Software %}
<span class="dropdown-toggle"></span> <span class="dropdown-toggle"></span>
</span> </span>
</summary> </summary>
<span class="nav-dropdown"> <span class="nav-dropdown">
<a class="dropdown-item" href="/software/calendar-contacts/"><span class="fas fa-calendar fa-fw"></span> Calendar/Contacts Sync Tools</a> <a class="dropdown-item" href={{"/software/calendar-contacts/" | translate_page}}><span class="fas fa-calendar fa-fw"></span> {% t Calendar/Contacts Sync Tools %}</a>
<a class="dropdown-item" href="/software/notebooks/"><span class="far fa-sticky-note fa-fw"></span> Digital Notebook</a> <a class="dropdown-item" href={{"/software/notebooks/" | translate_page}}><span class="far fa-sticky-note fa-fw"></span> {% t Digital Notebook %}</a>
<a class="dropdown-item" href="/software/email/#messaging"><span class="fas fa-random fa-fw"></span> Email Alternatives</a> <a class="dropdown-item" href={{"/software/email/#messaging" | translate_page}}><span class="fas fa-random fa-fw"></span> {% t Email Alternatives %}</a>
<a class="dropdown-item" href="/software/email/"><span class="fas fa-envelope fa-fw"></span> Email Clients</a> <a class="dropdown-item" href={{"/software/email/" | translate_page}}><span class="fas fa-envelope fa-fw"></span> {% t Email Clients %}</a>
<a class="dropdown-item" href="/software/encryption-tools/"><span class="fas fa-lock fa-fw"></span> File Encryption</a> <a class="dropdown-item" href={{"/software/encryption-tools/" | translate_page}}><span class="fas fa-lock fa-fw"></span> {% t File Encryption %}</a>
<a class="dropdown-item" href="/software/file-sharing/"><span class="fas fa-file-export fa-fw"></span> File Sharing</a> <a class="dropdown-item" href={{"/software/file-sharing/" | translate_page}}><span class="fas fa-file-export fa-fw"></span> {% t File Sharing %}</a>
<a class="dropdown-item" href="/software/file-sync/"><span class="fas fa-copy fa-fw"></span> File Sync</a> <a class="dropdown-item" href={{"/software/file-sync/" | translate_page}}><span class="fas fa-copy fa-fw"></span> {% t File Sync %}</a>
<a class="dropdown-item" href="/software/productivity/#metadata-removal-tools"><span class="far fa-eye-slash fa-fw"></span> Metadata Removal Tools</a> <a class="dropdown-item" href={{"/software/productivity/#metadata-removal-tools" | translate_page}}><span class="far fa-eye-slash fa-fw"></span> {% t Metadata Removal Tools %}</a>
<a class="dropdown-item" href="/software/passwords/"><span class="fas fa-user-lock fa-fw"></span> Password Manager</a> <a class="dropdown-item" href={{"/software/passwords/" | translate_page}}><span class="fas fa-user-lock fa-fw"></span> {% t Password Manager %}</a>
<a class="dropdown-item" href="/software/productivity/"><span class="fas fa-briefcase fa-fw"></span> Productivity Tools</a> <a class="dropdown-item" href={{"/software/productivity/" | translate_page}}><span class="fas fa-briefcase fa-fw"></span> {% t Productivity Tools %}</a>
<a class="dropdown-item" href="/software/real-time-communication/"><span class="fas fa-comments fa-fw"></span> Real-Time Communication</a> <a class="dropdown-item" href={{"/software/real-time-communication/" | translate_page}}><span class="fas fa-comments fa-fw"></span> {% t Real-Time Communication %}</a>
<a class="dropdown-item" href="/software/networks/"><span class="fas fa-user-secret fa-fw"></span> Self-contained Networks</a> <a class="dropdown-item" href={{"/software/networks/" | translate_page}}><span class="fas fa-user-secret fa-fw"></span> {% t Self-contained Networks %}</a>
<a class="dropdown-item" href="/software/cloud/"><span class="fas fa-hdd fa-fw"></span> Self-Hosted Cloud Server</a> <a class="dropdown-item" href={{"/software/cloud/" | translate_page}}><span class="fas fa-hdd fa-fw"></span> {% t Self-Hosted Cloud Server %}</a>
</span> </span>
</details> </details>
@ -82,48 +82,48 @@
<details class="nav-details"> <details class="nav-details">
<summary> <summary>
<span class="nav-summary"> <span class="nav-summary">
OS {% t OS %}
<span class="dropdown-toggle"></span> <span class="dropdown-toggle"></span>
</span> </span>
</summary> </summary>
<span class="nav-dropdown"> <span class="nav-dropdown">
<a class="dropdown-item" href="/operating-systems/#os"><span class="fas fa-th-large fa-fw"></span> PC OS</a> <a class="dropdown-item" href={{"/operating-systems/#os" | translate_page}}><span class="fas fa-th-large fa-fw"></span> {% t PC OS %}</a>
<a class="dropdown-item" href="/operating-systems/#live_os"><span class="fas fa-compact-disc fa-fw"></span> Live CD OS</a> <a class="dropdown-item" href={{"/operating-systems/#live_os" | translate_page}}><span class="fas fa-compact-disc fa-fw"></span> {% t Live CD OS %}</a>
<a class="dropdown-item" href="/operating-systems/#mobile_os"><span class="fas fa-mobile-alt fa-fw"></span> Mobile OS</a> <a class="dropdown-item" href={{"/operating-systems/#mobile_os" | translate_page}}><span class="fas fa-mobile-alt fa-fw"></span> {% t Mobile OS %}</a>
<a class="dropdown-item" href="/operating-systems/#aaddons"><span class="fas fa-th fa-fw"></span> Android Privacy Add-ons</a> <a class="dropdown-item" href={{"/operating-systems/#aaddons" | translate_page}}><span class="fas fa-th fa-fw"></span> {% t Android Privacy Add-ons %}</a>
<a class="dropdown-item" href="/operating-systems/#firmware"><span class="fas fa-signal fa-fw"></span> Router Firmware</a> <a class="dropdown-item" href={{"/operating-systems/#firmware" | translate_page}}><span class="fas fa-signal fa-fw"></span> {% t Router Firmware %}</a>
<a class="dropdown-item" href="/operating-systems/#win10"><span class="far fa-thumbs-down fa-fw"></span> Don't use Windows 10</a> <a class="dropdown-item" href={{"/operating-systems/#win10" | translate_page}}><span class="far fa-thumbs-down fa-fw"></span> {% t Don't use Windows 10 %}</a>
</span> </span>
</details> </details>
<a class="nav-anchor" href="/index.html#participate">Participate</a> <a class="nav-anchor" href={{"/index.html#participate" | translate_page}}>{% t Participate %}</a>
</div> </div>
<!-- Language --> <!-- Language -->
<div id="nav-right"> <div id="nav-right">
<a href="/services/" class="nav-anchor"> <a href={{"/services/" | translate_page}} class="nav-anchor">
Services {% t Services %}
</a> </a>
<a href="https://blog.privacytools.io/" class="nav-anchor"> <a href="https://blog.privacytools.io/" class="nav-anchor">
Blog {% t Blog %}
</a> </a>
<a href="/sponsors/" class="nav-anchor"> <a href={{"/sponsors/" | translate_page}} class="nav-anchor">
Sponsors {% t Sponsors %}
</a> </a>
<a href="/about/" class="nav-anchor"> <a href={{"/about/" | translate_page}} class="nav-anchor">
About Us {% t About Us %}
</a> </a>
<span id="nav-switch-theme" class="nav-anchor"> <span id="nav-switch-theme" class="nav-anchor">
<span class="nav-theme-icon fas fa-fw" aria-hidden="true" title="Theme"></span> <span class="nav-theme-icon fas fa-fw" aria-hidden="true" title="{% t Theme %}"></span>
<span class="sr-only">Toggle Theme</span> <span class="sr-only">{% t Toggle Theme %}</span>
</span> </span>
<details class="nav-details"> <details class="nav-details">
<summary> <summary>
<span class="nav-summary"> <span class="nav-summary">
<span class="fas fa-language text-danger fa-fw" aria-hidden="true" title="Language"></span> <span class="fas fa-language text-danger fa-fw" aria-hidden="true" title="{% t Language %}"></span>
<span class="sr-only">Language Selection</span> <span class="sr-only">{% t Language Selection %}</span>
<span class="dropdown-toggle"></span> <span class="dropdown-toggle"></span>
</span> </span>
</summary> </summary>

View File

@ -1,10 +1,4 @@
--- ---
Web_Browsers: |
Web Browsers
These_are_our_current_web_browser_recommendations_and_some_tweaks_you_can_use_to_preserve_your_privac: |
These are our current web browser recommendations and some tweaks you can use to preserve your privacy.
Providers: | Providers: |
Providers Providers
@ -17,6 +11,147 @@ Cloud_Storage: |
Find_a_cloud_storage_provider_that_wont_look_through_your_files.: | Find_a_cloud_storage_provider_that_wont_look_through_your_files.: |
Find a cloud storage provider that won't look through your files. Find a cloud storage provider that won't look through your files.
Provider: |
Provider
Avoid_US__UK_services: |
Avoid US & UK services
DNS: |
DNS
Email: |
Email
Hosting: |
Hosting
Pastebins: |
Pastebins
Search_Engines: |
Search Engines
Social_Networks: |
Social Networks
Social_News_Aggregators: |
Social News Aggregators
VPN: |
VPN
Browser: |
Browser
Recommendation: |
Recommendation
Fingerprinting_Info: |
Fingerprinting Info
WebRTC_IP_Leak: |
WebRTC IP Leak
Browser_Addons: |
Browser Add-ons
Firefox_Tweaks: |
Firefox Tweaks
Software: |
Software
CalendarContacts_Sync_Tools: |
Calendar/Contacts Sync Tools
Digital_Notebook: |
Digital Notebook
Email_Alternatives: |
Email Alternatives
Email_Clients: |
Email Clients
File_Encryption: |
File Encryption
File_Sharing: |
File Sharing
File_Sync: |
File Sync
Metadata_Removal_Tools: |
Metadata Removal Tools
Password_Manager: |
Password Manager
Productivity_Tools: |
Productivity Tools
RealTime_Communication: |
Real-Time Communication
Selfcontained_Networks: |
Self-contained Networks
SelfHosted_Cloud_Server: |
Self-Hosted Cloud Server
OS: |
OS
PC_OS: |
PC OS
Live_CD_OS: |
Live CD OS
Mobile_OS: |
Mobile OS
Android_Privacy_Addons: |
Android Privacy Add-ons
Router_Firmware: |
Router Firmware
Dont_use_Windows_10: |
Don't use Windows 10
Participate: |
Participate
Services: |
Services
Blog: |
Blog
Sponsors: |
Sponsors
About_Us: |
About Us
Theme: |
Theme
Toggle_Theme: |
Toggle Theme
Language: |
Language
Language_Selection: |
Language Selection
Spread_the_word_and_help_your_friends: |
Spread the word and help your friends
Firefox: | Firefox: |
Firefox Firefox
@ -773,12 +908,12 @@ Discover_privacycentric_online_services_including_email_providers_VPN_operators_
Learn_More: | Learn_More: |
Learn More Learn More
Web_Browsers: |
Web Browsers
Find_a_web_browser_that_respects_your_privacy_and_discover_how_to_harden_your_browser_against_tracki: | Find_a_web_browser_that_respects_your_privacy_and_discover_how_to_harden_your_browser_against_tracki: |
Find a web browser that respects your privacy, and discover how to harden your browser against tracking and leaks. Find a web browser that respects your privacy, and discover how to harden your browser against tracking and leaks.
Software: |
Software
Discover_a_variety_of_open_source_software_built_to_protect_your_privacy_and_keep_your_digital_data_s: | Discover_a_variety_of_open_source_software_built_to_protect_your_privacy_and_keep_your_digital_data_s: |
Discover a variety of open source software built to protect your privacy and keep your digital data secure. Discover a variety of open source software built to protect your privacy and keep your digital data secure.
@ -800,9 +935,6 @@ Donate: |
We_cant_operate_this_site_without_the_generous_contributions_we_receive_from_our_viewers._If_you_lov: | We_cant_operate_this_site_without_the_generous_contributions_we_receive_from_our_viewers._If_you_lov: |
We can't operate this site without the generous contributions we receive from our viewers. If you love privacy and our website please consider donating. We can't operate this site without the generous contributions we receive from our viewers. If you love privacy and our website please consider donating.
Sponsors: |
Sponsors
New!: | New!: |
New! New!
@ -1862,36 +1994,9 @@ httpsplay.google.comstoreappsdetails?idcom.lesspass.android: |
httpsplay.google.comstoreappsdetails?idcom.abunchtell.writeas: | httpsplay.google.comstoreappsdetails?idcom.abunchtell.writeas: |
https://play.google.com/store/apps/details?id=com.abunchtell.writeas https://play.google.com/store/apps/details?id=com.abunchtell.writeas
Services: |
Services
Click_on_whatever_service_you_need_to_view_our_recommendations.: | Click_on_whatever_service_you_need_to_view_our_recommendations.: |
Click on whatever service you need to view our recommendations. Click on whatever service you need to view our recommendations.
DNS: |
DNS
Email: |
Email
Hosting: |
Hosting
Pastebins: |
Pastebins
Search_Engines: |
Search Engines
Social_Networks: |
Social Networks
Social_News_Aggregators: |
Social News Aggregators
VPN: |
VPN
httpsplay.google.comstoreappsdetails?idorg.thoughtcrime.securesms: | httpsplay.google.comstoreappsdetails?idorg.thoughtcrime.securesms: |
https://play.google.com/store/apps/details?id=org.thoughtcrime.securesms https://play.google.com/store/apps/details?id=org.thoughtcrime.securesms