oinam-jekyll 1.1.0 → 1.3.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.
Files changed (33) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +18 -0
  3. data/_includes/css/highlighter/autumn.css +66 -0
  4. data/_includes/css/highlighter/borland.css +52 -0
  5. data/_includes/css/highlighter/bw.css +39 -0
  6. data/_includes/css/highlighter/colorful.css +69 -0
  7. data/_includes/css/highlighter/default.css +69 -0
  8. data/_includes/css/highlighter/emacs.css +69 -0
  9. data/_includes/css/highlighter/friendly.css +69 -0
  10. data/_includes/css/highlighter/fruity.css +78 -0
  11. data/_includes/css/highlighter/manni.css +69 -0
  12. data/_includes/css/highlighter/monokai.css +70 -0
  13. data/_includes/css/highlighter/murphy.css +69 -0
  14. data/_includes/css/highlighter/native.css +78 -0
  15. data/_includes/css/highlighter/pastie.css +68 -0
  16. data/_includes/css/highlighter/perldoc.css +66 -0
  17. data/_includes/css/highlighter/tango.css +77 -0
  18. data/_includes/css/highlighter/trac.css +67 -0
  19. data/_includes/css/highlighter/vim.css +78 -0
  20. data/_includes/css/highlighter/vs.css +38 -0
  21. data/_includes/css/settings.css +30 -13
  22. data/_includes/css/styles-extended.css +32 -14
  23. data/_includes/css/styles.css +15 -11
  24. data/_includes/css/{color-theme-nord.css → theme/nord.css} +1 -1
  25. data/_includes/header.html +5 -1
  26. data/_includes/styles.html +4 -5
  27. data/_layouts/default.html +8 -1
  28. data/_layouts/page.html +5 -0
  29. data/_layouts/post.html +7 -5
  30. metadata +24 -7
  31. data/_includes/css/styles-code.css +0 -1
  32. /data/_includes/css/{color-theme-default.css → theme/default.css} +0 -0
  33. /data/_includes/css/{color-theme-vintage.css → theme/vintage.css} +0 -0
@@ -1,13 +1,13 @@
1
1
  :root {
2
- --font-family-sans: system-ui, -apple-system, 'Segoe UI', 'Roboto', Ubuntu, Cantarell, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
3
- --font-family-serif: Georgia, 'Times New Roman', serif;
4
- --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
5
- --font-family-cursive: cursive;
2
+ --font-family-sans: system-ui, -apple-system, 'Segoe UI', 'Roboto', Ubuntu, Cantarell, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
3
+ /* A more modern Georgia-based serif */
4
+ --font-family-serif: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
5
+ --font-family-monospace: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
6
+ --font-family-cursive: cursive;
6
7
 
7
8
  /* an ideal reading width - 48rem - 768px based off 16px:1rem */
8
- /* 42 is an interesting number. ;-) */
9
9
  /* remember to set this to media-queries too if you are not handling it separately */
10
- --body-width: 42rem;
10
+ --body-width: 48rem;
11
11
 
12
12
  /* default: minor third scale progression */
13
13
  --typescale-body: 1.2;
@@ -19,7 +19,7 @@
19
19
  --spacing-heading: 1rem;
20
20
 
21
21
 
22
- /* default: minor third scale progression */
22
+ /* default: minor-third scale progression */
23
23
  --space-ratio: 1.2;
24
24
 
25
25
  --space-base: 1;
@@ -43,7 +43,7 @@
43
43
  --space-double: calc(var(--space-base-rem) * 2);
44
44
 
45
45
 
46
- /* typography */
46
+ /* typography (default) */
47
47
  --font-family: var(--font-family-sans);
48
48
  --font-family-headings: var(--font-family-sans);
49
49
 
@@ -114,10 +114,27 @@
114
114
  }
115
115
  }
116
116
 
117
- /* when serif font-family for main content */
117
+ /*
118
+ FONT-FAMILY
119
+ sans: Everything is Sans-Serif (default)
120
+ serif: Everything is Serif
121
+ mixed-sans: Headings are Sans-Serif and Body is Serif
122
+ mixed-serif: Headings are Serif and Body is Sans-Serif
123
+
124
+ TBD: Need to write this better. Making it just work for now.
125
+ */
126
+
118
127
  {% if site.styles.font_family == 'serif' %}
