jekyll-theme-dusk 0.4.1 → 0.5.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +5 -4
- data/_config.yml +2 -12
- data/_data/navigation.yml +0 -2
- data/_includes/footer.html +18 -18
- data/_includes/head.html +8 -4
- data/_includes/header-default.html +3 -3
- data/_includes/header-home.html +7 -10
- data/_includes/header-post.html +8 -15
- data/_includes/image-gallery.html +7 -7
- data/_includes/navigation.html +31 -33
- data/_layouts/blog.html +19 -21
- data/_layouts/default.html +8 -8
- data/_layouts/home.html +9 -9
- data/_layouts/post.html +13 -13
- data/_sass/base.scss +184 -83
- data/_sass/css-reset.scss +10 -10
- data/_sass/device-support.scss +30 -15
- data/_sass/text.scss +63 -0
- data/_sass/variables.scss +14 -0
- data/assets/css/styles.scss +1 -1
- data/assets/fonts/Chivo_Mono/ChivoMono-Italic-VariableFont_wght.woff +0 -0
- data/assets/fonts/Chivo_Mono/ChivoMono-Italic-VariableFont_wght.woff2 +0 -0
- data/assets/fonts/Chivo_Mono/ChivoMono-VariableFont_wght.woff +0 -0
- data/assets/fonts/Chivo_Mono/ChivoMono-VariableFont_wght.woff2 +0 -0
- data/assets/fonts/Chivo_Mono/OFL.txt +93 -0
- data/assets/fonts/Titillium_Web/OFL.txt +93 -0
- data/assets/fonts/Titillium_Web/TitilliumWeb-Italic-VF.woff +0 -0
- data/assets/fonts/Titillium_Web/TitilliumWeb-Italic-VF.woff2 +0 -0
- data/assets/fonts/Titillium_Web/TitilliumWeb-VF.woff +0 -0
- data/assets/fonts/Titillium_Web/TitilliumWeb-VF.woff2 +0 -0
- metadata +34 -5
- data/_sass/fonts.scss +0 -18
- data/_sass/include.scss +0 -175
- data/_sass/layout.scss +0 -10
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 756be2235e58cc1ab7ee351e85b1c5085ce7ba3b6fedad7a0ff59f292ea869e5
|
|
4
|
+
data.tar.gz: e6b88e1a83b8808573ad277489a2992a4d779de955000f893f7e74a3ba3ae7d1
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: b09e280d10f85bc667542201f21e632b56237ac9d3934482d20a21f3866fdb1d31b56443a3f102baaf19775bf1fb6d392489fac8f911a37ad081cafdd4b432f2
|
|
7
|
+
data.tar.gz: ebf7f0fea7b83597bdc14c43c159813597ae4a93bff2a314875a4bfe5fbcbcb7652932c364e54ad4ca57fa12f22bcefb48c257eb9d12c46073aacea90435f4a7
|
data/README.md
CHANGED
|
@@ -57,10 +57,9 @@ This theme has many features in it. They are written here so that it is easier t
|
|
|
57
57
|
- ### Image Galleries
|
|
58
58
|
|
|
59
59
|
*This one is a bit complicated, but is pretty cool in my opinion.*
|
|
60
|
-
If you want to create a gallery, you will need to do a few things.
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
60
|
+
If you want to create a gallery, you will need to do a few things.
|
|
61
|
+
**In this section, replace [GALLERY_NAME] with the name of a gallery. This must be the same for all parts if you want to use the gallery without issues.**
|
|
62
|
+
|
|
64
63
|
1. Create the folders at the paths:
|
|
65
64
|
```
|
|
66
65
|
/assets/images/gallery/
|
|
@@ -105,6 +104,8 @@ This theme has many features in it. They are written here so that it is easier t
|
|
|
105
104
|
summary: "Dusk is a theme built for GitHub Pages."
|
|
106
105
|
```
|
|
107
106
|
|
|
107
|
+
You do not need the title or summary variables, as the variables ```{{ site.title }}``` and ```{{ site.description }}``` can be set in your ```_config.yml``` file as well, which is the default. This does override the other though.
|
|
108
|
+
|
|
108
109
|
- ### Blog Page
|
|
109
110
|
|
|
110
111
|
This page contains all your posts that you have made on your website. All you need to do is just to make some posts, and then they will all appear there.
|
data/_config.yml
CHANGED
|
@@ -17,26 +17,16 @@ exclude:
|
|
|
17
17
|
|
|
18
18
|
# Jekyll settings
|
|
19
19
|
sass:
|
|
20
|
-
style:
|
|
20
|
+
style: expanded
|
|
21
21
|
permalink: pretty
|
|
22
22
|
strict_front_matter: true # not sure if this goes here
|
|
23
23
|
|
|
24
24
|
# Site settings
|
|
25
25
|
encoding: utf-8
|
|
26
26
|
title: "Dusk"
|
|
27
|
+
description: "A dark coloured Jekyll theme compatible with GitHub Pages, with emphasis on elegance?"
|
|
27
28
|
|
|
28
29
|
#domain: parmjot-singh.github.io
|
|
29
30
|
#url: https://parmjot-singh.github.io
|
|
30
31
|
baseurl: ""
|
|
31
32
|
repo: "https://github.com/parmjot-singh/jekyll-theme-dusk"
|
|
32
|
-
|
|
33
|
-
# Load custom fonts
|
|
34
|
-
fonts:
|
|
35
|
-
preconnect_urls:
|
|
36
|
-
- https://fonts.gstatic.com
|
|
37
|
-
fonts_urls:
|
|
38
|
-
# Display - Chivo Mono
|
|
39
|
-
# Content - Titillium Web
|
|
40
|
-
# Second link - Material Symbols
|
|
41
|
-
- 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
|
|
42
|
-
- 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
data/_includes/footer.html
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
<footer>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
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="footer__watermark">
|
|
17
|
+
This website is using Dusk, a theme built with ❤️ for GitHub pages, by Parmjot Singh.
|
|
18
|
+
</div>
|
|
19
|
+
{%- endif -%}
|
|
20
20
|
</footer>
|
data/_includes/head.html
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
<head>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
<meta charset="utf-8">
|
|
3
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
4
|
+
<title>{{ page.title }}</title>
|
|
5
|
+
<link rel="stylesheet" href="/assets/css/styles.css">
|
|
6
|
+
<link rel="preload" as="font" href="/assets/fonts/Chivo_Mono/ChivoMono-VariableFont_wght.woff2" type="font/woff2" crossorigin="anonymous">
|
|
7
|
+
<link rel="preload" as="font" href="/assets/fonts/Chivo_Mono/ChivoMono-VariableFont_wght.woff" type="font/woff" crossorigin="anonymous">
|
|
8
|
+
<link rel="preload" as="font" href="/assets/fonts/Titillium_Web/TitilliumWeb-VF.woff2" type="font/woff2" crossorigin="anonymous">
|
|
9
|
+
<link rel="preload" as="font" href="/assets/fonts/Titillium_Web/TitilliumWeb-VF.woff" type="font/woff" crossorigin="anonymous">
|
|
6
10
|
</head>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<header>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
{%- include navigation.html -%}
|
|
3
|
+
<div id="header__content">
|
|
4
|
+
<h1 class="page-title">{{ page.title }}</h1>
|
|
5
5
|
<h2 class="page-summary">{{ page.summary }}</h2>
|
|
6
6
|
</div>
|
|
7
7
|
</header>
|
data/_includes/header-home.html
CHANGED
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
<
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
</div>
|
|
9
|
-
</header>
|
|
10
|
-
</div>
|
|
1
|
+
<header id="header--home">
|
|
2
|
+
{%- include navigation.html -%}
|
|
3
|
+
<div id="header__content"> <!-- center div in middle, and allow text to remain above quick links 60% height of viewport -->
|
|
4
|
+
<h1 class="page-title">{{ page.title | site.title }}</h1>
|
|
5
|
+
<h3 class="page-summary">{{ page.summary | default: site.description }}</h3>
|
|
6
|
+
</div>
|
|
7
|
+
</header>
|
data/_includes/header-post.html
CHANGED
|
@@ -1,18 +1,11 @@
|
|
|
1
1
|
<header>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
<div class="b2-blog">
|
|
11
|
-
<small>
|
|
12
|
-
Back to Blog
|
|
13
|
-
</small>
|
|
14
|
-
</div>
|
|
15
|
-
</a>
|
|
16
|
-
</div>
|
|
2
|
+
{%- include navigation.html -%}
|
|
3
|
+
<div id="header__content">
|
|
4
|
+
<h1 class="page-title">Blog</h1>
|
|
5
|
+
<a class="b2b-container" href="/blog.html">
|
|
6
|
+
<small>
|
|
7
|
+
Back to Blog
|
|
8
|
+
</small>
|
|
9
|
+
</a>
|
|
17
10
|
</div>
|
|
18
11
|
</header>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<!-- credit to Tim Van Damme at css-tricks.com -->
|
|
2
2
|
<!-- https://css-tricks.com/adaptive-photo-layout-with-flexbox -->
|
|
3
3
|
<div class="image-gallery">
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
4
|
+
<ul>
|
|
5
|
+
{%- for item in site.data.galleries[include.gallery_id] -%}
|
|
6
|
+
<li>
|
|
7
|
+
<img src="/assets/images/gallery/{{ include.gallery_id }}/{{ item.image }}">
|
|
8
|
+
</li>
|
|
9
|
+
{%- endfor -%}
|
|
10
|
+
</ul>
|
|
11
11
|
</div>
|
data/_includes/navigation.html
CHANGED
|
@@ -1,36 +1,34 @@
|
|
|
1
1
|
<script>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
2
|
+
/* Set the width of the side navigation to 250px */
|
|
3
|
+
function openNav() {
|
|
4
|
+
document.getElementById("nav").style.width = "200px";
|
|
5
|
+
document.getElementById("nav__openbtn").style.right = "-100px";
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
/* Set the width of the side navigation to 0 */
|
|
9
|
+
function closeNav() {
|
|
10
|
+
document.getElementById("nav").style.width = "0";
|
|
11
|
+
document.getElementById("nav__openbtn").style.right = "7px";
|
|
12
|
+
}
|
|
13
13
|
</script>
|
|
14
|
-
<nav>
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
{%- endif -%}
|
|
34
|
-
</div>
|
|
35
|
-
<span onclick="openNav()" id="open-nav">Navigation</span>
|
|
14
|
+
<nav id="nav"> <!-- this has the ID nav because I do not think there is another way to get the JavaScript working. This is because there is no function to grab a tag, and apply a style to it, in the same way that getElementById() does. Otherwise, the ID does literally nothing, as all the formatting is applied to the nav tag itself -->
|
|
15
|
+
<a href="javascript:void(0)" id="nav__closebtn" onclick="closeNav()"><img src="/assets/images/cross.png"></a>
|
|
16
|
+
{%- if site.data.navigation -%}
|
|
17
|
+
{%- for item in site.data.navigation -%}
|
|
18
|
+
<a class="nav__links" href="{{ item.link }}">
|
|
19
|
+
<div style="width: 24px;"> <!-- even spacing -->
|
|
20
|
+
{%- if item.icon -%}
|
|
21
|
+
<img src="{{ item.icon }}" class="nav__links__icon">
|
|
22
|
+
{%- endif -%}
|
|
23
|
+
</div>
|
|
24
|
+
{%- if item.name -%}
|
|
25
|
+
{{ item.name }}
|
|
26
|
+
{%- else %}
|
|
27
|
+
{{ item.link }}
|
|
28
|
+
{%- endif -%}
|
|
29
|
+
<div style="width: 24px;"> <!-- even spacing --> </div>
|
|
30
|
+
</a>
|
|
31
|
+
{%- endfor -%}
|
|
32
|
+
{%- endif -%}
|
|
36
33
|
</nav>
|
|
34
|
+
<span onclick="openNav()" id="nav__openbtn">Navigation</span>
|
data/_layouts/blog.html
CHANGED
|
@@ -1,24 +1,22 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html lang="{{ site.lang | default: 'en-US' }}">
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
{%- include footer.html -%}
|
|
23
|
-
</body>
|
|
3
|
+
{%- include head.html -%}
|
|
4
|
+
<body>
|
|
5
|
+
{%- include header-default.html -%}
|
|
6
|
+
<main>
|
|
7
|
+
{{ content }}
|
|
8
|
+
<hr>
|
|
9
|
+
<h2>Latest Posts</h2>
|
|
10
|
+
<ul>
|
|
11
|
+
{%- for post in site.posts -%}
|
|
12
|
+
<li>
|
|
13
|
+
<h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
|
|
14
|
+
{%- if post.author -%} - {{ post.author }}{%- endif -%}
|
|
15
|
+
{{ post.excerpt }}
|
|
16
|
+
</li>
|
|
17
|
+
{%- endfor -%}
|
|
18
|
+
</ul>
|
|
19
|
+
</main>
|
|
20
|
+
{%- include footer.html -%}
|
|
21
|
+
</body>
|
|
24
22
|
</html>
|
data/_layouts/default.html
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html lang="{{ site.lang | default: 'en-US' }}">
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
{%- include head.html -%}
|
|
4
|
+
<body>
|
|
5
|
+
{%- include header-default.html -%}
|
|
6
|
+
<main>
|
|
7
|
+
{{ content }}
|
|
8
|
+
</main>
|
|
9
|
+
{%- include footer.html -%}
|
|
10
|
+
</body>
|
|
11
11
|
</html>
|
data/_layouts/home.html
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html lang="{{ site.lang | default: 'en-US' }}">
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
{%- include head.html -%}
|
|
4
|
+
<body>
|
|
5
|
+
{%- include header-home.html -%}
|
|
6
6
|
<main>
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
<div class="home">
|
|
8
|
+
{{ content }}
|
|
9
|
+
</div>
|
|
10
|
+
</main>
|
|
11
|
+
{%- include footer.html -%}
|
|
12
|
+
</body>
|
|
13
13
|
</html>
|
data/_layouts/post.html
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html lang="{{ site.lang | default: 'en-US' }}">
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
3
|
+
{%- include head.html -%}
|
|
4
|
+
<body>
|
|
5
|
+
{%- include header-post.html -%}
|
|
6
|
+
<main>
|
|
7
|
+
<h2>{{ page.title }}</h2>
|
|
8
|
+
<h4>{{ page.author }}</h4>
|
|
9
|
+
<p>{{ page.date | date_to_string }}</p>
|
|
10
|
+
<article>
|
|
11
|
+
{{ content }}
|
|
12
|
+
</article>
|
|
13
|
+
</main>
|
|
14
|
+
{%- include footer.html -%}
|
|
15
|
+
</body>
|
|
16
16
|
</html>
|