mirror of
https://github.com/Lissy93/personal-security-checklist.git
synced 2024-10-01 01:35:37 -04:00
Adds navbar, implements search, build some fail-overs
This commit is contained in:
parent
4bc1cea15d
commit
924cafa0a3
4
_navbar.md
Normal file
4
_navbar.md
Normal 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)
|
20
index.html
20
index.html
@ -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>
|
||||
|
35
styles.css
35
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 *******/
|
||||
|
Loading…
Reference in New Issue
Block a user