jekyll-minimal-theme 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (50) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +374 -0
  4. data/_includes/custom-head.html +6 -0
  5. data/_includes/disqus_comments.html +20 -0
  6. data/_includes/footer.html +47 -0
  7. data/_includes/google-analytics.html +9 -0
  8. data/_includes/head.html +14 -0
  9. data/_includes/header.html +31 -0
  10. data/_includes/social-icons/devto.svg +1 -0
  11. data/_includes/social-icons/dribbble.svg +1 -0
  12. data/_includes/social-icons/facebook.svg +1 -0
  13. data/_includes/social-icons/flickr.svg +1 -0
  14. data/_includes/social-icons/github.svg +1 -0
  15. data/_includes/social-icons/gitlab.svg +1 -0
  16. data/_includes/social-icons/google_scholar.svg +1 -0
  17. data/_includes/social-icons/instagram.svg +1 -0
  18. data/_includes/social-icons/keybase.svg +4 -0
  19. data/_includes/social-icons/linkedin.svg +1 -0
  20. data/_includes/social-icons/mastodon.svg +1 -0
  21. data/_includes/social-icons/microdotblog.svg +1 -0
  22. data/_includes/social-icons/pinterest.svg +1 -0
  23. data/_includes/social-icons/rss.svg +1 -0
  24. data/_includes/social-icons/stackoverflow.svg +1 -0
  25. data/_includes/social-icons/telegram.svg +1 -0
  26. data/_includes/social-icons/twitter.svg +1 -0
  27. data/_includes/social-icons/x.svg +3 -0
  28. data/_includes/social-icons/youtube.svg +1 -0
  29. data/_includes/social-item.html +7 -0
  30. data/_includes/social.html +5 -0
  31. data/_includes/svg_symbol.html +3 -0
  32. data/_layouts/base.html +20 -0
  33. data/_layouts/index.html +62 -0
  34. data/_layouts/page.html +14 -0
  35. data/_layouts/post.html +38 -0
  36. data/_sass/minima/_base.scss +285 -0
  37. data/_sass/minima/_layout.scss +358 -0
  38. data/_sass/minima/custom-styles.scss +2 -0
  39. data/_sass/minima/custom-variables.scss +1 -0
  40. data/_sass/minima/initialize.scss +52 -0
  41. data/_sass/minima/skins/auto.scss +361 -0
  42. data/_sass/minima/skins/classic.scss +5 -0
  43. data/_sass/minima/skins/dark.scss +5 -0
  44. data/_sass/minima/skins/solarized-dark.scss +5 -0
  45. data/_sass/minima/skins/solarized-light.scss +4 -0
  46. data/_sass/minima/skins/solarized.scss +201 -0
  47. data/_sass/minima/syntax.scss +80 -0
  48. data/assets/css/style.scss +7 -0
  49. data/assets/minima-social-icons.liquid +18 -0
  50. metadata +168 -0
