jekyll-bear-theme 0.1.5 → 0.1.7

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 9db5c8bdfdd80acffcb54d56471943eabf07cf35e72b83475c80859352009f14
4
- data.tar.gz: 4a68fc082023c720b5aef9d09a4da4c6fa434430fffa5b9e34ba3ee56ca0b228
3
+ metadata.gz: b2f58a964a3d4e64e879e3f8c6e375496316c075b0e7ad5b476593833eddaf76
4
+ data.tar.gz: 1db851c9c594868afb95f4ce92e8bfc489e12c581390867ade43d3663bcfc865
5
5
  SHA512:
6
- metadata.gz: d3d631fd63bef6071a240f7c1267efe212cb7737ebdac7dbee44f752e51d565fba84723c23140ab2b42859da5461317f53f00dbfde1c7150eaede2a868534104
7
- data.tar.gz: 98dafab0f3eb98e6725ec356389c08fadb10417068fd0525c58d826dd7da80a49189118741389b17c01374a33aab25b2b3abd57ee59f87220f5db29d48faeef7
6
+ metadata.gz: 8ae1893a029896caef82403d5ef24004528da97b7d37eac2b87c9a13020465252fb9f29e54ea5d853a6097fef16ec98ee1fb5b32ad457e546202ce6e3e775fc6
7
+ data.tar.gz: 2cd9923fc3fe22fa861e5976dce3f1dbf3df8292baf73014770b1da3ca705fed03833db4b0a878f9a044bcdff4366ec00e0fe2efd05812c3d654b174a9d20a5f
data/README.md CHANGED
@@ -19,9 +19,16 @@ This is a port of it's theme to Jekyll, with some tweaks. So you can use GitHub
19
19
 
20
20
  ## Screenshots
21
21
 
