type-on-strap 2.4.8 → 2.4.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: dba3ab6a8c633aac793ffc8297817c5e43c8d3178d60379b2fd93158a61e063f
-  data.tar.gz: 3a63ffd7c2a16ca9d784b14703c60405f68a4bdf19a2a8589b58a60864015954
+  metadata.gz: 15dad5d590b48fae536490341e7833281b3771118b682275f86fd96128e0db5e
+  data.tar.gz: 3f6937d0f9c733be27b4e966ac9d6aba2222c6e0abcac690d3c93a3d171437d7
 SHA512:
-  metadata.gz: 159db5d9f28dcc7ce897b4a7cf4e36116f7a6d61e772096f7fd86fc5296b25757991c076106c2076cae10bf0684e753ac4508a420d23c0cd5c980f9c6b5c63ad
-  data.tar.gz: 077ebef49c8f68ed554d23075ff34ab66002fe6aa9fc28982805dde020feab142e922b6fbc05018395c4c49418b27099c968f92b85fd8fc44c3113f395b546f7
+  metadata.gz: 8f55e245d44102ba315df41b0353451afabc9458e00fb62eed47fce19350699626a27ba1db562b6f1dcf28aded39c7d8aff9d5a9a765918bd58061552cd08315
+  data.tar.gz: b1298b3bd7bdb9e8f3b7ec97c4f4ae24cd5c5d34b035693d1d08567a2be85e3cecc36a4563eb1ae14a59769fb2842835fdec2cf521d5c24631a0ca9c5adc6b57

data/README.md

@@ -167,6 +167,8 @@ You can find all the properties in `_data/language.yml`.
 
 By default, it is in English, but you can easily add your own language.
 
