jekyll-theme-dusk 0.3.4.5 → 0.4.1
Sign up to get free protection for your applications and to get access to all the features.
- 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: []
|