simple-gh-pages-theme 0.1.7 → 0.1.9
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 +4 -4
- data/_includes/categories.html +29 -0
- data/_includes/navigation.html +8 -8
- data/_includes/sidebar-categories.html +27 -139
- data/_layouts/post.html +2 -3
- data/assets/css/main.scss +47 -0
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c7560ec876ffab0aad336a497faf48dbd14b9c3e0b37041cf1fa36fbb83b9427
|
4
|
+
data.tar.gz: 7187831dc7b4490d06e06d4e1a15fb066fa3233cdc5f6a1e78f31bdb2c92c113
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: a6c1531b6af603a3c9f7157263768e227768cacffb5005c3a47446cc9e7d9f3af4b37f5e1e49926dd3f15f10a23820c87387cc354130d042e583e905e8f6cd6d
|
7
|
+
data.tar.gz: bce651688cb95c37249e55b7d561594c1fe0001d956bdb67046601edaa11bc9df870fec6e4b182eb9ebbcadc877feca287417be68031e2238876a9e82e624bfe
|
@@ -0,0 +1,29 @@
|
|
1
|
+
<!-- prettier-ignore -->
|
2
|
+
{% capture items %}
|
3
|
+
{% for item in include.items %}
|
4
|
+
{% assign nr_of_posts = 0 %}
|
5
|
+
{% assign it = item | first %}
|
6
|
+
{% assign posts = include.items[it] %}
|
7
|
+
{% assign selection = posts | where_exp:"post", "post.layout == 'post'" %}
|
8
|
+
{% assign selection = selection | where_exp:"post", "post.content.size > 1" %}
|
9
|
+
{% for post in selection %}
|
10
|
+
{% assign nr_of_posts = nr_of_posts | plus:1 %}
|
11
|
+
{% endfor %}
|
12
|
+
|
13
|
+
{{ nr_of_posts | plus: 1000 }}#{{ item[0] }}#{{ nr_of_posts }}
|
14
|
+
{% endfor %}
|
15
|
+
{% endcapture %}
|
16
|
+
|
17
|
+
{% assign sorted_items = items | split:' ' | sort | reverse %}
|
18
|
+
{% for item in sorted_items limit: include.limit, offset: include.offset %}
|
19
|
+
{% assign item_items = item | split: '#' %}
|
20
|
+
<li class="posts-list-item short-post category-list-item">
|
21
|
+
<span class="categories">
|
22
|
+
<h4>
|
23
|
+
<a class="category" href="/{{include.item_type}}/{{ item_items[1] }}">
|
24
|
+
{{ item_items[1] }} ({{ item_items[2] }})
|
25
|
+
</a>
|
26
|
+
</h4>
|
27
|
+
</span>
|
28
|
+
</li>
|
29
|
+
{% endfor %}
|
data/_includes/navigation.html
CHANGED
@@ -1,23 +1,23 @@
|
|
1
1
|
<nav>
|
2
2
|
<!-- prettier-ignore -->
|
3
3
|
{% for item in site.data.navigation %}
|
4
|
-
|
4
|
+
{% assign current_page = page.url | remove: ".html" %}
|
5
|
+
<a href="{{ item.link }}" {% if current_page == item.link %} class="current_page" {% endif %}>
|
5
6
|
<h2>{{ item.name }}</h2>
|
6
7
|
</a>
|
7
8
|
{% endfor %}
|
8
9
|
<div class="social">
|
10
|
+
<!-- prettier-ignore -->
|
9
11
|
{% assign socials = site.about.socials %}
|
10
12
|
{% for social in socials %}
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
13
|
+
{% assign social_type = social[0] %}
|
14
|
+
{% assign social_url = social[1] %}
|
15
|
+
<a target="_blank" href="{{social_url}}">
|
16
|
+
<i class="fa-brands fa-{{social_type}} text-muted" aria-hidden="true"></i>
|
17
|
+
</a>
|
16
18
|
{% endfor %}
|
17
19
|
<a href="mailto: {{site.about.email}}">
|
18
20
|
<i class="fa fa-envelope text-muted" aria-hidden="true"></i>
|
19
21
|
</a>
|
20
22
|
</div>
|
21
23
|
</nav>
|
22
|
-
|
23
|
-
|
@@ -1,161 +1,49 @@
|
|
1
1
|
<h2 class="title no-decoration">Categories</h2>
|
2
2
|
<div class="line"></div>
|
3
|
-
<div>
|
3
|
+
<div id="categories-list">
|
4
4
|
<!-- prettier-ignore -->
|
5
|
-
{%
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
{% assign selection = selection | where_exp:"post", "post.content.size > 1" %}
|
11
|
-
{% for post in selection %}
|
12
|
-
{% assign nr_of_posts = nr_of_posts | plus:1 %}
|
13
|
-
{% endfor %}
|
14
|
-
|
15
|
-
<li class="posts-list-item short-post category-list-item">
|
16
|
-
<span class="categories">
|
17
|
-
<h4>
|
18
|
-
<a class="category" href="/category/{{ cat }}">
|
19
|
-
{{ cat }} ({{ nr_of_posts }})
|
20
|
-
</a>
|
21
|
-
</h4>
|
22
|
-
</span>
|
23
|
-
</li>
|
24
|
-
{% endfor %}
|
5
|
+
{% include categories.html limit=10 items=site.categories item_type="category" %}
|
6
|
+
</div>
|
7
|
+
<div id="extra-categories" style="display: none">
|
8
|
+
{% include categories.html offset=10 items=site.categories
|
9
|
+
item_type="category" %}
|
25
10
|
</div>
|
26
11
|
|
27
12
|
<button
|
28
13
|
id="show-more-categories"
|
29
|
-
|
30
|
-
|
31
|
-
border-width: 0;
|
32
|
-
padding: 0;
|
33
|
-
background: white;
|
34
|
-
margin-top: 0;
|
35
|
-
font-size: 0.8em;
|
36
|
-
color: #272b32;
|
37
|
-
"
|
14
|
+
class="show-more"
|
15
|
+
onclick="toggleItems('categories')"
|
38
16
|
>
|
39
|
-
more
|
17
|
+
show more
|
40
18
|
</button>
|
41
19
|
|
42
|
-
<div id="extra-categories" style="display: none">
|
43
|
-
<!-- prettier-ignore -->
|
44
|
-
{% for category in site.categories offset: 10 %}
|
45
|
-
{% assign nr_of_posts = 0 %}
|
46
|
-
{% assign cat = category | first %}
|
47
|
-
{% assign posts = site.categories[cat] %}
|
48
|
-
{% assign selection = posts | where_exp:"post", "post.layout == 'post'" %}
|
49
|
-
{% assign selection = selection | where_exp:"post", "post.content.size > 1" %}
|
50
|
-
{% for post in selection %}
|
51
|
-
{% assign nr_of_posts = nr_of_posts | plus:1 %}
|
52
|
-
{% endfor %}
|
53
|
-
|
54
|
-
<li class="posts-list-item short-post category-list-item">
|
55
|
-
<span class="categories">
|
56
|
-
<h4>
|
57
|
-
<a class="category" href="/category/{{ cat }}">
|
58
|
-
{{ cat }} ({{ nr_of_posts }})
|
59
|
-
</a>
|
60
|
-
</h4>
|
61
|
-
</span>
|
62
|
-
</li>
|
63
|
-
{% endfor %}
|
64
|
-
</div>
|
65
|
-
|
66
|
-
<script>
|
67
|
-
function showMoreCategories() {
|
68
|
-
var extraCategories = document.getElementById("extra-categories");
|
69
|
-
var showMoreButtonCategories = document.getElementById(
|
70
|
-
"show-more-categories"
|
71
|
-
);
|
72
|
-
|
73
|
-
if (extraCategories.style.display === "none") {
|
74
|
-
extraCategories.style.display = "block";
|
75
|
-
showMoreButtonCategories.innerText = "less..";
|
76
|
-
} else {
|
77
|
-
extraCategories.style.display = "none";
|
78
|
-
showMoreButtonCategories.innerText = "more..";
|
79
|
-
}
|
80
|
-
}
|
81
|
-
</script>
|
82
|
-
|
83
20
|
<h2 class="title no-decoration" style="margin-top: 20px">Tags</h2>
|
84
21
|
<div class="line"></div>
|
85
|
-
<div>
|
22
|
+
<div id="categories-list">
|
86
23
|
<!-- prettier-ignore -->
|
87
|
-
{%
|
88
|
-
{% assign nr_of_posts = 0 %}
|
89
|
-
{% assign tag = tag_post | first %}
|
90
|
-
{% assign tag_posts = site.tags[tag] %}
|
91
|
-
{% assign tag_posts_selection = tag_posts | where_exp:"post", "post.layout == 'post'" %}
|
92
|
-
{% assign tag_posts_selection = tag_posts_selection | where_exp:"post", "post.content.size > 1" %}
|
93
|
-
{% for post in tag_posts_selection %}
|
94
|
-
{% assign nr_of_posts = nr_of_posts | plus:1 %}
|
95
|
-
{% endfor %}
|
96
|
-
|
97
|
-
<li class="posts-list-item short-post category-list-item">
|
98
|
-
<span class="categories">
|
99
|
-
<h4>
|
100
|
-
<a class="category" href="/tag/{{ tag }}">
|
101
|
-
{{ tag }} ({{ nr_of_posts }})
|
102
|
-
</a>
|
103
|
-
</h4>
|
104
|
-
</span>
|
105
|
-
</li>
|
106
|
-
{% endfor %}
|
24
|
+
{% include categories.html limit=10 items=site.tags item_type="tag" %}
|
107
25
|
</div>
|
108
|
-
|
109
|
-
<button
|
110
|
-
id="show-more-tags"
|
111
|
-
onclick="showMoreTags()"
|
112
|
-
style="
|
113
|
-
border-width: 0;
|
114
|
-
padding: 0;
|
115
|
-
background: white;
|
116
|
-
margin-top: 0;
|
117
|
-
font-size: 0.8em;
|
118
|
-
color: #272b32;
|
119
|
-
"
|
120
|
-
>
|
121
|
-
more..
|
122
|
-
</button>
|
123
|
-
|
124
26
|
<div id="extra-tags" style="display: none">
|
125
|
-
|
126
|
-
{% for tag_post in site.tags offset: 10 %}
|
127
|
-
{% assign nr_of_posts = 0 %}
|
128
|
-
{% assign tag = tag_post | first %}
|
129
|
-
{% assign tag_posts = site.tags[tag] %}
|
130
|
-
{% assign tag_posts_selection = tag_posts | where_exp:"post", "post.layout == 'post'" %}
|
131
|
-
{% assign tag_posts_selection = tag_posts_selection | where_exp:"post", "post.content.size > 1" %}
|
132
|
-
{% for post in tag_posts_selection %}
|
133
|
-
{% assign nr_of_posts = nr_of_posts | plus:1 %}
|
134
|
-
{% endfor %}
|
135
|
-
|
136
|
-
<li class="posts-list-item short-post category-list-item">
|
137
|
-
<span class="categories">
|
138
|
-
<h4>
|
139
|
-
<a class="category" href="/tag/{{ tag }}">
|
140
|
-
{{ tag }} ({{ nr_of_posts }})
|
141
|
-
</a>
|
142
|
-
</h4>
|
143
|
-
</span>
|
144
|
-
</li>
|
145
|
-
{% endfor %}
|
27
|
+
{% include categories.html offset=10 items=site.tags item_type="tag" %}
|
146
28
|
</div>
|
147
29
|
|
148
|
-
<
|
149
|
-
|
150
|
-
|
151
|
-
var showMoreButton = document.getElementById("show-more-tags");
|
30
|
+
<button id="show-more-tags" class="show-more" onclick="toggleItems('tags')">
|
31
|
+
show more
|
32
|
+
</button>
|
152
33
|
|
153
|
-
|
154
|
-
|
155
|
-
|
34
|
+
<script>
|
35
|
+
function toggleItems(itemType) {
|
36
|
+
var extraItems = document.getElementById("extra-" + itemType);
|
37
|
+
var showMoreButton = document.getElementById("show-more-" + itemType);
|
38
|
+
|
39
|
+
if (extraItems.style.display === "none") {
|
40
|
+
extraItems.style.display = "block";
|
41
|
+
showMoreButton.style.color = "#fc036f";
|
42
|
+
showMoreButton.innerText = "show less";
|
156
43
|
} else {
|
157
|
-
|
158
|
-
showMoreButton.
|
44
|
+
extraItems.style.display = "none";
|
45
|
+
showMoreButton.style.color = "#272b32";
|
46
|
+
showMoreButton.innerText = "show more";
|
159
47
|
}
|
160
48
|
}
|
161
49
|
</script>
|
data/_layouts/post.html
CHANGED
@@ -17,10 +17,9 @@ title: post
|
|
17
17
|
style="text-decoration: none !important"
|
18
18
|
href="/tag/{{ tag }}"
|
19
19
|
>
|
20
|
-
{{ tag }}
|
21
|
-
>
|
20
|
+
{{ tag }}{% if page.tags.size > 1 %}, {% endif %}
|
21
|
+
</a>
|
22
22
|
<!-- prettier-ignore -->
|
23
|
-
{% if page.tags.size > 1 %}, {% endif %}
|
24
23
|
{% endfor %}
|
25
24
|
{% endif %}
|
26
25
|
{% assign date = page.date | date: "%d %b %Y" %}
|
data/assets/css/main.scss
CHANGED
@@ -365,3 +365,50 @@ body {
|
|
365
365
|
.div-subtitle {
|
366
366
|
height: 35px;
|
367
367
|
}
|
368
|
+
|
369
|
+
.show-more {
|
370
|
+
border-width: 0;
|
371
|
+
padding: 0;
|
372
|
+
background: white;
|
373
|
+
margin-top: 0;
|
374
|
+
font-size: 0.8em;
|
375
|
+
}
|
376
|
+
|
377
|
+
/* Style for code blocks */
|
378
|
+
pre {
|
379
|
+
background-color: #f7f7f7; /* Background color for the code block */
|
380
|
+
border: 1px solid #e1e1e1; /* Border around the code block */
|
381
|
+
padding: 20px; /* Spacing around the code block */
|
382
|
+
border-radius: 5px; /* Rounded corners for the code block */
|
383
|
+
font-family: Monaco, monospace; /* Font for the code */
|
384
|
+
font-size: 12px; /* Font size for the code */
|
385
|
+
line-height: 1.5; /* Line height for the code */
|
386
|
+
overflow-x: auto; /* Add horizontal scroll bar if code overflows */
|
387
|
+
}
|
388
|
+
|
389
|
+
/* Style for code syntax highlighting */
|
390
|
+
pre code {
|
391
|
+
display: block; /* Ensure code is displayed as a block */
|
392
|
+
padding: 0; /* Remove padding for code */
|
393
|
+
margin: 0; /* Remove margin for code */
|
394
|
+
}
|
395
|
+
|
396
|
+
/* Style for code syntax highlighting colors */
|
397
|
+
pre code span {
|
398
|
+
color: #333; /* Default text color for code */
|
399
|
+
}
|
400
|
+
|
401
|
+
/* Style for specific code syntax elements */
|
402
|
+
pre code .comment {
|
403
|
+
color: #888; /* Color for comments */
|
404
|
+
}
|
405
|
+
|
406
|
+
pre code .keyword {
|
407
|
+
color: #0074d9; /* Color for keywords */
|
408
|
+
}
|
409
|
+
|
410
|
+
pre code .string {
|
411
|
+
color: #d35400; /* Color for strings */
|
412
|
+
}
|
413
|
+
|
414
|
+
/* Add more styles for different syntax elements as needed */
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: simple-gh-pages-theme
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.9
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- LiveNL
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2023-09-
|
11
|
+
date: 2023-09-30 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll-archives
|
@@ -64,6 +64,7 @@ files:
|
|
64
64
|
- README.md
|
65
65
|
- _config.yml
|
66
66
|
- _data/navigation.yml
|
67
|
+
- _includes/categories.html
|
67
68
|
- _includes/highlights.html
|
68
69
|
- _includes/intro.html
|
69
70
|
- _includes/navigation.html
|