Adds navbar, implements search, build some fail-overs

This commit is contained in:
Alicia Sykes 2020-04-08 19:09:52 +01:00
parent 4bc1cea15d
commit 924cafa0a3
3 changed files with 52 additions and 7 deletions

4
_navbar.md Normal file
View File

@ -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)

View File

@ -9,6 +9,9 @@
<link href="https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap" rel="stylesheet">
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
<link rel="stylesheet" href="/styles.css">
<style type="text/css">
a.github-corner svg { max-width: 80px; }
</style>
</head>
<body>
<div id="app"></div>
@ -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'
],
}
}
</script>
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
</body>
</html>

View File

@ -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 *******/