simple-gh-pages-theme 0.1.6 → 0.1.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 12967e97aa2aa5b43721966c8492eddc5af65fec011efe74e1a0663f3cf2eb6f
-  data.tar.gz: 8fe85c3a47977940b7de00ab1cdf03fd5f983428dd6c7da88b50193d472554e9
+  metadata.gz: e1b001d584058182c14af02f8aed427f2de1cca434c7befbc98bcfff4e4252a7
+  data.tar.gz: 7e79992d6862fed3ddf3d3c025826143f6f154e5f5bd00173ac2268ced7bcd3d
 SHA512:
-  metadata.gz: 98252b992b5a40be8cf747718f1aace6eed54528b2b55e3986786498d0cb77122308b72a461da9597d82a73ec131c0743053e557e90f2ecb0947cb8ce7a74d14
-  data.tar.gz: 93b60c44be6866381274cd377d4eb305ab4c2e0716765cd4a300cd07da52bc9991919f0f87ed5155c9a9776c7e4384774f79e8224df899d8f42ac5f729d9d1b3
+  metadata.gz: 3449cc2a90fef5111cdea63ede9e42f672e4b49ab4c31f4dead423a7a8c8c7356244b01401b61f15540fdc2448da53f25de27bfc999b6004b91d31d215601a0f
+  data.tar.gz: 836970b5adf7de6696ea5c208e0894ea207d2722d1ed982142c16932e10b868a5e864186a92565eef627807c229e9a84d1e172e2d5e2eba839e46a1379e0a6ca

data/_includes/categories.html

@@ -0,0 +1,29 @@
+<!-- prettier-ignore -->
+{% capture items %}
+{% for item in include.items %}
+  {% assign nr_of_posts = 0 %}
+  {% assign it = item | first %}
+  {% assign posts = include.items[it] %}
+  {% assign selection = posts | where_exp:"post", "post.layout == 'post'" %}
+  {% assign selection = selection | where_exp:"post", "post.content.size > 1" %}
+  {% for post in selection %}
+    {% assign nr_of_posts = nr_of_posts | plus:1 %}
+  {% endfor %}
+
+  {{ nr_of_posts | plus: 1000 }}#{{ item[0] }}#{{ nr_of_posts  }}
+{% endfor %}
+{% endcapture %}
+
+{% assign sorted_items = items | split:' ' | sort | reverse %}
+{% for item in sorted_items limit: include.limit, offset: include.offset %}
+  {% assign item_items = item | split: '#' %}
+<li class="posts-list-item short-post category-list-item">
+  <span class="categories">
+    <h4>
+      <a class="category" href="/{{include.item_type}}/{{ item_items[1] }}">
+        {{ item_items[1] }} ({{ item_items[2] }})
+      </a>
+    </h4>
+  </span>
+</li>
+{% endfor %}

data/_includes/navigation.html

@@ -1,23 +1,23 @@
 <nav>
   <!-- prettier-ignore -->
   {% for item in site.data.navigation %}
-    <a href="{{ item.link }}" {% if page.url == item.link %} class="current_page" {% endif %}>
+    {% assign current_page = page.url | remove: ".html" %}
+    <a href="{{ item.link }}" {% if current_page == item.link %} class="current_page" {% endif %}>
       <h2>{{ item.name }}</h2>
     </a>
   {% endfor %}
   <div class="social">
+  <!-- prettier-ignore -->
     {% assign socials = site.about.socials %}
     {% for social in socials %}
-      {% assign social_type = social[0] %}
-      {% assign social_url = social[1] %}
-      <a target="_blank" href="{{social_url}}">
-        <i class="fa-brands fa-{{social_type}} text-muted" aria-hidden="true"></i>
-      </a>
+    {% assign social_type = social[0] %}
+    {% assign social_url = social[1] %}
+    <a target="_blank" href="{{social_url}}">
+      <i class="fa-brands fa-{{social_type}} text-muted" aria-hidden="true"></i>
+    </a>
     {% endfor %}
     <a href="mailto: {{site.about.email}}">
       <i class="fa fa-envelope text-muted" aria-hidden="true"></i>
     </a>
   </div>
 </nav>
-
-

data/_includes/sidebar-categories.html

@@ -1,50 +1,49 @@
 <h2 class="title no-decoration">Categories</h2>
 <div class="line"></div>
-<div>
+<div id="categories-list">
   <!-- prettier-ignore -->
-  {% for category in site.categories %}
-    {% assign nr_of_posts = 0 %}
-    {% assign cat = category | first %}
-    {% assign posts = site.categories[cat] %}
-    {% assign selection = posts | where_exp:"post", "post.layout == 'post'" %}
-    {% assign selection = selection | where_exp:"post", "post.content.size > 1" %}
-    {% for post in selection %}
-      {% assign nr_of_posts = nr_of_posts | plus:1 %}
-    {% endfor %}
-
-  <li class="posts-list-item short-post category-list-item">
-    <span class="categories">
-      <h4>
-        <a class="category" href="/category/{{ cat }}">
-          {{ cat }} ({{ nr_of_posts }})
-        </a>
-      </h4>
-    </span>
-  </li>
-  {% endfor %}
+  {% include categories.html limit=10 items=site.categories item_type="category" %}
+</div>
+<div id="extra-categories" style="display: none">
+  {% include categories.html offset=10 items=site.categories
+  item_type="category" %}
 </div>
