Adds cool logo to cover page

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

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>

View File

@ -3,6 +3,8 @@
<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>
<div class="cover-link-container">

View File

@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<title>Security List 🔐</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<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">
@ -14,12 +14,24 @@
<div id="app"></div>
<script>
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',
onlyCover: true,
executeScript: true,
themeColor: '#151e3c',
name: '',
repo: ''
maxLevel: 3,
subMaxLevel: 2,
auto2top: true,
formatUpdated: '{DD}/{MM}/{YYYY} {HH}:{mm}',
mergeNavbar: true,
sidebar: [
{ slug: '/', title: 'HELLO WORLD' },
]
}
</script>
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>

949
lib/three.min.js vendored

File diff suppressed because one or more lines are too long

1
lib/vanta.min.js vendored

File diff suppressed because one or more lines are too long

BIN
main-icon-x512.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 166 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

View File

@ -14,8 +14,18 @@ section.cover.show {
#060b2b 85%) !important;
}
.cover-main {
margin-top: -80px !important;
@media (max-width: 820px) {
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 */
.cover-page {
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 */
@ -34,6 +50,7 @@ section.cover.show {
font-family: 'Cutive Mono', monospace;
color: #fff !important;
font-size: 4rem !important;
margin: 1rem auto !important;
}
/* Sub-Heading */
@ -41,6 +58,7 @@ section.cover.show {
font-family: 'Cutive Mono', monospace;
color: #fff !important;
font-size: 2rem !important;
margin: 1rem auto !important;
font-weight: 400;
}
@ -104,12 +122,30 @@ section.cover.show {
.github-star {
position: absolute;
top: 0.5rem;
right: 0.5rem;
right: 5rem;
width: 120px;
opacity: 0.85;
opacity: 0.8;
}
@media (max-width: 820px) {
.github-star {
left: 0.5rem;
width: 85px;
}
}
/* License Text */
footer.license {
position: absolute;
right: 0;
left: 0;
bottom: 0.2rem;
}
@media (max-width: 820px) {
footer.license {
position: relative;
}
}
footer.license span {
color: #434c8a;
bottom: 0;
@ -160,4 +196,3 @@ a.cover-link:after {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
transform: translateX(-50%) translateY(-50%) rotate(135deg);
}