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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: e58f1f0573784a6e6e508ba81f4e7be5e498883fdcc582ccbd3b3177e059d582
4
- data.tar.gz: d7ee6d6b8980f489885b3516b68006a426e449676a020fc8fa35bc2f01d7c327
3
+ metadata.gz: c7560ec876ffab0aad336a497faf48dbd14b9c3e0b37041cf1fa36fbb83b9427
4
+ data.tar.gz: 7187831dc7b4490d06e06d4e1a15fb066fa3233cdc5f6a1e78f31bdb2c92c113
5
5
  SHA512:
6
- metadata.gz: 83753f4852053453298ff3a5e144905b9d0d078e64569499510bf571fc81677dae93fe357b8b4d5210d386c0b1d770767a747a3b18003b870aa5ab80d7dd8a1a
7
- data.tar.gz: f4f88e93e15d8d07f563aeed4bc35018377c090d3490558d6bf1069943c76bdfffbe9a45353a2b0fc0668aa48851953607ba7aa7eed9826c345537852396d296
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 %}
@@ -1,23 +1,23 @@
1
1
  <nav>
2
2
  <!-- prettier-ignore -->
3
3
  {% for item in site.data.navigation %}
4
- <a href="{{ item.link }}" {% if page.url == item.link %} class="current_page" {% endif %}>
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
- {% assign social_type = social[0] %}
12
- {% assign social_url = social[1] %}
13
- <a target="_blank" href="{{social_url}}">
14
- <i class="fa-brands fa-{{social_type}} text-muted" aria-hidden="true"></i>
15
- </a>
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
- {% for category in site.categories, limit: 10 %}
6
- {% assign nr_of_posts = 0 %}
7
- {% assign cat = category | first %}
8
- {% assign posts = site.categories[cat] %}
9
- {% assign selection = posts | where_exp:"post", "post.layout == 'post'" %}
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
- onclick="showMoreCategories()"
30
- style="
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
- {% for tag_post in site.tags limit: 10 %}
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
- <!-- prettier-ignore -->
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
- <script>
149
- function showMoreTags() {
150
- var extraTags = document.getElementById("extra-tags");
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
- if (extraTags.style.display === "none") {
154
- extraTags.style.display = "block";
155
- showMoreButton.innerText = "less..";
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
- extraTags.style.display = "none";
158
- showMoreButton.innerText = "more..";
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 }}</a
21
- >
20
+ {{ tag }}{% if page.tags.size > 1 %}, &nbsp;{% endif %}
21
+ </a>
22
22
  <!-- prettier-ignore -->
23
- {% if page.tags.size > 1 %}, &nbsp;{% 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.7
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-18 00:00:00.000000000 Z
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