jekyll-theme-jsblog 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,300 @@
1
+ /**
2
+ * Site header
3
+ */
4
+ .site-header {
5
+ height: 65px;
6
+ line-height: 65px;
7
+ background-color: $site-header-background-color;
8
+
9
+ -webkit-user-select: none;
10
+ -moz-user-select: none;
11
+ -ms-user-select: none;
12
+ user-select: none;
13
+
14
+ // Fancy affect
15
+ -webkit-backdrop-filter: saturate(180%) blur(20px);
16
+ backdrop-filter: saturate(180%) blur(20px);
17
+
18
+ // Positioning context for the mobile navigation icon
19
+ position: relative;
20
+ }
21
+
22
+ .site-title {
23
+ color: $site-header-text-color !important;
24
+ font-size: $site-title-font-size;
25
+ font-weight: $heavy-font-weight;
26
+ letter-spacing: -1px;
27
+ margin-bottom: 0;
28
+ float: left;
29
+
30
+ &,
31
+ &:visited {
32
+ color: $site-header-text-color-visited;
33
+ }
34
+
35
+ :hover {
36
+ opacity: $a-hover-opacity;
37
+ text-decoration: none;
38
+ }
39
+ }
40
+
41
+ .site-nav {
42
+ float: right;
43
+ font-size: $nav-font-size;
44
+
45
+ a:hover {
46
+ opacity: $a-hover-opacity;
47
+ text-decoration: none;
48
+ }
49
+
50
+ .page-link {
51
+ color: $site-header-text-color;
52
+ line-height: $base-line-height;
53
+
54
+ // Gaps between nav items, but not on the last one
55
+ &:not(:last-child) {
56
+ margin-right: 20px;
57
+ }
58
+ }
59
+
60
+ @include media-query($on-palm) {
61
+ .page-link {
62
+ padding: 20px 0;
63
+
64
+ &:not(:last-child) {
65
+ margin-right: 0;
66
+ }
67
+ margin-left: 20px;
68
+ }
69
+ }
70
+ }
71
+
72
+
73
+
74
+ /**
75
+ * Site footer
76
+ */
77
+ .site-footer {
78
+ position: absolute;
79
+ bottom: 0;
80
+ width: 100%;
81
+ height: 20px;
82
+ line-height: 20px;
83
+ padding: 20px 0;
84
+ font-size: $site-footer-font-size;
85
+ color: --footer-text-color;
86
+ background-color: var(--footer-background-color);
87
+ text-align: center;
88
+ }
89
+
90
+
91
+ /**
92
+ * Page content
93
+ */
94
+ .page-content {
95
+ padding-top: 50px;
96
+
97
+ @include media-query($on-medium) {
98
+ padding-top: 40px;
99
+ }
100
+
101
+ @include media-query($on-small) {
102
+ padding-top: 30px
103
+ }
104
+ }
105
+
106
+ .post-list {
107
+ margin-left: 0;
108
+ list-style: none;
109
+
110
+ .post-link:hover {
111
+ text-decoration: none;
112
+ }
113
+
114
+ > li {
115
+ padding-bottom: 0;
116
+
117
+ &:not(:first-child) {
118
+ padding-top: 50px;
119
+ }
120
+ }
121
+ }
122
+
123
+ .post-meta {
124
+ font-size: $meta-font-size;
125
+ line-height: 1.19048;
126
+ font-weight: 400;
127
+ letter-spacing: .011em;
128
+ color: $grey-color;
129
+
130
+ margin-top: .4em;
131
+
132
+ @include media-query($on-medium) {
133
+ font-size: $meta-small-font-size;
134
+ line-height: 1.21053;
135
+ letter-spacing: .012em;
136
+ }
137
+
138
+ @include media-query($on-small) {
139
+ font-size: $meta-small-font-size;
140
+ line-height: 1.21053;
141
+ letter-spacing: .012em;
142
+ }
143
+ }
144
+
145
+ .post-link {
146
+ &,
147
+ &:visited {
148
+ color: var(--text-color);
149
+ }
150
+ }
151
+
152
+ .post-continue {
153
+ a {
154
+ text-decoration: none;
155
+ color: $a-color;
156
+
157
+ &:hover {
158
+ text-decoration: underline;
159
+ }
160
+ }
161
+ }
162
+
163
+ // .post-continue {
164
+ // a {
165
+ // padding: 8px 15px;
166
+ // text-decoration: none;
167
+ //
168
+ // &,
169
+ // &:visited {
170
+ // color: $grey-color;
171
+ // background-color: var(--grey-color-light);
172
+ // }
173
+ //
174
+ // &:hover {
175
+ // color: white;
176
+ // background-color: $brand-color;
177
+ // }
178
+ // }
179
+ // }
180
+
181
+
182
+
183
+ /**
184
+ * Posts
185
+ */
186
+ .post {
187
+ margin-left: auto;
188
+ margin-right: auto;
189
+
190
+ width: 100%;
191
+
192
+ @include media-query($on-small) {
193
+ width: 83.33333%;
194
+ }
195
+ }
196
+
197
+ .post-header {
198
+ margin-bottom: $spacing-unit;
199
+ }
200
+
201
+ .post-title {
202
+ font-size: $title-font-size;
203
+ line-height: 1.1;
204
+ font-weight: 600;
205
+ letter-spacing: 0em;
206
+ margin-bottom: 0px;
207
+
208
+ @include media-query($on-medium) {
209
+ font-size: $title-medium-font-size;
210
+ line-height: 1.125;
211
+ letter-spacing: .004em;
212
+ }
213
+
214
+
215
+ @include media-query($on-small) {
216
+ font-size: $title-small-font-size;
217
+ line-height: 1.14815;
218
+ letter-spacing: .008em;
219
+ }
220
+ }
221
+
222
+ .post-content {
223
+ margin-bottom: $spacing-unit;
224
+
225
+ // First paragraph is the lead
226
+ p:first-of-type {
227
+ font-size: $lead-font-size;
228
+ line-height: 1.5;
229
+ font-weight: 300;
230
+ letter-spacing: .017em;
231
+ }
232
+
233
+ // Headers
234
+
235
+ h1 {
236
+ font-size: $title-font-size;
237
+ line-height: 1.09375;
238
+ font-weight: 500;
239
+ letter-spacing: .011em;
240
+
241
+ @include media-query($on-medium) {
242
+ font-size: $title-small-font-size;
243
+ line-height: 1.1073;
244
+ letter-spacing: .012em;
245
+ }
246
+ }
247
+
248
+ h2 {
249
+ font-size: $subtitle-font-size;
250
+ line-height: 1.20849;
251
+ font-weight: 500;
252
+ letter-spacing: .015em;
253
+
254
+ @include media-query($on-medium) {
255
+ font-size: $subtitle-small-font-size;
256
+ line-height: 1.22739;
257
+ letter-spacing: .016em;
258
+ }
259
+ }
260
+
261
+ // TODO: Revise h3
262
+ h3 {
263
+ font-size: $lead-font-size;
264
+ line-height: 1.15667;
265
+ font-weight: 500;
266
+ letter-spacing: .016em;
267
+
268
+ @include media-query($on-medium) {
269
+ font-size: $lead-small-font-size;
270
+ line-height: 1.18182;
271
+ letter-spacing: .02em;
272
+ }
273
+ }
274
+ }
275
+
276
+ /**
277
+ * Pagination
278
+ */
279
+ .pagination {
280
+ padding: $spacing-unit / 2 0;
281
+ border-top: 1px solid var(--grey-color-light);
282
+ border-bottom: 1px solid var(--grey-color-light);
283
+ text-align: center;
284
+ @extend %clearfix;
285
+
286
+ a {
287
+ &,
288
+ &:visited {
289
+ color: $grey-color;
290
+ }
291
+ }
292
+
293
+ .previous {
294
+ float: left;
295
+ }
296
+
297
+ .next {
298
+ float: right;
299
+ }
300
+ }
@@ -0,0 +1,72 @@
1
+ /**
2
+ * Syntax highlighting styles
3
+ */
4
+ .highlight {
5
+ text-align: left;
6
+ background-color: var(--grey-color-lighter);
7
+ // @extend %vertical-rhythm;
8
+
9
+ .highlighter-rouge & {
10
+ background-color: var(--grey-color-lighter);
11
+ }
12
+
13
+ .c { color: #998; font-style: italic } // Comment
14
+ .err { color: #a61717; background-color: #e3d2d2 } // Error
15
+ .k { font-weight: bold } // Keyword
16
+ .o { font-weight: bold } // Operator
17
+ .cm { color: #998; font-style: italic } // Comment.Multiline
18
+ .cp { color: #999; font-weight: bold } // Comment.Preproc
19
+ .c1 { color: #998; font-style: italic } // Comment.Single
20
+ .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
21
+ .gd { color: #000; background-color: #fdd } // Generic.Deleted
22
+ .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
23
+ .ge { font-style: italic } // Generic.Emph
24
+ .gr { color: #a00 } // Generic.Error
25
+ .gh { color: #999 } // Generic.Heading
26
+ .gi { color: #000; background-color: #dfd } // Generic.Inserted
27
+ .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
28
+ .go { color: #888 } // Generic.Output
29
+ .gp { color: #555 } // Generic.Prompt
30
+ .gs { font-weight: bold } // Generic.Strong
31
+ .gu { color: #aaa } // Generic.Subheading
32
+ .gt { color: #a00 } // Generic.Traceback
33
+ .kc { font-weight: bold } // Keyword.Constant
34
+ .kd { font-weight: bold } // Keyword.Declaration
35
+ .kp { font-weight: bold } // Keyword.Pseudo
36
+ .kr { font-weight: bold } // Keyword.Reserved
37
+ .kt { color: #458; font-weight: bold } // Keyword.Type
38
+ .m { color: #099 } // Literal.Number
39
+ .s { color: #d14 } // Literal.String
40
+ .na { color: #008080 } // Name.Attribute
41
+ .nb { color: #0086B3 } // Name.Builtin
42
+ .nc { color: #458; font-weight: bold } // Name.Class
43
+ .no { color: #008080 } // Name.Constant
44
+ .ni { color: #800080 } // Name.Entity
45
+ .ne { color: #900; font-weight: bold } // Name.Exception
46
+ .nf { color: #900; font-weight: bold } // Name.Function
47
+ .nn { color: #555 } // Name.Namespace
48
+ .nt { color: #000080 } // Name.Tag
49
+ .nv { color: #008080 } // Name.Variable
50
+ .ow { font-weight: bold } // Operator.Word
51
+ .w { color: #bbb } // Text.Whitespace
52
+ .mf { color: #099 } // Literal.Number.Float
53
+ .mh { color: #099 } // Literal.Number.Hex
54
+ .mi { color: #099 } // Literal.Number.Integer
55
+ .mo { color: #099 } // Literal.Number.Oct
56
+ .sb { color: #d14 } // Literal.String.Backtick
57
+ .sc { color: #d14 } // Literal.String.Char
58
+ .sd { color: #d14 } // Literal.String.Doc
59
+ .s2 { color: #d14 } // Literal.String.Double
60
+ .se { color: #d14 } // Literal.String.Escape
61
+ .sh { color: #d14 } // Literal.String.Heredoc
62
+ .si { color: #d14 } // Literal.String.Interpol
63
+ .sx { color: #d14 } // Literal.String.Other
64
+ .sr { color: #009926 } // Literal.String.Regex
65
+ .s1 { color: #d14 } // Literal.String.Single
66
+ .ss { color: #990073 } // Literal.String.Symbol
67
+ .bp { color: #999 } // Name.Builtin.Pseudo
68
+ .vc { color: #008080 } // Name.Variable.Class
69
+ .vg { color: #008080 } // Name.Variable.Global
70
+ .vi { color: #008080 } // Name.Variable.Instance
71
+ .il { color: #099 } // Literal.Number.Integer.Long
72
+ }
data/assets/main.scss ADDED
@@ -0,0 +1,58 @@
1
+ ---
2
+ # Only the main Sass file needs front matter (the dashes are enough)
3
+ ---
4
+ @charset "utf-8";
5
+
6
+ // Our variables
7
+
8
+ // $base-font-family: -apple-system-font, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Arial, sans-serif;
9
+ // $monospace-font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace !default;
10
+ // $base-font-size: 17px;
11
+ // $nav-font-size: 16px;
12
+ // $base-font-weight: 400;
13
+ // $heavy-font-weight: 500;
14
+ // $small-font-size: $base-font-size * 0.875;
15
+ // $base-line-height: 1.5;
16
+ //
17
+ // $spacing-unit: 30px;
18
+ //
19
+ // // Link Colours
20
+ // $a-color: #0070c9;
21
+ // $a-hover-opacity: .65;
22
+ //
23
+ // // Colours
24
+ // $text-color: #333;
25
+ // $light-text-color: #fff;
26
+ // $background-color: #fff;
27
+ // $dark-background-color: #333;
28
+ // $footer-background-color: #f2f2f2;
29
+ // $brand-color: #2568ba;
30
+ // $a-color: #0070c9;
31
+ //
32
+ // $grey-color: #828282;
33
+ // $grey-color-light: lighten($grey-color, 40%);
34
+ // $grey-color-dark: darken($grey-color, 25%);
35
+ //
36
+ // // Width of the content area
37
+ // $content-width: 980px;
38
+ // $on-palm: 692px;
39
+ // $on-laptop: 980px;
40
+
41
+ // This theme also includes a mixin for defining media queries.
42
+ // Use media queries like this:
43
+ // @include media-query($on-palm) {
44
+ // .wrapper {
45
+ // padding-right: $spacing-unit / 2;
46
+ // padding-left: $spacing-unit / 2;
47
+ // }
48
+ // }
49
+ @mixin media-query($device) {
50
+ @media screen and (max-width: $device) {
51
+ @content;
52
+ }
53
+ }
54
+
55
+
56
+
57
+ // Import partials from this theme.
58
+ @import "jsblog";
metadata ADDED
@@ -0,0 +1,135 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: jekyll-theme-jsblog
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.0.0
5
+ platform: ruby
6
+ authors:
7
+ - Julian Schiavo
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2019-01-31 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.3'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '3.3'
27
+ - !ruby/object:Gem::Dependency
28
+ name: jekyll-paginate
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '1.1'
34
+ type: :runtime
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '1.1'
41
+ - !ruby/object:Gem::Dependency
42
+ name: jekyll-sitemap
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: '1.0'
48
+ type: :runtime
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: '1.0'
55
+ - !ruby/object:Gem::Dependency
56
+ name: bundler
57
+ requirement: !ruby/object:Gem::Requirement
58
+ requirements:
59
+ - - "~>"
60
+ - !ruby/object:Gem::Version
61
+ version: '1.12'
62
+ type: :development
63
+ prerelease: false
64
+ version_requirements: !ruby/object:Gem::Requirement
65
+ requirements:
66
+ - - "~>"
67
+ - !ruby/object:Gem::Version
68
+ version: '1.12'
69
+ - !ruby/object:Gem::Dependency
70
+ name: rake
71
+ requirement: !ruby/object:Gem::Requirement
72
+ requirements:
73
+ - - ">="
74
+ - !ruby/object:Gem::Version
75
+ version: '0'
76
+ type: :development
77
+ prerelease: false
78
+ version_requirements: !ruby/object:Gem::Requirement
79
+ requirements:
80
+ - - ">="
81
+ - !ruby/object:Gem::Version
82
+ version: '0'
83
+ description:
84
+ email:
85
+ - justdotjs@icloud.com
86
+ executables: []
87
+ extensions: []
88
+ extra_rdoc_files: []
89
+ files:
90
+ - LICENSE
91
+ - README.md
92
+ - _includes/custom_comments_provider.html
93
+ - _includes/fonts.html
94
+ - _includes/footer.html
95
+ - _includes/footer_content.html
96
+ - _includes/google_analytics.html
97
+ - _includes/head.html
98
+ - _includes/head_custom.html
99
+ - _includes/header.html
100
+ - _includes/pagination.html
101
+ - _layouts/default.html
102
+ - _layouts/feed.xml
103
+ - _layouts/home.html
104
+ - _layouts/page.html
105
+ - _layouts/post.html
106
+ - _sass/jsblog.scss
107
+ - _sass/jsblog/_base.scss
108
+ - _sass/jsblog/_layout.scss
109
+ - _sass/jsblog/_syntax-highlighting.scss
110
+ - assets/main.scss
111
+ homepage: https://github.com/justjs/jekyll-theme-jsblog
112
+ licenses:
113
+ - MIT
114
+ metadata: {}
115
+ post_install_message:
116
+ rdoc_options: []
117
+ require_paths:
118
+ - lib
119
+ required_ruby_version: !ruby/object:Gem::Requirement
120
+ requirements:
121
+ - - ">="
122
+ - !ruby/object:Gem::Version
123
+ version: '0'
124
+ required_rubygems_version: !ruby/object:Gem::Requirement
125
+ requirements:
126
+ - - ">="
127
+ - !ruby/object:Gem::Version
128
+ version: '0'
129
+ requirements: []
130
+ rubyforge_project:
131
+ rubygems_version: 2.7.7
132
+ signing_key:
133
+ specification_version: 4
134
+ summary: Minimal, responsive Jekyll theme for my blog.
135
+ test_files: []