jekyll-theme-handwritten 4.0.1 → 4.1.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/README.md +1 -1
- data/_includes/footer.html +20 -0
- data/_includes/navrail.html +20 -14
- data/_sass/minima/_base.scss +1 -0
- data/_sass/minima/_layout.scss +5 -3
- data/_sass/minima/_mysass.scss +45 -35
- data/_sass/minima.scss +1 -1
- data/assets/theme-assets/theme-icons/divider.svg +15 -5
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 879406d10c6dd630c0079f455e4424c1374f92fab81a8bf334eccf43e54a3ac5
|
|
4
|
+
data.tar.gz: b17117773c32fdb050446c04ae3a56260ed3ffe680b113efed7d2e9c6f342aa6
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: eb318487faa4ffa99f8f0ad019c0359a18f8a6d00caf4827ba404fb931443353e3041caf52c36fe8bcf46cbb6093815808bfde4f0c75a7ef66e9600ad3e7f3ef
|
|
7
|
+
data.tar.gz: c91b08e8b0a4b8911c6608e5eb4dba305213bcdbbd27ab10d0e2233c34b9be1509412c0543313cb8be8a36d5dc240b5e634c4b802a7c7f6c62bd8de5433e6781
|
data/README.md
CHANGED
|
@@ -72,7 +72,7 @@ TODO: Write usage instructions here. Describe your available layouts, includes,
|
|
|
72
72
|
|
|
73
73
|
## Contributing
|
|
74
74
|
|
|
75
|
-
Bug reports and pull requests are welcome on GitHub at https://github.com/gulnoor/
|
|
75
|
+
Bug reports and pull requests are welcome on GitHub at https://github.com/gulnoor/jekyll-theme-handwritten
|
|
76
76
|
|
|
77
77
|
## License
|
|
78
78
|
|
data/_includes/footer.html
CHANGED
|
@@ -1,6 +1,26 @@
|
|
|
1
1
|
<footer class="site-footer h-card">
|
|
2
2
|
<data class="u-url" href="{{ "/" | relative_url }}"></data>
|
|
3
3
|
<div class="wrapper">
|
|
4
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675.2543454170227 29.03554949708291"
|
|
5
|
+
width="2025.7630362510681" height="87.10664849124873" class="divider-svg" >
|
|
6
|
+
<!-- svg-source:excalidraw -->
|
|
7
|
+
|
|
8
|
+
<defs>
|
|
9
|
+
<style class="style-fonts">
|
|
10
|
+
|
|
11
|
+
</style>
|
|
12
|
+
|
|
13
|
+
</defs>
|
|
14
|
+
<g stroke-linecap="round">
|
|
15
|
+
<g transform="translate(11.685941191315635 18.671896285414732) rotate(0 325.1999816894531 -3.600006103515625)">
|
|
16
|
+
<path
|
|
17
|
+
class="divider-path"
|
|
18
|
+
d="M1.14 0.36 C108.79 -0.55, 540.18 -3.69, 648.3 -4.91 M-1.69 -1.91 C106.62 -3.63, 545.32 -8.38, 653.57 -8.67"
|
|
19
|
+
fill="none" ></path>
|
|
20
|
+
</g>
|
|
21
|
+
</g>
|
|
22
|
+
<mask></mask>
|
|
23
|
+
</svg>
|
|
4
24
|
<h2 class="footer-heading">{{ site.title | escape }}</h2>
|
|
5
25
|
<div class="footer-col-wrapper">
|
|
6
26
|
<div class="footer-col footer-col-1">
|
data/_includes/navrail.html
CHANGED
|
@@ -1,17 +1,23 @@
|
|
|
1
1
|
{%- if page_paths -%}
|
|
2
|
-
<nav class="navrail">
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
<nav class="navrail">
|
|
3
|
+
<a class="navrail-button" href="/">
|
|
4
|
+
<img
|
|
5
|
+
class="navrail-icon"
|
|
6
|
+
src="{{- "/assets/theme-assets/theme-icons/home2.svg" | relative_url -}}"
|
|
7
|
+
>
|
|
8
|
+
Home</a
|
|
9
|
+
>
|
|
7
10
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
</
|
|
11
|
+
{%- for path in page_paths -%}
|
|
12
|
+
{%- assign my_page = site.pages | where: 'path', path | first -%}
|
|
13
|
+
{%- if my_page.title -%}
|
|
14
|
+
<a class="navrail-button" href="{{ my_page.url | relative_url }}">
|
|
15
|
+
{%- if my_page.title -%}
|
|
16
|
+
<img class="navrail-icon" src="{{- my_page.icon | relative_url -}}">
|
|
17
|
+
{%- endif -%}
|
|
18
|
+
{{ my_page.title | escape }}
|
|
19
|
+
</a>
|
|
20
|
+
{%- endif -%}
|
|
21
|
+
{%- endfor -%}
|
|
22
|
+
</nav>
|
|
17
23
|
{%- endif -%}
|
data/_sass/minima/_base.scss
CHANGED
data/_sass/minima/_layout.scss
CHANGED
|
@@ -18,12 +18,12 @@
|
|
|
18
18
|
letter-spacing: -1px;
|
|
19
19
|
margin-bottom: 0;
|
|
20
20
|
// margin-top: 12px;
|
|
21
|
-
font-size:
|
|
21
|
+
font-size: 64px;
|
|
22
22
|
padding-right: 0;
|
|
23
23
|
// float: left;
|
|
24
24
|
|
|
25
25
|
@include media-query($on-palm) {
|
|
26
|
-
font-size:
|
|
26
|
+
font-size: 46px;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
&,
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
* Site footer
|
|
138
138
|
*/
|
|
139
139
|
.site-footer {
|
|
140
|
-
border-top: 1px solid var(--md-sys-color-outline);
|
|
140
|
+
// border-top: 1px solid var(--md-sys-color-outline);
|
|
141
141
|
padding: $spacing-unit 0;
|
|
142
142
|
@include media-query($on-palm){
|
|
143
143
|
padding-bottom: 100px
|
|
@@ -256,6 +256,7 @@
|
|
|
256
256
|
@include relative-font-size(2.625);
|
|
257
257
|
letter-spacing: -1px;
|
|
258
258
|
line-height: 1;
|
|
259
|
+
margin: 24px;
|
|
259
260
|
|
|
260
261
|
@include media-query($on-laptop) {
|
|
261
262
|
@include relative-font-size(2.25);
|
|
@@ -289,3 +290,4 @@
|
|
|
289
290
|
}
|
|
290
291
|
}
|
|
291
292
|
}
|
|
293
|
+
|
data/_sass/minima/_mysass.scss
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
.theme-picker {
|
|
2
2
|
display: flex;
|
|
3
|
-
// width: 100%;
|
|
4
3
|
padding-top: 12px;
|
|
5
4
|
padding-bottom: 12px;
|
|
6
5
|
padding-right: 15px;
|
|
@@ -8,29 +7,32 @@
|
|
|
8
7
|
justify-content: flex-end;
|
|
9
8
|
}
|
|
10
9
|
.all-post-wrapper {
|
|
11
|
-
max-width:
|
|
10
|
+
max-width: 1200px;
|
|
12
11
|
margin-left: auto;
|
|
13
12
|
margin-right: auto;
|
|
14
13
|
}
|
|
15
14
|
.post-list {
|
|
15
|
+
display: grid;
|
|
16
|
+
grid-template-columns: repeat(6, 1fr);
|
|
17
|
+
gap: 8px;
|
|
18
|
+
grid-auto-flow: row;
|
|
19
|
+
grid-auto-rows: minmax(200px, auto);
|
|
16
20
|
margin-left: 0;
|
|
17
21
|
list-style: none;
|
|
18
22
|
|
|
19
|
-
> li {
|
|
20
|
-
|
|
21
|
-
}
|
|
23
|
+
// > li {
|
|
24
|
+
// margin-bottom: $spacing-unit/2;
|
|
25
|
+
// }
|
|
22
26
|
}
|
|
23
27
|
.post-card {
|
|
24
|
-
// border: 1px solid var(--md-sys-color-outline);
|
|
25
|
-
// overflow: visible;
|
|
26
28
|
position: relative;
|
|
27
|
-
|
|
29
|
+
grid-column: auto / span 2;
|
|
28
30
|
box-sizing: border-box;
|
|
29
31
|
display: flex;
|
|
30
32
|
flex-direction: column;
|
|
31
33
|
border-radius: 14px;
|
|
32
|
-
padding:
|
|
33
|
-
|
|
34
|
+
padding: 20px;
|
|
35
|
+
border: 1px solid var(--md-sys-color-outline);
|
|
34
36
|
& p {
|
|
35
37
|
display: -webkit-box;
|
|
36
38
|
line-clamp: 3;
|
|
@@ -38,26 +40,27 @@
|
|
|
38
40
|
-webkit-box-orient: vertical;
|
|
39
41
|
overflow: hidden;
|
|
40
42
|
}
|
|
43
|
+
@media screen and (max-width: 1200px) {
|
|
44
|
+
grid-column: auto/span 3;
|
|
45
|
+
}
|
|
46
|
+
@media screen and (max-width: 800px) {
|
|
47
|
+
grid-column: auto/span 6;
|
|
48
|
+
}
|
|
41
49
|
}
|
|
42
50
|
.pinned-post-card {
|
|
43
|
-
// border: 1px solid var(--md-sys-color-outline);
|
|
44
|
-
// overflow: visible;
|
|
45
51
|
position: relative;
|
|
46
|
-
// padding: 20px;
|
|
47
52
|
box-sizing: border-box;
|
|
48
53
|
display: flex;
|
|
49
54
|
flex-direction: column;
|
|
50
55
|
border-radius: 14px;
|
|
51
56
|
padding: 12px;
|
|
52
57
|
width: 30%;
|
|
53
|
-
background-color: var(--md-sys-color-surface-container);
|
|
54
58
|
background-color: var(--md-sys-color-primary-container);
|
|
55
59
|
& p,
|
|
56
60
|
span,
|
|
57
61
|
a {
|
|
58
62
|
color: var(--md-sys-color-on-primary-container);
|
|
59
63
|
}
|
|
60
|
-
|
|
61
64
|
& img {
|
|
62
65
|
background-color: var(--md-sys-color-surface-container-high);
|
|
63
66
|
border-radius: 24px;
|
|
@@ -77,35 +80,18 @@
|
|
|
77
80
|
}
|
|
78
81
|
}
|
|
79
82
|
|
|
80
|
-
// .post-card::before {
|
|
81
|
-
// content: "";
|
|
82
|
-
// position: absolute;
|
|
83
|
-
// top: -10px;
|
|
84
|
-
// left: -12px;
|
|
85
|
-
// right: -10px;
|
|
86
|
-
// bottom: -10px;
|
|
87
|
-
// // width: calc(100% + 12px);
|
|
88
|
-
// // height: calc(100% + 12px);
|
|
89
|
-
// z-index: 10;
|
|
90
|
-
// background-image: url("/assets/theme-assets/theme-images/border-thick.svg");
|
|
91
|
-
// background-size: 100% 100%;
|
|
92
|
-
// filter: var(--outline-filter);
|
|
93
|
-
// pointer-events: none; /* Allows interaction with content inside the border */
|
|
94
|
-
// }
|
|
95
83
|
.pinned-post-list {
|
|
96
84
|
display: flex;
|
|
97
|
-
|
|
85
|
+
margin-left: 0;
|
|
98
86
|
flex-wrap: wrap;
|
|
99
87
|
justify-content: space-around;
|
|
100
88
|
padding-top: 12px;
|
|
101
|
-
margin-left: 0;
|
|
102
89
|
list-style: none;
|
|
103
90
|
background-color: var(--md-sys-color-surface-container);
|
|
104
91
|
border-radius: 24px;
|
|
105
92
|
padding: $spacing-unit;
|
|
106
93
|
min-height: 390px;
|
|
107
94
|
@media screen and (max-width: 850px) {
|
|
108
|
-
// background-color: var(--md-sys-color-secondary-container);
|
|
109
95
|
padding: $spacing-unit/2;
|
|
110
96
|
min-height: 200px;
|
|
111
97
|
}
|
|
@@ -135,12 +121,16 @@
|
|
|
135
121
|
display: flex;
|
|
136
122
|
flex-direction: column;
|
|
137
123
|
height: 100vh;
|
|
138
|
-
justify-content:
|
|
124
|
+
justify-content: center;
|
|
139
125
|
align-items: center;
|
|
140
126
|
z-index: 99;
|
|
141
|
-
padding:
|
|
127
|
+
padding: 30px 8px 30px 16px;
|
|
128
|
+
box-sizing: border-box;
|
|
142
129
|
width: 100px;
|
|
143
130
|
background-color: var(--md-sys-color-surface);
|
|
131
|
+
@media screen and (min-width: 1360px) {
|
|
132
|
+
width: 130px;
|
|
133
|
+
}
|
|
144
134
|
|
|
145
135
|
@include media-query($on-palm) {
|
|
146
136
|
flex-direction: row;
|
|
@@ -245,4 +235,24 @@ h1 {
|
|
|
245
235
|
.tagline {
|
|
246
236
|
font-family: "Comic Shanns", $base-font-family;
|
|
247
237
|
text-align: center;
|
|
238
|
+
font-size: 1.2rem;
|
|
239
|
+
}
|
|
240
|
+
.home {
|
|
241
|
+
max-width: 1200px;
|
|
242
|
+
margin-left: auto;
|
|
243
|
+
margin-right: auto;
|
|
244
|
+
}
|
|
245
|
+
.divider-path{
|
|
246
|
+
stroke: var(--md-sys-color-outline);
|
|
247
|
+
stroke-width: 2;
|
|
248
248
|
}
|
|
249
|
+
.divider-svg{
|
|
250
|
+
width: 100%;
|
|
251
|
+
height: auto;
|
|
252
|
+
margin-left: auto;
|
|
253
|
+
margin-right: auto;
|
|
254
|
+
@include media-query($on-palm){
|
|
255
|
+
|
|
256
|
+
|
|
257
|
+
}
|
|
258
|
+
}
|
data/_sass/minima.scss
CHANGED
|
@@ -8,7 +8,7 @@ $base-font-weight: 400 !default;
|
|
|
8
8
|
$small-font-size: $base-font-size * 0.875 !default;
|
|
9
9
|
$base-line-height: 1.5 !default;
|
|
10
10
|
|
|
11
|
-
$spacing-unit:
|
|
11
|
+
$spacing-unit: 16px !default;
|
|
12
12
|
|
|
13
13
|
$text-color: var(--md-sys-color-on-surface) !default;
|
|
14
14
|
$background-color: var(--md-sys-color-background) !default;
|
|
@@ -1,10 +1,20 @@
|
|
|
1
|
-
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675.2543454170227 29.03554949708291"
|
|
1
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675.2543454170227 29.03554949708291"
|
|
2
|
+
width="2025.7630362510681" height="87.10664849124873" >
|
|
2
3
|
<!-- svg-source:excalidraw -->
|
|
3
|
-
|
|
4
|
+
|
|
4
5
|
<defs>
|
|
5
6
|
<style class="style-fonts">
|
|
6
|
-
|
|
7
|
+
|
|
7
8
|
</style>
|
|
8
|
-
|
|
9
|
+
|
|
9
10
|
</defs>
|
|
10
|
-
<g stroke-linecap="round"
|
|
11
|
+
<g stroke-linecap="round">
|
|
12
|
+
<g transform="translate(11.685941191315635 18.671896285414732) rotate(0 325.1999816894531 -3.600006103515625)">
|
|
13
|
+
<path
|
|
14
|
+
class="divider-path"
|
|
15
|
+
d="M1.14 0.36 C108.79 -0.55, 540.18 -3.69, 648.3 -4.91 M-1.69 -1.91 C106.62 -3.63, 545.32 -8.38, 653.57 -8.67"
|
|
16
|
+
fill="none"></path>
|
|
17
|
+
</g>
|
|
18
|
+
</g>
|
|
19
|
+
<mask></mask>
|
|
20
|
+
</svg>
|