@@ -0,0 +1,3 @@
1
+ <symbol id="{{ include.key }}" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" viewBox="0 0 16 16">
2
+ {%- include social-icons/{{ include.key }}.svg -%}
3
+ </symbol>
@@ -0,0 +1,20 @@
1
+ <!DOCTYPE html>
2
+ <html lang="{{ page.lang | default: site.lang | default: "en" }}">
3
+
4
+ {%- include head.html -%}
5
+
6
+ <body>
7
+
8
+ {%- include header.html -%}
9
+
10
+ <main class="page-content" aria-label="Content">
11
+ <div class="wrapper">
12
+ {{ content }}
13
+ </div>
14
+ </main>
15
+
16
+ {%- include footer.html -%}
17
+
18
+ </body>
19
+
20
+ </html>
@@ -0,0 +1,62 @@
1
+ ---
2
+ layout: base
3
+ ---
4
+
5
+ <div class="home">
6
+ {%- if page.title -%}
7
+ <h1 class="page-heading">{{ page.title }}</h1>
8
+ {%- endif -%}
9
+
10
+ {{ content }}
11
+
12
+
13
+ {% if site.paginate %}
14
+ {% assign posts = paginator.posts %}
15
+ {% else %}
16
+ {% assign posts = site.posts %}
17
+ {% endif %}
18
+
19
+
20
+ {%- if posts.size > 0 -%}
21
+ {%- if page.list_title -%}
22
+ <h2 class="post-list-heading">{{ page.list_title }}</h2>
23
+ {%- endif -%}
24
+ <ul class="post-list">
25
+ {%- assign date_format = site.jekyll-minimal-theme.date_format | default: "%b %-d, %Y" -%}
26
+ {%- for post in posts -%}
27
+ {%- assign category_length = post.categories | size -%}
28
+ <li>
29
+ <h3 class="post-title">
30
+ <a class="post-link" href="{{ post.url | relative_url }}">
31
+ {{ post.title | truncate: 48, '...' | escape }}
32
+ </a>
33
+ </h3>
34
+ <span class="post-meta">{{ post.date | date: date_format }} |&nbsp;{%- if category_length == 0 %}uncategorized {%- else -%} {{ post.categories }} {%- endif -%}</span>
35
+ {%- if site.show_excerpts -%}
36
+ {{ post.excerpt }}
37
+ {%- endif -%}
38
+ </li>
39
+ {%- endfor -%}
40
+ </ul>
41
+
42
+ {% if site.paginate %}
43
+ <div class="pager">
44
+ <ul class="pagination">
45
+ {%- if paginator.previous_page %}
46
+ <li><a href="{{ paginator.previous_page_path | relative_url }}" class="previous-page">{{ paginator.previous_page }}</a></li>
47
+ {%- else %}
48
+ <li><div class="pager-edge">•</div></li>
49
+ {%- endif %}
50
+ <li><div class="current-page">{{ paginator.page }}</div></li>
51
+ {%- if paginator.next_page %}
52
+ <li><a href="{{ paginator.next_page_path | relative_url }}" class="next-page">{{ paginator.next_page }}</a></li>
53
+ {%- else %}
54
+ <li><div class="pager-edge">•</div></li>
55
+ {%- endif %}
56
+ </ul>
57
+ </div>
58
+ {%- endif %}
59
+
60
+ {%- endif -%}
61
+
62
+ </div>
@@ -0,0 +1,14 @@
1
+ ---
2
+ layout: base
3
+ ---
4
+ <article class="post">
5
+
6
+ <header class="post-header">
7
+ <h1 class="post-title">{{ page.title | escape }}</h1>
8
+ </header>
9
+
10
+ <div class="post-content">
11
+ {{ content }}
12
+ </div>
13
+
14
+ </article>
@@ -0,0 +1,38 @@
1
+ ---
2
+ layout: base
3
+ ---
4
+ <article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
5
+
6
+ <header class="post-header">
7
+ <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
8
+ <p class="post-meta">
9
+ {%- assign date_format = site.jekyll-minimal-theme.date_format | default: "%b %-d, %Y" -%}
10
+ <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
11
+ {{ page.date | date: date_format }}
12
+ </time>
13
+ {%- if page.modified_date -%}
14
+ ~
15
+ {%- assign mdate = page.modified_date | date_to_xmlschema -%}
16
+ <time class="dt-modified" datetime="{{ mdate }}" itemprop="dateModified">
17
+ {{ mdate | date: date_format }}
18
+ </time>
19
+ {%- endif -%}
20
+ {%- if page.author -%}
21
+ • {% for author in page.author %}
22
+ <span itemprop="author" itemscope itemtype="http://schema.org/Person">
23
+ <span class="p-author h-card" itemprop="name">{{ author }}</span></span>
24
+ {%- if forloop.last == false %}, {% endif -%}
25
+ {% endfor %}
26
+ {%- endif -%}</p>
27
+ </header>
28
+
29
+ <div class="post-content e-content" itemprop="articleBody">
30
+ {{ content }}
31
+ </div>
32
+
33
+ {%- if site.disqus.shortname -%}
34
+ {%- include disqus_comments.html -%}
35
+ {%- endif -%}
36
+
37
+ <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
38
+ </article>
@@ -0,0 +1,285 @@
1
+ html {
2
+ font-size: $base-font-size;
3
+ }
4
+
5
+ /**
6
+ * Reset some basic elements
7
+ */
8
+ body, h1, h2, h3, h4, h5, h6,
9
+ p, blockquote, pre, hr,
10
+ dl, dd, ol, ul, figure {
11
+ margin: 0;
12
+ padding: 0;
13
+
14
+ }
15
+
16
+
17
+
18
+ /**
19
+ * Basic styling
20
+ */
21
+ body {
22
+ font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
23
+ color: $text-color;
24
+ background-color: $background-color;
25
+ -webkit-text-size-adjust: 100%;
26
+ -webkit-font-feature-settings: "kern" 1;
27
+ -moz-font-feature-settings: "kern" 1;
28
+ -o-font-feature-settings: "kern" 1;
29
+ font-feature-settings: "kern" 1;
30
+ font-kerning: normal;
31
+ display: flex;
32
+ min-height: 100vh;
33
+ flex-direction: column;
34
+ overflow-wrap: break-word;
35
+ }
36
+
37
+
38
+
39
+ /**
40
+ * Set `margin-bottom` to maintain vertical rhythm
41
+ */
42
+ h1, h2, h3, h4, h5, h6,
43
+ p, blockquote, pre,
44
+ ul, ol, dl, figure,
45
+ %vertical-rhythm {
46
+ margin-bottom: $spacing-unit * .5;
47
+ }
48
+
49
+ hr {
50
+ margin-top: $spacing-unit;
51
+ margin-bottom: $spacing-unit;
52
+ }
53
+
54
+ /**
55
+ * `main` element
56
+ */
57
+ main {
58
+ display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */
59
+ }
60
+
61
+
62
+
63
+ /**
64
+ * Images
65
+ */
66
+ img {
67
+ max-width: 100%;
68
+ vertical-align: middle;
69
+ }
70
+
71
+
72
+
73
+ /**
74
+ * Figures
75
+ */
76
+ figure > img {
77
+ display: block;
78
+ }
79
+
80
+ figcaption {
81
+ font-size: $small-font-size;
82
+ }
83
+
84
+
85
+
86
+ /**
87
+ * Lists
88
+ */
89
+ ul, ol {
90
+ margin-left: $spacing-unit;
91
+ }
92
+
93
+ li {
94
+ > ul,
95
+ > ol {
96
+ margin-bottom: 0;
97
+ }
98
+ }
99
+
100
+
101
+
102
+ /**
103
+ * Headings
104
+ */
105
+ h1, h2, h3, h4, h5, h6 {
106
+ font-weight: $base-font-weight;
107
+ }
108
+
109
+
110
+
111
+ /**
112
+ * Links
113
+ */
114
+ a {
115
+ color: $link-base-color;
116
+ text-decoration: none;
117
+
118
+ &:visited {
119
+ color: $link-visited-color;
120
+ }
121
+
122
+ &:hover {
123
+ color: $link-hover-color;
124
+ text-decoration: underline;
125
+ }
126
+
127
+ .social-media-list &:hover {
128
+ text-decoration: none;
129
+
130
+ .username {
131
+ text-decoration: underline;
132
+ }
133
+ }
134
+ }
135
+
136
+
137
+ /**
138
+ * Blockquotes
139
+ */
140
+ blockquote {
141
+ color: $brand-color;
142
+ border-left: 4px solid $border-color-01;
143
+ padding-left: $spacing-unit * .5;
144
+ @include relative-font-size(1.125);
145
+ font-style: italic;
146
+
147
+ > :last-child {
148
+ margin-bottom: 0;
149
+ }
150
+
151
+ i, em {
152
+ font-style: normal;
153
+ }
154
+ }
155
+
156
+
157
+
158
+ /**
159
+ * Code formatting
160
+ */
161
+ pre,
162
+ code {
163
+ font-family: $code-font-family;
164
+ font-size: 0.9375em;
165
+ border: 1px solid $border-color-01;
166
+ border-radius: 3px;
167
+ background-color: $code-background-color;
168
+ }
169
+
170
+ code {
171
+ padding: 2px 5px;
172
+ }
173
+
174
+ pre {
175
+ padding: 8px 12px;
176
+ overflow-x: auto;
177
+
178
+ > code {
179
+ border: 0;
180
+ padding-right: 0;
181
+ padding-left: 0;
182
+ }
183
+ }
184
+
185
+ .highlight {
186
+ border-radius: 3px;
187
+ background: $code-background-color;
188
+ @extend %vertical-rhythm;
189
+
190
+ .highlighter-rouge & {
191
+ background: $code-background-color;
192
+ }
193
+ }
194
+
195
+
196
+
197
+ /**
198
+ * Wrapper
199
+ */
200
+ .wrapper {
201
+ max-width: calc(#{$content-width} - (#{$spacing-unit}));
202
+ margin-right: auto;
203
+ margin-left: auto;
204
+ padding-right: $spacing-unit * .5;
205
+ padding-left: $spacing-unit * .5;
206
+ @extend %clearfix;
207
+
208
+ @media screen and (min-width: $on-large) {
209
+ max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
210
+ padding-right: $spacing-unit;
211
+ padding-left: $spacing-unit;
212
+ }
213
+ }
214
+
215
+
216
+
217
+ /**
218
+ * Clearfix
219
+ */
220
+ %clearfix:after {
221
+ content: "";
222
+ display: table;
223
+ clear: both;
224
+ }
225
+
226
+
227
+
228
+ /**
229
+ * Icons
230
+ */
231
+
232
+ .orange {
233
+ color: #f66a0a;
234
+ }
235
+
236
+ .grey {
237
+ color: #828282;
238
+ }
239
+
240
+ .black {
241
+ color: #000000;
242
+ }
243
+
244
+ .svg-icon {
245
+ width: 1.25em;
246
+ height: 1.25em;
247
+ display: inline-block;
248
+ fill: currentColor;
249
+ vertical-align: text-bottom;
250
+ }
251
+
252
+
253
+ /**
254
+ * Tables
255
+ */
256
+ table {
257
+ margin-bottom: $spacing-unit;
258
+ width: 100%;
259
+ text-align: $table-text-align;
260
+ color: $table-text-color;
261
+ border-collapse: collapse;
262
+ border: 1px solid $table-border-color;
263
+ tr {
264
+ &:nth-child(even) {
265
+ background-color: $table-zebra-color;
266
+ }
267
+ }
268
+ th, td {
269
+ padding: ($spacing-unit * 33.3333333333 * .01) ($spacing-unit * .5);
270
+ }
271
+ th {
272
+ background-color: $table-header-bg-color;
273
+ border: 1px solid $table-header-border;
274
+ }
275
+ td {
276
+ border: 1px solid $table-border-color;
277
+ }
278
+
279
+ @include media-query($on-laptop) {
280
+ display: block;
281
+ overflow-x: auto;
282
+ -webkit-overflow-scrolling: touch;
283
+ -ms-overflow-style: -ms-autohiding-scrollbar;
284
+ }
285
+ }