plainwhite 0.9 → 0.10
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +18 -0
- data/_layouts/default.html +54 -1
- data/_layouts/home.html +7 -4
- data/_layouts/post.html +3 -1
- data/_sass/dark.scss +51 -0
- data/_sass/ext/_fonts.scss +7 -1
- data/_sass/ext/_solarized-dark.scss +87 -0
- data/_sass/plain.scss +14 -4
- data/_sass/toggle.scss +59 -0
- data/assets/css/style.scss +5 -1
- data/assets/font/fontello-config.json +70 -0
- data/assets/font/fontello.eot +0 -0
- data/assets/font/fontello.svg +13 -1
- data/assets/font/fontello.ttf +0 -0
- data/assets/font/fontello.woff +0 -0
- data/assets/font/fontello.woff2 +0 -0
- data/assets/js/darkmode.js +33 -0
- metadata +7 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 2dfdda677a59b796b7aaa95f6d947ae0b70d2581
|
|
4
|
+
data.tar.gz: 79caa0d4ea9cf95107a074cdd612ecfb33de51e5
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 5a5291a3136e70b507f4b55cfd7b0073abd68f41c831ff4663bd1cd74f8bf044874bb5b5ad9fdfd6f2f68bee8f386a775213563da8239b336083c5996f2236ae
|
|
7
|
+
data.tar.gz: 84653fd3f3161436d8919352bef8dbfef48e1212aeb200f3fe1460556b9ed630bb9332b9267253ec7a1f9091edf6825508abf20f3505742aaad6b3356af2de25
|
data/README.md
CHANGED
|
@@ -110,6 +110,19 @@ plainwhite:
|
|
|
110
110
|
url: "/resume"
|
|
111
111
|
```
|
|
112
112
|
|
|
113
|
+
**Dark mode**
|
|
114
|
+
|
|
115
|
+
Dark mode can be enabled by setting the `dark_mode` flag in your `_config.yml`
|
|
116
|
+
|
|
117
|
+
The website will check the OS preferred color scheme and set the theme accordingly, the preference will then be saved in a cookie
|
|
118
|
+
|
|
119
|
+
```yaml
|
|
120
|
+
plainwhite:
|
|
121
|
+
dark_mode: true
|
|
122
|
+
```
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
|
|
113
126
|
**Multiline tagline**
|
|
114
127
|
|
|
115
128
|
Tagline can be multiline in this way
|
|
@@ -137,6 +150,11 @@ Your theme is setup just like a normal Jekyll site! To test your theme, run `bun
|
|
|
137
150
|
When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
|
|
138
151
|
To add a custom directory to your theme-gem, please edit the regexp in `plainwhite.gemspec` accordingly.
|
|
139
152
|
|
|
153
|
+
## Donation
|
|
154
|
+
If this project help you reduce time to develop, you can give me a cup of coffee :)
|
|
155
|
+
|
|
156
|
+
[](https://paypal.me/thelehhman)
|
|
157
|
+
|
|
140
158
|
## License
|
|
141
159
|
|
|
142
160
|
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
data/_layouts/default.html
CHANGED
|
@@ -33,8 +33,49 @@
|
|
|
33
33
|
</li>
|
|
34
34
|
</a>
|
|
35
35
|
{%- endif -%}
|
|
36
|
+
{%- if site.plainwhite.social_links.instagram -%}
|
|
37
|
+
<a href="https://instagram.com/{{ site.plainwhite.social_links.instagram }}">
|
|
38
|
+
<li>
|
|
39
|
+
<i class="icon-instagram"></i>
|
|
40
|
+
</li>
|
|
41
|
+
</a>
|
|
42
|
+
{%- endif -%}
|
|
43
|
+
{%- if site.plainwhite.social_links.facebook -%}
|
|
44
|
+
<a href="https://facebook.com/{{ site.plainwhite.social_links.facebook }}">
|
|
45
|
+
<li>
|
|
46
|
+
<i class="icon-facebook"></i>
|
|
47
|
+
</li>
|
|
48
|
+
</a>
|
|
49
|
+
{%- endif -%}
|
|
50
|
+
{%- if site.plainwhite.social_links.youtube -%}
|
|
51
|
+
<a href="https://youtube.com/{{ site.plainwhite.social_links.youtube }}">
|
|
52
|
+
<li>
|
|
53
|
+
<i class="icon-youtube"></i>
|
|
54
|
+
</li>
|
|
55
|
+
</a>
|
|
56
|
+
{%- endif -%}
|
|
57
|
+
{%- if site.plainwhite.social_links.pinterest -%}
|
|
58
|
+
<a href="https://pinterest.com/{{ site.plainwhite.social_links.pinterest }}">
|
|
59
|
+
<li>
|
|
60
|
+
<i class="icon-pinterest"></i>
|
|
61
|
+
</li>
|
|
62
|
+
</a>
|
|
63
|
+
{%- endif -%}
|
|
64
|
+
{%- if site.plainwhite.social_links.dribbble -%}
|
|
65
|
+
<a href="https://dribbble.com/{{ site.plainwhite.social_links.dribbble }}">
|
|
66
|
+
<li>
|
|
67
|
+
<i class="icon-dribbble"></i>
|
|
68
|
+
</li>
|
|
69
|
+
</a>
|
|
70
|
+
{%- endif -%}
|
|
71
|
+
{%- if site.plainwhite.social_links.flickr -%}
|
|
72
|
+
<a href="https://flickr.com/{{ site.plainwhite.social_links.flickr }}">
|
|
73
|
+
<li>
|
|
74
|
+
<i class="icon-flickr"></i>
|
|
75
|
+
</li>
|
|
76
|
+
</a>
|
|
77
|
+
{%- endif -%}
|
|
36
78
|
</ul>
|
|
37
|
-
|
|
38
79
|
{%- if site.plainwhite.navigation -%}
|
|
39
80
|
<nav class="navigation">
|
|
40
81
|
<ul>
|
|
@@ -49,6 +90,18 @@
|
|
|
49
90
|
|
|
50
91
|
<p>©
|
|
51
92
|
{{ "now" | date: "%Y" }}</p>
|
|
93
|
+
{%- if site.plainwhite.dark_mode -%}
|
|
94
|
+
<div>
|
|
95
|
+
<p>Dark Mode
|
|
96
|
+
<i class="icon-moon"></i>
|
|
97
|
+
<label class="switch">
|
|
98
|
+
<input type="checkbox" id="dark-mode-toggle">
|
|
99
|
+
<span class="slider round" onclick="toggleDarkMode()"></span>
|
|
100
|
+
</label>
|
|
101
|
+
</p>
|
|
102
|
+
</div>
|
|
103
|
+
<script type="text/javascript" src="/assets/js/darkmode.js"></script>
|
|
104
|
+
{%- endif -%}
|
|
52
105
|
</section>
|
|
53
106
|
<section class="content">
|
|
54
107
|
{{ content }}
|
data/_layouts/home.html
CHANGED
|
@@ -21,14 +21,17 @@ layout: default
|
|
|
21
21
|
<h2 class="post-title">{{ post.title | escape }}</h2>
|
|
22
22
|
</a>
|
|
23
23
|
<div class="post-meta">
|
|
24
|
+
<div class="post-date">
|
|
25
|
+
<i class="icon-calendar"></i>
|
|
26
|
+
{{ post.date | date: date_format }}
|
|
27
|
+
</div>
|
|
28
|
+
{%- if post.categories.size > 0-%}
|
|
24
29
|
<ul class="post-categories">
|
|
25
30
|
{%- for tag in post.categories -%}
|
|
26
|
-
|
|
31
|
+
<li>{{ tag }}</li>
|
|
27
32
|
{%- endfor -%}
|
|
28
33
|
</ul>
|
|
29
|
-
|
|
30
|
-
<i class="icon-calendar"></i>
|
|
31
|
-
{{ post.date | date: date_format }}</div>
|
|
34
|
+
{%- endif -%}
|
|
32
35
|
</div>
|
|
33
36
|
<div class="post">
|
|
34
37
|
{%- if site.show_excerpts -%}
|
data/_layouts/post.html
CHANGED
|
@@ -7,12 +7,14 @@ layout: default
|
|
|
7
7
|
<h2 class="post-title">{{ page.title | escape }}</h2>
|
|
8
8
|
</a>
|
|
9
9
|
<div class="post-meta">
|
|
10
|
+
<div class="post-date"><i class="icon-calendar"></i>{{ page.date | date: date_format }}</div>
|
|
11
|
+
{%- if page.categories.size > 0 -%}
|
|
10
12
|
<ul class="post-categories">
|
|
11
13
|
{%- for tag in page.categories -%}
|
|
12
14
|
<li>{{ tag }}</li>
|
|
13
15
|
{%- endfor -%}
|
|
14
16
|
</ul>
|
|
15
|
-
|
|
17
|
+
{%- endif -%}
|
|
16
18
|
</div>
|
|
17
19
|
<div class="post">
|
|
18
20
|
{{ content }}
|
data/_sass/dark.scss
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
.dark,
|
|
2
|
+
.dark * {
|
|
3
|
+
$dark_text_color: #f6f6f6;
|
|
4
|
+
$dark_link_color: #4da3ff;
|
|
5
|
+
background-color: #171717;
|
|
6
|
+
color: $dark_text_color;
|
|
7
|
+
border-color: #e6e6e6;
|
|
8
|
+
|
|
9
|
+
.social [class^="icon-"] {
|
|
10
|
+
color: $dark_text_color
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
#posts-label {
|
|
14
|
+
color: $dark_text_color;
|
|
15
|
+
border-bottom: 1px solid #272727;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@import 'ext/solarized-dark';
|
|
19
|
+
.highlight, .highlight *
|
|
20
|
+
{
|
|
21
|
+
background-color: #00080a;
|
|
22
|
+
color: #93a1a1;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
div.highlight-dark {
|
|
26
|
+
padding: 5px 20px;
|
|
27
|
+
}
|
|
28
|
+
pre.highlight-dark, code {
|
|
29
|
+
font-family: 'Consolas', Menlo, monospace;
|
|
30
|
+
line-height: 1.4em;
|
|
31
|
+
tab-size: 4;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.post-categories {
|
|
35
|
+
li {
|
|
36
|
+
background-color: #333;
|
|
37
|
+
color: #fff;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
a {
|
|
42
|
+
color: $dark_link_color;
|
|
43
|
+
}
|
|
44
|
+
#title a {
|
|
45
|
+
color: #fff;
|
|
46
|
+
&:hover {
|
|
47
|
+
color: $dark_link_color;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
}
|
data/_sass/ext/_fonts.scss
CHANGED
|
@@ -58,4 +58,10 @@
|
|
|
58
58
|
.icon-calendar:before { content: '\e800'; } /* '' */
|
|
59
59
|
.icon-github-circled:before { content: '\f09b'; } /* '' */
|
|
60
60
|
.icon-twitter-squared:before { content: '\f304'; } /* '' */
|
|
61
|
-
.icon-linkedin-squared:before { content: '\f30c'; } /* '' */
|
|
61
|
+
.icon-linkedin-squared:before { content: '\f30c'; } /* '' */
|
|
62
|
+
.icon-instagram:before { content: '\f16d'; } /* '' */
|
|
63
|
+
.icon-facebook:before { content: '\f308'; } /* '' */
|
|
64
|
+
.icon-youtube:before { content: '\f167'; } /* '' */
|
|
65
|
+
.icon-dribbble:before { content: '\f17d'; } /* '' */
|
|
66
|
+
.icon-flickr:before { content: '\f16e'; } /* '' */
|
|
67
|
+
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
/* Solarized Dark
|
|
2
|
+
|
|
3
|
+
For use with Jekyll and Pygments
|
|
4
|
+
|
|
5
|
+
http://ethanschoonover.com/solarized
|
|
6
|
+
|
|
7
|
+
SOLARIZED HEX ROLE
|
|
8
|
+
--------- -------- ------------------------------------------
|
|
9
|
+
base03 #002b36 background
|
|
10
|
+
base01 #586e75 comments / secondary content
|
|
11
|
+
base1 #93a1a1 body text / default code / primary content
|
|
12
|
+
orange #cb4b16 constants
|
|
13
|
+
red #dc322f regex, special keywords
|
|
14
|
+
blue #268bd2 reserved keywords
|
|
15
|
+
cyan #2aa198 strings, numbers
|
|
16
|
+
green #859900 operators, other keywords
|
|
17
|
+
*/
|
|
18
|
+
|
|
19
|
+
.highlight { background-color: #002b36; color: #93a1a1 }
|
|
20
|
+
.highlight .c { color: #586e75 } /* Comment */
|
|
21
|
+
.highlight .err { color: #93a1a1 } /* Error */
|
|
22
|
+
.highlight .g { color: #93a1a1 } /* Generic */
|
|
23
|
+
.highlight .k { color: #859900 } /* Keyword */
|
|
24
|
+
.highlight .l { color: #93a1a1 } /* Literal */
|
|
25
|
+
.highlight .n { color: #93a1a1 } /* Name */
|
|
26
|
+
.highlight .o { color: #859900 } /* Operator */
|
|
27
|
+
.highlight .x { color: #cb4b16 } /* Other */
|
|
28
|
+
.highlight .p { color: #93a1a1 } /* Punctuation */
|
|
29
|
+
.highlight .cm { color: #586e75 } /* Comment.Multiline */
|
|
30
|
+
.highlight .cp { color: #859900 } /* Comment.Preproc */
|
|
31
|
+
.highlight .c1 { color: #586e75 } /* Comment.Single */
|
|
32
|
+
.highlight .cs { color: #859900 } /* Comment.Special */
|
|
33
|
+
.highlight .gd { color: #2aa198 } /* Generic.Deleted */
|
|
34
|
+
.highlight .ge { color: #93a1a1; font-style: italic } /* Generic.Emph */
|
|
35
|
+
.highlight .gr { color: #dc322f } /* Generic.Error */
|
|
36
|
+
.highlight .gh { color: #cb4b16 } /* Generic.Heading */
|
|
37
|
+
.highlight .gi { color: #859900 } /* Generic.Inserted */
|
|
38
|
+
.highlight .go { color: #93a1a1 } /* Generic.Output */
|
|
39
|
+
.highlight .gp { color: #93a1a1 } /* Generic.Prompt */
|
|
40
|
+
.highlight .gs { color: #93a1a1; font-weight: bold } /* Generic.Strong */
|
|
41
|
+
.highlight .gu { color: #cb4b16 } /* Generic.Subheading */
|
|
42
|
+
.highlight .gt { color: #93a1a1 } /* Generic.Traceback */
|
|
43
|
+
.highlight .kc { color: #cb4b16 } /* Keyword.Constant */
|
|
44
|
+
.highlight .kd { color: #268bd2 } /* Keyword.Declaration */
|
|
45
|
+
.highlight .kn { color: #859900 } /* Keyword.Namespace */
|
|
46
|
+
.highlight .kp { color: #859900 } /* Keyword.Pseudo */
|
|
47
|
+
.highlight .kr { color: #268bd2 } /* Keyword.Reserved */
|
|
48
|
+
.highlight .kt { color: #dc322f } /* Keyword.Type */
|
|
49
|
+
.highlight .ld { color: #93a1a1 } /* Literal.Date */
|
|
50
|
+
.highlight .m { color: #2aa198 } /* Literal.Number */
|
|
51
|
+
.highlight .s { color: #2aa198 } /* Literal.String */
|
|
52
|
+
.highlight .na { color: #93a1a1 } /* Name.Attribute */
|
|
53
|
+
.highlight .nb { color: #B58900 } /* Name.Builtin */
|
|
54
|
+
.highlight .nc { color: #268bd2 } /* Name.Class */
|
|
55
|
+
.highlight .no { color: #cb4b16 } /* Name.Constant */
|
|
56
|
+
.highlight .nd { color: #268bd2 } /* Name.Decorator */
|
|
57
|
+
.highlight .ni { color: #cb4b16 } /* Name.Entity */
|
|
58
|
+
.highlight .ne { color: #cb4b16 } /* Name.Exception */
|
|
59
|
+
.highlight .nf { color: #268bd2 } /* Name.Function */
|
|
60
|
+
.highlight .nl { color: #93a1a1 } /* Name.Label */
|
|
61
|
+
.highlight .nn { color: #93a1a1 } /* Name.Namespace */
|
|
62
|
+
.highlight .nx { color: #93a1a1 } /* Name.Other */
|
|
63
|
+
.highlight .py { color: #93a1a1 } /* Name.Property */
|
|
64
|
+
.highlight .nt { color: #268bd2 } /* Name.Tag */
|
|
65
|
+
.highlight .nv { color: #268bd2 } /* Name.Variable */
|
|
66
|
+
.highlight .ow { color: #859900 } /* Operator.Word */
|
|
67
|
+
.highlight .w { color: #93a1a1 } /* Text.Whitespace */
|
|
68
|
+
.highlight .mf { color: #2aa198 } /* Literal.Number.Float */
|
|
69
|
+
.highlight .mh { color: #2aa198 } /* Literal.Number.Hex */
|
|
70
|
+
.highlight .mi { color: #2aa198 } /* Literal.Number.Integer */
|
|
71
|
+
.highlight .mo { color: #2aa198 } /* Literal.Number.Oct */
|
|
72
|
+
.highlight .sb { color: #586e75 } /* Literal.String.Backtick */
|
|
73
|
+
.highlight .sc { color: #2aa198 } /* Literal.String.Char */
|
|
74
|
+
.highlight .sd { color: #93a1a1 } /* Literal.String.Doc */
|
|
75
|
+
.highlight .s2 { color: #2aa198 } /* Literal.String.Double */
|
|
76
|
+
.highlight .se { color: #cb4b16 } /* Literal.String.Escape */
|
|
77
|
+
.highlight .sh { color: #93a1a1 } /* Literal.String.Heredoc */
|
|
78
|
+
.highlight .si { color: #2aa198 } /* Literal.String.Interpol */
|
|
79
|
+
.highlight .sx { color: #2aa198 } /* Literal.String.Other */
|
|
80
|
+
.highlight .sr { color: #dc322f } /* Literal.String.Regex */
|
|
81
|
+
.highlight .s1 { color: #2aa198 } /* Literal.String.Single */
|
|
82
|
+
.highlight .ss { color: #2aa198 } /* Literal.String.Symbol */
|
|
83
|
+
.highlight .bp { color: #268bd2 } /* Name.Builtin.Pseudo */
|
|
84
|
+
.highlight .vc { color: #268bd2 } /* Name.Variable.Class */
|
|
85
|
+
.highlight .vg { color: #268bd2 } /* Name.Variable.Global */
|
|
86
|
+
.highlight .vi { color: #268bd2 } /* Name.Variable.Instance */
|
|
87
|
+
.highlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */
|
data/_sass/plain.scss
CHANGED
|
@@ -82,6 +82,7 @@ main {
|
|
|
82
82
|
}
|
|
83
83
|
@media screen and (min-width: $mobileW + 1) {
|
|
84
84
|
position: fixed;
|
|
85
|
+
max-width: 285px;
|
|
85
86
|
}
|
|
86
87
|
min-width: $leftWidth;
|
|
87
88
|
justify-content: center;
|
|
@@ -115,8 +116,13 @@ main {
|
|
|
115
116
|
list-style-type: none;
|
|
116
117
|
padding: 0;
|
|
117
118
|
margin-top: 0;
|
|
119
|
+
display: flex;
|
|
120
|
+
flex-wrap: wrap;
|
|
121
|
+
justify-content: center;
|
|
122
|
+
a {
|
|
123
|
+
margin-bottom: .5em;
|
|
124
|
+
}
|
|
118
125
|
li {
|
|
119
|
-
float: left;
|
|
120
126
|
i {
|
|
121
127
|
font-size: 34px;
|
|
122
128
|
}
|
|
@@ -172,7 +178,6 @@ main {
|
|
|
172
178
|
margin-top: 5px;
|
|
173
179
|
}
|
|
174
180
|
margin-right: 10px;
|
|
175
|
-
margin-bottom: 10px;
|
|
176
181
|
}
|
|
177
182
|
}
|
|
178
183
|
.post-date {
|
|
@@ -184,11 +189,12 @@ main {
|
|
|
184
189
|
display: flex;
|
|
185
190
|
justify-content: space-between;
|
|
186
191
|
align-items: center;
|
|
192
|
+
min-height: 30px;
|
|
187
193
|
@media screen and (max-width: $mobileW) {
|
|
188
|
-
flex-direction: column
|
|
194
|
+
flex-direction: column;
|
|
189
195
|
align-items: baseline;
|
|
190
196
|
.post-date {
|
|
191
|
-
margin
|
|
197
|
+
margin: 10px 0;
|
|
192
198
|
}
|
|
193
199
|
}
|
|
194
200
|
}
|
|
@@ -199,6 +205,7 @@ main {
|
|
|
199
205
|
.post-title {
|
|
200
206
|
line-height: 1.2em;
|
|
201
207
|
font-size: 28px;
|
|
208
|
+
margin-bottom: 10px;
|
|
202
209
|
}
|
|
203
210
|
.posts,
|
|
204
211
|
.post-container {
|
|
@@ -221,6 +228,9 @@ main {
|
|
|
221
228
|
font-weight: 300;
|
|
222
229
|
color: #222;
|
|
223
230
|
line-height: 1.9em;
|
|
231
|
+
p {
|
|
232
|
+
margin-top: 10px;
|
|
233
|
+
}
|
|
224
234
|
a {
|
|
225
235
|
color: $linkColor;
|
|
226
236
|
text-decoration: none;
|
data/_sass/toggle.scss
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
|
|
2
|
+
.switch {
|
|
3
|
+
position: relative;
|
|
4
|
+
display: inline-block;
|
|
5
|
+
width: 30px;
|
|
6
|
+
height: 17px;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.switch input {
|
|
10
|
+
opacity: 0;
|
|
11
|
+
width: 0;
|
|
12
|
+
height: 0;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.slider {
|
|
16
|
+
position: absolute;
|
|
17
|
+
cursor: pointer;
|
|
18
|
+
top: 0;
|
|
19
|
+
left: 0;
|
|
20
|
+
right: 0;
|
|
21
|
+
bottom: 0;
|
|
22
|
+
background-color: #ccc;
|
|
23
|
+
-webkit-transition: .4s;
|
|
24
|
+
transition: .4s;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.slider:before {
|
|
28
|
+
position: absolute;
|
|
29
|
+
content: "";
|
|
30
|
+
height: 13px;
|
|
31
|
+
width: 13px;
|
|
32
|
+
left: 2px;
|
|
33
|
+
bottom: 2px;
|
|
34
|
+
background-color: white;
|
|
35
|
+
-webkit-transition: .4s;
|
|
36
|
+
transition: .4s;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
input:checked + .slider {
|
|
40
|
+
background-color: #002b36 }
|
|
41
|
+
|
|
42
|
+
input:focus + .slider {
|
|
43
|
+
box-shadow: 0 0 1px #2196F3;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
input:checked + .slider:before {
|
|
47
|
+
-webkit-transform: translateX(13px);
|
|
48
|
+
-ms-transform: translateX(13px);
|
|
49
|
+
transform: translateX(13px);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/* Rounded sliders */
|
|
53
|
+
.slider.round {
|
|
54
|
+
border-radius: 17px;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.slider.round:before {
|
|
58
|
+
border-radius: 50%;
|
|
59
|
+
}
|
data/assets/css/style.scss
CHANGED
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "",
|
|
3
|
+
"css_prefix_text": "icon-",
|
|
4
|
+
"css_use_suffix": false,
|
|
5
|
+
"hinting": true,
|
|
6
|
+
"units_per_em": 1000,
|
|
7
|
+
"ascent": 850,
|
|
8
|
+
"glyphs": [
|
|
9
|
+
{
|
|
10
|
+
"uid": "531bc468eecbb8867d822f1c11f1e039",
|
|
11
|
+
"css": "calendar",
|
|
12
|
+
"code": 59392,
|
|
13
|
+
"src": "fontawesome"
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
"uid": "0f6a2573a7b6df911ed199bb63717e27",
|
|
17
|
+
"css": "github-circled",
|
|
18
|
+
"code": 61595,
|
|
19
|
+
"src": "fontawesome"
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
"uid": "906348dc798a0d42715cc97c875e3ac6",
|
|
23
|
+
"css": "twitter-squared",
|
|
24
|
+
"code": 62212,
|
|
25
|
+
"src": "fontawesome"
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
"uid": "1145676a91138011729fa2909997af66",
|
|
29
|
+
"css": "linkedin-squared",
|
|
30
|
+
"code": 62220,
|
|
31
|
+
"src": "fontawesome"
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
"uid": "4743b088aa95d6f3b6b990e770d3b647",
|
|
35
|
+
"css": "facebook-squared",
|
|
36
|
+
"code": 62216,
|
|
37
|
+
"src": "fontawesome"
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"uid": "4c1ef492f1d2c39a2250ae457cee2a6e",
|
|
41
|
+
"css": "instagram",
|
|
42
|
+
"code": 61805,
|
|
43
|
+
"src": "fontawesome"
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"uid": "a9862b9d5197886c1ad693ecd7120b31",
|
|
47
|
+
"css": "youtube",
|
|
48
|
+
"code": 61799,
|
|
49
|
+
"src": "fontawesome"
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"uid": "199c44bca402ec5a6351f75ba5228375",
|
|
53
|
+
"css": "dribbble",
|
|
54
|
+
"code": 61821,
|
|
55
|
+
"src": "fontawesome"
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"uid": "79689c4c425b7cdaa2746f510e81e27a",
|
|
59
|
+
"css": "pinterest-squared",
|
|
60
|
+
"code": 61651,
|
|
61
|
+
"src": "fontawesome"
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
"uid": "649004fb1ed50395a33c3780236ba8aa",
|
|
65
|
+
"css": "flickr",
|
|
66
|
+
"code": 61806,
|
|
67
|
+
"src": "fontawesome"
|
|
68
|
+
}
|
|
69
|
+
]
|
|
70
|
+
}
|
data/assets/font/fontello.eot
CHANGED
|
Binary file
|
data/assets/font/fontello.svg
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<?xml version="1.0" standalone="no"?>
|
|
2
2
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
3
3
|
<svg xmlns="http://www.w3.org/2000/svg">
|
|
4
|
-
<metadata>Copyright (C)
|
|
4
|
+
<metadata>Copyright (C) 2020 by original authors @ fontello.com</metadata>
|
|
5
5
|
<defs>
|
|
6
6
|
<font id="fontello" horiz-adv-x="1000" >
|
|
7
7
|
<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
|
|
@@ -10,8 +10,20 @@
|
|
|
10
10
|
|
|
11
11
|
<glyph glyph-name="github-circled" unicode="" d="M429 779q116 0 215-58t156-156 57-215q0-140-82-252t-211-155q-15-3-22 4t-7 17q0 1 0 43t0 75q0 54-29 79 32 3 57 10t53 22 45 37 30 58 11 84q0 67-44 115 21 51-4 114-16 5-46-6t-51-25l-21-13q-52 15-107 15t-108-15q-8 6-23 15t-47 22-47 7q-25-63-5-114-44-48-44-115 0-47 12-83t29-59 45-37 52-22 57-10q-21-20-27-58-12-5-25-8t-32-3-36 12-31 35q-11 18-27 29t-28 14l-11 1q-12 0-16-2t-3-7 5-8 7-6l4-3q12-6 24-21t18-29l6-13q7-21 24-34t37-17 39-3 31 1l13 3q0-22 0-50t1-30q0-10-8-17t-22-4q-129 43-211 155t-82 252q0 117 58 215t155 156 216 58z m-267-616q2 4-3 7-6 1-8-1-1-4 4-7 5-3 7 1z m18-19q4 3-1 9-6 5-9 2-4-3 1-9 5-6 9-2z m16-25q6 4 0 11-4 7-9 3-5-3 0-10t9-4z m24-23q4 4-2 10-7 7-11 2-5-5 2-11 6-6 11-1z m32-14q1 6-8 9-8 2-10-4t7-9q8-3 11 4z m35-3q0 7-10 6-9 0-9-6 0-7 10-6 9 0 9 6z m32 5q-1 7-10 5-9-1-8-8t10-4 8 7z" horiz-adv-x="857.1" />
|
|
12
12
|
|
|
13
|
+
<glyph glyph-name="pinterest-squared" unicode="" d="M696 779q67 0 114-48t47-113v-536q0-66-47-113t-114-48h-404q47 68 60 118 5 19 30 116 11-21 41-37t63-16q101 0 164 83t64 208q0 47-19 91t-54 77-85 54-110 21q-58 0-109-16t-85-43-60-61-37-71-12-74q0-57 22-101t65-61q7-3 13 0t8 10q6 25 9 35 3 12-7 23-28 35-28 84 0 83 58 143t151 59q83 0 130-45t47-117q0-94-38-160t-97-66q-33 0-54 25t-13 57q5 19 15 52t16 57 6 42q0 27-14 45t-42 18q-34 0-58-31t-24-78q0-40 13-68l-54-231q-14-56-4-142h-102q-67 0-114 48t-47 113v536q0 66 47 113t114 48h535z" horiz-adv-x="857.1" />
|
|
14
|
+
|
|
15
|
+
<glyph glyph-name="youtube" unicode="" d="M542 156v-118q0-37-22-37-13 0-25 12v168q12 12 25 12 22 0 22-37z m189-1v-25h-51v25q0 38 25 38t26-38z m-540 122h60v52h-174v-52h59v-318h55v318z m161-318h50v276h-50v-211q-17-23-32-23-10 0-11 11-1 2-1 20v203h-50v-218q0-28 5-41 7-21 32-21 27 0 57 34v-30z m240 83v110q0 41-5 55-10 31-40 31-28 0-52-30v121h-50v-370h50v27q25-31 52-31 30 0 40 31 5 15 5 56z m188 6v7h-51q0-29-1-34-4-20-22-20-26 0-26 38v49h100v57q0 44-15 65-22 28-59 28-38 0-60-28-15-21-15-65v-96q0-44 16-65 22-29 60-29 40 0 60 30 10 15 12 30 1 5 1 33z m-339 509v117q0 39-24 39t-24-39v-117q0-39 24-39t24 39z m401-419q0-131-14-195-8-33-33-56t-57-25q-102-12-309-12t-310 12q-32 3-57 25t-32 56q-15 62-15 195 0 131 15 195 7 33 32 56t57 26q103 11 310 11t309-11q33-4 58-26t32-56q14-62 14-195z m-557 712h57l-67-223v-151h-56v151q-8 42-34 119-21 57-37 104h60l39-147z m207-186v-97q0-46-16-66-21-29-59-29-37 0-59 29-15 21-15 66v97q0 45 15 66 22 28 59 28 38 0 59-28 16-21 16-66z m187 91v-279h-51v31q-30-35-58-35-25 0-33 21-4 13-4 42v220h51v-205q0-19 0-20 2-12 12-12 15 0 32 24v213h51z" horiz-adv-x="857.1" />
|
|
16
|
+
|
|
17
|
+
<glyph glyph-name="instagram" unicode="" d="M571 350q0 59-41 101t-101 42-101-42-42-101 42-101 101-42 101 42 41 101z m77 0q0-91-64-156t-155-64-156 64-64 156 64 156 156 64 155-64 64-156z m61 229q0-21-15-36t-37-15-36 15-15 36 15 36 36 15 37-15 15-36z m-280 123q-4 0-43 0t-59 0-54-2-57-5-40-11q-28-11-49-32t-33-49q-6-16-10-40t-6-58-1-53 0-59 0-43 0-43 0-59 1-53 6-58 10-40q12-28 33-49t49-32q16-6 40-11t57-5 54-2 59 0 43 0 42 0 59 0 54 2 58 5 39 11q28 11 50 32t32 49q6 16 10 40t6 58 1 53 0 59 0 43 0 43 0 59-1 53-6 58-10 40q-11 28-32 49t-50 32q-16 6-39 11t-58 5-54 2-59 0-42 0z m428-352q0-128-3-177-5-116-69-180t-179-69q-50-3-177-3t-177 3q-116 6-180 69t-69 180q-3 49-3 177t3 177q5 116 69 180t180 69q49 3 177 3t177-3q116-6 179-69t69-180q3-49 3-177z" horiz-adv-x="857.1" />
|
|
18
|
+
|
|
19
|
+
<glyph glyph-name="flickr" unicode="" d="M696 779q67 0 114-48t47-113v-536q0-66-47-113t-114-48h-535q-67 0-114 48t-47 113v536q0 66 47 113t114 48h535z m-306-429q0 49-35 84t-84 34-83-34-35-84 35-84 83-34 84 34 35 84z m314 0q0 49-34 84t-84 34-84-34-34-84 34-84 84-34 84 34 34 84z" horiz-adv-x="857.1" />
|
|
20
|
+
|
|
21
|
+
<glyph glyph-name="dribbble" unicode="" d="M571 13q-23 134-78 278h-1l-1-1q-9-3-24-9t-56-27-77-46-73-64-57-82l-9 6q103-84 234-84 73 0 142 29z m-103 339q-11 27-29 62-174-52-376-52 0-4 0-12 0-69 24-132t69-112q28 49 69 93t80 69 73 45 55 27l21 7q2 1 7 2t7 3z m-59 118q-67 119-137 211-77-36-130-104t-72-152q169 0 339 45z m381-178q-117 33-228 16 49-133 71-262 62 42 104 106t53 140z m-449 414q-1 0-1-1 0 1 1 1z m329-81q-103 91-241 91-43 0-87-10 73-95 137-214 39 15 73 34t54 34 36 32 21 23z m125-271q-2 129-83 229l-1-1q-5-7-11-13t-24-25-40-34-55-36-74-36q14-30 25-53 1-3 3-10t5-9q20 2 41 4t41 1 39-1 35-2 32-3 27-4 20-3 14-3z m62-4q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
|
|
22
|
+
|
|
13
23
|
<glyph glyph-name="twitter-squared" unicode="" d="M714 510q-31-14-67-19 38 22 52 65-37-21-75-28-34 36-85 36-49 0-83-34t-35-83q0-16 3-27-72 4-135 37t-107 86q-16-28-16-59 0-64 51-98-27 1-56 15v-1q0-42 28-75t68-40q-16-5-28-5-7 0-22 3 12-36 42-59t67-23q-64-50-145-50-15 0-28 2 82-53 180-53 62 0 117 20t94 53 67 76 42 91 13 94q0 10 0 15 35 25 58 61z m143 108v-536q0-66-47-113t-114-48h-535q-67 0-114 48t-47 113v536q0 66 47 113t114 48h535q67 0 114-48t47-113z" horiz-adv-x="857.1" />
|
|
14
24
|
|
|
25
|
+
<glyph glyph-name="facebook-squared" unicode="" d="M696 779q67 0 114-48t47-113v-536q0-66-47-113t-114-48h-104v333h111l16 129h-127v83q0 31 13 46t51 16l68 1v115q-35 5-100 5-75 0-121-44t-45-127v-95h-112v-129h112v-333h-297q-67 0-114 48t-47 113v536q0 66 47 113t114 48h535z" horiz-adv-x="857.1" />
|
|
26
|
+
|
|
15
27
|
<glyph glyph-name="linkedin-squared" unicode="" d="M132 61h129v387h-129v-387z m138 507q-1 29-21 48t-51 19-53-19-21-48q0-29 20-48t52-19h0q33 0 53 19t21 48z m326-507h129v222q0 86-41 130t-107 44q-76 0-117-65h1v56h-129q2-37 0-387h129v217q0 21 4 31 8 19 25 33t41 14q65 0 65-88v-207z m261 557v-536q0-66-47-113t-114-48h-535q-67 0-114 48t-47 113v536q0 66 47 113t114 48h535q67 0 114-48t47-113z" horiz-adv-x="857.1" />
|
|
16
28
|
</font>
|
|
17
29
|
</defs>
|
data/assets/font/fontello.ttf
CHANGED
|
Binary file
|
data/assets/font/fontello.woff
CHANGED
|
Binary file
|
data/assets/font/fontello.woff2
CHANGED
|
Binary file
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
function toggleDarkMode() {
|
|
2
|
+
const DARK_CLASS = 'dark';
|
|
3
|
+
|
|
4
|
+
var body = document.querySelector("body");
|
|
5
|
+
if (body.classList.contains(DARK_CLASS)) {
|
|
6
|
+
setCookie('theme', 'light');
|
|
7
|
+
body.classList.remove(DARK_CLASS);
|
|
8
|
+
} else {
|
|
9
|
+
setCookie('theme', 'dark');
|
|
10
|
+
body.classList.add(DARK_CLASS);
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
function getCookie(name) {
|
|
15
|
+
var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
|
|
16
|
+
return v ? v[2] : null;
|
|
17
|
+
}
|
|
18
|
+
function setCookie(name, value, days) {
|
|
19
|
+
var d = new Date;
|
|
20
|
+
d.setTime(d.getTime() + 24*60*60*1000*days);
|
|
21
|
+
document.cookie = name + "=" + value + ";path=/;expires=" + d.toGMTString();
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
function deleteCookie(name) { setCookie(name, '', -1); }
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
const userPrefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
28
|
+
var theme = getCookie('theme');
|
|
29
|
+
if ( (theme === null && userPrefersDark) || theme === 'dark') {
|
|
30
|
+
var toggleInput = document.querySelector('#dark-mode-toggle');
|
|
31
|
+
toggleInput.checked = true;
|
|
32
|
+
toggleDarkMode();
|
|
33
|
+
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: plainwhite
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: '0.
|
|
4
|
+
version: '0.10'
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Samarjeet
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2020-
|
|
11
|
+
date: 2020-05-17 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -82,17 +82,22 @@ files:
|
|
|
82
82
|
- _layouts/page.html
|
|
83
83
|
- _layouts/post.html
|
|
84
84
|
- _sass/_syntax.scss
|
|
85
|
+
- _sass/dark.scss
|
|
85
86
|
- _sass/ext/_fonts.scss
|
|
86
87
|
- _sass/ext/_normalize.scss
|
|
88
|
+
- _sass/ext/_solarized-dark.scss
|
|
87
89
|
- _sass/ext/_solarized-light.scss
|
|
88
90
|
- _sass/plain.scss
|
|
91
|
+
- _sass/toggle.scss
|
|
89
92
|
- assets/.DS_Store
|
|
90
93
|
- assets/css/style.scss
|
|
94
|
+
- assets/font/fontello-config.json
|
|
91
95
|
- assets/font/fontello.eot
|
|
92
96
|
- assets/font/fontello.svg
|
|
93
97
|
- assets/font/fontello.ttf
|
|
94
98
|
- assets/font/fontello.woff
|
|
95
99
|
- assets/font/fontello.woff2
|
|
100
|
+
- assets/js/darkmode.js
|
|
96
101
|
- assets/portfolio.png
|
|
97
102
|
- sitemap.xml
|
|
98
103
|
homepage: https://thelehhman.com/
|