jekyll-theme-dusk 0.0.1 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/LICENSE.txt +1 -1
- data/_config.yml +38 -0
- data/_data/navigation.yml +6 -2
- data/_includes/footer.html +20 -0
- data/_includes/head.html +6 -0
- data/_includes/header-default.html +6 -0
- data/_includes/header-home.html +10 -0
- data/_includes/header-post.html +18 -0
- data/_includes/navigation.html +34 -9
- data/_layouts/blog.html +25 -0
- data/_layouts/default.html +8 -10
- data/_layouts/home.html +13 -4
- data/_layouts/post.html +17 -7
- data/_sass/base.scss +83 -0
- data/_sass/css-reset.scss +38 -0
- data/_sass/fonts.scss +18 -0
- data/_sass/include.scss +173 -0
- data/assets/css/styles.scss +1 -1
- data/assets/images/about-icon.png +0 -0
- data/assets/images/blog-icon.png +0 -0
- data/assets/images/cross.png +0 -0
- data/assets/images/dusk-gray.jpg +0 -0
- data/assets/images/dusk.jpg +0 -0
- data/assets/images/github-logo.png +0 -0
- data/assets/images/noise.png +0 -0
- metadata +50 -17
- data/_layouts/page.html +0 -5
- data/_sass/main.scss +0 -84
- data/assets/fonts/Inconsolata-VariableFont_wdth,wght.ttf +0 -0
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b4998479d4376f10c7f56aaf40b80352e2ef1b2a75488cd29719cc7477cdaea3
|
|
4
|
+
data.tar.gz: d2952ecd70d8d617d404e430b8ed075fe97c7862a4d1e4a8f3adb1f1d32cc1db
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 83805a323ed8dca7cf8ae5936148daf3f70c7b488a603237b16f8efaa8ca59a509b57e4c8414d798deaefc6b026ce7ae18dfb7234d178c2fbb3bd8bb51b88035
|
|
7
|
+
data.tar.gz: 2e104210d2c9aa89f407af50bb58cb5bc3738d72751a8b9c30ff46a469fc2af4c06a1553521d878e0de0f5b9437b42a799a81818cd8b01d07e52590c674e5b4e
|
data/LICENSE.txt
CHANGED
data/_config.yml
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
# Files excluded from Jekyll builds - I've probably missed some stuff
|
|
2
|
+
exclude:
|
|
3
|
+
- LICENSE.txt
|
|
4
|
+
- README.md
|
|
5
|
+
- Gemfile
|
|
6
|
+
- Gemfile.lock
|
|
7
|
+
- jekyll-theme-dusk.gemspec
|
|
8
|
+
- .jekyll-metadata
|
|
9
|
+
|
|
10
|
+
# Installed Gems - no SEO because privacy :)
|
|
11
|
+
plugins:
|
|
12
|
+
|
|
13
|
+
# Jekyll settings
|
|
14
|
+
sass:
|
|
15
|
+
style: compressed
|
|
16
|
+
permalink: pretty
|
|
17
|
+
strict_front_matter: true # not sure if this goes here
|
|
18
|
+
|
|
19
|
+
# Site settings
|
|
20
|
+
encoding: utf-8
|
|
21
|
+
lang: en
|
|
22
|
+
title: "Dusk"
|
|
23
|
+
|
|
24
|
+
#domain: parmjot-singh.github.io
|
|
25
|
+
#url: https://parmjot-singh.github.io
|
|
26
|
+
baseurl: ""
|
|
27
|
+
repo: "https://github.com/parmjot-singh/jekyll-theme-dusk"
|
|
28
|
+
|
|
29
|
+
# Load custom fonts
|
|
30
|
+
fonts:
|
|
31
|
+
preconnect_urls:
|
|
32
|
+
- https://fonts.gstatic.com
|
|
33
|
+
fonts_urls:
|
|
34
|
+
# Display - Chivo Mono
|
|
35
|
+
# Content - Titillium Web
|
|
36
|
+
# Second link - Material Symbols
|
|
37
|
+
- https://fonts.googleapis.com/css2?family=Chivo+Mono:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&family=Titillium+Web:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&display=swap
|
|
38
|
+
- https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200
|
data/_data/navigation.yml
CHANGED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<footer>
|
|
2
|
+
{%- if site.data.navigation -%}
|
|
3
|
+
<div id="footer-links">
|
|
4
|
+
{%- for item in site.data.navigation -%}
|
|
5
|
+
<a href="{{ item.link }}">
|
|
6
|
+
<div>
|
|
7
|
+
{%- if item.name -%}
|
|
8
|
+
{{ item.name }}
|
|
9
|
+
{%- else %}
|
|
10
|
+
{{ item.link }}
|
|
11
|
+
{%- endif -%}
|
|
12
|
+
</div>
|
|
13
|
+
</a>
|
|
14
|
+
{%- endfor -%}
|
|
15
|
+
</div>
|
|
16
|
+
<div id="blatant-advertising">
|
|
17
|
+
This website is using Dusk, a theme built with ❤️ for GitHub pages, by Parmjot Singh.
|
|
18
|
+
</div>
|
|
19
|
+
{%- endif -%}
|
|
20
|
+
</footer>
|
data/_includes/head.html
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<div class="home"> <!-- this is so that the formatting can differentiate between header layouts. There has to be a better solution -->
|
|
2
|
+
{%- include navigation.html -%}
|
|
3
|
+
<header>
|
|
4
|
+
<div id="header-content"> <!-- center div in middle, and allow text to remain above quick links 60% height of viewport -->
|
|
5
|
+
<h1 class="page-title">{{ page.title }}</h1>
|
|
6
|
+
<h2 class="page-summary">{{ page.summary }}</h2>
|
|
7
|
+
|
|
8
|
+
</div>
|
|
9
|
+
</header>
|
|
10
|
+
</div>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
|
|
2
|
+
<header>
|
|
3
|
+
<div id="header-content">
|
|
4
|
+
<h1 class="page-title">Blog</h1>
|
|
5
|
+
<div id="why"><!-- if anyone can fix this, they get their name in the footer of every website who uses this theme -->
|
|
6
|
+
<a class="b2b-container" href="/blog.html">
|
|
7
|
+
<div class="b2b-icon-container">
|
|
8
|
+
<img src="/assets/images/blog-icon.png">
|
|
9
|
+
</div>
|
|
10
|
+
<div class="b2-blog">
|
|
11
|
+
<small>
|
|
12
|
+
Back to Blog
|
|
13
|
+
</small>
|
|
14
|
+
</div>
|
|
15
|
+
</a>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
</header>
|
data/_includes/navigation.html
CHANGED
|
@@ -1,11 +1,36 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
/* Set the width of the side navigation to 250px */
|
|
3
|
+
function openNav() {
|
|
4
|
+
document.getElementById("sideNav").style.width = "200px";
|
|
5
|
+
document.getElementById("open-nav").style.right = "-100px";
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
/* Set the width of the side navigation to 0 */
|
|
9
|
+
function closeNav() {
|
|
10
|
+
document.getElementById("sideNav").style.width = "0";
|
|
11
|
+
document.getElementById("open-nav").style.right = "7px";
|
|
12
|
+
}
|
|
13
|
+
</script>
|
|
1
14
|
<nav>
|
|
2
|
-
<
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
{{ item.
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
15
|
+
<div id="sideNav" class="sidenav">
|
|
16
|
+
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()"><img src="/assets/images/cross.png"></a>
|
|
17
|
+
{%- if site.data.navigation -%}
|
|
18
|
+
{%- for item in site.data.navigation -%}
|
|
19
|
+
<a href="{{ item.link }}">
|
|
20
|
+
<div style="width: 24px;"> <!-- even spacing -->
|
|
21
|
+
{%- if item.icon -%}
|
|
22
|
+
<img src="{{ item.icon }}" class="nav-links-icon">
|
|
23
|
+
{%- endif -%}
|
|
24
|
+
</div>
|
|
25
|
+
{%- if item.name -%}
|
|
26
|
+
{{ item.name }}
|
|
27
|
+
{%- else %}
|
|
28
|
+
{{ item.link }}
|
|
29
|
+
{%- endif -%}
|
|
30
|
+
<div style="width: 24px;"> <!-- even spacing --> </div>
|
|
31
|
+
</a>
|
|
32
|
+
{%- endfor -%}
|
|
33
|
+
{%- endif -%}
|
|
34
|
+
</div>
|
|
35
|
+
<span onclick="openNav()" id="open-nav">Navigation</span>
|
|
11
36
|
</nav>
|
data/_layouts/blog.html
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="{{ site.lang | default: 'en-US' }}">
|
|
3
|
+
{%- include head.html -%}
|
|
4
|
+
<body>
|
|
5
|
+
{%- include navigation.html -%}
|
|
6
|
+
{%- include header-default.html -%}
|
|
7
|
+
<div class="blog">
|
|
8
|
+
<main>
|
|
9
|
+
{{ content }}
|
|
10
|
+
<hr>
|
|
11
|
+
<h2>Latest Posts</h2>
|
|
12
|
+
<ul>
|
|
13
|
+
{%- for post in site.posts -%}
|
|
14
|
+
<li>
|
|
15
|
+
<h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
|
|
16
|
+
{%- if post.author -%} - {{ post.author }}{%- endif -%}
|
|
17
|
+
{{ post.excerpt }}
|
|
18
|
+
</li>
|
|
19
|
+
{%- endfor -%}
|
|
20
|
+
</ul>
|
|
21
|
+
</main>
|
|
22
|
+
</div>
|
|
23
|
+
{%- include footer.html -%}
|
|
24
|
+
</body>
|
|
25
|
+
</html>
|
data/_layouts/default.html
CHANGED
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
<!
|
|
2
|
-
<html>
|
|
3
|
-
|
|
4
|
-
<meta charset="utf-8">
|
|
5
|
-
<title>{{ page.title }}</title>
|
|
6
|
-
<link rel="stylesheet" href="/assets/css/styles.css">
|
|
7
|
-
</head>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="{{ site.lang | default: 'en-US' }}">
|
|
3
|
+
{%- include head.html -%}
|
|
8
4
|
<body>
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
{%- include navigation.html -%}
|
|
6
|
+
{%- include header-default.html -%}
|
|
7
|
+
<main>
|
|
11
8
|
{{ content }}
|
|
12
|
-
</
|
|
9
|
+
</main>
|
|
10
|
+
{%- include footer.html -%}
|
|
13
11
|
</body>
|
|
14
12
|
</html>
|
data/_layouts/home.html
CHANGED
|
@@ -1,4 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="{{ site.lang | default: 'en-US' }}">
|
|
3
|
+
{%- include head.html -%}
|
|
4
|
+
<body>
|
|
5
|
+
{%- include header-home.html -%}
|
|
6
|
+
<main>
|
|
7
|
+
<div class="home">
|
|
8
|
+
{{ content }}
|
|
9
|
+
</div>
|
|
10
|
+
</main>
|
|
11
|
+
{%- include footer.html -%}
|
|
12
|
+
</body>
|
|
13
|
+
</html>
|
data/_layouts/post.html
CHANGED
|
@@ -1,7 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="{{ site.lang | default: 'en-US' }}">
|
|
3
|
+
{%- include head.html -%}
|
|
4
|
+
<body>
|
|
5
|
+
{%- include navigation.html -%}
|
|
6
|
+
{%- include header-post.html -%}
|
|
7
|
+
<main>
|
|
8
|
+
<h2>{{ page.title }}</h2>
|
|
9
|
+
<h5>{{ page.author }}</h5>
|
|
10
|
+
<p>{{ page.date | date_to_string }}</p>
|
|
11
|
+
<article>
|
|
12
|
+
{{ content }}
|
|
13
|
+
</article>
|
|
14
|
+
</main>
|
|
15
|
+
{%- include footer.html -%}
|
|
16
|
+
</body>
|
|
17
|
+
</html>
|
data/_sass/base.scss
ADDED
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
@use "sass:math";
|
|
2
|
+
@import "css-reset";
|
|
3
|
+
@import "fonts";
|
|
4
|
+
@import "include";
|
|
5
|
+
|
|
6
|
+
/* Colours */
|
|
7
|
+
$primary-colour: #c7bc87; // Light Gold
|
|
8
|
+
$background-colour: #171717; // Dark Gray
|
|
9
|
+
|
|
10
|
+
/* Templates */
|
|
11
|
+
@mixin display {
|
|
12
|
+
font-family: 'Chivo Mono', monospace;
|
|
13
|
+
color: $primary-colour;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@mixin content {
|
|
17
|
+
font-family: 'Titillium Web', sans-serif;
|
|
18
|
+
color: white;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
p {
|
|
22
|
+
@include content;
|
|
23
|
+
font-size: 0.8rem;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
h1 {
|
|
27
|
+
font-size: 3rem;
|
|
28
|
+
font-weight: 700;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
h2 {
|
|
32
|
+
font-size: 1.4rem;
|
|
33
|
+
font-weight: 400;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
h3 {
|
|
37
|
+
font-size: 1.2rem;
|
|
38
|
+
font-weight: 200;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
h4 {
|
|
42
|
+
font-size: 1.1rem;
|
|
43
|
+
font-weight: 200;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
h5 {
|
|
47
|
+
font-size: 1rem;
|
|
48
|
+
font-weight: 200;
|
|
49
|
+
font-style: italic;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
h6 {
|
|
53
|
+
font-size: 0.9rem;
|
|
54
|
+
font-weight: 200;
|
|
55
|
+
font-style: italic;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
h1, h2, h3, h4, h5, h6 {
|
|
59
|
+
@include display;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
a, a:hover, a:active, a:visited {
|
|
63
|
+
color: white;
|
|
64
|
+
text-decoration: none;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
/* Base Formatting */
|
|
68
|
+
html {
|
|
69
|
+
@include content;
|
|
70
|
+
background-color: $background-colour;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
main {
|
|
74
|
+
width: 80vw;
|
|
75
|
+
margin: 30px auto 0 auto;
|
|
76
|
+
}
|
|
77
|
+
hr {
|
|
78
|
+
margin: 20px;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
article {
|
|
82
|
+
margin: 20px 0;
|
|
83
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/* CSS Reset - https://www.joshwcomeau.com/css/custom-css-reset/ */
|
|
2
|
+
/* 1. Use a more-intuitive box-sizing model. */
|
|
3
|
+
*, *::before, *::after {
|
|
4
|
+
box-sizing: border-box;
|
|
5
|
+
}
|
|
6
|
+
/* 2. Remove default margin */
|
|
7
|
+
* {
|
|
8
|
+
margin: 0;
|
|
9
|
+
}
|
|
10
|
+
/* 3. Allow percentage-based heights in the application */
|
|
11
|
+
html, body {
|
|
12
|
+
height: 100%;
|
|
13
|
+
}
|
|
14
|
+
/* Typographic tweaks!
|
|
15
|
+
4. Add accessible line-height
|
|
16
|
+
5. Improve text rendering
|
|
17
|
+
*/
|
|
18
|
+
body {
|
|
19
|
+
line-height: 1.5;
|
|
20
|
+
-webkit-font-smoothing: antialiased;
|
|
21
|
+
}
|
|
22
|
+
/* 6. Improve media defaults */
|
|
23
|
+
img, picture, video, canvas, svg {
|
|
24
|
+
display: block;
|
|
25
|
+
max-width: 100%;
|
|
26
|
+
}
|
|
27
|
+
/* 7. Remove built-in form typography styles */
|
|
28
|
+
input, button, textarea, select {
|
|
29
|
+
font: inherit;
|
|
30
|
+
}
|
|
31
|
+
/* 8. Avoid text overflows */
|
|
32
|
+
p, h1, h2, h3, h4, h5, h6 {
|
|
33
|
+
overflow-wrap: break-word;
|
|
34
|
+
}
|
|
35
|
+
/* 9. Create a root stacking context */
|
|
36
|
+
#root, #__next {
|
|
37
|
+
isolation: isolate;
|
|
38
|
+
}
|
data/_sass/fonts.scss
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/* Fonts */
|
|
2
|
+
/* Display */
|
|
3
|
+
@import url('https://fonts.googleapis.com/css2?family=Chivo+Mono:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&display=swap');
|
|
4
|
+
|
|
5
|
+
/* Content */
|
|
6
|
+
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&display=swap');
|
|
7
|
+
|
|
8
|
+
/* Symbols */
|
|
9
|
+
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
|
|
10
|
+
|
|
11
|
+
/* symbols font config */
|
|
12
|
+
.material-symbols-outlined {
|
|
13
|
+
font-variation-settings:
|
|
14
|
+
'FILL' 1,
|
|
15
|
+
'wght' 400,
|
|
16
|
+
'GRAD' 0,
|
|
17
|
+
'opsz' 48;
|
|
18
|
+
}
|
data/_sass/include.scss
ADDED
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
/* _include file formatting */
|
|
2
|
+
/* header-home.html */
|
|
3
|
+
.home { /* this is to make sure that this code only affects the header-home.html file, and none of the other headers. */
|
|
4
|
+
header {
|
|
5
|
+
display: block;
|
|
6
|
+
height: 70vh;
|
|
7
|
+
width: 100%;
|
|
8
|
+
text-align: center;
|
|
9
|
+
/* parallax effect in background */
|
|
10
|
+
background-image: url("/assets/images/dusk-gray.jpg");
|
|
11
|
+
background-repeat: no-repeat;
|
|
12
|
+
background-attachment: fixed;
|
|
13
|
+
background-position: center;
|
|
14
|
+
background-size: cover;
|
|
15
|
+
|
|
16
|
+
/* center content in header */
|
|
17
|
+
position: relative;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
#header-content {
|
|
21
|
+
display: inline-flex;
|
|
22
|
+
flex-direction: column;
|
|
23
|
+
width: 50%;
|
|
24
|
+
/* center content in header */
|
|
25
|
+
margin: 0;
|
|
26
|
+
position: absolute;
|
|
27
|
+
top: 50%;
|
|
28
|
+
left: 50%;
|
|
29
|
+
transform: translate(-50%, -50%);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
#why {
|
|
33
|
+
display: flex;
|
|
34
|
+
flex-direction: row;
|
|
35
|
+
justify-content: flex-start;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.b2b-container {
|
|
39
|
+
display: inline-flex;
|
|
40
|
+
justify-content: center;
|
|
41
|
+
width: 120px;
|
|
42
|
+
margin: 0;
|
|
43
|
+
padding: 0;
|
|
44
|
+
|
|
45
|
+
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
46
|
+
border-radius: 4px;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.b2b-container:hover {
|
|
50
|
+
background: rgba(199, 188, 135, 0.2) url(/assets/images/noise.png);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.b2b-icon-container {
|
|
54
|
+
position: relative;
|
|
55
|
+
height: 100%;
|
|
56
|
+
aspect-ratio: 1/1;
|
|
57
|
+
|
|
58
|
+
img {
|
|
59
|
+
padding: 15%;
|
|
60
|
+
position: absolute;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/* header-default.html */
|
|
65
|
+
header {
|
|
66
|
+
display: block;
|
|
67
|
+
height: 50vh;
|
|
68
|
+
width: 100%;
|
|
69
|
+
|
|
70
|
+
/* parallax effect in background */
|
|
71
|
+
background-image: url("/assets/images/dusk-gray.jpg");
|
|
72
|
+
background-repeat: no-repeat;
|
|
73
|
+
background-attachment: fixed;
|
|
74
|
+
background-position: center;
|
|
75
|
+
background-size: cover;
|
|
76
|
+
|
|
77
|
+
/* center content in header */
|
|
78
|
+
position: relative;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
#header-content {
|
|
82
|
+
display: block;
|
|
83
|
+
width: 80vw;
|
|
84
|
+
/* center content in header */
|
|
85
|
+
margin: 0;
|
|
86
|
+
position: absolute;
|
|
87
|
+
top: 50%;
|
|
88
|
+
left: 50%;
|
|
89
|
+
transform: translate(-50%, -50%);
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
/* navigation.html */
|
|
93
|
+
.sidenav {
|
|
94
|
+
height: 100%;
|
|
95
|
+
width: 0; /* changed with JavaScript */
|
|
96
|
+
position: fixed;
|
|
97
|
+
z-index: 2;
|
|
98
|
+
top: 0;
|
|
99
|
+
right: 0;
|
|
100
|
+
overflow-x: hidden;
|
|
101
|
+
transition: 0.5s;
|
|
102
|
+
|
|
103
|
+
text-align: center;
|
|
104
|
+
/* debug */
|
|
105
|
+
background-color: rgba(0, 0, 0, 0.6);
|
|
106
|
+
|
|
107
|
+
a {
|
|
108
|
+
display: flex;
|
|
109
|
+
justify-content: space-between;
|
|
110
|
+
|
|
111
|
+
padding: 11px;
|
|
112
|
+
transition: 0.5s;
|
|
113
|
+
height: 45px;
|
|
114
|
+
width: 100%;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.closebtn {
|
|
118
|
+
position: absolute;
|
|
119
|
+
top: 0;
|
|
120
|
+
left: 0;
|
|
121
|
+
width: 45px;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
a:hover, .closebtn:hover {
|
|
125
|
+
background: rgba(199, 188, 135, 0.2) url(/assets/images/noise.png);
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
#open-nav {
|
|
130
|
+
position: fixed;
|
|
131
|
+
top: 7px;
|
|
132
|
+
right: 7px;
|
|
133
|
+
z-index: 1;
|
|
134
|
+
display: block;
|
|
135
|
+
|
|
136
|
+
transition: 0.5s;
|
|
137
|
+
cursor: pointer;
|
|
138
|
+
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
139
|
+
border-radius: 4px;
|
|
140
|
+
padding: 3px 10px;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
#open-nav:hover {
|
|
144
|
+
background: rgba(199, 188, 135, 0.2) url(/assets/images/noise.png);
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.nav-links-icon {
|
|
148
|
+
width: 24px;
|
|
149
|
+
display: inline-block;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
/* footer.html */
|
|
153
|
+
footer {
|
|
154
|
+
display: flex;
|
|
155
|
+
justify-content: space-between;
|
|
156
|
+
background: linear-gradient(100deg, #202020, #323232);
|
|
157
|
+
padding: 3% 10%;
|
|
158
|
+
margin-top: 60px;
|
|
159
|
+
width: 100%;}
|
|
160
|
+
|
|
161
|
+
#footer-links {
|
|
162
|
+
display: inline-flex;
|
|
163
|
+
flex-direction: column;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
#blatant-advertising {
|
|
167
|
+
display: flex;
|
|
168
|
+
flex-direction: column;
|
|
169
|
+
justify-content: flex-end;
|
|
170
|
+
text-align: right;
|
|
171
|
+
font-size: 85%;
|
|
172
|
+
width: 50%;
|
|
173
|
+
opacity: 50%;}
|
data/assets/css/styles.scss
CHANGED
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
metadata
CHANGED
|
@@ -1,30 +1,44 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-theme-dusk
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0
|
|
4
|
+
version: 0.2.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
|
-
- Parmjot
|
|
8
|
-
autorequire:
|
|
7
|
+
- Parmjot Singh
|
|
8
|
+
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date:
|
|
11
|
+
date: 2023-04-25 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
|
-
name:
|
|
14
|
+
name: github-pages
|
|
15
15
|
requirement: !ruby/object:Gem::Requirement
|
|
16
16
|
requirements:
|
|
17
17
|
- - "~>"
|
|
18
18
|
- !ruby/object:Gem::Version
|
|
19
|
-
version: '
|
|
19
|
+
version: '228'
|
|
20
20
|
type: :runtime
|
|
21
21
|
prerelease: false
|
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
|
23
23
|
requirements:
|
|
24
24
|
- - "~>"
|
|
25
25
|
- !ruby/object:Gem::Version
|
|
26
|
-
version: '
|
|
27
|
-
|
|
26
|
+
version: '228'
|
|
27
|
+
- !ruby/object:Gem::Dependency
|
|
28
|
+
name: webrick
|
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
|
30
|
+
requirements:
|
|
31
|
+
- - ">="
|
|
32
|
+
- !ruby/object:Gem::Version
|
|
33
|
+
version: '0'
|
|
34
|
+
type: :runtime
|
|
35
|
+
prerelease: false
|
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
37
|
+
requirements:
|
|
38
|
+
- - ">="
|
|
39
|
+
- !ruby/object:Gem::Version
|
|
40
|
+
version: '0'
|
|
41
|
+
description:
|
|
28
42
|
email:
|
|
29
43
|
- parmjotsinghrobot@gmail.com
|
|
30
44
|
executables: []
|
|
@@ -33,20 +47,39 @@ extra_rdoc_files: []
|
|
|
33
47
|
files:
|
|
34
48
|
- LICENSE.txt
|
|
35
49
|
- README.md
|
|
50
|
+
- _config.yml
|
|
36
51
|
- _data/navigation.yml
|
|
52
|
+
- _includes/footer.html
|
|
53
|
+
- _includes/head.html
|
|
54
|
+
- _includes/header-default.html
|
|
55
|
+
- _includes/header-home.html
|
|
56
|
+
- _includes/header-post.html
|
|
37
57
|
- _includes/navigation.html
|
|
58
|
+
- _layouts/blog.html
|
|
38
59
|
- _layouts/default.html
|
|
39
60
|
- _layouts/home.html
|
|
40
|
-
- _layouts/page.html
|
|
41
61
|
- _layouts/post.html
|
|
42
|
-
- _sass/
|
|
62
|
+
- _sass/base.scss
|
|
63
|
+
- _sass/css-reset.scss
|
|
64
|
+
- _sass/fonts.scss
|
|
65
|
+
- _sass/include.scss
|
|
43
66
|
- assets/css/styles.scss
|
|
44
|
-
- assets/
|
|
45
|
-
|
|
67
|
+
- assets/images/about-icon.png
|
|
68
|
+
- assets/images/blog-icon.png
|
|
69
|
+
- assets/images/cross.png
|
|
70
|
+
- assets/images/dusk-gray.jpg
|
|
71
|
+
- assets/images/dusk.jpg
|
|
72
|
+
- assets/images/github-logo.png
|
|
73
|
+
- assets/images/noise.png
|
|
74
|
+
homepage: https://github.com/Parmjot-Singh/jekyll-theme-dusk/
|
|
46
75
|
licenses:
|
|
47
76
|
- MIT
|
|
48
|
-
metadata:
|
|
49
|
-
|
|
77
|
+
metadata:
|
|
78
|
+
bug_tracker_uri: https://github.com/Parmjot-Singh/jekyll-theme-dusk//issues
|
|
79
|
+
documentation_uri: https://github.com/Parmjot-Singh/jekyll-theme-dusk/
|
|
80
|
+
homepage_uri: https://github.com/Parmjot-Singh/jekyll-theme-dusk/
|
|
81
|
+
source_code_uri: https://github.com/Parmjot-Singh/jekyll-theme-dusk/
|
|
82
|
+
post_install_message:
|
|
50
83
|
rdoc_options: []
|
|
51
84
|
require_paths:
|
|
52
85
|
- lib
|
|
@@ -61,8 +94,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
61
94
|
- !ruby/object:Gem::Version
|
|
62
95
|
version: '0'
|
|
63
96
|
requirements: []
|
|
64
|
-
rubygems_version: 3.
|
|
65
|
-
signing_key:
|
|
97
|
+
rubygems_version: 3.2.33
|
|
98
|
+
signing_key:
|
|
66
99
|
specification_version: 4
|
|
67
|
-
summary: A
|
|
100
|
+
summary: A dark theme with emphasis on elegance?
|
|
68
101
|
test_files: []
|
data/_layouts/page.html
DELETED
data/_sass/main.scss
DELETED
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
---
|
|
3
|
-
/* Reset CSS to make it consistent on all browsers */
|
|
4
|
-
/* http://meyerweb.com/eric/tools/css/reset/
|
|
5
|
-
v2.0 | 20110126
|
|
6
|
-
License: none (public domain)
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
html, body, div, span, applet, object, iframe,
|
|
10
|
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
11
|
-
a, abbr, acronym, address, big, cite, code,
|
|
12
|
-
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
13
|
-
small, strike, strong, sub, sup, tt, var,
|
|
14
|
-
b, u, i, center,
|
|
15
|
-
dl, dt, dd, ol, ul, li,
|
|
16
|
-
fieldset, form, label, legend,
|
|
17
|
-
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
18
|
-
article, aside, canvas, details, embed,
|
|
19
|
-
figure, figcaption, footer, header, hgroup,
|
|
20
|
-
menu, nav, output, ruby, section, summary,
|
|
21
|
-
time, mark, audio, video {
|
|
22
|
-
margin: 0;
|
|
23
|
-
padding: 0;
|
|
24
|
-
border: 0;
|
|
25
|
-
font-size: 100%;
|
|
26
|
-
font: inherit;
|
|
27
|
-
vertical-align: baseline;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
/* HTML5 display-role reset for older browsers */
|
|
31
|
-
article, aside, details, figcaption, figure,
|
|
32
|
-
footer, header, hgroup, menu, nav, section {
|
|
33
|
-
display: block;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
/* fonts */
|
|
37
|
-
/* Regular */
|
|
38
|
-
@font-face {
|
|
39
|
-
font-family: "Inconsolata";
|
|
40
|
-
src: url("/assets/fonts/Inconsolata-VariableFont_wdth,wght.ttf") format("truetype");
|
|
41
|
-
font-weight: 300 700;
|
|
42
|
-
font-style: normal;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
/* Italic */
|
|
46
|
-
@font-face {
|
|
47
|
-
font-family: "Inconsolata";
|
|
48
|
-
src: url("/assets/fonts/Inconsolata-VariableFont_wdth,wght.ttf") format("truetype");
|
|
49
|
-
font-weight: 300 700;
|
|
50
|
-
font-style: italic;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
html {
|
|
54
|
-
font-family: Inconsolata, "Courier New", monospace;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
/* main website area */
|
|
58
|
-
#content {
|
|
59
|
-
display: block;
|
|
60
|
-
width: 80vw;
|
|
61
|
-
margin: 10vh auto 10vh auto;
|
|
62
|
-
background-color: red;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
/* navigation */
|
|
66
|
-
nav {
|
|
67
|
-
a {
|
|
68
|
-
font-style: normal;
|
|
69
|
-
text-decoration: none;
|
|
70
|
-
color: inherit;
|
|
71
|
-
}
|
|
72
|
-
ul {
|
|
73
|
-
list-style-type: none;
|
|
74
|
-
overflow: hidden;
|
|
75
|
-
}
|
|
76
|
-
li {
|
|
77
|
-
display: block;
|
|
78
|
-
width: 100%;
|
|
79
|
-
background-color: gray;
|
|
80
|
-
text-align: center;
|
|
81
|
-
}
|
|
82
|
-
width: 50%;
|
|
83
|
-
aspect-ratio: 1 / 1;
|
|
84
|
-
}
|
|
Binary file
|