jekyll-theme 1.3.0 → 1.4.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 7230bb069deff755832fc927496db079455098a32d833deaca7c186925f0187b
4
- data.tar.gz: 8a93316cfd9b3b7bc7d275539c3f9cd7b2fd2919d11633e9d4e08466ed11c5a4
3
+ metadata.gz: fdf6c861c9298e95ddcd0307cc035fc303506f0da045b67ca3c3696b12f4ef6b
4
+ data.tar.gz: d391886c3397f7a3d72dbd9cccf0821702890351485cb03d8a15112b7a033082
5
5
  SHA512:
6
- metadata.gz: 915022fc6f95633e93c3bb9b26e453b09129a4adfa987f9910b2fc814a14f695d1cbcff40228370d701988cfa60261811f752f9a1354c448caa3cb50411b0bd8
7
- data.tar.gz: c3c77b57fbdda10d07c332f51486d3d45589e7a1d1ecb7d590273d7b165b6681c732078cd262293882c782c916c9a26fd461fdcdf0b986bc9ebe8fd1c9f756c3
6
+ metadata.gz: 3d359eb68bcc938e8e1655c450e7eab893dfb61b867e616af9c097ffe4d33ba267a24295f0dce988fbc52b33ec717584c3d5c91f4435f234987d22a4b5a24b03
7
+ data.tar.gz: 1e8c1443ee24202c631f2c0f251e6a84fb492d3b9acf339e994ab19b8349effec09cd4aa8e126d7590109f6c5973466bcd97bac12b022a569b7ad949dddcdbff
@@ -0,0 +1,31 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="home">
6
+ {%- if page.title -%}
7
+ <h1 class="page-heading">{{ page.title }}</h1>
8
+ {%- endif -%}
9
+
10
+ {%- if site.posts.size > 0 -%}
11
+ <h2 class="post-list-heading">{{ page.list_title | default: "Posts" }}</h2>
12
+ <ul class="post-list">
13
+ {%- for post in site.posts -%}
14
+ <li>
15
+ {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
16
+ <span class="post-meta">{{ post.date | date: date_format }}</span>
17
+ <h3>
18
+ <a class="post-link" href="{{ post.url | relative_url }}">
19
+ {{ post.title | escape }}
20
+ </a>
21
+ </h3>
22
+ {%- if site.show_excerpts -%}
23
+ {{ post.excerpt }}
24
+ {%- endif -%}
25
+ </li>
26
+ {%- endfor -%}
27
+ </ul>
28
+ {%- endif -%}
29
+ </div>
30
+
31
+ {{ content }}
@@ -0,0 +1,13 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="home">
6
+ {%- if page.title -%}
7
+ <h1 class="page-heading">{{ page.title }}</h1>
8
+ {%- endif -%}
9
+
10
+ <p>
11
+ example
12
+ </p>
13
+ </div>
data/_sass/minima.scss ADDED
@@ -0,0 +1,51 @@
1
+ @charset "utf-8";
2
+
3
+ // Define defaults for each variable.
4
+
5
+ $base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
6
+ $base-font-size: 16px !default;
7
+ $base-font-weight: 400 !default;
8
+ $small-font-size: $base-font-size * 0.875 !default;
9
+ $base-line-height: 1.5 !default;
10
+
11
+ $spacing-unit: 30px !default;
12
+
13
+ $text-color: #FFFFFF !default;
14
+ $background-color: #111 !default;
15
+ $brand-color: #30619d !default;
16
+
17
+ $grey-color: #959494 !default;
18
+ $grey-color-light: lighten($grey-color, 40%) !default;
19
+ $grey-color-dark: darken($grey-color, 25%) !default;
20
+
21
+ $table-text-align: left !default;
22
+
23
+ // Width of the content area
24
+ $content-width: 800px !default;
25
+
26
+ $on-palm: 600px !default;
27
+ $on-laptop: 800px !default;
28
+
29
+ // Use media queries like this:
30
+ // @include media-query($on-palm) {
31
+ // .wrapper {
32
+ // padding-right: $spacing-unit / 2;
33
+ // padding-left: $spacing-unit / 2;
34
+ // }
35
+ // }
36
+ @mixin media-query($device) {
37
+ @media screen and (max-width: $device) {
38
+ @content;
39
+ }
40
+ }
41
+
42
+ @mixin relative-font-size($ratio) {
43
+ font-size: $base-font-size * $ratio;
44
+ }
45
+
46
+ // Import partials.
47
+ @import
48
+ "partials/base",
49
+ "partials/layout",
50
+ "partials/syntax-highlighting"
51
+ ;
@@ -0,0 +1,254 @@
1
+ /**
2
+ * Reset some basic elements
3
+ */
4
+ body, h1, h2, h3, h4, h5, h6,
5
+ p, blockquote, pre, hr,
6
+ dl, dd, ol, ul, figure {
7
+ margin: 0;
8
+ padding: 0;
9
+ }
10
+
11
+
12
+
13
+ /**
14
+ * Basic styling
15
+ */
16
+ body {
17
+ font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
18
+ color: $text-color;
19
+ background-color: $background-color;
20
+ -webkit-text-size-adjust: 100%;
21
+ -webkit-font-feature-settings: "kern" 1;
22
+ -moz-font-feature-settings: "kern" 1;
23
+ -o-font-feature-settings: "kern" 1;
24
+ font-feature-settings: "kern" 1;
25
+ font-kerning: normal;
26
+ display: flex;
27
+ min-height: 100vh;
28
+ flex-direction: column;
29
+ }
30
+
31
+
32
+
33
+ /**
34
+ * Set `margin-bottom` to maintain vertical rhythm
35
+ */
36
+ h1, h2, h3, h4, h5, h6,
37
+ p, blockquote, pre,
38
+ ul, ol, dl, figure,
39
+ %vertical-rhythm {
40
+ margin-bottom: $spacing-unit / 2;
41
+ }
42
+
43
+
44
+
45
+ /**
46
+ * `main` element
47
+ */
48
+ main {
49
+ display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */
50
+ }
51
+
52
+
53
+
54
+ /**
55
+ * Images
56
+ */
57
+ img {
58
+ max-width: 100%;
59
+ vertical-align: middle;
60
+ }
61
+
62
+
63
+
64
+ /**
65
+ * Figures
66
+ */
67
+ figure > img {
68
+ display: block;
69
+ }
70
+
71
+ figcaption {
72
+ font-size: $small-font-size;
73
+ }
74
+
75
+
76
+
77
+ /**
78
+ * Lists
79
+ */
80
+ ul, ol {
81
+ margin-left: $spacing-unit;
82
+ }
83
+
84
+ li {
85
+ > ul,
86
+ > ol {
87
+ margin-bottom: 0;
88
+ }
89
+ }
90
+
91
+
92
+
93
+ /**
94
+ * Headings
95
+ */
96
+ h1, h2, h3, h4, h5, h6 {
97
+ font-weight: $base-font-weight;
98
+ }
99
+
100
+
101
+
102
+ /**
103
+ * Links
104
+ */
105
+ a {
106
+ color: $brand-color;
107
+ text-decoration: none;
108
+
109
+ &:visited {
110
+ color: darken($brand-color, 15%);
111
+ }
112
+
113
+ &:hover {
114
+ color: $text-color;
115
+ text-decoration: underline;
116
+ }
117
+
118
+ .social-media-list &:hover {
119
+ text-decoration: none;
120
+
121
+ .username {
122
+ text-decoration: underline;
123
+ }
124
+ }
125
+ }
126
+
127
+
128
+ /**
129
+ * Blockquotes
130
+ */
131
+ blockquote {
132
+ color: $grey-color;
133
+ border-left: 4px solid $grey-color-light;
134
+ padding-left: $spacing-unit / 2;
135
+ @include relative-font-size(1.125);
136
+ letter-spacing: -1px;
137
+ font-style: italic;
138
+
139
+ > :last-child {
140
+ margin-bottom: 0;
141
+ }
142
+ }
143
+
144
+
145
+
146
+ /**
147
+ * Code formatting
148
+ */
149
+ pre,
150
+ code {
151
+ @include relative-font-size(0.9375);
152
+ border: 1px solid $grey-color-light;
153
+ border-radius: 3px;
154
+ background-color: #eef;
155
+ }
156
+
157
+ code {
158
+ padding: 1px 5px;
159
+ }
160
+
161
+ pre {
162
+ padding: 8px 12px;
163
+ overflow-x: auto;
164
+
165
+ > code {
166
+ border: 0;
167
+ padding-right: 0;
168
+ padding-left: 0;
169
+ }
170
+ }
171
+
172
+
173
+
174
+ /**
175
+ * Wrapper
176
+ */
177
+ .wrapper {
178
+ max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
179
+ max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
180
+ margin-right: auto;
181
+ margin-left: auto;
182
+ padding-right: $spacing-unit;
183
+ padding-left: $spacing-unit;
184
+ @extend %clearfix;
185
+
186
+ @include media-query($on-laptop) {
187
+ max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
188
+ max-width: calc(#{$content-width} - (#{$spacing-unit}));
189
+ padding-right: $spacing-unit / 2;
190
+ padding-left: $spacing-unit / 2;
191
+ }
192
+ }
193
+
194
+
195
+
196
+ /**
197
+ * Clearfix
198
+ */
199
+ %clearfix:after {
200
+ content: "";
201
+ display: table;
202
+ clear: both;
203
+ }
204
+
205
+
206
+
207
+ /**
208
+ * Icons
209
+ */
210
+
211
+ .svg-icon {
212
+ width: 16px;
213
+ height: 16px;
214
+ display: inline-block;
215
+ fill: #{$grey-color};
216
+ padding-right: 5px;
217
+ vertical-align: text-top;
218
+ }
219
+
220
+ .social-media-list {
221
+ li + li {
222
+ padding-top: 5px;
223
+ }
224
+ }
225
+
226
+
227
+
228
+ /**
229
+ * Tables
230
+ */
231
+ table {
232
+ margin-bottom: $spacing-unit;
233
+ width: 100%;
234
+ text-align: $table-text-align;
235
+ color: lighten($text-color, 18%);
236
+ border-collapse: collapse;
237
+ border: 1px solid $grey-color-light;
238
+ tr {
239
+ &:nth-child(even) {
240
+ background-color: lighten($grey-color-light, 6%);
241
+ }
242
+ }
243
+ th, td {
244
+ padding: ($spacing-unit / 3) ($spacing-unit / 2);
245
+ }
246
+ th {
247
+ background-color: lighten($grey-color-light, 3%);
248
+ border: 1px solid darken($grey-color-light, 4%);
249
+ border-bottom-color: darken($grey-color-light, 12%);
250
+ }
251
+ td {
252
+ border: 1px solid $grey-color-light;
253
+ }
254
+ }
@@ -0,0 +1,255 @@
1
+ /**
2
+ * Site header
3
+ */
4
+ .site-header {
5
+ border-top: 5px solid $grey-color-dark;
6
+ border-bottom: 1px solid $grey-color-light;
7
+ min-height: $spacing-unit * 1.865;
8
+
9
+ // Positioning context for the mobile navigation icon
10
+ position: relative;
11
+ }
12
+
13
+ .site-title {
14
+ @include relative-font-size(1.625);
15
+ font-weight: 300;
16
+ line-height: $base-line-height * $base-font-size * 2.25;
17
+ letter-spacing: -1px;
18
+ margin-bottom: 0;
19
+ float: left;
20
+
21
+ &,
22
+ &:visited {
23
+ color: $grey-color-dark;
24
+ }
25
+ }
26
+
27
+ .site-nav {
28
+ float: right;
29
+ line-height: $base-line-height * $base-font-size * 2.25;
30
+
31
+ .nav-trigger {
32
+ display: none;
33
+ }
34
+
35
+ .menu-icon {
36
+ display: none;
37
+ }
38
+
39
+ .page-link {
40
+ color: $text-color;
41
+ line-height: $base-line-height;
42
+
43
+ // Gaps between nav items, but not on the last one
44
+ &:not(:last-child) {
45
+ margin-right: 20px;
46
+ }
47
+ }
48
+
49
+ @include media-query($on-palm) {
50
+ position: absolute;
51
+ top: 9px;
52
+ right: $spacing-unit / 2;
53
+ background-color: $background-color;
54
+ border: 1px solid $grey-color-light;
55
+ border-radius: 5px;
56
+ text-align: right;
57
+
58
+ label[for="nav-trigger"] {
59
+ display: block;
60
+ float: right;
61
+ width: 36px;
62
+ height: 36px;
63
+ z-index: 2;
64
+ cursor: pointer;
65
+ }
66
+
67
+ .menu-icon {
68
+ display: block;
69
+ float: right;
70
+ width: 36px;
71
+ height: 26px;
72
+ line-height: 0;
73
+ padding-top: 10px;
74
+ text-align: center;
75
+
76
+ > svg {
77
+ fill: $grey-color-dark;
78
+ }
79
+ }
80
+
81
+ input ~ .trigger {
82
+ clear: both;
83
+ display: none;
84
+ }
85
+
86
+ input:checked ~ .trigger {
87
+ display: block;
88
+ padding-bottom: 5px;
89
+ }
90
+
91
+ .page-link {
92
+ display: block;
93
+ padding: 5px 10px;
94
+
95
+ &:not(:last-child) {
96
+ margin-right: 0;
97
+ }
98
+ margin-left: 20px;
99
+ }
100
+ }
101
+ }
102
+
103
+
104
+
105
+ /**
106
+ * Site footer
107
+ */
108
+ .site-footer {
109
+ border-top: 1px solid $grey-color-light;
110
+ padding: $spacing-unit 0;
111
+ }
112
+
113
+ .footer-heading {
114
+ @include relative-font-size(1.125);
115
+ margin-bottom: $spacing-unit / 2;
116
+ }
117
+
118
+ .contact-list,
119
+ .social-media-list {
120
+ list-style: none;
121
+ margin-left: 0;
122
+ }
123
+
124
+ .footer-col-wrapper {
125
+ @include relative-font-size(0.9375);
126
+ color: $grey-color;
127
+ margin-left: -$spacing-unit / 2;
128
+ @extend %clearfix;
129
+ }
130
+
131
+ .footer-col {
132
+ float: left;
133
+ margin-bottom: $spacing-unit / 2;
134
+ padding-left: $spacing-unit / 2;
135
+ }
136
+
137
+ .footer-col-1 {
138
+ width: -webkit-calc(35% - (#{$spacing-unit} / 2));
139
+ width: calc(35% - (#{$spacing-unit} / 2));
140
+ }
141
+
142
+ .footer-col-2 {
143
+ width: -webkit-calc(20% - (#{$spacing-unit} / 2));
144
+ width: calc(20% - (#{$spacing-unit} / 2));
145
+ }
146
+
147
+ .footer-col-3 {
148
+ width: -webkit-calc(45% - (#{$spacing-unit} / 2));
149
+ width: calc(45% - (#{$spacing-unit} / 2));
150
+ }
151
+
152
+ @include media-query($on-laptop) {
153
+ .footer-col-1,
154
+ .footer-col-2 {
155
+ width: -webkit-calc(50% - (#{$spacing-unit} / 2));
156
+ width: calc(50% - (#{$spacing-unit} / 2));
157
+ }
158
+
159
+ .footer-col-3 {
160
+ width: -webkit-calc(100% - (#{$spacing-unit} / 2));
161
+ width: calc(100% - (#{$spacing-unit} / 2));
162
+ }
163
+ }
164
+
165
+ @include media-query($on-palm) {
166
+ .footer-col {
167
+ float: none;
168
+ width: -webkit-calc(100% - (#{$spacing-unit} / 2));
169
+ width: calc(100% - (#{$spacing-unit} / 2));
170
+ }
171
+ }
172
+
173
+
174
+
175
+ /**
176
+ * Page content
177
+ */
178
+ .page-content {
179
+ padding: $spacing-unit 0;
180
+ flex: 1;
181
+ }
182
+
183
+ .page-heading {
184
+ @include relative-font-size(2);
185
+ }
186
+
187
+ .post-list-heading {
188
+ @include relative-font-size(1.75);
189
+ }
190
+
191
+ .post-list {
192
+ margin-left: 0;
193
+ list-style: none;
194
+
195
+ > li {
196
+ margin-bottom: $spacing-unit;
197
+ }
198
+ }
199
+
200
+ .post-meta {
201
+ font-size: $small-font-size;
202
+ color: $grey-color;
203
+ }
204
+
205
+ .post-link {
206
+ display: block;
207
+ @include relative-font-size(1.5);
208
+ }
209
+
210
+
211
+
212
+ /**
213
+ * Posts
214
+ */
215
+ .post-header {
216
+ margin-bottom: $spacing-unit;
217
+ }
218
+
219
+ .post-title {
220
+ @include relative-font-size(2.625);
221
+ letter-spacing: -1px;
222
+ line-height: 1;
223
+
224
+ @include media-query($on-laptop) {
225
+ @include relative-font-size(2.25);
226
+ }
227
+ }
228
+
229
+ .post-content {
230
+ margin-bottom: $spacing-unit;
231
+
232
+ h2 {
233
+ @include relative-font-size(2);
234
+
235
+ @include media-query($on-laptop) {
236
+ @include relative-font-size(1.75);
237
+ }
238
+ }
239
+
240
+ h3 {
241
+ @include relative-font-size(1.625);
242
+
243
+ @include media-query($on-laptop) {
244
+ @include relative-font-size(1.375);
245
+ }
246
+ }
247
+
248
+ h4 {
249
+ @include relative-font-size(1.25);
250
+
251
+ @include media-query($on-laptop) {
252
+ @include relative-font-size(1.125);
253
+ }
254
+ }
255
+ }
@@ -0,0 +1,71 @@
1
+ /**
2
+ * Syntax highlighting styles
3
+ */
4
+ .highlight {
5
+ background: #000000;
6
+ @extend %vertical-rhythm;
7
+
8
+ .highlighter-rouge & {
9
+ background: #000000;
10
+ }
11
+
12
+ .c { color: #998; font-style: italic } // Comment
13
+ .err { color: #a61717; background-color: #e3d2d2 } // Error
14
+ .k { font-weight: bold } // Keyword
15
+ .o { font-weight: bold } // Operator
16
+ .cm { color: #998; font-style: italic } // Comment.Multiline
17
+ .cp { color: #999; font-weight: bold } // Comment.Preproc
18
+ .c1 { color: #998; font-style: italic } // Comment.Single
19
+ .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
20
+ .gd { color: #000; background-color: #fdd } // Generic.Deleted
21
+ .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
22
+ .ge { font-style: italic } // Generic.Emph
23
+ .gr { color: #a00 } // Generic.Error
24
+ .gh { color: #999 } // Generic.Heading
25
+ .gi { color: #000; background-color: #dfd } // Generic.Inserted
26
+ .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
27
+ .go { color: #888 } // Generic.Output
28
+ .gp { color: #555 } // Generic.Prompt
29
+ .gs { font-weight: bold } // Generic.Strong
30
+ .gu { color: #aaa } // Generic.Subheading
31
+ .gt { color: #a00 } // Generic.Traceback
32
+ .kc { font-weight: bold } // Keyword.Constant
33
+ .kd { font-weight: bold } // Keyword.Declaration
34
+ .kp { font-weight: bold } // Keyword.Pseudo
35
+ .kr { font-weight: bold } // Keyword.Reserved
36
+ .kt { color: #458; font-weight: bold } // Keyword.Type
37
+ .m { color: #205295 } // Literal.Number
38
+ .s { color: #516d8d } // Literal.String
39
+ .na { color: #144272 } // Name.Attribute
40
+ .nb { color: #0086B3 } // Name.Builtin
41
+ .nc { color: #458; font-weight: bold } // Name.Class
42
+ .no { color: #144272 } // Name.Constant
43
+ .ni { color: #144272 } // Name.Entity
44
+ .ne { color: #900; font-weight: bold } // Name.Exception
45
+ .nf { color: #900; font-weight: bold } // Name.Function
46
+ .nn { color: #555 } // Name.Namespace
47
+ .nt { color: #000080 } // Name.Tag
48
+ .nv { color: #144272 } // Name.Variable
49
+ .ow { font-weight: bold } // Operator.Word
50
+ .w { color: #bbb } // Text.Whitespace
51
+ .mf { color: #205295 } // Literal.Number.Float
52
+ .mh { color: #205295 } // Literal.Number.Hex
53
+ .mi { color: #205295 } // Literal.Number.Integer
54
+ .mo { color: #205295 } // Literal.Number.Oct
55
+ .sb { color: #0A2647} // Literal.String.Backtick
56
+ .sc { color: #0A2647} // Literal.String.Char
57
+ .sd { color: #0A2647} // Literal.String.Doc
58
+ .s2 { color: #0A2647} // Literal.String.Double
59
+ .se { color: #0A2647} // Literal.String.Escape
60
+ .sh { color: #0A2647} // Literal.String.Heredoc
61
+ .si { color: #0A2647} // Literal.String.Interpol
62
+ .sx { color: #0A2647} // Literal.String.Other
63
+ .sr { color: #009926 } // Literal.String.Regex
64
+ .s1 { color: #0A2647 } // Literal.String.Single
65
+ .ss { color: #990073 } // Literal.String.Symbol
66
+ .bp { color: #999 } // Name.Builtin.Pseudo
67
+ .vc { color: #144272 } // Name.Variable.Class
68
+ .vg { color: #144272 } // Name.Variable.Global
69
+ .vi { color: #144272 } // Name.Variable.Instance
70
+ .il { color: #205295 } // Literal.Number.Integer.Long
71
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.3.0
4
+ version: 1.4.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Sohee
@@ -62,8 +62,14 @@ files:
62
62
  - LICENSE.txt
63
63
  - README.md
64
64
  - _layouts/default.html
65
+ - _layouts/index.html
66
+ - _layouts/main.html
65
67
  - _layouts/page.html
66
68
  - _layouts/post.html
69
+ - _sass/minima.scss
70
+ - _sass/partials/_base.scss
71
+ - _sass/partials/_layout.scss
72
+ - _sass/partials/_syntax-highlighting.scss
67
73
  homepage: https://github.com/soh3e/jekyll-theme
68
74
  licenses:
69
75
  - MIT