22
+ ### Home
22
23
  ![Home](https://raw.githubusercontent.com/Knhash/jekyllBear/master/assets/images/JBHome.png?raw=true "Home")
24
+
25
+ ### Blog
23
26
  ![Blog](https://raw.githubusercontent.com/Knhash/jekyllBear/master/assets/images/JBBlog.png?raw=true "Blog")
27
+
28
+ ### Long Form
24
29
  ![LongForm](https://raw.githubusercontent.com/Knhash/jekyllBear/master/assets/images/JBLongForm.png?raw=true "LongForm")
30
+
31
+ ### Poetry
25
32
  ![Poetry](https://raw.githubusercontent.com/Knhash/jekyllBear/master/assets/images/JBPoetry.png?raw=true "Poetry")
26
33
 
27
34
 
data/_config.yml CHANGED
@@ -59,9 +59,9 @@ Blog: /blog
59
59
 
60
60
  # Add general links to site pages here
61
61
  links:
62
- Resume: /assets/resume.pdf
62
+ # Resume: /assets/resume.pdf
63
63
 
64
64
 
65
65
  # Add links for more focus here
66
66
  special_links:
67
- "Search": https://duckduckgo.com
67
+ # "Search": https://duckduckgo.com
@@ -27,10 +27,8 @@
27
27
  </ul>
28
28
  </nav> -->
29
29
  <div class="bottom-footer">
30
- <i>Theme
31
- <a href="https://knhash.in/jekyllBear" title="the art">jekyllBear</a> built and maintained by
32
- <a href="https://knhash.in" title="the artist">knhash</a>
33
- </i>
30
+ <br>
31
+ <i><a href="https://knhash.in/jekyllBear" title="the art">jekyllBear</a> by <a href="https://knhash.in" title="the artist">knhash</a></i>
34
32
  </div>
35
33
  </footer>
36
34
 
@@ -11,9 +11,6 @@
11
11
  <li><a href="https://canisee.xyz" title="Confirm your vision functionality">[Can I See]</a></li>
12
12
  </ul>
13
13
  </nav> -->
14
- <i>Theme
15
- <a href="https://knhash.in/jekyllBear" title="the art">jekyllBear</a> built and maintained by
16
- <a href="https://knhash.in" title="the artist">knhash</a>
17
- </i>
14
+ <i><a href="https://knhash.in/jekyllBear" title="the art">jekyllBear</a> by <a href="https://knhash.in" title="the artist">knhash</a></i>
18
15
  </footer>
19
16
 
@@ -1,13 +1,20 @@
1
- <h2 class="title">{{ site.title }}</h2>
2
- <nav>
3
- <a href="{{ site.url }}">Home</a>
4
- <a href="{{ site.url }}{{ site.Blog }}">Blog</a>
5
-
6
- {% for link in site.links %}
7
- <a href="{{ site.url }}{{ link[1] }}">{{ link[0] }}</a>
8
- {% endfor %}
1
+ <!DOCTYPE html>
2
+ <html lang="en" dir="ltr">
9
3
 
10
- {% for link in site.special_links %}
11
- <a href="{{ link[1] }}">[{{ link[0] }}]</a>
12
- {% endfor %}
13
- </nav>
4
+ <header>
5
+ <h2 class="title">{{ site.title }}</h2>
6
+ <nav>
7
+ <p>
8
+ <a href="{{ site.url }}">Home</a>
9
+ <a href="{{ site.url }}{{ site.Blog }}">Blog</a>
10
+
11
+ {% for link in site.links %}
12
+ <a href="{{ site.url }}{{ link[1] }}">{{ link[0] }}</a>
13
+ {% endfor %}
14
+
15
+ {% for link in site.special_links %}
16
+ <a href="{{ link[1] }}">[{{ link[0] }}]</a>
17
+ {% endfor %}
18
+ </p>
19
+ </nav>
20
+ </header>
data/_layouts/blog.html CHANGED
@@ -11,8 +11,14 @@ layout: compress
11
11
  {{ content }}
12
12
 
13
13
  <ul class="blog-posts">
14
+ {% assign post_list = '' | split: ',' %}
14
15
  {% for post in site.posts %}
15
16
  {% for tag in post.tags %}
17
+ {% assign post_list = post_list | push: post %}
18
+ {% endfor %}
19
+ {% endfor %}
20
+ {% for post in post_list %}
21
+ {% unless post == previous %}
16
22
  <li>
17
23
  <span>
18
24
  <i>
@@ -23,7 +29,8 @@ layout: compress
23
29
  </span>
24
30
  <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
25
31
  </li>
26
- {% endfor %}
32
+ {% endunless %}
33
+ {% assign previous = post %}
27
34
  {% endfor %}
28
35
 
29
36
  </ul>
@@ -35,7 +42,8 @@ layout: compress
35
42
  {% assign tag_slug = tag | first %}
36
43
  {% assign no_of_posts = tag | last | size %}
37
44
 
38
- <a href="{{ 'tagged/' | relative_url }}{{ tag_slug }}" title="See all posts by {{ tag_slug }} tag">#{{ tag_slug }}</a>
45
+ <a href="{{ 'tagged/' | relative_url }}{{ tag_slug }}" title="See all posts by {{ tag_slug }} tag">#{{ tag_slug
46
+ }}</a>
39
47
  {% endfor %}
40
48
  </small>
41
49
 
data/_layouts/tagged.html CHANGED
@@ -17,8 +17,14 @@ layout: compress
17
17
  </p>
18
18
 
19
19
  <ul class="blog-posts">
20
+ {% assign post_list = '' | split: ',' %}
20
21
  {% for post in site.tags[page.slug] %}
21
22
  {% for tag in post.tags %}
23
+ {% assign post_list = post_list | push: post %}
24
+ {% endfor %}
25
+ {% endfor %}
26
+ {% for post in post_list %}
27
+ {% unless post == previous %}
22
28
  <li>
23
29
  <span>
24
30
  <i>
@@ -29,7 +35,8 @@ layout: compress
29
35
  </span>
30
36
  <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
31
37
  </li>
32
- {% endfor %}
38
+ {% endunless %}
39
+ {% assign previous = post %}
33
40
  {% endfor %}
34
41
 
35
42
  </ul>
Binary file
Binary file
Binary file
Binary file
data/assets/style.css CHANGED
@@ -1,27 +1,50 @@
1
+
2
+
3
+
4
+ @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@100;200;300;400;500;600;700;800;900&display=swap');
5
+
6
+ :root {
7
+ --width: 900px;
8
+ --font-main: 'Fira Code', monospace;
9
+ --font-secondary: 'Fira Code', monospace;
10
+ --font-scale: .95em;
11
+ --background-color: #F8F1E5; /* Lighter cream */
12
+ --heading-color: #2C1E15; /* Darker roast coffee */
13
+ --text-color: #1F1408; /* Darker espresso */
14
+ --link-color: #7C4011; /* Darker caramel */
15
+ --visited-color: #5E3211; /* Darker roasted coffee beans */
16
+ --main-color: #96572D; /* Darker café au lait */
17
+ --code-background-color: #E6D7C3; /* Coffee stained paper */
18
+ --code-color: #2C1E15; /* Darker roast coffee */
19
+ --blockquote-color: #B99B6B; /* Darker café latte foam */
20
+ }
21
+
22
+ @media (prefers-color-scheme: dark) {
23
+ :root {
24
+ --background-color: #1A1310; /* Darker espresso */
25
+ --heading-color: #F0DFC0; /* Lighter café latte foam */
26
+ --text-color: #F0E6D2; /* Lighter coffee stained paper */
27
+ --link-color: #E5A254; /* Lighter caramel drizzle */
28
+ --visited-color: #C49B76; /* Lighter roasted coffee beans */
29
+ --main-color: #B89470; /* Lighter mocha */
30
+ --code-background-color: #2C2117; /* Dark chocolate coffee */
31
+ --code-color: #F0DFC0; /* Lighter café latte foam */
32
+ --blockquote-color: #6E563D; /* Lighter coffee grounds */
33
+ }
34
+ }
35
+
1
36
  body {
2
- font-family: Verdana, sans-serif;
37
+ font-family: var(--font-secondary);
38
+ font-size: var(--font-scale);
3
39
  margin: auto;
4
40
  padding: 20px;
5
- max-width: 720px;
41
+ max-width: var(--width);
6
42
  text-align: left;
7
- background-color: #fff;
43
+ background-color: var(--background-color);
8
44
  word-wrap: break-word;
9
45
  overflow-wrap: break-word;
10
46
  line-height: 1.5;
11
- color: #444;
12
- }
13
-
14
- /* Hide scrollbar for Chrome, Safari and Opera */
15
- html::-webkit-scrollbar {
16
- display: none;
17
- }
18
-
19
- /* Hide scrollbar for IE, Edge and Firefox */
20
- html {
21
- -ms-overflow-style: none;
22
- /* IE and Edge */
23
- scrollbar-width: none;
24
- /* Firefox */
47
+ color: var(--text-color);
25
48
  }
26
49
 
27
50
  h1,
@@ -29,102 +52,46 @@ h2,
29
52
  h3,
30
53
  h4,
31
54
  h5,
32
- h6,
33
- strong,
34
- b {
35
- color: #222;
55
+ h6 {
56
+ font-family: var(--font-main);
57
+ color: var(--heading-color);
36
58
  }
37
59
 
38
60
  a {
39
- color: #3273dc;
61
+ color: var(--link-color);
62
+ font-family: var(--font-main);
40
63
  cursor: pointer;
41
64
  text-decoration: none;
65
+ border-bottom: 3px solid var(--main-color);
42
66
  }
43
67
 
44
68
  a:hover {
45
- text-decoration: underline;
46
- }
47
-
48
- .title {
69
+ background-color: var(--main-color);
70
+ color: white;
49
71
  text-decoration: none;
50
- border: 0;
51
72
  }
52
73
 
53
- .title h1 {
54
- font-size: 1.5em;
55
- }
56
-
57
- .title span {
58
- font-weight: 400;
59
- }
60
-
61
- .bear::before {
62
- content: "ᕦʕ •ᴥ•ʔᕤ";
63
- font-weight: 400;
64
- }
65
-
66
- .bear:hover::before {
67
- content: "ᕙʕ ಠᴥಠʔᕗ";
68
- font-weight: 400;
74
+ header {
75
+ margin-bottom: 40px;
76
+ padding-bottom: 20px;
77
+ border-bottom: 3px dotted #232333;
69
78
  }
70
79
 
71
80
  nav a {
72
- margin-right: 10px;
73
- }
74
-
75
- textarea,
76
- input:not([type="submit"]) {
77
- background-color: inherit;
78
- color: inherit;
79
- border: 1px dashed;
80
- padding: 5px;
81
- font-size: 16px;
82
- }
83
-
84
- .full-width textarea,
85
- .full-width input:not([type="submit"], [type="checkbox"], [type="radio"]) {
86
- width: calc(100% - 15px);
87
- }
88
-
89
- .nav-image {
90
- height: 3.14rem;
91
- border-radius: 12.5%;
92
- }
93
-
94
- textarea:required,
95
- input:required:not([type="submit"]) {
96
- border: 1px solid;
97
- }
98
-
99
- textarea.full-screen {
100
- position: fixed;
101
- background-color: white;
102
- top: -2px;
103
- bottom: -2px;
104
- left: 0;
105
- width: calc(100vw - 30px);
106
- max-width: 720px;
107
- border: 10px solid;
108
- border-width: 10px calc(50vw - 370px);
81
+ margin-right: 8px;
109
82
  }
110
83
 
111
- @media only screen and (max-width: 750px) {
112
- textarea.full-screen {
113
- border-width: 10px;
114
- }
115
- }
116
-
117
- button.floating {
118
- position: fixed;
119
- bottom: 20px;
120
- right: 25px;
84
+ strong,
85
+ b {
86
+ color: var(--heading-color);
121
87
  }
122
88
 
123
- button#toggle-full-screen {
124
- float: right;
89
+ button {
90
+ margin: 0;
91
+ cursor: pointer;
125
92
  }
126
93
 
127
- content {
94
+ main {
128
95
  line-height: 1.6;
129
96
  }
130
97
 
@@ -133,6 +100,7 @@ table {
133
100
  }
134
101
 
135
102
  hr {
103
+ border: 0;
136
104
  border-top: 1px dashed;
137
105
  }
138
106
 
@@ -143,91 +111,57 @@ img {
143
111
  code {
144
112
  font-family: monospace;
145
113
  padding: 2px;
146
- background-color: #f2f2f2;
147
- color: #222;
114
+ background-color: var(--code-background-color);
115
+ color: var(--code-color);
148
116
  border-radius: 3px;
149
117
  }
150
118
 
151
- .highlight,
152
- .code {
153
- padding: 1px 15px;
154
- background-color: #f2f2f2;
155
- color: #222;
156
- border-radius: 3px;
157
- margin-block-start: 1em;
158
- margin-block-end: 1em;
159
- overflow:auto;
160
- }
161
-
162
119
  blockquote {
163
120
  border-left: 1px solid #999;
164
- color: #222;
121
+ color: var(--code-color);
165
122
  padding-left: 20px;
166
123
  font-style: italic;
167
124
  }
168
125
 
169
- footer {
170
- padding: 25px 0;
171
- text-align: left;
172
- }
173
-
174
- .helptext {
175
- color: #777;
176
- font-size: small;
126
+ header {
127
+ border-bottom: 3px dotted var(--main-color);
177
128
  }
178
129
 
179
- .errorlist {
180
- color: #eba613;
181
- font-size: small;
182
- }
183
-
184
- #id_favicon {
185
- width: 20px;
130
+ footer {
131
+ margin-top: 40px;
132
+ border-top: 3px dotted var(--main-color);
133
+ padding: 25px 0;
186
134
  text-align: center;
187
135
  }
188
136
 
189
- #date-range,
190
- #initial-values,
191
- #import-contacts {
137
+ footer > span:has(a[href="https://bearblog.dev"]) {
192
138
  display: none;
193
139
  }
194
140
 
195
- #date-range:target,
196
- #initial-values:target,
197
- #import-contacts:target {
198
- display: block;
199
- }
200
-
201
- /* dashboard post list and analytics */
202
- ul.post-list {
203
- list-style-type: none;
204
- padding: unset;
205
- }
206
-
207
- ul.post-list li {
208
- display: flex;
209
- padding: 10px 0;
210
- border-bottom: 1px dashed;
211
- }
212
-
213
- ul.post-list li span {
214
- flex: 0 0 130px;
141
+ .title:hover {
142
+ text-decoration: none;
215
143
  }
216
144
 
217
- ul.post-list li span.number {
218
- flex: 0 0 50px;
145
+ .title h1 {
146
+ font-size: 1.5em;
219
147
  }
220
148
 
221
- ul.post-list li a {
222
- flex: max-content;
149
+ .inline {
150
+ width: auto !important;
223
151
  }
224
152
 
225
- ul.post-list li small {
226
- text-align: right;
227
- flex: 0 0 115px;
153
+ .highlight,
154
+ .code {
155
+ padding: 1px 15px;
156
+ background-color: var(--code-background-color);
157
+ color: var(--code-color);
158
+ border-radius: 3px;
159
+ margin-block-start: 1em;
160
+ margin-block-end: 1em;
161
+ overflow-x: auto;
228
162
  }
229
163
 
230
- /* blog posts */
164
+ /* blog post list */
231
165
  ul.blog-posts {
232
166
  list-style-type: none;
233
167
  padding: unset;
@@ -235,115 +169,81 @@ ul.blog-posts {
235
169
 
236
170
  ul.blog-posts li {
237
171
  display: flex;
172
+ margin-bottom: 10px;
238
173
  }
239
174
 
240
- ul.blog-posts li span {
241
- flex: 0 0 130px;
242
- }
243
-
244
- ul.blog-posts li a:visited {
245
- color: #8b6fcb;
246
- }
247
-
248
- /* discovery feed */
249
- ul.discover-posts {
250
- list-style-type: none;
251
- padding: unset;
252
- }
253
-
254
- ul.discover-posts li {
255
- display: flex;
256
- line-height: 1.2;
257
- }
258
-
259
- ul.discover-posts li span {
260
- flex: 0 0 40px;
261
- }
262
-
263
- ul.discover-posts li a:visited {
264
- color: #8b6fcb;
175
+ i time {
176
+ font-style: normal;
177
+ opacity: 0.7;
265
178
  }
266
179
 
267
- ul.discover-posts li div {
268
- padding-bottom: 8px;
269
- }
270
-
271
- ul.discover-posts li small {
272
- color: #777 !important;
273
- }
274
-
275
- ul.discover-posts li small a {
276
- color: #777 !important;
277
- }
278
-
279
-
280
- @media (prefers-color-scheme: dark) {
281
- body {
282
- background-color: #01242e;
283
- color: #ddd;
284
- }
285
-
286
- h1,
287
- h2,
288
- h3,
289
- h4,
290
- h5,
291
- h6,
292
- strong,
293
- b {
294
- color: #eee;
295
- }
296
-
297
- a {
298
- color: #8cc2dd;
299
- }
300
-
301
- code {
302
- background-color: #777;
303
- }
304
-
305
- pre code {
306
- color: #ddd;
307
- }
308
-
309
- blockquote {
310
- color: #ccc;
311
- }
312
-
313
- .helptext {
314
- color: #aaa;
315
- }
316
- }
317
-
318
-
319
-
320
- ul.blog-posts {
321
- padding-bottom: 0.61803rem;
322
- }
323
-
324
- ul.blog-posts li {
325
- padding-top: 0.61803rem;
326
- }
327
-
328
- small a {
329
- padding-right: 0.61803rem;
330
- }
331
-
332
- hr {
333
- border: 1.61803px solid;
334
- }
335
-
336
- body:hover {
337
- border-image: ;
338
- border-width: 0;
180
+ ul.blog-posts li span {
181
+ flex: 0 0 130px;
339
182
  }
340
183
 
341
184
 
342
- small a {
343
- padding-right: 0.61803rem;
185
+ ul.blog-posts li a:visited {
186
+ color: var(--visited-color);
344
187
  }
345
188
 
346
- .bottom-footer {
347
- padding: 50px;
348
- text-align: center;
349
- }
189
+ table {
190
+ border-spacing: 0;
191
+ }
192
+
193
+ th,
194
+ td {
195
+ padding: 6px 13px;
196
+ font-size: 1em;
197
+ }
198
+
199
+ /* external link marker */
200
+ a[href^="http"]:where(:not([href*="knhash.in/"])):not(:has(img))::after {
201
+ content: "↗"
202
+ }
203
+
204
+ /* Form elements */
205
+ input, button, textarea, select {
206
+ margin: 0;
207
+ padding: 0;
208
+ box-sizing: border-box;
209
+ font: inherit;
210
+ }
211
+ legend {
212
+ margin: 20px 0;
213
+ font-weight: bold;
214
+ }
215
+ label {
216
+ display: block;
217
+ font-weight: bold;
218
+ }
219
+ input,
220
+ textarea {
221
+ margin: 0 0 10px;
222
+ padding: 5px 10px;
223
+ color: var(--text-color);
224
+ background: var(--accent-color);
225
+ border: 2px solid var(--link-color);
226
+ border-radius: 5px;
227
+ }
228
+ input {
229
+ width: 55%;
230
+ }
231
+ textarea {
232
+ width: 95%;
233
+ }
234
+ input[type=button], input[type=submit], input[type=reset] {
235
+ margin: 0 0 20px;
236
+ padding: 7px;
237
+ font-family: var(--font-secondary);
238
+ font-weight: bold;
239
+ color: var(--background-color);
240
+ background: var(--link-color);
241
+ border-radius: 5px;
242
+ cursor: pointer;
243
+ }
244
+ ::placeholder {
245
+ color: var(--text-color);
246
+ opacity: 0.7;
247
+ }
248
+
249
+
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-bear-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.5
4
+ version: 0.1.7
5
5
  platform: ruby
6
6
  authors:
7
7
  - knhash
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2023-06-17 00:00:00.000000000 Z
11
+ date: 2025-02-27 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -30,14 +30,14 @@ dependencies:
30
30
  requirements:
31
31
  - - "~>"
32
32
  - !ruby/object:Gem::Version
33
- version: 1.7.0
33
+ version: 1.9.1
34
34
  type: :runtime
35
35
  prerelease: false
36
36
  version_requirements: !ruby/object:Gem::Requirement
37
37
  requirements:
38
38
  - - "~>"
39
39
  - !ruby/object:Gem::Version
40
- version: 1.7.0
40
+ version: 1.9.1
41
41
  - !ruby/object:Gem::Dependency
42
42
  name: jekyll-redirect-from
43
43
  requirement: !ruby/object:Gem::Requirement
@@ -109,7 +109,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
109
109
  - !ruby/object:Gem::Version
110
110
  version: '0'
111
111
  requirements: []
112
- rubygems_version: 3.4.1
112
+ rubygems_version: 3.5.9
113
113
  signing_key:
114
114
  specification_version: 4
115
115
  summary: A minimal, text focused blog theme inspired by Bear Blog