oinam-jekyll 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.
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA256:
3
+ metadata.gz: 46ed83571f378b819db4e504f52439bbc37fe49bbacfb72a53b6847b2b170bf6
4
+ data.tar.gz: 0b8618826fc03442ca199d8089a1cada345baa41e63722c1115df2dd7faf9a2e
5
+ SHA512:
6
+ metadata.gz: e4e852217e60abcf8de0f9788ddaa8f7b58e384525ffdab81f240f8d2e1acf0792e9c6c53cae73467b63adf570c2baf09360447b39c6930cc63761fc287cbcfa
7
+ data.tar.gz: ea680d068b586fd7ca347b6163938f6d35034bb41e410f519069c5e336b61e575dfdfce39c7f1362a42df2136f406cdcd55f6dcce3cf52f8f01868e3b7202386
data/LICENSE.txt ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2021-present Brajeshwar Oinam, oinam.com, and the contributors.
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,27 @@
1
+ # Oinam Jekyll
2
+
3
+ A simple, clean, and minimal Jekyll Theme.
4
+
5
+ ## Installation
6
+
7
+ Add this line to your Jekyll site's Gemfile:
8
+
9
+ ```ruby
10
+ gem "oinam-jekyll"
11
+ ```
12
+
13
+ Run
14
+
15
+ `bundle`
16
+
17
+ ## Usage
18
+
19
+ Have the following line in your config file:
20
+
21
+ ```yaml
22
+ theme: oinam-jekyll
23
+ ```
24
+
25
+ ## License
26
+
27
+ The theme is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
@@ -0,0 +1,141 @@
1
+ /*
2
+ default color-theme
3
+ change and play with the colors
4
+ */
5
+ :root {
6
+ color-scheme: light dark;
7
+
8
+ --background-color: #fafafa; /* gray-50 */
9
+ --background-color-alt: #f4f4f5; /* gray-100 */
10
+ --background-color-accent: #fde68a; /* amber-200 */
11
+ --background-color-highlight: #e4e4e4; /* gray-200 */
12
+
13
+ --text-color: #3f3f46; /* gray-700 */
14
+ --text-color-alt: #71717a; /* gray-500 */
15
+
16
+ --border-color: #e4e4e7; /* gray-200 */
17
+ --border-color-highlight: #bfdbfe; /* blue-200 */
18
+
19
+ --text-color-link: #1d4ed8;
20
+ --text-color-link-visited: var(--text-color-link);
21
+ --text-color-link-hover: #1e3a8a;
22
+ --text-color-link-active: var(--text-color-link-hover);
23
+
24
+ --form-button-text-color: var(--text-color);
25
+ --form-button-text-color-active: var(--text-color);
26
+ --form-button-background-color: #3b82f6;
27
+ --form-button-background-color-disabled: #e4e4e7;
28
+ --form-button-background-color-active: var(--form-button-background-color);
29
+ }
30
+
31
+ @media (prefers-color-scheme: dark) {
32
+ :root {
33
+ --background-color: #3f3f46; /* gray-700 */
34
+ --background-color-alt: #52525b; /* gray-600 */
35
+ --background-color-accent: #bfdbfe; /* blue-200 */
36
+ --background-color-highlight: #27272a; /* gray-800 */
37
+
38
+ --text-color: #f4f4f5; /* gray-100 */
39
+ --text-color-alt: #71717a; /* gray-500 */
40
+
41
+ --border-color: #52525b; /* gray-600 */
42
+ --border-color-highlight: #fde68a; /* amber-200 */
43
+
44
+ --text-color-link: #bfdbfe;
45
+ --text-color-link-visited: var(--text-color-link);
46
+ --text-color-link-hover: #60a5fa;
47
+ --text-color-link-active: var(--text-color-link-hover);
48
+
49
+ --form-button-text-color: var(--text-color);
50
+ --form-button-text-color-active: var(--text-color);
51
+ --form-button-background-color: #3b82f6;
52
+ --form-button-background-color-disabled: #e4e4e7;
53
+ --form-button-background-color-active: var(--form-button-background-color);
54
+ }
55
+ }
56
+
57
+
58
+ /* --------------------------------------- */
59
+ :root {
60
+ --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';
61
+ --font-family-serif: Georgia, 'Times New Roman', serif;
62
+ --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
63
+ --font-cursive: cursive;
64
+
65
+ /* an ideal reading width - 48rem - 768px based off 16px:1rem */
66
+ /* 42 is an interesting number. ;-) */
67
+ /* remember to set this to media-queries too if you are not handling it separately */
68
+ --body-width: 42rem;
69
+
70
+ /* default: minor third scale progression */
71
+ --typescale-body: 1.2;
72
+
73
+ /* headings: major third scale progression */
74
+ --typescale-heading: 1.25;
75
+
76
+ /* spacings */
77
+ --spacing-heading: 1rem;
78
+
79
+
80
+ /* default: minor third scale progression */
81
+ --space-ratio: 1.2;
82
+
83
+ --space-base: 1;
84
+ --space-base-px: 16px;
85
+ --space-base-em: 1em;
86
+ --space-base-rem: 1rem;
87
+
88
+ --spacescale0: 1;
89
+ --spacescale1: var(--space-ratio); /* 1.2 */
90
+ --spacescale2: calc(var(--space-ratio) * var(--spacescale1)); /* 1.44 */
91
+ --spacescale3: calc(var(--space-ratio) * var(--spacescale2)); /* 1.728 */
92
+ --spacescale4: calc(var(--space-ratio) * var(--spacescale3)); /* 2.074 */
93
+ --spacescale5: calc(var(--space-ratio) * var(--spacescale4)); /* 2.488 */
94
+ --spacescale6: calc(var(--space-ratio) * var(--spacescale5)); /* 2.986 */
95
+ --spacescale7: calc(var(--space-ratio) * var(--spacescale6)); /* 3.583 */
96
+
97
+ /* space - try to use these */
98
+ --space-base: var(--space-base-rem);
99
+ --space-half: calc(var(--space-base-rem) / 2);
100
+ --space-quarter: calc(var(--space-base-rem) / 4);
101
+ --space-double: calc(var(--space-base-rem) * 2);
102
+
103
+
104
+ /* typography */
105
+ --font-family: var(--font-family-serif);
106
+ --font-family-headings: var(--font-family-serif);
107
+
108
+ --font-size: 16px;
109
+ --font-size-small: 85%;
110
+ --font-size-smaller: 75%;
111
+ --font-size-smallest: 65%;
112
+
113
+ --line-height: 1.618;
114
+ --line-height-heading: 1.25;
115
+
116
+ --border-width: 1px;
117
+ --border-width-alt: 3px;
118
+
119
+ --border-radius: 0.3rem;
120
+ --border-radius-high: 0.7rem;
121
+ --border-radius-round: 100%;
122
+
123
+
124
+ --image-width-max: 1200px; /*there is a limit to how wide an image can be*/
125
+
126
+
127
+ /* color - standard */
128
+ --color-black: #000000;
129
+ --color-white: #ffffff;
130
+
131
+ --opacity-no: 1;
132
+ --opacity-low: 0.9;
133
+ --opacity-lower: 0.75;
134
+ --opacity-lowest: 0.6;
135
+ }
136
+
137
+ @media (prefers-color-scheme: dark) {
138
+ img, video {
139
+ opacity: var(--opacity-low);
140
+ }
141
+ }
@@ -0,0 +1 @@
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}
@@ -0,0 +1,248 @@
1
+ /*
2
+ jekyll supports sass out of the box.
3
+ Use only when plain CSS do not suffice.
4
+ */
5
+ $breakpoint-small: 420px;
6
+ $breakpoint-medium: 640px;
7
+ $breakpoint-large: 800px;
8
+ $breakpoint-extralarge: 1200px;
9
+
10
+ header,
11
+ footer {
12
+ padding: var(--space-base) 0;
13
+ font-family: var(--font-family-sans);
14
+ }
15
+
16
+ /* title/logo */
17
+ header h1 {
18
+ font-family: var(--font-family-sans);
19
+ font-size: calc(var(--font-size) * calc(1.618 * var(--typescale-heading));
20
+ font-weight: 700;
21
+ }
22
+
23
+ header h1 a, header h1 a:visited {
24
+ color: var(--text-color);
25
+ text-decoration: none;
26
+ }
27
+
28
+ header h1 a:hover, header h1 a:active {
29
+ color: var(--text-color-link);
30
+ text-decoration: none;
31
+ }
32
+
33
+ footer {
34
+ font-size: var(--font-size-smaller);
35
+ }
36
+
37
+ /* nav links (header/footer) */
38
+ nav a {
39
+ padding: var(--space-quarter) 0;
40
+ margin: var(--space-quarter);
41
+
42
+ font-size: var(--font-size-smaller);
43
+ text-transform: uppercase;
44
+ text-decoration: none;
45
+ }
46
+
47
+ nav a:hover, nav a:active {
48
+ text-decoration: none;
49
+ border-bottom: 2px solid var(--text-color-link-hover);
50
+ }
51
+
52
+ /* larger screens */
53
+ @media (min-width: $breakpoint-large) {
54
+ blockquote,
55
+ .content-extend {
56
+ margin-left: calc(-1 * var(--space-double));
57
+ margin-right: calc(-1 * var(--space-double));
58
+ }
59
+
60
+ figure {
61
+ margin-left: calc(50% - 50vw);
62
+ margin-right: calc(50% - 50vw);
63
+
64
+ width: 100vw;
65
+ max-width: var(--image-width-max);
66
+ transform: translateX(calc(50vw - 50%));
67
+ }
68
+ }
69
+
70
+ /* images --------------------------------------- */
71
+ img.small-right,
72
+ img.small-left {
73
+ max-width: 60%;
74
+ margin: 0 var(--space-base);
75
+ padding: 0;
76
+ }
77
+
78
+ img.small-right { float: right; margin-right: 0; }
79
+ img.small-left { float: left; margin-left: 0; }
80
+
81
+ img.large-center {
82
+ position: relative;
83
+
84
+ left: 50%;
85
+ right: 50%;
86
+ margin-left: -50vw;
87
+ margin-right: -50vw;
88
+
89
+ width: 100vw;
90
+ height: auto;
91
+ max-width: var(--image-width-max);
92
+
93
+ transform: translateX(calc(50vw - 50%));
94
+ }
95
+
96
+ /* for smaller screens, have full-width contents but not round corners */
97
+ @media (max-width: $breakpoint-medium) {
98
+ figure,
99
+ figure img,
100
+ main img,
101
+ img.large-center {
102
+ border-radius: 0;
103
+ }
104
+
105
+ main img {
106
+ position: relative;
107
+
108
+ left: 50%;
109
+ right: 50%;
110
+ margin-left: -50vw;
111
+ margin-right: -50vw;
112
+
113
+ width: 100vw;
114
+ height: auto;
115
+ max-width: var(--image-width-max);
116
+
117
+ transform: translateX(calc(50vw - 50%));
118
+ }
119
+
120
+ /* reset images inside figure */
121
+ figure img {
122
+ left: 0;
123
+ }
124
+ }
125
+
126
+ /* articles lists --------------------------------------- */
127
+ .blog-articles__list {
128
+ margin: var(--space-base) 0;
129
+ padding: 0;
130
+
131
+ background: var(--background-color);
132
+ border: 1px solid var(--border-color);
133
+ border-radius: var(--border-radius);
134
+ }
135
+
136
+ .blog-articles__list li {
137
+ list-style: none;
138
+ padding: calc(1.5 * var(--space-quarter)) var(--space-double);
139
+ border-bottom: 1px solid var(--border-color);
140
+ }
141
+
142
+ .blog-articles__list li:last-child {
143
+ border: 0 none;
144
+ }
145
+
146
+ .blog-articles__list li:nth-child(even) {
147
+ background: var(--background-color-alt);
148
+ }
149
+
150
+ .blog-articles__list time {
151
+ margin: 0;
152
+ padding: 0 var(--space-quarter);
153
+
154
+ font-family: var(--font-family-monospace);
155
+ font-size: var(--font-size-smallest);
156
+ color: var(--text-color-alt);
157
+ }
158
+
159
+ /* posts/articles --------------------------------------- */
160
+
161
+ .post-meta,
162
+ .post-nav {
163
+ display: flex;
164
+ justify-content: space-between;
165
+
166
+ margin: 0;
167
+ padding: var(--space-half) var(--space-base);
168
+
169
+ background: var(--background-color-alt);
170
+ border-radius: var(--border-radius);
171
+
172
+ font-family: var(--font-family-sans);
173
+ font-size: var(--font-size-smallest);
174
+ text-transform: uppercase;
175
+
176
+ opacity: var(--opacity-low);
177
+ }
178
+
179
+ .post-nav a {
180
+ padding: var(--space-half);
181
+ text-decoration: none;
182
+ }
183
+
184
+ /* powered by Google Programmable Search, https://programmablesearchengine.google.com/ */
185
+ .site-search {
186
+ margin: 0 0 var(--space-double);
187
+ padding: var(--space-half);
188
+
189
+ border-radius: var(--border-radius);
190
+ background: var(--color-white);
191
+ box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
192
+ }
193
+
194
+ /* responsive video */
195
+ .video-wrap {
196
+ position: relative;
197
+ margin-top: var(--space-base);
198
+ margin-bottom: var(--space-base);
199
+ padding-bottom: 56.25%; /* 16:9 */
200
+ padding-top: 0;
201
+ max-width: 100%;
202
+ height: 0;
203
+ overflow: hidden;
204
+ border-radius: var(--border-radius);
205
+ }
206
+
207
+ .video-wrap iframe,
208
+ .video-wrap object,
209
+ .video-wrap embed {
210
+ position: absolute;
211
+ top: 0;
212
+ left: 0;
213
+ width: 100%;
214
+ height: 100%;
215
+ }
216
+
217
+ /* rogue syntax highlighter - applies to both the DIV and PRE */
218
+ .highlight {
219
+ margin: var(--space-base) 0;
220
+ padding: 0;
221
+ width: 100%;
222
+ transform: translateX(0);
223
+ text-align: left;
224
+ background: none;
225
+ border: 0 none;
226
+ border-radius: var(--border-radius);
227
+ }
228
+
229
+
230
+
231
+ /* UTILITIES --------------------------------------- */
232
+
233
+ /* clamp content to one line */
234
+ .one-liner {
235
+ overflow: hidden;
236
+ display: -webkit-box;
237
+ -webkit-line-clamp: 1;
238
+ -webkit-box-orient: vertical;
239
+ }
240
+
241
+ /* debug: attach a "?" class to debug with a blinking box */
242
+ .\? {
243
+ animation: \?wobble 0.5s ease-in-out alternate infinite;
244
+ }
245
+ @keyframes \?wobble {
246
+ 0% { box-shadow: inset 1px 1px gold, inset -1px -1px gold; }
247
+ 100% { box-shadow: inset 5px 5px red, inset -5px -5px red; }
248
+ }
@@ -0,0 +1,263 @@
1
+ *,
2
+ ::before,
3
+ ::after {
4
+ box-sizing: border-box;
5
+ }
6
+
7
+ html {
8
+ margin: 0;
9
+ padding: 0;
10
+ }
11
+
12
+ body {
13
+ color: var(--text-color);
14
+ background: var(--background-color);
15
+
16
+ font-family: var(--font-family);
17
+ font-size: calc(var(--font-size) * var(--typescale-body));
18
+ line-height: var(--line-height);
19
+
20
+ display: flex;
21
+ min-height: 100vh;
22
+ flex-direction: column;
23
+ flex: 1;
24
+
25
+ margin: 0 auto;
26
+ padding: 0 var(--space-half);
27
+ max-width: var(--body-width);
28
+
29
+ overflow-x: hidden;
30
+ word-break: break-word;
31
+ overflow-wrap: break-word;
32
+ }
33
+
34
+ h1, h2, h3, h4, h5, h6 {
35
+ font-family: var(--font-family-headings);
36
+ line-height: var(--line-height-heading);
37
+ }
38
+
39
+
40
+ h1 {
41
+ font-size: calc(var(--font-size) * var(--typescale-heading) * var(--typescale-heading) * var(--typescale-heading) * var(--typescale-heading));
42
+ margin-top: calc(var(--line-height) * var(--spacing-heading));
43
+ }
44
+
45
+ h2 {
46
+ font-size: calc(var(--font-size) * var(--typescale-heading) * var(--typescale-heading) * var(--typescale-heading));
47
+ margin-top: calc(var(--line-height) * var(--spacing-heading));
48
+ }
49
+
50
+ h3 {
51
+ font-size: calc(var(--font-size) * var(--typescale-heading) * var(--typescale-heading));
52
+ margin-top: calc(var(--line-height) * var(--spacing-heading));
53
+ }
54
+
55
+ h4 {
56
+ font-size: calc(var(--font-size) * var(--typescale-heading));
57
+ margin-top: calc(var(--line-height) * var(--spacing-heading));
58
+ }
59
+
60
+ h5 {
61
+ font-size: var(--font-size);
62
+ margin-top: calc(var(--line-height) * var(--spacing-heading));
63
+ }
64
+
65
+ h6 {
66
+ font-size: calc(var(--font-size) / var(--typescale-heading));
67
+ margin-top: calc(var(--line-height) * var(--spacing-heading));
68
+ }
69
+
70
+ small {
71
+ font-size: var(--font-size-small);
72
+ }
73
+
74
+
75
+ a,
76
+ a:visited {
77
+ color: var(--text-color-link);
78
+ text-decoration: none;
79
+ }
80
+
81
+ a:hover,
82
+ a:active {
83
+ color: var(--text-color-link-hover);
84
+ text-decoration: underline;
85
+ }
86
+
87
+ blockquote {
88
+ margin: var(--space-double) var(--space-base);
89
+ padding: var(--space-half) var(--space-base) var(--space-half) var(--space-double);
90
+ overflow: auto;
91
+ opacity: var(--opacity-low);
92
+
93
+ background: var(--background-color-alt);
94
+ border-radius: var(--border-radius);
95
+ border-left: var(--border-width-alt) solid var(--border-color-highlight);
96
+ }
97
+
98
+ cite {
99
+ font-size: var(--font-size-smaller);
100
+ font-style: normal;
101
+ }
102
+
103
+ code,
104
+ pre,
105
+ pre span,
106
+ kbd,
107
+ samp {
108
+ font-family: var(--font-family-monospace);
109
+ font-size: var(--font-size-small);
110
+ color: var(--text-color-alt);
111
+ white-space: pre-line;
112
+
113
+ /* repair edges of wrapped inline elements */
114
+ -webkit-box-decoration-break: clone;
115
+ box-decoration-break: clone;
116
+ }
117
+
118
+ kbd {
119
+ color: var(--text-color-alt);
120
+ border: var(--border-width) solid var(--text-color-alt);
121
+ border-bottom: var(--border-width-alt) solid var(--text-color-alt);
122
+ border-radius: var(--border-radius-high);
123
+ padding: calc(0.5 * var(--space-quarter)) var(--space-half);
124
+ }
125
+
126
+ pre {
127
+ margin: var(--space-base) 0;
128
+ padding: var(--space-base) var(--space-double);
129
+ max-width: 100%;
130
+ overflow: auto;
131
+ overflow-x: auto;
132
+
133
+ background: var(--background-color-alt);
134
+ border-radius: var(--border-radius);
135
+ border-left: var(--border-width-alt) solid var(--border-color-highlight);
136
+ }
137
+
138
+ pre code {
139
+ background: none;
140
+ margin: 0;
141
+ padding: 0;
142
+ }
143
+
144
+ code {
145
+ padding: var(--space-quarter) var(--space-half);
146
+ background: var(--background-color-alt);
147
+ border-radius: var(--border-radius);
148
+ }
149
+
150
+ abbr {
151
+ cursor: help;
152
+ }
153
+
154
+ details {
155
+ padding: var(--space-half) var(--space-base);
156
+ background: var(--background-color-accent);
157
+ border: 1px solid var(--border-color);
158
+ border-radius: var(--border-radius);
159
+ margin-bottom: var(--space-base);
160
+ }
161
+
162
+ summary {
163
+ cursor: pointer;
164
+ font-weight: bold;
165
+ }
166
+
167
+ details[open] {
168
+ padding-bottom: var(--space-half);
169
+ }
170
+
171
+ details[open] summary {
172
+ margin-bottom: var(--space-half);
173
+ }
174
+
175
+ details[open]>*:last-child {
176
+ margin-bottom: 0;
177
+ }
178
+
179
+
180
+ hr {
181
+ display: block;
182
+ position: relative;
183
+ width: 100%;
184
+ height: 1px;
185
+
186
+ margin: var(--space-base) auto;
187
+ background-size: contain;
188
+ background: var(--border-color);
189
+ border: 0 none;
190
+ }
191
+
192
+ mark {
193
+ padding: calc(0.5 * var(--space-quarter)) var(--space-quarter);
194
+ border-radius: var(--border-radius);
195
+ background: var(--background-color-accent);
196
+
197
+ /* repair edges of wrapped inline elements */
198
+ -webkit-box-decoration-break: clone;
199
+ box-decoration-break: clone;
200
+ }
201
+
202
+ img {
203
+ max-width: 100%;
204
+ height: auto;
205
+ border-radius: var(--border-radius);
206
+ }
207
+
208
+ main img,
209
+ main video {
210
+ max-width: 100%;
211
+ height: auto;
212
+ border-radius: var(--border-radius);
213
+ }
214
+
215
+ figure {
216
+ padding: 0;
217
+ margin: var(--space-base) 0;
218
+
219
+ background: var(--background-color-alt);
220
+ border-radius: var(--border-radius);
221
+ border-bottom: 1px solid var(--border-color);
222
+
223
+ text-align: center;
224
+ }
225
+
226
+ figure img {
227
+ display: block;
228
+ width: 100%;
229
+ height: auto;
230
+ }
231
+
232
+ figcaption {
233
+ opacity: var(--opacity-low);
234
+ margin: 0;
235
+ padding: var(--space-half);
236
+
237
+ font-family: var(--font-family-sans);
238
+ font-size: var(--font-size-smaller);
239
+ }
240
+
241
+ audio {
242
+ width: 100%;
243
+ margin: var(--space-base) 0;
244
+ }
245
+
246
+ table {
247
+ border-collapse: collapse;
248
+ width: 100%;
249
+ }
250
+
251
+ td,
252
+ th {
253
+ text-align: left;
254
+ }
255
+
256
+ th {
257
+ font-weight: bold;
258
+ }
259
+
260
+ table caption {
261
+ font-weight: bold;
262
+ margin-bottom: var(--space-half);
263
+ }
@@ -0,0 +1,12 @@
1
+ <hr>
2
+
3
+ <footer>
4
+ <nav>
5
+ <a href="/">Home</a>
6
+ <a href="/about/">About</a>
7
+ </nav>
8
+ <p>
9
+ <small>© {{ "now" | date: "%Y" }} {{ site.title }}.</small>
10
+ <small>Jekyll Theme by <a href="https://oinam.com">Oinam</a>.</small>
11
+ </p>
12
+ </footer>
@@ -0,0 +1,8 @@
1
+ <header>
2
+ <h1><a href="{{ site.baseurl }}/" title="{{ site.title }}">{{ site.title }}</a></h1>
3
+ <nav>
4
+ <a href="/about/">About</a>
5
+ </nav>
6
+ </header>
7
+
8
+ <hr>
@@ -0,0 +1,21 @@
1
+ {%- if post.layout != post -%}
2
+ {%- assign words = post.content | strip_html | number_of_words -%}
3
+ {%- if words < 180 -%}
4
+ less than 1-min read
5
+ {%- elsif words < 360 -%}
6
+ 1-min read
7
+ {%- else -%}
8
+ {{ words | divided_by:180 }}-min read
9
+ {%- endif -%}
10
+ {%- endif -%}
11
+
12
+ {%- if post.layout == post -%}
13
+ {%- assign words = content | number_of_words -%}
14
+ {%- if words < 180 -%}
15
+ less than 1-min read
16
+ {%- elsif words < 360 -%}
17
+ 1-min read
18
+ {%- else -%}
19
+ {{ words | divided_by:180 }}-min read
20
+ {%- endif -%}
21
+ {%- endif -%}
@@ -0,0 +1,7 @@
1
+ {% comment %}
2
+ <!--
3
+ USAGE
4
+ {% include video.html videoURL="https://www.youtube.com/embed/QKEFhH63vg4" %}
5
+ -->
6
+ {% endcomment %}
7
+ <div class="video-wrap"><iframe src="{{ include.videoURL }}" width="800" height="450" title="YouTube Video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
@@ -0,0 +1,41 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+
5
+ <meta charset="utf-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1">
7
+
8
+ <title>
9
+ {%- if title -%}{{ title }}
10
+ {%- elsif page.title -%}{{ page.title }}
11
+ {%- else -%}{{ site.title }}
12
+ {%- endif -%}
13
+ </title>
14
+
15
+ <meta name="description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
16
+ <meta name="robots" content="index,follow">
17
+
18
+ <style type="text/css">
19
+ {%- capture include_to_scssify -%}
20
+ {% include css/settings.css %}
21
+ {% include css/styles.css %}
22
+ {% include css/styles-extended.css %}
23
+ {% if page.type == posts %}
24
+ {% include css/styles-code.css %}
25
+ {% endif %}
26
+ {%- endcapture -%}
27
+ {{- include_to_scssify | scssify | strip_newlines -}}
28
+ </style>
29
+ <link rel="stylesheet" media="print" href="/print.css">
30
+
31
+ </head>
32
+ <body>
33
+
34
+ <main>
35
+ {% include header.html %}
36
+ {{ content }}
37
+ {% include footer.html %}
38
+ </main>
39
+
40
+ </body>
41
+ </html>
@@ -0,0 +1,22 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {{ content }}
6
+
7
+
8
+ {%- for post in site.posts -%}
9
+ {%- assign currentdate = post.date | date: "%Y" -%}
10
+
11
+ {%- if currentdate != date -%}
12
+ {%- unless forloop.first -%}</ul>{% endunless %}
13
+ <h2 id="year-{{post.date | date: "%Y"}}">{{ currentdate }}</h2>
14
+ <ul class="blog-articles__list">
15
+ {% assign date = currentdate %}
16
+ {%- endif -%}
17
+ <li class="one-liner">
18
+ <time datetime="{{ post.date | date: '%Y-%m-%d' }}">{{ post.date | date: '%b %d' }}</time>
19
+ <a href="{{ post.url }}">{{ post.title }}</a>
20
+ </li>
21
+ {%- if forloop.last -%}</ul>{% endif %}
22
+ {% endfor %}
@@ -0,0 +1,7 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <article>
5
+ <h1>{{ page.title | escape }}</h1>
6
+ {{ content }}
7
+ </article>
@@ -0,0 +1,22 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="post-meta">
6
+ <time datetime="{{ post.date | date: '%Y-%m-%d' }}">{{ page.date | date: '%Y %b %-d %a' }}</time>
7
+ <span>{%- include read-time.html -%}</span>
8
+ </div>
9
+
10
+ <article>
11
+ <h1>{{ page.title }}</h1>
12
+ {{ content }}
13
+ </article>
14
+
15
+ <div class="post-nav">
16
+ {%- if page.previous.url -%}
17
+ <a href="{{ page.previous.url | prepend: site.baseurl }}" class="post-nav__prev" title="{{ page.previous.title }}">← Prev</a>
18
+ {%- endif -%}
19
+ {%- if page.next.url -%}
20
+ <a href="{{ page.next.url | prepend: site.baseurl }}" class="post-nav__next" title="{{ page.next.title }}">Next →</a>
21
+ {%- endif -%}
22
+ </div>
metadata ADDED
@@ -0,0 +1,106 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: oinam-jekyll
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.0.0
5
+ platform: ruby
6
+ authors:
7
+ - Oinam
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2021-08-21 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.5'
20
+ - - "<"
21
+ - !ruby/object:Gem::Version
22
+ version: '5.0'
23
+ type: :runtime
24
+ prerelease: false
25
+ version_requirements: !ruby/object:Gem::Requirement
26
+ requirements:
27
+ - - ">="
28
+ - !ruby/object:Gem::Version
29
+ version: '3.5'
30
+ - - "<"
31
+ - !ruby/object:Gem::Version
32
+ version: '5.0'
33
+ - !ruby/object:Gem::Dependency
34
+ name: jekyll-feed
35
+ requirement: !ruby/object:Gem::Requirement
36
+ requirements:
37
+ - - "~>"
38
+ - !ruby/object:Gem::Version
39
+ version: '0.9'
40
+ type: :runtime
41
+ prerelease: false
42
+ version_requirements: !ruby/object:Gem::Requirement
43
+ requirements:
44
+ - - "~>"
45
+ - !ruby/object:Gem::Version
46
+ version: '0.9'
47
+ - !ruby/object:Gem::Dependency
48
+ name: bundler
49
+ requirement: !ruby/object:Gem::Requirement
50
+ requirements:
51
+ - - ">="
52
+ - !ruby/object:Gem::Version
53
+ version: '0'
54
+ type: :development
55
+ prerelease: false
56
+ version_requirements: !ruby/object:Gem::Requirement
57
+ requirements:
58
+ - - ">="
59
+ - !ruby/object:Gem::Version
60
+ version: '0'
61
+ description:
62
+ email:
63
+ - hi@oinam.com
64
+ executables: []
65
+ extensions: []
66
+ extra_rdoc_files: []
67
+ files:
68
+ - LICENSE.txt
69
+ - README.md
70
+ - _includes/css/settings.css
71
+ - _includes/css/styles-code.css
72
+ - _includes/css/styles-extended.css
73
+ - _includes/css/styles.css
74
+ - _includes/footer.html
75
+ - _includes/header.html
76
+ - _includes/read-time.html
77
+ - _includes/video.html
78
+ - _layouts/default.html
79
+ - _layouts/home.html
80
+ - _layouts/page.html
81
+ - _layouts/post.html
82
+ homepage: https://github.com/oinam/oinam-jekyll
83
+ licenses:
84
+ - MIT
85
+ metadata:
86
+ plugin_type: theme
87
+ post_install_message:
88
+ rdoc_options: []
89
+ require_paths:
90
+ - lib
91
+ required_ruby_version: !ruby/object:Gem::Requirement
92
+ requirements:
93
+ - - ">="
94
+ - !ruby/object:Gem::Version
95
+ version: '0'
96
+ required_rubygems_version: !ruby/object:Gem::Requirement
97
+ requirements:
98
+ - - ">="
99
+ - !ruby/object:Gem::Version
100
+ version: '0'
101
+ requirements: []
102
+ rubygems_version: 3.2.25
103
+ signing_key:
104
+ specification_version: 4
105
+ summary: A simple, clean, and minimal Jekyll Theme.
106
+ test_files: []