jekyll-theme-dusk 0.3.4.6 → 0.4.1
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/_config.yml +5 -2
- data/_includes/head.html +3 -3
- data/_includes/header-default.html +1 -0
- data/_includes/header-home.html +1 -1
- data/_includes/header-post.html +1 -1
- data/_layouts/blog.html +0 -1
- data/_layouts/default.html +0 -1
- data/_layouts/post.html +0 -1
- data/_sass/base.scss +11 -9
- data/_sass/device-support.scss +34 -0
- data/_sass/include.scss +8 -6
- data/_sass/layout.scss +10 -0
- metadata +16 -21
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 4b30c5b4dfe3eed3c57dda4bc85dd40b00886a38cce0a9224c2f0b8fa0e95681
|
|
4
|
+
data.tar.gz: a5f1336c912df2bf913567656d3da9398316f6b91e14353a1fa3177e7cc3984a
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: d378059e9f0e1880ba2c672ad3967501c4f25ab6de4b7451fc38320b22cf42f43914bedc98731e123ce526b16029ad80c29c14f615bbe29d8371f24789c1a11b
|
|
7
|
+
data.tar.gz: 2707864978043b2b6ae5acdec1ac9b87545bbc8e0eede5ef391317bfb83c6e6b4584ddcc1a9ec868bf3f72cbf8b8b34fd647ddadad58bd12dfce6b0fe46729cc
|
data/_config.yml
CHANGED
|
@@ -7,9 +7,13 @@ exclude:
|
|
|
7
7
|
- jekyll-theme-dusk.gemspec
|
|
8
8
|
- .jekyll-metadata
|
|
9
9
|
- .readme
|
|
10
|
+
- assets/images/gallery
|
|
11
|
+
- _data/galleries
|
|
12
|
+
- _posts/
|
|
13
|
+
- _site
|
|
10
14
|
|
|
11
15
|
# Installed Gems - no SEO because privacy :)
|
|
12
|
-
plugins:
|
|
16
|
+
#plugins:
|
|
13
17
|
|
|
14
18
|
# Jekyll settings
|
|
15
19
|
sass:
|
|
@@ -19,7 +23,6 @@ strict_front_matter: true # not sure if this goes here
|
|
|
19
23
|
|
|
20
24
|
# Site settings
|
|
21
25
|
encoding: utf-8
|
|
22
|
-
lang: en
|
|
23
26
|
title: "Dusk"
|
|
24
27
|
|
|
25
28
|
#domain: parmjot-singh.github.io
|
data/_includes/head.html
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<head>
|
|
2
|
-
<meta charset="utf-8"
|
|
3
|
-
<meta name="viewport" content="width=device-width, initial-scale=1"
|
|
2
|
+
<meta charset="utf-8" />
|
|
3
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
4
4
|
<title>{{ page.title }}</title>
|
|
5
|
-
<link rel="stylesheet" href="/assets/css/styles.css"
|
|
5
|
+
<link rel="stylesheet" href="/assets/css/styles.css" />
|
|
6
6
|
</head>
|
data/_includes/header-home.html
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
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
2
|
<header>
|
|
3
|
+
{%- include navigation.html -%}
|
|
4
4
|
<div id="header-content"> <!-- center div in middle, and allow text to remain above quick links 60% height of viewport -->
|
|
5
5
|
<h1 class="page-title">{{ page.title }}</h1>
|
|
6
6
|
<h2 class="page-summary">{{ page.summary }}</h2>
|
data/_includes/header-post.html
CHANGED
data/_layouts/blog.html
CHANGED
data/_layouts/default.html
CHANGED
data/_layouts/post.html
CHANGED
data/_sass/base.scss
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
@import "css-reset";
|
|
3
3
|
@import "fonts";
|
|
4
4
|
@import "include";
|
|
5
|
+
@import "layout";
|
|
6
|
+
@import "device-support";
|
|
5
7
|
|
|
6
8
|
/* Colours */
|
|
7
9
|
$primary-colour: #c7bc87; // Light Gold
|
|
@@ -18,39 +20,40 @@ $background-colour: #171717; // Dark Gray
|
|
|
18
20
|
color: white;
|
|
19
21
|
}
|
|
20
22
|
|
|
21
|
-
|
|
23
|
+
html {
|
|
22
24
|
@include content;
|
|
23
|
-
|
|
25
|
+
transition: 0.5s;
|
|
26
|
+
font-size: min(max(1rem, 2vw), 18px);
|
|
24
27
|
}
|
|
25
28
|
|
|
26
29
|
h1 {
|
|
27
|
-
font-size: 3rem;
|
|
30
|
+
font-size: min(max(3rem, 9vw), 50px);
|
|
28
31
|
font-weight: 700;
|
|
29
32
|
}
|
|
30
33
|
|
|
31
34
|
h2 {
|
|
32
|
-
font-size:
|
|
35
|
+
font-size: min(max(2.7rem, 8vw), 30px);
|
|
33
36
|
font-weight: 400;
|
|
34
37
|
}
|
|
35
38
|
|
|
36
39
|
h3 {
|
|
37
|
-
font-size:
|
|
40
|
+
font-size: min(max(2.4rem, 7vw), 25px);
|
|
38
41
|
font-weight: 200;
|
|
39
42
|
}
|
|
40
43
|
|
|
41
44
|
h4 {
|
|
42
|
-
font-size:
|
|
45
|
+
font-size: min(max(2.1rem, 6vw), 20px);
|
|
43
46
|
font-weight: 200;
|
|
44
47
|
}
|
|
45
48
|
|
|
46
49
|
h5 {
|
|
47
|
-
font-size:
|
|
50
|
+
font-size: min(max(1.5rem, 4vw), 18px);
|
|
48
51
|
font-weight: 200;
|
|
49
52
|
font-style: italic;
|
|
50
53
|
}
|
|
51
54
|
|
|
52
55
|
h6 {
|
|
53
|
-
font-size: 0.9rem;
|
|
56
|
+
font-size: min(max(0.9rem, 3vw), 16px);
|
|
54
57
|
font-weight: 200;
|
|
55
58
|
font-style: italic;
|
|
56
59
|
}
|
|
@@ -97,7 +100,6 @@ article {
|
|
|
97
100
|
}
|
|
98
101
|
|
|
99
102
|
li {
|
|
100
|
-
height: 40vh;
|
|
101
103
|
flex-grow: 1;
|
|
102
104
|
}
|
|
103
105
|
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/* Extra small devices (phones, 600px and down) */
|
|
2
|
+
@media only screen and (max-width: 600px) {
|
|
3
|
+
.image-gallery {
|
|
4
|
+
li {
|
|
5
|
+
height: 15vh;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
/* Small devices (portrait tablets and large phones, 600px and up) */
|
|
11
|
+
@media only screen and (min-width: 600px) {
|
|
12
|
+
.image-gallery {
|
|
13
|
+
li {
|
|
14
|
+
height: 20vh;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
/* Medium devices (landscape tablets, 768px and up) */
|
|
20
|
+
@media only screen and (min-width: 768px) {
|
|
21
|
+
.image-gallery {
|
|
22
|
+
li {
|
|
23
|
+
height: 30vh;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
/* Large devices (laptops/desktops, 992px and up) */
|
|
29
|
+
@media only screen and (min-width: 992px) {
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
/* Extra large devices (large laptops and desktops, 1200px and up) */
|
|
33
|
+
@media only screen and (min-width: 1200px) {
|
|
34
|
+
}
|
data/_sass/include.scss
CHANGED
|
@@ -3,8 +3,7 @@
|
|
|
3
3
|
.home { /* this is to make sure that this code only affects the header-home.html file, and none of the other headers. */
|
|
4
4
|
header {
|
|
5
5
|
display: block;
|
|
6
|
-
height:
|
|
7
|
-
width: 100%;
|
|
6
|
+
height: 50vh;
|
|
8
7
|
text-align: center;
|
|
9
8
|
/* parallax effect in background */
|
|
10
9
|
background-image: url("/assets/images/dusk-gray.jpg");
|
|
@@ -27,6 +26,10 @@
|
|
|
27
26
|
top: 50%;
|
|
28
27
|
left: 50%;
|
|
29
28
|
transform: translate(-50%, -50%);
|
|
29
|
+
|
|
30
|
+
h1 {
|
|
31
|
+
font-size: min(max(3rem, 9vw), 70px);
|
|
32
|
+
}
|
|
30
33
|
}
|
|
31
34
|
}
|
|
32
35
|
#why {/* container around .b2b-container div. Button doesn't look correct without this for some reason, hence the name #why */
|
|
@@ -64,8 +67,7 @@
|
|
|
64
67
|
/* header-default.html */
|
|
65
68
|
header {
|
|
66
69
|
display: block;
|
|
67
|
-
height:
|
|
68
|
-
width: 100%;
|
|
70
|
+
height: 30vh;
|
|
69
71
|
|
|
70
72
|
/* parallax effect in background */
|
|
71
73
|
background-image: url("/assets/images/dusk-gray.jpg");
|
|
@@ -155,8 +157,8 @@ footer {
|
|
|
155
157
|
justify-content: space-between;
|
|
156
158
|
background: linear-gradient(100deg, #202020, #323232);
|
|
157
159
|
padding: 3% 10%;
|
|
158
|
-
margin-top:
|
|
159
|
-
|
|
160
|
+
margin-top: 5%;
|
|
161
|
+
}
|
|
160
162
|
|
|
161
163
|
#footer-links {
|
|
162
164
|
display: inline-flex;
|
data/_sass/layout.scss
ADDED
metadata
CHANGED
|
@@ -1,43 +1,35 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-theme-dusk
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.4.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Parmjot Singh
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2023-05-
|
|
11
|
+
date: 2023-05-11 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
|
-
name:
|
|
14
|
+
name: jekyll
|
|
15
15
|
requirement: !ruby/object:Gem::Requirement
|
|
16
16
|
requirements:
|
|
17
|
-
- - "
|
|
17
|
+
- - ">"
|
|
18
18
|
- !ruby/object:Gem::Version
|
|
19
|
-
version: '
|
|
20
|
-
|
|
21
|
-
prerelease: false
|
|
22
|
-
version_requirements: !ruby/object:Gem::Requirement
|
|
23
|
-
requirements:
|
|
24
|
-
- - "~>"
|
|
19
|
+
version: '3.5'
|
|
20
|
+
- - "<"
|
|
25
21
|
- !ruby/object:Gem::Version
|
|
26
|
-
version: '
|
|
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'
|
|
22
|
+
version: '5.0'
|
|
34
23
|
type: :runtime
|
|
35
24
|
prerelease: false
|
|
36
25
|
version_requirements: !ruby/object:Gem::Requirement
|
|
37
26
|
requirements:
|
|
38
|
-
- - "
|
|
27
|
+
- - ">"
|
|
28
|
+
- !ruby/object:Gem::Version
|
|
29
|
+
version: '3.5'
|
|
30
|
+
- - "<"
|
|
39
31
|
- !ruby/object:Gem::Version
|
|
40
|
-
version: '0'
|
|
32
|
+
version: '5.0'
|
|
41
33
|
description:
|
|
42
34
|
email:
|
|
43
35
|
- parmjotsinghrobot@gmail.com
|
|
@@ -63,8 +55,10 @@ files:
|
|
|
63
55
|
- _layouts/post.html
|
|
64
56
|
- _sass/base.scss
|
|
65
57
|
- _sass/css-reset.scss
|
|
58
|
+
- _sass/device-support.scss
|
|
66
59
|
- _sass/fonts.scss
|
|
67
60
|
- _sass/include.scss
|
|
61
|
+
- _sass/layout.scss
|
|
68
62
|
- assets/css/styles.scss
|
|
69
63
|
- assets/images/about-icon.png
|
|
70
64
|
- assets/images/blog-icon.png
|
|
@@ -104,5 +98,6 @@ requirements: []
|
|
|
104
98
|
rubygems_version: 3.2.33
|
|
105
99
|
signing_key:
|
|
106
100
|
specification_version: 4
|
|
107
|
-
summary: A dark theme
|
|
101
|
+
summary: A dark coloured Jekyll theme compatible with GitHub Pages, with emphasis
|
|
102
|
+
on elegance?
|
|
108
103
|
test_files: []
|