simple-gh-pages-theme 0.1.7 → 0.1.9

Sign up to get free protection for your applications and to get access to all the features.
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