+
+<button
+  id="show-more-categories"
+  class="show-more"
+  onclick="toggleItems('categories')"
+>
+  show more
+</button>
+
 <h2 class="title no-decoration" style="margin-top: 20px">Tags</h2>
 <div class="line"></div>
-<div>
+<div id="categories-list">
   <!-- prettier-ignore -->
-  {% for tag_post in site.tags %}
-    {% assign nr_of_posts = 0 %}
-    {% assign tag = tag_post | first %}
-    {% assign tag_posts = site.tags[tag] %}
-    {% assign tag_posts_selection = tag_posts | where_exp:"post", "post.layout == 'post'" %}
-    {% assign tag_posts_selection = tag_posts_selection | where_exp:"post", "post.content.size > 1" %}
-    {% for post in tag_posts_selection  %}
-      {% assign nr_of_posts = nr_of_posts | plus:1 %}
-    {% endfor %}
-
-  <li class="posts-list-item short-post category-list-item">
-    <span class="categories">
-      <h4>
-        <a class="category" href="/tag/{{ tag }}">
-          {{ tag }} ({{ nr_of_posts }})
-        </a>
-      </h4>
-    </span>
-  </li>
-  {% endfor %}
+  {% include categories.html limit=10 items=site.tags item_type="tag" %}
 </div>
+<div id="extra-tags" style="display: none">
+  {% include categories.html offset=10 items=site.tags item_type="tag" %}
+</div>
+
+<button id="show-more-tags" class="show-more" onclick="toggleItems('tags')">
+  show more
+</button>
+
+<script>
+  function toggleItems(itemType) {
+    var extraItems = document.getElementById("extra-" + itemType);
+    var showMoreButton = document.getElementById("show-more-" + itemType);
+
+    if (extraItems.style.display === "none") {
+      extraItems.style.display = "block";
+      showMoreButton.style.color = "#fc036f";
+      showMoreButton.innerText = "show less";
+    } else {
+      extraItems.style.display = "none";
+      showMoreButton.style.color = "#272b32";
+      showMoreButton.innerText = "show more";
+    }
+  }
+</script>

data/_layouts/index.html

@@ -7,7 +7,7 @@ title: home
   <div class="posts-top">
     <!-- prettier-ignore -->
     {% assign selection = site.posts | where_exp:"post", "post.short != true" %}
-    {% for post in selection limit: 5 %}
+    {% for post in selection limit: 6 %}
       {% include post-list-item.html %}
     {% endfor %}
     <h2 style="font-family: 'Arvo'">

data/_layouts/post.html

@@ -17,10 +17,9 @@ title: post
         style="text-decoration: none !important"
         href="/tag/{{ tag }}"
       >
-        {{ tag }}</a
-      >
+        {{ tag }}{% if page.tags.size > 1 %}, &nbsp;{% endif %}
+      </a>
       <!-- prettier-ignore -->
-      {% if page.tags.size > 1 %}, &nbsp;{% endif %}
       {% endfor %}
       {% endif %}
       {% assign date = page.date | date: "%d %b %Y" %}

data/assets/css/main.scss

@@ -261,7 +261,7 @@ body {
     .social {
       margin-left: auto;
       a {
-        padding-right: 0px;
+        padding-right: 4px;
         text-decoration: none;
       }
     }
@@ -365,3 +365,50 @@ body {
 .div-subtitle {
   height: 35px;
 }
+
+.show-more {
+  border-width: 0;
+  padding: 0;
+  background: white;
+  margin-top: 0;
+  font-size: 0.8em;
+}
+
+/* Style for code blocks */
+pre {
+  background-color: #f7f7f7; /* Background color for the code block */
+  border: 1px solid #e1e1e1; /* Border around the code block */
+  padding: 20px; /* Spacing around the code block */
+  border-radius: 5px; /* Rounded corners for the code block */
+  font-family: Monaco, monospace; /* Font for the code */
+  font-size: 12px; /* Font size for the code */
+  line-height: 1.5; /* Line height for the code */
+  overflow-x: auto; /* Add horizontal scroll bar if code overflows */
+}
+
+/* Style for code syntax highlighting */
+pre code {
+  display: block; /* Ensure code is displayed as a block */
+  padding: 0; /* Remove padding for code */
+  margin: 0; /* Remove margin for code */
+}
+
+/* Style for code syntax highlighting colors */
+pre code span {
+  color: #333; /* Default text color for code */
+}
+
+/* Style for specific code syntax elements */
+pre code .comment {
+  color: #888; /* Color for comments */
+}
+
+pre code .keyword {
+  color: #0074d9; /* Color for keywords */
+}
+
+pre code .string {
+  color: #d35400; /* Color for strings */
+}
+
+/* Add more styles for different syntax elements as needed */

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: simple-gh-pages-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.6
+  version: 0.1.8
 platform: ruby
 authors:
 - LiveNL
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-05-24 00:00:00.000000000 Z
+date: 2023-09-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll-archives
@@ -64,6 +64,7 @@ files:
 - README.md
 - _config.yml
 - _data/navigation.yml
+- _includes/categories.html
 - _includes/highlights.html
 - _includes/intro.html
 - _includes/navigation.html