+Here you also can set the date format, e.g., set `str_date_format: '%B %-d, %Y'` for "January, 13, 2024",  `str_date_format: '%Y-%m-%d'` for 2024-01-13, or `str_date_format: '%d.%m.%Y'` for 13.01.2024.
+
 ### Google Analytics
 
 To enable Google Analytics (GA4), add your [Measurement ID](https://support.google.com/analytics/answer/12270356?hl=en&sjid=1593376271608310401-NA) 
@@ -258,15 +260,13 @@ mermaid: default # Enable mermaid-js for diagrams, use theme: base, forest, dark
 ```
 
 Find all the help you need on the official [mermaid documentation](https://mermaid-js.github.io/mermaid/).
-You can create with ease diagrams. Add your mermaid script inside two mermaid divs (default Kramdown does not yet support mermaid).
-With the `class="mermaid"` inside the `<div>`:
+Use `mermaid` as color highlighter language to render the diagram or with the `class="mermaid"` inside the `<div>`:
 
-```html
-<div class="mermaid">
+```markdown
+```mermaid
 sequenceDiagram
     Alice->>John: Hello John, how are you?
     John-->>Alice: Great!
-</div>
 ```
 
 ### Social icons

data/_data/language.yml

@@ -17,6 +17,7 @@ str_cookie_disclaimer: "We would like to use third party cookies and scripts to
 str_months: [January, February, March, April, May, June, July, August, September, October, November, December]
 str_dark: 'Dark'
 str_light: 'Light'
+str_date_format: '%B %-d, %Y'
 
 # Localization settings
 cusdis_lang: # zh-cn, es, tr, pt-BR

data/_includes/blog/post_info.liquid

@@ -1,5 +1,5 @@
 {% assign author = site.data.authors[include.author] %}
-{% assign date = include.date | default: "today" | date: "%B %-d, %Y" %}
+{% assign date = include.date | default: "today" | date: site.data.language.str_date_format | default: '%B %-d, %Y' %}
 
 <div class="post-info">
   {%- if author.url -%}<a href="{{ author.url | relative_url }}" target="_blank" rel="noopener">{%- endif -%}

data/_includes/default/footer.liquid

@@ -1,12 +1,18 @@
 <footer class="site-footer">
     <p class="text">
         {{ site.footer_text | default: "Powered by <a href='https://jekyllrb.com/'>Jekyll</a> with <a href='https://github.com/sylhare/Type-on-Strap'>Type on Strap</a>" }}</p>
-            <div class="footer-icons">
-                <ul>
-                <!-- Social icons from Font Awesome, if enabled -->
-                {% include social/icons.liquid %}
-                </ul>
-            </div>
+    <div class="footer-icons">
+        <ul>
+            <!-- Social icons from Font Awesome, if enabled -->
+            {% include social/icons.liquid %}
+        </ul>
+    </div>
+    {% if site.mermaid %}
+        <script type="module">
+          mermaid.initialize({ startOnLoad: false, theme: "default" });
+          mermaid.run({ nodes: [...document.querySelectorAll('.language-mermaid'), ...document.querySelectorAll('.mermaid')] });
+        </script>
+    {% endif %}
 </footer>
 
 

data/_includes/default/head.liquid

@@ -41,12 +41,9 @@
     <script defer src="{{ '/assets/js/vendor/katex.auto-render.min.js' | relative_url }}" onload="renderMathInElement(document.body);"></script>
     {% endif %}
 
-    <!-- Mermaid 10.6.1 -->
+    <!-- Mermaid 10.8.0 -->
     {% if site.mermaid %}
-    <script defer src="{{ '/assets/js/vendor/mermaid.min.js' | relative_url }}" onload="mermaid.initialize({
-      startOnLoad:true,
-      theme: '{{ site.mermaid }}',
-    });"></script>
+    <script defer src="{{ '/assets/js/vendor/mermaid.min.js' | relative_url }}"></script>
     {% endif %}
 
     <!-- Simple Jekyll Search 1.10.0 -->

data/_includes/default/search_input.liquid

@@ -1,3 +1,4 @@
+{% assign dateFormat = site.data.language.str_date_format | default: '%B %-d, %Y' %}
 [
 {% for post in site.posts %}
     {
@@ -6,7 +7,7 @@
         "category" : "{{ post.category }}",
         "tags"     : "{{ post.tags | join: ', ' | prepend: " " }}",
         "url"      : "{{ post.url | relative_url }}",
-        "date"     : "{{ post.date | date: "%B %-d, %Y" }}",
+        "date"     : "{{ post.date | date: dateFormat }}",
         "excerpt"  : {{ post.content | strip_html | strip_newlines | strip | escape | truncate: '250' | escape | jsonify }},
         "content"  : {{ post.content | strip_html | strip_newlines | strip | escape | jsonify }}
     {% endunless %}
@@ -20,7 +21,7 @@
         "category" : "{{ page.category }}",
         "tags"     : "{{ page.tags | join: ', ' | prepend: " " }}",
         "url"      : "{{ page.url | relative_url }}",
-        "date"     : "{{ page.date | date: "%B %-d, %Y" | default: "N/A" }}",
+        "date"     : "{{ page.date | date: dateFormat | default: "N/A" }}",
         "excerpt"  : {{ page.content | strip_html | strip_newlines | strip | escape | truncate: '250' | escape | jsonify }},
         "content"  : {{ page.content | strip_html | strip_newlines | strip | escape | jsonify }}
     {% endunless %}
@@ -36,7 +37,7 @@
                 "category" : "{{ page.category }}",
                 "tags"     : "{{ page.tags | join: ', ' | prepend: " " }}",
                 "url"      : "{{ page.url | relative_url }}",
-                "date"     : "{{ page.date | date: "%B %-d, %Y" | default: "N/A" }}",
+                "date"     : "{{ page.date | date: dateFormat | default: "N/A" }}",
                 "excerpt"  : {{ page.content | strip_html | strip_newlines | strip | escape | truncate: '250' | jsonify }},
                 "content"  : {{ page.content | strip_html | strip_newlines | strip | escape | jsonify }}
             {% endif %}

data/_layouts/archive.liquid

@@ -0,0 +1,33 @@
+---
+layout: page
+---
+
+<div class="home">
+    <div id="archive">
+        {% assign postsByYear = site.posts | group_by_exp:"post", "post.date | date: '%Y'"  %}
+        <ul class="archive-clouds">
+            {% for year in postsByYear %}
+                <a href="#archive-{{ year.name | cgi_escape }}" class="archive-anchor">
+                    <li>
+                        {{ year.name | cgi_escape }} ({{year.items.size}})
+                    </li>
+                </a>
+            {% endfor %}
+        </ul>
+        {% for year in postsByYear %}
+            <div class="archive-group">
+                <h4 id="archive-{{year.name}}" class="title">{{ year.name }} ({{year.items.size}})</h4>
+                <div class="items">
+                    {% for post in year.items %}
+                        <a href="{{ post.url | relative_url }}" class="archive-post-link">
+                            <div class="item">
+                                <p class="meta">{{ post.date | date: site.data.language.str_date_format | default: '%B %-d, %Y' }}</p>
+                                <p class="title">{{ post.title }}</p>
+                            </div>
+                        </a>
+                    {% endfor %}
+                </div>
+            </div>
+        {% endfor %}
+    </div>
+</div>

data/_layouts/categories.liquid

@@ -25,7 +25,7 @@ layout: page
                         {% for post in site.categories[group] %}
                             <a href="{{ post.url | relative_url }}" class="category-post-link">
                                 <div class="item">
-                                    <p class="meta">{{ post.date | date: "%B %-d, %Y" }}</p>
+                                    <p class="meta">{{ post.date | date: site.data.language.str_date_format | default: '%B %-d, %Y' }}</p>
                                     <p class="title">{{ post.title }}</p>
                                 </div>
                             </a>

data/_layouts/default.html

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <!--
-    Type on Strap jekyll theme v2.4.8
+    Type on Strap jekyll theme v2.4.9
     Theme free for personal and commercial use under the MIT license
     https://github.com/sylhare/Type-on-Strap/blob/master/LICENSE
 -->

data/_sass/base/_global.scss

@@ -269,7 +269,7 @@ details {
 }
 
 // Mermaid
-.mermaid {
+.mermaid, .language-mermaid {
   background-color: rgba(255, 255, 255, 0.9);
   border-radius: 2%;
 

data/_sass/layouts/_categories.scss

@@ -1,4 +1,6 @@
+#archive,
 #categories {
+  .archive-clouds,
   .category-clouds {
     margin: 30px 0 30px;
 
@@ -30,12 +32,14 @@
       color: var(--header-text);
     }
 
+    .archive-anchor:hover,
     .category-anchor:hover {
       text-decoration: none !important;
       filter: none;
     }
   }
 
+  .archive-group,
   .category-group {
     padding: 15px 0 10px;
 
@@ -71,6 +75,7 @@
         height: 100%;
       }
 
+      .archive-post-link:hover,
       .category-post-link:hover {
         text-decoration: none;