From 924cafa0a338d9faff159e048dd0342b4d549e7b Mon Sep 17 00:00:00 2001 From: Alicia Sykes Date: Wed, 8 Apr 2020 19:09:52 +0100 Subject: [PATCH] Adds navbar, implements search, build some fail-overs --- _navbar.md | 4 ++++ index.html | 20 +++++++++++++------- styles.css | 35 +++++++++++++++++++++++++++++++++++ 3 files changed, 52 insertions(+), 7 deletions(-) create mode 100644 _navbar.md diff --git a/_navbar.md b/_navbar.md new file mode 100644 index 0000000..204f960 --- /dev/null +++ b/_navbar.md @@ -0,0 +1,4 @@ +* [Security Checklist](/README) +* [Privacy-Respecting Software](/5_Privacy_Respecting_Software) +* [Security Hardware](/6_Privacy_and-Security_Gadgets) +* [Awesome Security Links](/4_Privacy_And_Security_Links) \ No newline at end of file diff --git a/index.html b/index.html index 55ac08d..73736fa 100644 --- a/index.html +++ b/index.html @@ -9,6 +9,9 @@ +
@@ -16,10 +19,11 @@ window.$docsify = { name: 'Security List', repo: 'https://github.com/Lissy93/personal-security-checklist', - logo: '/main-icon-x512.png', + // logo: '/main-icon-x512.png', themeColor: '#060b2b', notFoundPage: '_404.html', coverpage: '_coverpage.html', + loadNavbar: true, onlyCover: true, executeScript: true, maxLevel: 3, @@ -27,14 +31,16 @@ auto2top: true, formatUpdated: '{DD}/{MM}/{YYYY} {HH}:{mm}', mergeNavbar: true, - sidebar: [ - { slug: '/', title: 'HELLO WORLD' }, - ] - - + search: { + depth: 5, + paths: [ + '/', '0_Why_It_Matters', '2_TLDR_Short_List', '4_Privacy_And_Security_Links', + '5_Privacy_Respecting_Software', '6_Privacy_and-Security_Gadgets', 'ATTRIBUTIONS', 'LICENSE', 'README' + ], + } } - + diff --git a/styles.css b/styles.css index 33c62bd..3d5f1dd 100644 --- a/styles.css +++ b/styles.css @@ -28,6 +28,41 @@ section.cover.show { max-width: 140px !important; } +/******************************************************/ +/******* OVERIDE DOCSIFY ELEMENTS - TOP NAV BAR *******/ +/******************************************************/ + +nav.app-nav { + width: calc(100% - 300px); + right: 1rem !important; +} + +nav.app-nav li { + padding: 0 !important; + display: inline-block !important; + margin: 0 0.3rem 1rem 0 !important; +} + +nav.app-nav a { + background: none; + box-sizing: border-box; + padding: 0.3rem; + border: 2px solid #060b2b; + border-radius: 3px; +} + +nav.app-nav a.active, nav.app-nav a:active, nav.app-nav a:hover { + background: #060b2b !important; + color: #fff; +} + +@media (max-width: 820px) { + nav.app-nav { display: none; } +} + +a.github-corner { + max-width: 80px; +} /********************************************/ /******* CUSTOM ELEMENTS - COVER-PAGE *******/