jekyll-theme-mint 1.0.1

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA256:
3
+ metadata.gz: fb696470db4327649c8f4f59e3185c199ea37db91b9acbb4f174fe947861ad25
4
+ data.tar.gz: 7a11212a96affed90d3bab41959ab72e66df00df2a74f0b2bf3450c5c606c602
5
+ SHA512:
6
+ metadata.gz: 711929d913b8df5fdf382337ca4a645df3367e5a858b454d9bd4b610ba62e667940b199e88a900e75964c807dff9a9006e02af98195ec59fcd4fa93e0a6e630e
7
+ data.tar.gz: 987e201b43593ed49edcab81c900aab6b34f8bb73f39e7490090cf0c582c6f25a4dfd81e82bca9cf1f1d01bbeaa69caec4a2dd28804e719fc6ae30cde049b0f2
data/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) Aidewoode <aidewoode@gmail.com>
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in
13
+ all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,69 @@
1
+ # jekyll-theme-mint
2
+
3
+ A clean and responsive jekyll theme. Designing for legibility and accessibility.
4
+
5
+ ## Installation
6
+
7
+ Add this line to your Jekyll site's `Gemfile`:
8
+
9
+ ```ruby
10
+ gem "jekyll-theme-mint"
11
+ ```
12
+
13
+ And add this line to your Jekyll site's `_config.yml`:
14
+
15
+ ```yaml
16
+ theme: jekyll-theme-mint
17
+ ```
18
+
19
+ And then execute:
20
+
21
+ $ bundle
22
+
23
+ Or install it yourself as:
24
+
25
+ $ gem install jekyll-theme-mint
26
+
27
+ ## Usage
28
+
29
+ ### Add social links
30
+
31
+ Edit `_config.yml` file to add your social links.
32
+
33
+ ```yaml
34
+ github_username: your_name
35
+ twitter_username: your_name
36
+ facebook_username: your_name
37
+ dribbble_username: your_name
38
+ ```
39
+
40
+ ### Enable Disqus
41
+
42
+ Edit `_config.yml` file to add your Disqus short name and you can enable Disqus on your site.
43
+
44
+ ```yaml
45
+ disqus_shortname: your_disqus_shortname
46
+ ```
47
+
48
+ You can also disable Disqus on specific post by `comments: false` to the post's Front Matter.
49
+
50
+ ### Enable Google Analytics
51
+
52
+ Edit `_config.yml` file to add your google analytics tracking id and you can enable google analytics on your site.
53
+
54
+ ```yaml
55
+ google_analytics: your_google_analystics_tracker_id
56
+ ```
57
+
58
+
59
+ ## Development
60
+
61
+ To set up your environment to develop this theme, run `bundle install`.
62
+
63
+ For test, you can run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`.
64
+
65
+ For more information you can see here <https://jekyllrb.com/docs/themes/>.
66
+
67
+ ## License
68
+
69
+ The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
@@ -0,0 +1,19 @@
1
+ {% if site.disqus_shortname and page.comments != false %}
2
+ <div id='disqus_thread'></div>
3
+
4
+ <script>
5
+ var disqus_config = function () {
6
+ this.page.url = '{{ page.url | absolute_url }}';
7
+ this.page.identifier = '{{ page.url | absolute_url }}';
8
+ };
9
+
10
+ (function() {
11
+ var d = document, s = d.createElement('script');
12
+ s.src = 'https://{{ site.disqus_shortname }}.disqus.com/embed.js';
13
+ s.setAttribute('data-timestamp', +new Date());
14
+
15
+ (d.head || d.body).appendChild(s);
16
+ })();
17
+ </script>
18
+ <noscript>Please enable JavaScript to view the <a href='https://disqus.com/?ref_noscript'>comments powered by Disqus.</a></noscript>
19
+ {% endif %}
@@ -0,0 +1,45 @@
1
+ <footer class='footer'>
2
+ <ul class='footer__list'>
3
+ {% if site.author %}
4
+ {% if site.email %}
5
+ <li class='footer__item'>
6
+ <a href='mailto:{{ site.email }}'>{{ site.author }}</a>
7
+ </li>
8
+ {% else %}
9
+ <li class='footer__item'>{{ site.author }}</li>
10
+ {% endif %}
11
+ {% endif %}
12
+
13
+ {% if site.github_username %}
14
+ <li class='footer__item'>
15
+ <a href='https://github.com/{{ site.github_username }}' title='github'>
16
+ {% include icon.html icon='github' %}
17
+ </a>
18
+ </li>
19
+ {% endif %}
20
+
21
+ {% if site.twitter_username %}
22
+ <li class='footer__item'>
23
+ <a href='https://twitter.com/{{ site.twitter_username }}' title='twitter'>
24
+ {% include icon.html icon='twitter' %}
25
+ </a>
26
+ </li>
27
+ {% endif %}
28
+
29
+ {% if site.facebook_username %}
30
+ <li class='footer__item'>
31
+ <a href='https://www.facebook.com/{{ site.facebook_username }}' title='facebook'>
32
+ {% include icon.html icon='facebook' %}
33
+ </a>
34
+ </li>
35
+ {% endif %}
36
+
37
+ {% if site.dribbble_username %}
38
+ <li class='footer__item'>
39
+ <a href='https://dribbble.com/{{ site.dribbble_username }}' title='dribbble'>
40
+ {% include icon.html icon='dribbble' %}
41
+ </a>
42
+ </li>
43
+ {% endif %}
44
+ </ul>
45
+ </footer>
@@ -0,0 +1,10 @@
1
+ {% if site.google_analytics %}
2
+ <script async src='https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}'></script>
3
+ <script>
4
+ window.dataLayer = window.dataLayer || [];
5
+ function gtag(){dataLayer.push(arguments);}
6
+ gtag('js', new Date());
7
+
8
+ gtag('config', '{{ site.google_analytics }}');
9
+ </script>
10
+ {% endif %}
@@ -0,0 +1,8 @@
1
+ <head>
2
+ <meta charset='utf-8'>
3
+ <meta name='viewport' content='width=device-width, initial-scale=1'>
4
+ {% seo %}
5
+ <link rel='stylesheet' href='{{ '/assets/main.css' | relative_url }}'>
6
+ {% feed_meta %}
7
+ {% include google_analytics.html %}
8
+ </head>
@@ -0,0 +1,10 @@
1
+ <header class='header'>
2
+ <nav class='header__nav'>
3
+ <a class='header__nav__item header__nav__item--title' href='{{ '/' | relative_url }}'>{{ site.title | escape }}</a>
4
+ {% for page in site.pages %}
5
+ {% if page.title %}
6
+ <a class='header__nav__item' href='{{ page.url | relative_url }}'>{{ page.title | escape }}</a>
7
+ {% endif %}
8
+ {% endfor %}
9
+ </nav>
10
+ </header>
@@ -0,0 +1,6 @@
1
+ <svg class='icon'>
2
+ {%- capture icon_path -%}
3
+ /assets/icons/{{ include.icon }}.svg#{{ include.icon }}
4
+ {%- endcapture -%}
5
+ <use href='{{ icon_path | relative_url }}' xlink:href='{{ icon_path | relative_url }}'></use>
6
+ </svg>
@@ -0,0 +1,13 @@
1
+ <!DOCTYPE html>
2
+ <html lang='{{ page.lang | default: site.lang | default: 'en' }}'>
3
+ {% include head.html %}
4
+ <body>
5
+ <div class='layout'>
6
+ {% include header.html %}
7
+ <main class='main'>
8
+ {{ content }}
9
+ </main>
10
+ {% include footer.html %}
11
+ </div>
12
+ </body>
13
+ </html>
@@ -0,0 +1,20 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {% if site.posts.size > 0 %}
6
+ <ul class='posts'>
7
+ {% for post in site.posts %}
8
+ <li class='posts__item'>
9
+ <time class='posts__date' datetime='{{ post.date | date_to_xmlschema }}'>
10
+ {{ post.date | date: '%b %-d, %Y' }}
11
+ </time>
12
+ <div class='posts__title'>
13
+ <a class='posts__link' href='{{ post.url | relative_url }}'>
14
+ {{ post.title | escape }}
15
+ </a>
16
+ </div>
17
+ </li>
18
+ {% endfor %}
19
+ </ul>
20
+ {% endif %}
@@ -0,0 +1,7 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <article class='post'>
6
+ {{ content }}
7
+ </article>
@@ -0,0 +1,10 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <article class='post'>
6
+ <h1>{{ page.title }}</h1>
7
+ {{ content }}
8
+ </article>
9
+
10
+ {% include disqus.html %}
@@ -0,0 +1,60 @@
1
+ .highlight {
2
+ .c { color: $black-lightest; font-style: italic } // Comment
3
+ .err { color: $green-dark } // Error
4
+ .k { font-weight: bold } // Keyword
5
+ .o { font-weight: bold } // Operator
6
+ .cm { color: $black-lightest; font-style: italic } // Comment.Multiline
7
+ .cp { color: $black-lightest; font-weight: bold } // Comment.Preproc
8
+ .c1 { color: $black-lightest; font-style: italic } // Comment.Single
9
+ .cs { color: $black-lightest; font-weight: bold; font-style: italic } // Comment.Special
10
+ .gd { color: $black; } // Generic.Deleted
11
+ .gd .x { color: $black; } // Generic.Deleted.Specific
12
+ .ge { font-style: italic } // Generic.Emph
13
+ .gr { color: $green-dark } // Generic.Error
14
+ .gh { color: $black-lightest } // Generic.Heading
15
+ .gi { color: $black } // Generic.Inserted
16
+ .gi .x { color: $black } // Generic.Inserted.Specific
17
+ .go { color: $black-lightest } // Generic.Output
18
+ .gp { color: $black-lighter } // Generic.Prompt
19
+ .gs { font-weight: bold } // Generic.Strong
20
+ .gu { color: $black-lightest } // Generic.Subheading
21
+ .gt { color: $green-dark } // Generic.Traceback
22
+ .kc { font-weight: bold } // Keyword.Constant
23
+ .kd { font-weight: bold } // Keyword.Declaration
24
+ .kp { font-weight: bold } // Keyword.Pseudo
25
+ .kr { font-weight: bold } // Keyword.Reserved
26
+ .kt { color: $purple-darker; font-weight: bold } // Keyword.Type
27
+ .m { color: $purple } // Literal.Number
28
+ .s { color: $green } // Literal.String
29
+ .na { color: $purple-dark } // Name.Attribute
30
+ .nb { color: $purple-dark } // Name.Builtin
31
+ .nc { color: $purple-darker; font-weight: bold } // Name.Class
32
+ .no { color: $purple-dark } // Name.Constant
33
+ .ni { color: $red-dark } // Name.Entity
34
+ .ne { color: $green-darker; font-weight: bold } // Name.Exception
35
+ .nf { color: $green-darker; font-weight: bold } // Name.Function
36
+ .nn { color: $black-lighter } // Name.Namespace
37
+ .nt { color: $purple-darker } // Name.Tag
38
+ .nv { color: $purple-dark } // Name.Variable
39
+ .ow { font-weight: bold } // Operator.Word
40
+ .mf { color: $purple } // Literal.Number.Float
41
+ .mh { color: $purple } // Literal.Number.Hex
42
+ .mi { color: $purple } // Literal.Number.Integer
43
+ .mo { color: $purple } // Literal.Number.Oct
44
+ .sb { color: $green } // Literal.String.Backtick
45
+ .sc { color: $green } // Literal.String.Char
46
+ .sd { color: $green } // Literal.String.Doc
47
+ .s2 { color: $green } // Literal.String.Double
48
+ .se { color: $green } // Literal.String.Escape
49
+ .sh { color: $green } // Literal.String.Heredoc
50
+ .si { color: $green } // Literal.String.Interpol
51
+ .sx { color: $green } // Literal.String.Other
52
+ .sr { color: $red } // Literal.String.Regex
53
+ .s1 { color: $green } // Literal.String.Single
54
+ .ss { color: $red } // Literal.String.Symbol
55
+ .bp { color: $black-lightest } // Name.Builtin.Pseudo
56
+ .vc { color: $purple-dark } // Name.Variable.Class
57
+ .vg { color: $purple-dark } // Name.Variable.Global
58
+ .vi { color: $purple-dark } // Name.Variable.Instance
59
+ .il { color: $purple } // Literal.Number.Integer.Long
60
+ }
@@ -0,0 +1,117 @@
1
+ html {
2
+ box-sizing: border-box;
3
+ font-size: $default-font-size;
4
+ }
5
+
6
+ *,
7
+ *::before,
8
+ *::after {
9
+ box-sizing: inherit;
10
+ }
11
+
12
+ body {
13
+ background-color: $white;
14
+ font-family: $sans-serif-fonts;
15
+ }
16
+
17
+ .layout {
18
+ max-width: 700px;
19
+ margin: auto;
20
+ padding: 0 15px;
21
+ }
22
+
23
+ .header {
24
+ padding: 50px 0;
25
+ }
26
+
27
+ .main {
28
+ margin: 50px 0 120px;
29
+ }
30
+
31
+ .header__nav {
32
+ display: flex;
33
+ align-items: baseline;
34
+ }
35
+
36
+ .header__nav__item {
37
+ display: inline-block;
38
+ text-decoration: none;
39
+ font-size: 1rem;
40
+ font-family: $serif-fonts;
41
+ color: $green;
42
+ }
43
+
44
+ .header__nav__item--title {
45
+ font-size: 1.55rem;
46
+ margin-right: 40px;
47
+ font-weight: bold;
48
+ }
49
+
50
+ .posts {
51
+ list-style: none;
52
+ margin: 0;
53
+ padding: 0;
54
+ }
55
+
56
+ .posts__item {
57
+ display: flex;
58
+ flex-wrap: wrap;
59
+ margin-bottom: 50px;
60
+ align-items: center;
61
+ }
62
+
63
+ .posts__date {
64
+ width: 30%;
65
+ color: $grey;
66
+ font-size: 1rem;
67
+ }
68
+
69
+ .posts__title {
70
+ width: 70%;
71
+ font-size: 1.1rem;
72
+ }
73
+
74
+ .posts__link {
75
+ color: $black;
76
+ text-decoration: none;
77
+ }
78
+
79
+ .footer {
80
+ padding: 25px 0;
81
+ font-size: .8rem;
82
+ font-style: italic;
83
+ font-family: $serif-fonts;
84
+ color: $grey;
85
+ }
86
+
87
+ .footer__list {
88
+ list-style: none;
89
+ display: flex;
90
+ padding: 0;
91
+ margin: 0;
92
+ }
93
+
94
+ .footer__item {
95
+ margin-right: 10px;
96
+ display: flex;
97
+ }
98
+
99
+ .footer__item a {
100
+ color: $grey;
101
+ text-decoration: none;
102
+ }
103
+
104
+ .footer__item:nth-child(2):before {
105
+ content: '|';
106
+ margin-right: 10px;
107
+ }
108
+
109
+ .icon {
110
+ height: .9rem;
111
+ width: .9rem;
112
+ fill: $grey;
113
+ }
114
+
115
+ #disqus_thread {
116
+ margin-top: 60px;
117
+ }
@@ -0,0 +1,341 @@
1
+ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
2
+
3
+ /* Document
4
+ ========================================================================== */
5
+
6
+ /**
7
+ * 1. Correct the line height in all browsers.
8
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
9
+ */
10
+
11
+ html {
12
+ line-height: 1.15; /* 1 */
13
+ -webkit-text-size-adjust: 100%; /* 2 */
14
+ }
15
+
16
+ /* Sections
17
+ ========================================================================== */
18
+
19
+ /**
20
+ * Remove the margin in all browsers.
21
+ */
22
+
23
+ body {
24
+ margin: 0;
25
+ }
26
+
27
+ /**
28
+ * Correct the font size and margin on `h1` elements within `section` and
29
+ * `article` contexts in Chrome, Firefox, and Safari.
30
+ */
31
+
32
+ h1 {
33
+ font-size: 2em;
34
+ margin: 0.67em 0;
35
+ }
36
+
37
+ /* Grouping content
38
+ ========================================================================== */
39
+
40
+ /**
41
+ * 1. Add the correct box sizing in Firefox.
42
+ * 2. Show the overflow in Edge and IE.
43
+ */
44
+
45
+ hr {
46
+ box-sizing: content-box; /* 1 */
47
+ height: 0; /* 1 */
48
+ overflow: visible; /* 2 */
49
+ }
50
+
51
+ /**
52
+ * 1. Correct the inheritance and scaling of font size in all browsers.
53
+ * 2. Correct the odd `em` font sizing in all browsers.
54
+ */
55
+
56
+ pre {
57
+ font-family: monospace, monospace; /* 1 */
58
+ font-size: 1em; /* 2 */
59
+ }
60
+
61
+ /* Text-level semantics
62
+ ========================================================================== */
63
+
64
+ /**
65
+ * Remove the gray background on active links in IE 10.
66
+ */
67
+
68
+ a {
69
+ background-color: transparent;
70
+ }
71
+
72
+ /**
73
+ * 1. Remove the bottom border in Chrome 57-
74
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
75
+ */
76
+
77
+ abbr[title] {
78
+ border-bottom: none; /* 1 */
79
+ text-decoration: underline; /* 2 */
80
+ text-decoration: underline dotted; /* 2 */
81
+ }
82
+
83
+ /**
84
+ * Add the correct font weight in Chrome, Edge, and Safari.
85
+ */
86
+
87
+ b,
88
+ strong {
89
+ font-weight: bolder;
90
+ }
91
+
92
+ /**
93
+ * 1. Correct the inheritance and scaling of font size in all browsers.
94
+ * 2. Correct the odd `em` font sizing in all browsers.
95
+ */
96
+
97
+ code,
98
+ kbd,
99
+ samp {
100
+ font-family: monospace, monospace; /* 1 */
101
+ font-size: 1em; /* 2 */
102
+ }
103
+
104
+ /**
105
+ * Add the correct font size in all browsers.
106
+ */
107
+
108
+ small {
109
+ font-size: 80%;
110
+ }
111
+
112
+ /**
113
+ * Prevent `sub` and `sup` elements from affecting the line height in
114
+ * all browsers.
115
+ */
116
+
117
+ sub,
118
+ sup {
119
+ font-size: 75%;
120
+ line-height: 0;
121
+ position: relative;
122
+ vertical-align: baseline;
123
+ }
124
+
125
+ sub {
126
+ bottom: -0.25em;
127
+ }
128
+
129
+ sup {
130
+ top: -0.5em;
131
+ }
132
+
133
+ /* Embedded content
134
+ ========================================================================== */
135
+
136
+ /**
137
+ * Remove the border on images inside links in IE 10.
138
+ */
139
+
140
+ img {
141
+ border-style: none;
142
+ }
143
+
144
+ /* Forms
145
+ ========================================================================== */
146
+
147
+ /**
148
+ * 1. Change the font styles in all browsers.
149
+ * 2. Remove the margin in Firefox and Safari.
150
+ */
151
+
152
+ button,
153
+ input,
154
+ optgroup,
155
+ select,
156
+ textarea {
157
+ font-family: inherit; /* 1 */
158
+ font-size: 100%; /* 1 */
159
+ line-height: 1.15; /* 1 */
160
+ margin: 0; /* 2 */
161
+ }
162
+
163
+ /**
164
+ * Show the overflow in IE.
165
+ * 1. Show the overflow in Edge.
166
+ */
167
+
168
+ button,
169
+ input { /* 1 */
170
+ overflow: visible;
171
+ }
172
+
173
+ /**
174
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
175
+ * 1. Remove the inheritance of text transform in Firefox.
176
+ */
177
+
178
+ button,
179
+ select { /* 1 */
180
+ text-transform: none;
181
+ }
182
+
183
+ /**
184
+ * Correct the inability to style clickable types in iOS and Safari.
185
+ */
186
+
187
+ button,
188
+ [type="button"],
189
+ [type="reset"],
190
+ [type="submit"] {
191
+ -webkit-appearance: button;
192
+ }
193
+
194
+ /**
195
+ * Remove the inner border and padding in Firefox.
196
+ */
197
+
198
+ button::-moz-focus-inner,
199
+ [type="button"]::-moz-focus-inner,
200
+ [type="reset"]::-moz-focus-inner,
201
+ [type="submit"]::-moz-focus-inner {
202
+ border-style: none;
203
+ padding: 0;
204
+ }
205
+
206
+ /**
207
+ * Restore the focus styles unset by the previous rule.
208
+ */
209
+
210
+ button:-moz-focusring,
211
+ [type="button"]:-moz-focusring,
212
+ [type="reset"]:-moz-focusring,
213
+ [type="submit"]:-moz-focusring {
214
+ outline: 1px dotted ButtonText;
215
+ }
216
+
217
+ /**
218
+ * Correct the padding in Firefox.
219
+ */
220
+
221
+ fieldset {
222
+ padding: 0.35em 0.75em 0.625em;
223
+ }
224
+
225
+ /**
226
+ * 1. Correct the text wrapping in Edge and IE.
227
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
228
+ * 3. Remove the padding so developers are not caught out when they zero out
229
+ * `fieldset` elements in all browsers.
230
+ */
231
+
232
+ legend {
233
+ box-sizing: border-box; /* 1 */
234
+ color: inherit; /* 2 */
235
+ display: table; /* 1 */
236
+ max-width: 100%; /* 1 */
237
+ padding: 0; /* 3 */
238
+ white-space: normal; /* 1 */
239
+ }
240
+
241
+ /**
242
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
243
+ */
244
+
245
+ progress {
246
+ vertical-align: baseline;
247
+ }
248
+
249
+ /**
250
+ * Remove the default vertical scrollbar in IE 10+.
251
+ */
252
+
253
+ textarea {
254
+ overflow: auto;
255
+ }
256
+
257
+ /**
258
+ * 1. Add the correct box sizing in IE 10.
259
+ * 2. Remove the padding in IE 10.
260
+ */
261
+
262
+ [type="checkbox"],
263
+ [type="radio"] {
264
+ box-sizing: border-box; /* 1 */
265
+ padding: 0; /* 2 */
266
+ }
267
+
268
+ /**
269
+ * Correct the cursor style of increment and decrement buttons in Chrome.
270
+ */
271
+
272
+ [type="number"]::-webkit-inner-spin-button,
273
+ [type="number"]::-webkit-outer-spin-button {
274
+ height: auto;
275
+ }
276
+
277
+ /**
278
+ * 1. Correct the odd appearance in Chrome and Safari.
279
+ * 2. Correct the outline style in Safari.
280
+ */
281
+
282
+ [type="search"] {
283
+ -webkit-appearance: textfield; /* 1 */
284
+ outline-offset: -2px; /* 2 */
285
+ }
286
+
287
+ /**
288
+ * Remove the inner padding in Chrome and Safari on macOS.
289
+ */
290
+
291
+ [type="search"]::-webkit-search-decoration {
292
+ -webkit-appearance: none;
293
+ }
294
+
295
+ /**
296
+ * 1. Correct the inability to style clickable types in iOS and Safari.
297
+ * 2. Change font properties to `inherit` in Safari.
298
+ */
299
+
300
+ ::-webkit-file-upload-button {
301
+ -webkit-appearance: button; /* 1 */
302
+ font: inherit; /* 2 */
303
+ }
304
+
305
+ /* Interactive
306
+ ========================================================================== */
307
+
308
+ /*
309
+ * Add the correct display in Edge, IE 10+, and Firefox.
310
+ */
311
+
312
+ details {
313
+ display: block;
314
+ }
315
+
316
+ /*
317
+ * Add the correct display in all browsers.
318
+ */
319
+
320
+ summary {
321
+ display: list-item;
322
+ }
323
+
324
+ /* Misc
325
+ ========================================================================== */
326
+
327
+ /**
328
+ * Add the correct display in IE 10+.
329
+ */
330
+
331
+ template {
332
+ display: none;
333
+ }
334
+
335
+ /**
336
+ * Add the correct display in IE 10.
337
+ */
338
+
339
+ [hidden] {
340
+ display: none;
341
+ }
data/_sass/_post.scss ADDED
@@ -0,0 +1,269 @@
1
+ // This css basically from yue.css, and I have done some change for it.
2
+
3
+ .post {
4
+ font-weight: 400;
5
+ line-height: 1.8rem;
6
+ font-size: 1rem;
7
+ color: $black-lighter;
8
+ }
9
+
10
+ .post h1,
11
+ .post h2,
12
+ .post h3,
13
+ .post h4,
14
+ .post h5,
15
+ .post h6 {
16
+ color: $black-light;
17
+ }
18
+
19
+ .post h1 {
20
+ font-size: 1.5em;
21
+ margin: 1.3em 0;
22
+ line-height: 1.1em;
23
+ }
24
+
25
+ .post > h1 {
26
+ margin-top: 0;
27
+ }
28
+
29
+ .post h2 {
30
+ font-size: 1.35em;
31
+ margin: 0.83em 0;
32
+ }
33
+
34
+ .post h3 {
35
+ font-size: 1.15em;
36
+ margin: 1em 0;
37
+ }
38
+
39
+ .post h4,
40
+ .post h5,
41
+ .post h6 {
42
+ font-size: 1em;
43
+ margin: 1.6em 0 1em 0;
44
+ }
45
+
46
+ .post h6 {
47
+ font-weight: 500;
48
+ }
49
+
50
+ .post p {
51
+ margin-top: 0;
52
+ margin-bottom: 1.46em;
53
+ }
54
+
55
+ .post a {
56
+ color: $black;
57
+ word-wrap: break-word;
58
+ text-decoration-color: rgba(0, 0, 0, .8);
59
+ }
60
+
61
+ .post a:hover {
62
+ color: $black-lightest;
63
+ text-decoration-color: rgba(0, 0, 0, .6);
64
+ }
65
+
66
+ .post h1 a,
67
+ .post h2 a,
68
+ .post h3 a {
69
+ text-decoration: none;
70
+ }
71
+
72
+ .post strong,
73
+ .post b {
74
+ font-weight: 700;
75
+ color: $black-light;
76
+ }
77
+
78
+ .post em,
79
+ .post i {
80
+ font-style: italic;
81
+ color: $black-light;
82
+ }
83
+
84
+ .post img {
85
+ max-width: 100%;
86
+ height: auto;
87
+ margin: 0.2em 0;
88
+ }
89
+
90
+ .post figure {
91
+ position: relative;
92
+ clear: both;
93
+ outline: 0;
94
+ margin: 10px 0 30px;
95
+ padding: 0;
96
+ min-height: 100px;
97
+ }
98
+
99
+ .post figure img {
100
+ display: block;
101
+ max-width: 100%;
102
+ margin: auto auto 4px;
103
+ box-sizing: border-box;
104
+ }
105
+
106
+ .post figure figcaption {
107
+ position: relative;
108
+ width: 100%;
109
+ text-align: center;
110
+ left: 0;
111
+ margin-top: 10px;
112
+ font-weight: 400;
113
+ font-size: 14px;
114
+ color: $black-lightest;
115
+ }
116
+
117
+ .post figure figcaption a {
118
+ text-decoration: none;
119
+ color: $black-lightest;
120
+ }
121
+
122
+ .post hr {
123
+ display: block;
124
+ width: 40%;
125
+ margin: 60px auto 55px;
126
+ border: 0 none;
127
+ border-top: 1px solid $grey-light;
128
+ }
129
+
130
+ .post blockquote {
131
+ margin: 0 0 1.64em 0;
132
+ border-left: 3px solid $grey-light;
133
+ padding-left: 12px;
134
+ color: $black-lightest;
135
+ }
136
+
137
+ .post blockquote a {
138
+ color: $black-lightest;
139
+ }
140
+
141
+ .post ul,
142
+ .post ol {
143
+ margin: 0 0 24px 6px;
144
+ padding-left: 16px;
145
+ }
146
+
147
+ .post ul {
148
+ list-style-type: square;
149
+ }
150
+
151
+ .post ol {
152
+ list-style-type: decimal;
153
+ }
154
+
155
+ .post li {
156
+ margin-bottom: 0.2em;
157
+ }
158
+
159
+ .post li ul,
160
+ .post li ol {
161
+ margin-top: 0;
162
+ margin-bottom: 0;
163
+ margin-left: 14px;
164
+ }
165
+
166
+ .post li ul {
167
+ list-style-type: disc;
168
+ }
169
+
170
+ .post li ul ul {
171
+ list-style-type: circle;
172
+ }
173
+
174
+ .post li p {
175
+ margin: 0.4em 0 0.6em;
176
+ }
177
+
178
+ .post .unstyled {
179
+ list-style-type: none;
180
+ margin: 0;
181
+ padding: 0;
182
+ }
183
+
184
+ .post code,
185
+ .post tt {
186
+ color: $black-light;
187
+ font-size: 0.96em;
188
+ background-color: $grey-lightest;
189
+ padding: 1px 2px;
190
+ border: 1px solid $grey-light;
191
+ border-radius: 3px;
192
+ font-family: $monospaced-fonts;
193
+ word-wrap: break-word;
194
+ }
195
+
196
+ .post pre {
197
+ margin: 1.64em 0;
198
+ padding: 7px;
199
+ border: none;
200
+ border-left: 3px solid $grey-light;
201
+ padding-left: 10px;
202
+ overflow: auto;
203
+ line-height: 1.5;
204
+ font-size: 0.96em;
205
+ font-family: $monospaced-fonts;
206
+ color: $black-light;
207
+ background-color: $grey-lightest;
208
+ }
209
+
210
+ .post pre code,
211
+ .post pre tt {
212
+ color: $black-light;
213
+ border: none;
214
+ background: none;
215
+ padding: 0;
216
+ }
217
+
218
+ .post table {
219
+ width: 100%;
220
+ max-width: 100%;
221
+ border-collapse: collapse;
222
+ border-spacing: 0;
223
+ margin-bottom: 1.5em;
224
+ font-size: 0.96em;
225
+ box-sizing: border-box;
226
+ }
227
+
228
+ .post th,
229
+ .post td {
230
+ text-align: left;
231
+ padding: 4px 8px 4px 10px;
232
+ border: 1px solid $grey-light;
233
+ }
234
+
235
+ .post td {
236
+ vertical-align: top;
237
+ }
238
+
239
+ .post tr:nth-child(even) {
240
+ background-color: $grey-lightest;
241
+ }
242
+
243
+ .post iframe {
244
+ display: block;
245
+ max-width: 100%;
246
+ margin-bottom: 30px;
247
+ }
248
+
249
+ .post figure iframe {
250
+ margin: auto;
251
+ }
252
+
253
+ .post table pre {
254
+ margin: 0;
255
+ padding: 0;
256
+ border: none;
257
+ background: none;
258
+ }
259
+
260
+ @media (min-width: 1100px) {
261
+ .post blockquote {
262
+ padding-left: 20px;
263
+ border-width: 4px;
264
+ }
265
+
266
+ .post blockquote blockquote {
267
+ margin-left: 0;
268
+ }
269
+ }
@@ -0,0 +1,24 @@
1
+ @media screen and (max-width: 768px) {
2
+ html {
3
+ font-size: 16px;
4
+ }
5
+
6
+ .layout {
7
+ padding: 0 30px;
8
+ }
9
+ }
10
+
11
+ @media screen and (max-width: 480px) {
12
+ .header {
13
+ padding: 30px 0;
14
+ }
15
+
16
+ .posts__date {
17
+ width: 100%;
18
+ margin-bottom: 8px;
19
+ }
20
+
21
+ .header__nav__item--title {
22
+ margin-right: 25px;
23
+ }
24
+ }
@@ -0,0 +1,28 @@
1
+ $green: #1b813e;
2
+ $green-dark: darken($green, 5);
3
+ $green-darker: darken($green, 10);
4
+
5
+ $purple: #8F50AA;
6
+ $purple-dark: darken($purple, 10);
7
+ $purple-darker: darken($purple, 20);
8
+
9
+ $red: #cb1b45;
10
+ $red-dark: darken($red, 10);
11
+
12
+ $black: #1c1c1c;
13
+ $black-light: lighten($black, 10);
14
+ $black-lighter: lighten($black, 20);
15
+ $black-lightest: lighten($black, 30);
16
+
17
+ $grey: lighten($black, 35);
18
+ $grey-light: lighten($black, 75);
19
+ $grey-lightest: lighten($black, 85);
20
+
21
+ $white: #fff;
22
+
23
+ $zh-fonts: 'PingFang SC', 'Hiragino Sans GB', 'Droid Sans Fallback', 'Microsoft YaHei', 'Wenquanyi Micro Hei';
24
+ $sans-serif-fonts: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Droid Sans', 'Helvetica Neue', #{$zh-fonts}, sans-serif;
25
+ $serif-fonts: 'Palatino', 'Palatino Linotype', 'Book Antiqua', #{$zh-fonts}, serif;
26
+ $monospaced-fonts: 'Menlo', 'Monaco', 'Consolas', "Courier New", monospace;
27
+
28
+ $default-font-size: 18px;
@@ -0,0 +1,6 @@
1
+ @import 'normalize';
2
+ @import 'settings';
3
+ @import 'layout';
4
+ @import 'responsive';
5
+ @import 'post';
6
+ @import 'highlight';
@@ -0,0 +1 @@
1
+ <svg id="dribbble" aria-labelledby="simpleicons-dribbble-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-dribbble-icon">Dribbble icon</title><path d="M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308 2.3-1.555 3.936-4.02 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4 1.73 1.358 3.92 2.166 6.29 2.166 1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248-1.698-3.018-3.53-5.558-3.8-5.928-2.868 1.35-5.01 3.99-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702-1.81-1.61-4.19-2.586-6.795-2.586-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z"/></svg>
@@ -0,0 +1 @@
1
+ <svg id="facebook" aria-labelledby="simpleicons-facebook-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-facebook-icon">Facebook icon</title><path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0"/></svg>
@@ -0,0 +1 @@
1
+ <svg id="github" aria-labelledby="simpleicons-github-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-github-icon">GitHub icon</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
@@ -0,0 +1 @@
1
+ <svg id="twitter" aria-labelledby="simpleicons-twitter-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-twitter-icon">Twitter icon</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg>
data/assets/main.scss ADDED
@@ -0,0 +1,3 @@
1
+ ---
2
+ ---
3
+ @import 'jekyll-theme-mint';
metadata ADDED
@@ -0,0 +1,144 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: jekyll-theme-mint
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.0.1
5
+ platform: ruby
6
+ authors:
7
+ - aidewoode
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2018-08-30 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: jekyll
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '3.8'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '3.8'
27
+ - !ruby/object:Gem::Dependency
28
+ name: jekyll-feed
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: 0.10.0
34
+ type: :runtime
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: 0.10.0
41
+ - !ruby/object:Gem::Dependency
42
+ name: jekyll-seo-tag
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: 2.5.0
48
+ - - ">="
49
+ - !ruby/object:Gem::Version
50
+ version: 2.5.0
51
+ type: :runtime
52
+ prerelease: false
53
+ version_requirements: !ruby/object:Gem::Requirement
54
+ requirements:
55
+ - - "~>"
56
+ - !ruby/object:Gem::Version
57
+ version: 2.5.0
58
+ - - ">="
59
+ - !ruby/object:Gem::Version
60
+ version: 2.5.0
61
+ - !ruby/object:Gem::Dependency
62
+ name: bundler
63
+ requirement: !ruby/object:Gem::Requirement
64
+ requirements:
65
+ - - "~>"
66
+ - !ruby/object:Gem::Version
67
+ version: '1.16'
68
+ type: :development
69
+ prerelease: false
70
+ version_requirements: !ruby/object:Gem::Requirement
71
+ requirements:
72
+ - - "~>"
73
+ - !ruby/object:Gem::Version
74
+ version: '1.16'
75
+ - !ruby/object:Gem::Dependency
76
+ name: rake
77
+ requirement: !ruby/object:Gem::Requirement
78
+ requirements:
79
+ - - "~>"
80
+ - !ruby/object:Gem::Version
81
+ version: '12.0'
82
+ type: :development
83
+ prerelease: false
84
+ version_requirements: !ruby/object:Gem::Requirement
85
+ requirements:
86
+ - - "~>"
87
+ - !ruby/object:Gem::Version
88
+ version: '12.0'
89
+ description:
90
+ email:
91
+ - aidewoode@gmail.com
92
+ executables: []
93
+ extensions: []
94
+ extra_rdoc_files: []
95
+ files:
96
+ - LICENSE
97
+ - README.md
98
+ - _includes/disqus.html
99
+ - _includes/footer.html
100
+ - _includes/google_analytics.html
101
+ - _includes/head.html
102
+ - _includes/header.html
103
+ - _includes/icon.html
104
+ - _layouts/default.html
105
+ - _layouts/home.html
106
+ - _layouts/page.html
107
+ - _layouts/post.html
108
+ - _sass/_highlight.scss
109
+ - _sass/_layout.scss
110
+ - _sass/_normalize.scss
111
+ - _sass/_post.scss
112
+ - _sass/_responsive.scss
113
+ - _sass/_settings.scss
114
+ - _sass/jekyll-theme-mint.scss
115
+ - assets/icons/dribbble.svg
116
+ - assets/icons/facebook.svg
117
+ - assets/icons/github.svg
118
+ - assets/icons/twitter.svg
119
+ - assets/main.scss
120
+ homepage: https://github.com/aidewoode/jekyll-theme-mint
121
+ licenses:
122
+ - MIT
123
+ metadata: {}
124
+ post_install_message:
125
+ rdoc_options: []
126
+ require_paths:
127
+ - lib
128
+ required_ruby_version: !ruby/object:Gem::Requirement
129
+ requirements:
130
+ - - ">="
131
+ - !ruby/object:Gem::Version
132
+ version: '0'
133
+ required_rubygems_version: !ruby/object:Gem::Requirement
134
+ requirements:
135
+ - - ">="
136
+ - !ruby/object:Gem::Version
137
+ version: '0'
138
+ requirements: []
139
+ rubyforge_project:
140
+ rubygems_version: 2.7.6
141
+ signing_key:
142
+ specification_version: 4
143
+ summary: A clean and responsive jekyll theme
144
+ test_files: []