119
- :root {
120
- --font-family: var(--font-family-serif);
121
- --font-family-headings: var(--font-family-serif);
122
- }
128
+ :root {
129
+ --font-family: var(--font-family-serif);
130
+ --font-family-headings: var(--font-family-serif);
131
+ }
132
+ {% elsif site.styles.font_family == 'mixed-sans' %}
133
+ :root {
134
+ --font-family: var(--font-family-serif);
135
+ }
136
+ {% elsif site.styles.font_family == 'mixed-serif' %}
137
+ :root {
138
+ --font-family-headings: var(--font-family-serif);
139
+ }
123
140
  {% endif %}
@@ -7,10 +7,14 @@ $breakpoint-medium: 800px;
7
7
  $breakpoint-large: 1024px;
8
8
  $breakpoint-extralarge: 1600px;
9
9
 
10
+ main {
11
+ /* stick footer to the footer by pushing from the block above it -- main > footer */
12
+ flex: 1;
13
+ }
14
+
10
15
  header.header,
11
16
  footer.footer {
12
17
  padding: var(--space-base) 0;
13
- font-family: var(--font-family-sans);
14
18
  }
15
19
 
16
20
  header.header {
@@ -45,13 +49,10 @@ header.header h2 {
45
49
  font-weight: 400;
46
50
  }
47
51
 
48
- header.header :is(h1, h2, h3, h4, h5, h6) {
49
- font-family: var(--font-family-sans);
50
- }
51
-
52
52
  footer.footer {
53
53
  margin-top: var(--space-double);
54
54
  border-top: var(--border-width) solid var(--border-color);
55
+ font-size: var(--font-size-small);
55
56
  }
56
57
 
57
58
  .footer__credit {
@@ -64,7 +65,6 @@ nav {
64
65
  margin: var(--space-base) 0 0;
65
66
  padding: 0;
66
67
 
67
- font-family: var(--font-family-sans);
68
68
  font-size: var(--font-size-smaller);
69
69
  text-transform: uppercase;
70
70
  }
@@ -90,7 +90,6 @@ nav a:hover, nav a:active {
90
90
  }
91
91
 
92
92
  .content-large,
93
- figure,
94
93
  img.large,
95
94
  img.large + em {
96
95
  margin-left: calc(50% - 50vw);
@@ -216,15 +215,9 @@ img.full + em {
216
215
  .items-list :is(h1, h2, h3, h4, h5, h6) {
217
216
  display: inline-block;
218
217
  margin: var(--space-base) var(--space-double) 0;
219
- padding: var(--space-quarter) var(--space-base);
218
+ padding: var(--space-quarter);
220
219
 
221
220
  color: var(--text-color-alt);
222
- background: var(--background-color-alt);
223
- border: 1px solid var(--border-color);
224
- border-top-left-radius: var(--border-radius);
225
- border-top-right-radius: var(--border-radius);
226
- border-bottom: 0 none;
227
-
228
221
  font-size: calc(var(--font-size) * var(--typescale-heading));
229
222
  }
230
223
 
@@ -321,11 +314,28 @@ img.full + em {
321
314
  border-radius: 0;
322
315
  }
323
316
 
317
+ /* highlighter */
318
+ figure.highlight {}
319
+
320
+ figure.highlight pre,
321
+ figure.highlight code {
322
+ background: none;
323
+ }
324
+
325
+ .highlight {
326
+ border-radius: var(--border-radius);
327
+ }
328
+
329
+ .highlight * {
330
+ color: initial;
331
+ }
332
+
324
333
  /* footnotes are generated by Kramdown powered Markdown */
325
334
  .footnotes {
326
335
  margin-top: var(--space-double);
327
336
  padding: var(--space-base) var(--space-half);
328
337
  border-top: var(--border-width) solid var(--border-color);
338
+ font-family: var(--font-family-sans);
329
339
  font-size: var(--font-size-small);
330
340
  }
331
341
 
@@ -333,6 +343,14 @@ img.full + em {
333
343
  text-decoration: none;
334
344
  }
335
345
 
346
+ .meta-update {
347
+ margin: var(--space-base) 0;
348
+ padding: 0;
349
+ font-size: var(--font-size-smaller);
350
+ font-style: italic;
351
+ color: var(--text-color-alt);
352
+ }
353
+
336
354
  /* UTILITIES --------------------------------------- */
337
355
 
338
356
  /* clamp content to one line */
@@ -97,9 +97,14 @@ blockquote {
97
97
 
98
98
  background: var(--background-color-alt);
99
99
  border-radius: var(--border-radius);
100
+ border: var(--border-width) solid var(--background-color-alt);
100
101
  border-left: var(--border-width-alt) solid var(--border-color-highlight);
101
102
  }
102
103
 
104
+ blockquote p {
105
+ border-radius: var(--border-radius);
106
+ }
107
+
103
108
  cite {
104
109
  font-size: var(--font-size-smaller);
105
110
  font-style: normal;
@@ -113,7 +118,6 @@ samp {
113
118
  font-family: var(--font-family-monospace);
114
119
  font-size: var(--font-size-small);
115
120
  color: var(--text-color-alt);
116
- white-space: pre-line;
117
121
 
118
122
  /* repair edges of wrapped inline elements */
119
123
  -webkit-box-decoration-break: clone;
@@ -132,11 +136,11 @@ pre {
132
136
  margin: var(--space-base) 0;
133
137
  padding: var(--space-base) var(--space-double);
134
138
  max-width: 100%;
135
- overflow: auto;
136
- overflow-x: auto;
139
+ tab-size: 2;
137
140
 
138
141
  background: var(--background-color-alt);
139
142
  border-radius: var(--border-radius);
143
+ border: var(--border-width) solid var(--background-color-alt);
140
144
  border-left: var(--border-width-alt) solid var(--border-color-highlight);
141
145
  }
142
146
 
@@ -144,9 +148,12 @@ pre code {
144
148
  background: none;
145
149
  margin: 0;
146
150
  padding: 0;
151
+ tab-size: 2;
147
152
  }
148
153
 
149
154
  code {
155
+ max-width: 100%;
156
+ white-space: pre-wrap;
150
157
  padding: var(--space-quarter) var(--space-half);
151
158
  background: var(--background-color-alt);
152
159
  border-radius: var(--border-radius);
@@ -221,12 +228,8 @@ main video {
221
228
  figure {
222
229
  padding: 0;
223
230
  margin: var(--space-base) 0;
224
-
225
231
  background: var(--background-color-alt);
226
232
  border-radius: var(--border-radius);
227
- border-bottom: 1px solid var(--border-color);
228
-
229
- text-align: center;
230
233
  }
231
234
 
232
235
  figure img {
@@ -242,6 +245,11 @@ figcaption {
242
245
 
243
246
  font-family: var(--font-family-sans);
244
247
  font-size: var(--font-size-smaller);
248
+ text-align: center;
249
+
250
+ background: var(--background-color-alt);
251
+ border-radius: var(--border-radius);
252
+ border-bottom: 1px solid var(--border-color);
245
253
  }
246
254
 
247
255
  audio {
@@ -267,8 +275,4 @@ th {
267
275
  table caption {
268
276
  font-weight: bold;
269
277
  margin-bottom: var(--space-half);
270
- }
271
-
272
- footer {
273
- font-size: var(--font-size-small);
274
278
  }
@@ -23,7 +23,7 @@
23
23
  /* aurora */
24
24
  --color-nord11: #bf616a;
25
25
  --color-nord12: #d08770;
26
- --color-nord13: #ebcb8b;
26
+ --color-nord13: #ebcb8b;
27
27
  --color-nord14: #a3be8c;
28
28
  --color-nord15: #b48ead;
29
29
  }
@@ -1,5 +1,9 @@
1
1
  <header class="header">
2
2
  <h1><a href="{{ site.baseurl | prepend: site.url }}/" title="{{ site.title }}">{{ site.title }}</a></h1>
3
- {% if site.description %}<h2>{{ site.description | escape }}</h2>{% endif %}
3
+ {% if site.description %}
4
+ {% if site.layout.header_desc != false %}
5
+ <h2>{{ site.description | escape }}</h2>
6
+ {% endif %}
7
+ {% endif %}
4
8
  {% include nav.html %}
5
9
  </header>
@@ -1,9 +1,8 @@
1
- <style type="text/css">
2
1
  {%- capture include_to_scssify -%}
3
2
 
4
3
  {% include css/settings.css %}
5
4
 
6
- {% include css/color-theme-{{ site.layout.theme | default: 'default' }}.css %}
5
+ {% include css/theme/{{ site.layout.theme | default: 'default' }}.css %}
7
6
 
8
7
  {% include css/styles.css %}
9
8
 
@@ -15,7 +14,7 @@
15
14
 
16
15
  {% if site.styles.syntax_highlighter != false %}
17
16
  {% if page.type == posts %}
18
- {% include css/styles-code.css %}
17
+ {% include css/highlighter/{{ site.layout.theme_highlighter | default: 'default' }}.css %}
19
18
  {% endif %}
20
19
  {% endif %}
21
20
 
@@ -24,5 +23,5 @@
24
23
  {% endif %}
25
24
 
26
25
  {%- endcapture -%}
27
- {{- include_to_scssify | scssify | strip_newlines -}}
28
- </style>
26
+
27
+ {{- include_to_scssify | scssify | strip_newlines -}}
@@ -17,7 +17,14 @@
17
17
  <meta name="description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
18
18
  <meta name="robots" content="index,follow">
19
19
 
20
- {% include styles.html %}
20
+ {% if site.styles.inline != false %}
21
+ <style type="text/css">
22
+ {% include styles.html %}
23
+ </style>
24
+ {% else %}
25
+ <link rel="stylesheet" href="{{ site.baseurl | prepend: site.url }}/styles.css">
26
+ {% endif %}
27
+
21
28
  {% include head-custom.html %}
22
29
 
23
30
  </head>
data/_layouts/page.html CHANGED
@@ -4,5 +4,10 @@ layout: default
4
4
 
5
5
  <article>
6
6
  <h1>{{ page.title | escape }}</h1>
7
+
7
8
  {{ content }}
9
+
10
+ {% if page.update %}
11
+ <p class="meta-update">Updated on {{ page.update }}.</p>
12
+ {% endif %}
8
13
  </article>
data/_layouts/post.html CHANGED
@@ -6,21 +6,23 @@ layout: default
6
6
  <time datetime="{{ post.date | date: '%Y-%m-%d' }}">{{ page.date | date: '%a, %b %-d, %Y' }}</time>
7
7
  <span>{%- include read-time.html -%}</span>
8
8
  </div>
9
-
9
+
10
10
  <article>
11
11
  <h1>{{ page.title }}</h1>
12
12
  {{ content }}
13
13
  </article>
14
14
 
15
+ {%- if page.previous.url or page.next.url -%}
15
16
  <div class="post-nav">
16
17
  <span>
17
- {%- if page.previous.url -%}
18
+ {%- if page.previous.url -%}
18
19
  <a href="{{ page.previous.url | prepend: site.baseurl | prepend: site.url }}" class="post-nav__prev" title="{{ page.previous.title }}">← Prev</a>
19
20
  {%- endif -%}
20
21
  </span>
21
22
  <span>
22
- {%- if page.next.url -%}
23
+ {%- if page.next.url -%}
23
24
  <a href="{{ page.next.url | prepend: site.baseurl | prepend: site.url }}" class="post-nav__next" title="{{ page.next.title }}">Next →</a>
24
- {%- endif -%}
25
+ {%- endif -%}
25
26
  </span>
26
- </div>
27
+ </div>
28
+ {%- endif -%}
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: oinam-jekyll
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.1.0
4
+ version: 1.3.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Oinam
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-09-07 00:00:00.000000000 Z
11
+ date: 2023-12-11 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -96,16 +96,33 @@ files:
96
96
  - README.md
97
97
  - _data/nav.yml
98
98
  - _includes/appearance.html
99
- - _includes/css/color-theme-default.css
100
- - _includes/css/color-theme-nord.css
101
- - _includes/css/color-theme-vintage.css
102
99
  - _includes/css/debug.css
103
100
  - _includes/css/forms.css
101
+ - _includes/css/highlighter/autumn.css
102
+ - _includes/css/highlighter/borland.css
103
+ - _includes/css/highlighter/bw.css
104
+ - _includes/css/highlighter/colorful.css
105
+ - _includes/css/highlighter/default.css
106
+ - _includes/css/highlighter/emacs.css
107
+ - _includes/css/highlighter/friendly.css
108
+ - _includes/css/highlighter/fruity.css
109
+ - _includes/css/highlighter/manni.css
110
+ - _includes/css/highlighter/monokai.css
111
+ - _includes/css/highlighter/murphy.css
112
+ - _includes/css/highlighter/native.css
113
+ - _includes/css/highlighter/pastie.css
114
+ - _includes/css/highlighter/perldoc.css
115
+ - _includes/css/highlighter/tango.css
116
+ - _includes/css/highlighter/trac.css
117
+ - _includes/css/highlighter/vim.css
118
+ - _includes/css/highlighter/vs.css
104
119
  - _includes/css/settings.css
105
- - _includes/css/styles-code.css
106
120
  - _includes/css/styles-extended.css
107
121
  - _includes/css/styles.css
108
122
  - _includes/css/theme-toggle.css
123
+ - _includes/css/theme/default.css
124
+ - _includes/css/theme/nord.css
125
+ - _includes/css/theme/vintage.css
109
126
  - _includes/footer-ext.html
110
127
  - _includes/footer.html
111
128
  - _includes/gallery.html
@@ -145,7 +162,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
145
162
  - !ruby/object:Gem::Version
146
163
  version: '0'
147
164
  requirements: []
148
- rubygems_version: 3.2.26
165
+ rubygems_version: 3.1.2
149
166
  signing_key:
150
167
  specification_version: 4
151
168
  summary: A simple, clean, and minimal Jekyll Theme.
@@ -1 +0,0 @@
1
- .highlight .hll{background-color:#ffc}.highlight{background:#f0f3f3}.highlight .c{color:#09f;font-style:italic}.highlight .err{color:#a00;background-color:#faa}.highlight .k{color:#069;font-weight:bold}.highlight .o{color:#555}.highlight .ch{color:#09f;font-style:italic}.highlight .cm{color:#09f;font-style:italic}.highlight .cp{color:#099}.highlight .cpf{color:#09f;font-style:italic}.highlight .c1{color:#09f;font-style:italic}.highlight .cs{color:#09f;font-weight:bold;font-style:italic}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:#030;font-weight:bold}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:#030;font-weight:bold}.highlight .gt{color:#9c6}.highlight .kc{color:#069;font-weight:bold}.highlight .kd{color:#069;font-weight:bold}.highlight .kn{color:#069;font-weight:bold}.highlight .kp{color:#069}.highlight .kr{color:#069;font-weight:bold}.highlight .kt{color:#078;font-weight:bold}.highlight .m{color:#f60}.highlight .s{color:#c30}.highlight .na{color:#309}.highlight .nb{color:#366}.highlight .nc{color:#0a8;font-weight:bold}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999;font-weight:bold}.highlight .ne{color:#c00;font-weight:bold}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf;font-weight:bold}.highlight .nt{color:#309;font-weight:bold}.highlight .nv{color:#033}.highlight .ow{color:#000;font-weight:bold}.highlight .w{color:#bbb}.highlight .mb{color:#f60}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sa{color:#c30}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .dl{color:#c30}.highlight .sd{color:#c30;font-style:italic}.highlight .s2{color:#c30}.highlight .se{color:#c30;font-weight:bold}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .fm{color:#c0f}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .vm{color:#033}.highlight .il{color:#f60}