Awesome-Mirrors/personal-security-checklist
1
0
Fork 0
mirror of https://github.com/Lissy93/personal-security-checklist.git synced 2025-01-11 15:19:30 -05:00
Code Issues Packages Projects Releases Wiki Activity

Adds cool logo to cover page

Browse Source
This commit is contained in:
Alicia Sykes 2020-04-08 18:04:53 +01:00
parent b6fa3f2607
commit 4bc1cea15d
8 changed files with 85 additions and 960 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
_404.html Normal file
View File

@ -0,0 +1,26 @@
<section class="not-found-page">
<h1>404</h1>
<h2>The page you requested could not be found :(</h2>
<a href="/">
Return to Home
</a>
<footer class="license">
<span>© <a href="https://aliciasykes.com">Alicia Sykes</a> 2020, Licensed under <a href="/#/LICENSE">CC YY 4.0</a></span>
</footer>
<a href="https://github.com/Lissy93/personal-security-checklist">
<img
class="github-star"
alt="GitHub stars"
src="https://img.shields.io/github/stars/Lissy93/personal-security-checklist?style=social"
>
</a>
</section>

2
_coverpage.html
View File

@ -3,6 +3,8 @@
<h1>Security List</h1> <h1>Security List</h1>
<img class="cover-image" src="/security-list-icon_white.png" width="200" />
<h2>Curated lists of tools, tips and resources for protecting digital security and privacy</h2> <h2>Curated lists of tools, tips and resources for protecting digital security and privacy</h2>
<div class="cover-link-container"> <div class="cover-link-container">

20
index.html
View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Document</title> <title>Security List 🔐</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="Description"> <meta name="description" content="Description">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
@ -14,12 +14,24 @@
<div id="app"></div> <div id="app"></div>
<script> <script>
window.$docsify = { window.$docsify = {
name: 'Security List',
repo: 'https://github.com/Lissy93/personal-security-checklist',
logo: '/main-icon-x512.png',
themeColor: '#060b2b',
notFoundPage: '_404.html',
coverpage: '_coverpage.html', coverpage: '_coverpage.html',
onlyCover: true, onlyCover: true,
executeScript: true, executeScript: true,
themeColor: '#151e3c', maxLevel: 3,
name: '', subMaxLevel: 2,
repo: '' auto2top: true,
formatUpdated: '{DD}/{MM}/{YYYY} {HH}:{mm}',
mergeNavbar: true,
sidebar: [
{ slug: '/', title: 'HELLO WORLD' },
]
} }
</script> </script>
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script> <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>

949
lib/three.min.js vendored
View File

File diff suppressed because one or more lines are too long

1
lib/vanta.min.js vendored
View File

File diff suppressed because one or more lines are too long

BIN
main-icon-x512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 166 KiB

BIN
security-list-icon_white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 118 KiB

47
styles.css
View File

@ -14,8 +14,18 @@ section.cover.show {
#060b2b 85%) !important; #060b2b 85%) !important;
} }
.cover-main { @media (max-width: 820px) {
margin-top: -80px !important; section.cover.show {
height: auto !important;
}
}
/***************************************************/
/******* OVERIDE DOCSIFY ELEMENTS - SIDE BAR *******/
/***************************************************/
.app-name-link img {
max-width: 140px !important;
} }
@ -26,7 +36,13 @@ section.cover.show {
/* Container, for cover page elements */ /* Container, for cover page elements */
.cover-page { .cover-page {
max-width: 1000px !important; max-width: 1000px !important;
margin: 0 auto !important; margin: 3rem auto !important;
}
/* Main Image for Cover Page */
img.cover-image {
width: 200px;
height: 200px;
} }
/* Main Heading */ /* Main Heading */
@ -34,6 +50,7 @@ section.cover.show {
font-family: 'Cutive Mono', monospace; font-family: 'Cutive Mono', monospace;
color: #fff !important; color: #fff !important;
font-size: 4rem !important; font-size: 4rem !important;
margin: 1rem auto !important;
} }
/* Sub-Heading */ /* Sub-Heading */
@ -41,6 +58,7 @@ section.cover.show {
font-family: 'Cutive Mono', monospace; font-family: 'Cutive Mono', monospace;
color: #fff !important; color: #fff !important;
font-size: 2rem !important; font-size: 2rem !important;
margin: 1rem auto !important;
font-weight: 400; font-weight: 400;
} }
@ -104,12 +122,30 @@ section.cover.show {
.github-star { .github-star {
position: absolute; position: absolute;
top: 0.5rem; top: 0.5rem;
right: 0.5rem; right: 5rem;
width: 120px; width: 120px;
opacity: 0.85; opacity: 0.8;
}
@media (max-width: 820px) {
.github-star {
left: 0.5rem;
width: 85px;
}
} }
/* License Text */ /* License Text */
footer.license {
position: absolute;
right: 0;
left: 0;
bottom: 0.2rem;
}
@media (max-width: 820px) {
footer.license {
position: relative;
}
}
footer.license span { footer.license span {
color: #434c8a; color: #434c8a;
bottom: 0; bottom: 0;
@ -160,4 +196,3 @@ a.cover-link:after {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
transform: translateX(-50%) translateY(-50%) rotate(135deg); transform: translateX(-50%) translateY(-50%) rotate(135deg);
} }