jekyll-theme-profile 1.8.6 → 1.9.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4c338ecc61d0ef11ef731ad95b3dc73329e4161824080d94038b6b040d66c44c
-  data.tar.gz: 0cc76009af611f8d86b984feb46399501ecb7fddf8259de967f64f01cde81098
+  metadata.gz: 23356d00fc6dfddf50b0e61e985f1f3d8ffe2cbeda4e974182b79218cd2ab235
+  data.tar.gz: 9af7bc1d68ac9b4bb9c0d38a4a7f8c3058b7bb16c8a28dedb98a1f38e725b9b1
 SHA512:
-  metadata.gz: aad022b02d14dccb49e37e9426d0ad969c18bcdd8b9bcb80e8b97baa46335a52edbac218b170ef54f99c910549192a43772a0fd9f32e0131d805f74be6e9a885
-  data.tar.gz: da4406630319fba0bddd46bf83bd5b072d12e83aae62d0b7fb5b87b27d65dc6cc9508c8fd0391114831e524c55da55287889fea452968df40e32f1aeb6ccc816
+  metadata.gz: 52168740d6f8d8e42cb7509c2ddef8064b608c9675d57bf0aacf19a179d05d5012ecdfb3fd3973200db2bd6bda7d3001c75584b12e0564a41180d90eff13a9d1
+  data.tar.gz: 4d2712cb90f972ed8092d9ee31d89b9ccf34f0806b3c64bce494bac47615d2d1510ce093d119badd62612af02e879e6ea6a793c0b9609e09bc5d2dd61dc0b434

data/README.md

@@ -132,19 +132,19 @@ style: sidebar # One of "stacked", "sidebar", "topbar", "appbar
 ---
 ```
 
-#### [Sidebar](https://www.althack.dev/jekyll-theme-profile/home/sidebar.html)
+#### [Sidebar](https://www.althack.dev/jekyll-theme-profile/sidebar.html)
 
 ![Sidebar image](https://raw.githubusercontent.com/athackst/jekyll-theme-profile/main/demo/media/sidebar-preview.png)
 
-#### [Stacked](https://www.althack.dev/jekyll-theme-profile/home/stacked.html)
+#### [Stacked](https://www.althack.dev/jekyll-theme-profile/stacked.html)
 
 ![Stacked image](https://raw.githubusercontent.com/athackst/jekyll-theme-profile/main/demo/media/stacked-preview.png)
 
-#### [Topbar](https://www.althack.dev/jekyll-theme-profile/home/topbar.html)
+#### [Topbar](https://www.althack.dev/jekyll-theme-profile/topbar.html)
 
 ![Topbar image](https://raw.githubusercontent.com/athackst/jekyll-theme-profile/main/demo/media/topbar-preview.png)
 
-#### [Appbar](https://www.althack.dev/jekyll-theme-profile/home/appbar.html)
+#### [Appbar](https://www.althack.dev/jekyll-theme-profile/appbar.html)
 
 ![Appbar image](https://raw.githubusercontent.com/athackst/jekyll-theme-profile/main/demo/media/appbar-preview.png)
 
@@ -156,10 +156,6 @@ You can even change the background by adding the following to your `_config.yml`
 background:
   image: /media/background-img.jpg
   overlay: rgba(0, 0, 0, 0.5) # Overlay for both light and dark styles
-  light:
-    overlay: rgba(255, 255, 255, 0.5)
-  dark:
-    overlay: rgba(0, 0, 0, 0.5)
 ```
 
 or
@@ -195,11 +191,11 @@ In the `nav` section, you can add navigation links that will show up on every pa
 ```yaml
 nav:
   - name: Topbar
-    url: /test/home/topbar.html
+    url: /demo/topbar.html
   - name: Sidebar
-    url: /test/home/sidebar.html
+    url: /demo/sidebar.html
   - name: Stacked
-    url: /test/home/stacked.html
+    url: /demo/stacked.html
 ```
 
 ### Links

data/_includes/header-sidebar.html

@@ -40,7 +40,7 @@
         <div class="Sidebar d-none d-lg-block Layout Layout-sidebar Layout--sidebar-wide">
             <div class="text-center">
                 <div class="px-5 py-2">
-                    {%- include masthead.html %}
+                    {%- include masthead.html class="CircleBadge--large" %}
                 </div>
                 {%- if site.repo_info %}
                 <div class="py-2">

data/_includes/masthead.html

@@ -1,10 +1,10 @@
 {%- assign user = site.github.owner %}
-{%- assign name = site.title | default: user.name | default: user.login %}
+{%- assign name = include.title | default: site.title | default: user.name | default: user.login %}
 {%- assign user_img = site.user_image | default: user.avatar_url %}
 {%- assign user_metadata = site.user_metadata -%}
 
 <div class="Masthead">
-    <div class="CircleBadge img-masthead rounded-circle border">
+    <div class="CircleBadge img-masthead {{include.class}}">
       <a href="{{ site.baseurl }}/">
         <img src="{{ user_img | relative_url }}" alt="{{ name }}" class="cover-image">
       </a>

data/_includes/post-card.html

@@ -1,4 +1,5 @@
 {%- assign image = post.image | default: site.image %}
+{%- assign excerpt = post.description | default: post.excerpt %}
 {%- assign border = include.border %}
 <div class="col-sm-6 col-lg-4 ">
   <div class="py-4 d-flex flex-column {{ border }}">
@@ -10,7 +11,7 @@
     <h3 class="h6-mktg mb-12px">
       <a class="Link--primary" href="{{ post.url | relative_url }}">{{ post.title }}</a>
     </h3>
-    <p class="f4-mktg color-fg-muted mb-0">{{ post.excerpt | default: post.description }}</p>
+    <div class="f4-mktg color-fg-muted mb-0">{{ excerpt }}</div>
     <div class="mt-14px">
       <div class="d-flex flex-items-center">
         <div class="d-flex flex-items-end flex-wrap">

data/_includes/post-feature-card.html

@@ -1,4 +1,6 @@
 {%- assign image = post.image | default: site.image %}
+{%- assign excerpt = post.description | default: post.excerpt %}
+
 <div class="py-4 d-flex flex-column flex-md-row flex-md-row-reverse p-responsive col-12">
   <div class="col-12 col-lg-8 p-responsive">
     <div class="image-container">
@@ -11,7 +13,7 @@
     <h3 class="h4-mktg mb-12px">
       <a class="Link--primary" href="{{ post.url | relative_url }}">{{ post.title }}</a>
     </h3>
-    <p class="f4-mktg color-fg-muted">{{ post.excerpt }}</p>
+    <div class="f4-mktg color-fg-muted">{{ excerpt }}</div>
     <div class="d-flex flex-items-end flex-wrap">
       {%- if post.author %}
       <span class="mr-3 mr-12px mt-1 f5-mktg text-bold">{{ post.author }}</span>

data/_includes/post-tease-image-card.html

@@ -0,0 +1,22 @@
+<!-- post preview with image -->
+{%- assign image = post.image | default: site.image %}
+{%- assign excerpt = post.description | default: post.excerpt %}
+<div class="py-4 d-flex flex-column border-bottom border-md-0">
+    <div class="image-container">
+        <a href="{{ post.url | relative_url }}">
+            <img class="rounded-2" src="{{ image | relative_url }}" width="800" height="425" alt="{{ post.title }}">
+        </a>
+    </div>
+    <div class="col-12">
+        <h3 class="h3-mktg h3-alt-mktg mb-12px">
+            <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
+        </h3>
+        <div class="f4-mktg color-fg-muted">{{ excerpt }}</div>
+        <div class="mt-14px">
+            {%- if post.author %}
+            <span class="mr-3 mr-12px mt-1 f5-mktg text-bold">{{ post.author }}</span>
+            {%- endif %}
+            <span class="d-inline-block f5-mktg text-mono color-fg-muted mt-1">{{ post.date | date: "%b %d, %Y"}}</span>
+        </div>
+    </div>
+</div>

data/_includes/post-tease-text-card.html

@@ -0,0 +1,12 @@
+{%- assign excerpt = post.description | default: post.excerpt %}
+<div class="py-4 d-flex flex-column tease-border">
+    <div class="col-12">
+      <h3 class="h6-mktg mb-2">
+        <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
+      </h3>
+      <div class="f4-mktg color-fg-muted">{{ excerpt }}</div>
+      <div class="mt-12px">
+        <span class="mr-3 mr-12px mt-1 f5-mktg text-bold">{{ post.author }}</span>
+      </div>
+    </div>
+  </div>

data/_layouts/category_index.html

@@ -0,0 +1,38 @@
+---
+layout: page
+title: Category
+---
+{% assign categories = page.categories | default: site.categories %}
+{% assign category_path = page.category_path | default: site.category_path %}
+<h1 class="h3-mktg mt-4 mb-6 mb-md-8">{{ page.title }}</h1>
+
+{% for category in categories %}
+<h2 class="h6-mktg section-heading">{{ category | first | capitalize }}</h2>
+{%- if category[1].size == 1 %}
+{%- assign image_class="col-12" %}
+{%- assign text_class="" %}
+{% else %}
+{%- assign image_class="col-md-7 col-xl-9" %}
+{%- assign text_class="col-md-5 col-xl-3" %}
+{%- endif %}
+<div class="d-flex flex-wrap gutter-spacious {% cycle '', 'flex-row-reverse' %}">
+  {% for post in category[1] limit: 3 %}
+  {%- if forloop.first %}
+  <div class="{{ image_class }}">
+    {%- include post-tease-image-card.html %}
+  </div>
+  <div class="{{ text_class }}">
+  {%- else %}
+    {%- include post-tease-text-card.html %}
+  {%- endif %}
+  {% endfor %}
+  {%- if category[1].size > 3 %}
+    {%- capture category_link %}/{{ category_path }}/{{ category | first | jekyll_tagging_slug }}{%
+      endcapture %}
+    <div>
+    <a href="{{ category_link }}" class="btn">More</a>
+    </div>
+   {%- endif %}
+  </div>
+</div>
+{% endfor %}

data/_layouts/category_layout.html

@@ -1,3 +1,56 @@
 ---
-layout: paginate
+layout: page
 ---
+{% if page.paginator %}
+  <!-- Pagination is active -->
+  {% assign paginator = page.paginator %}
+{% endif %}
+
+{% if paginator %}
+
+  {% if paginator.previous_page != nil or paginator.next_page != nil %}
+    <!-- Show page number if we have multiple pages -->
+    <p class="f4-mktg color-text-tertiary mt-4 mt-md-7 mb-0">Category {{ paginator.page }} / {{ paginator.total_pages }}</p>
+    <h1 class="pb-5 mt-0">{{ page.title | capitalize }}</h1>
+  {% else %}
+    <!-- No page number if we only have a single page -->
+    <p class="f4-mktg color-text-tertiary mt-4 mt-md-7 mb-0">Category</p>
+    <h1 class="pb-5 mt-0">{{ page.title | capitalize }}</h1>
+  {% endif %}
+
+  <div class="d-flex flex-wrap gutter-spacious">
+    <!-- Show post excerpts for the current page -->
+    {% for post in paginator.posts limit:paginator.per_page %}
+    {%- if post.feature or post == site.categories[page.title][0] %}
+    {%- include post-feature-card.html %}
+    {%- else %}
+    {%- include post-card.html border="border-top" %}
+    {%- endif %}
+    {% endfor %}
+  </div>
+  <!-- Show navigation next/previous page links if applicable -->
+  <nav><p>
+    {% if paginator.previous_page %}<a class="previous_page" rel="prev" href="{{ paginator.previous_page_path | relative_url }}"
+    aria-disabled="false">Previous</a>{% endif %}
+    {% if paginator.next_page %}<a class="next_page" rel="next" href="{{ paginator.next_page_path | relative_url }}"
+    aria-disabled="false">Next</a>{% endif %}
+  </p></nav>
+
+{% else %}
+
+  <!-- Pagination is not active -->
+  <p class="f4-mktg color-text-tertiary mt-4 mt-md-7 mb-0">Category</p>
+  <h1 class="pb-5 mt-0">{{ page.title | capitalize }}</h1>
+
+  <div class="d-flex flex-wrap gutter-spacious">
+    <!-- Show excerpts for all posts in this category -->
+    {% for post in page.posts %}
+    {%- if post.feature %}
+    {%- include post-feature-card.html %}
+    {%- else %}
+    {%- include post-card.html border="border-top" %}
+    {%- endif %}
+    {% endfor %}
+  </div>
+
+{% endif %}

data/_layouts/default.html

@@ -2,18 +2,23 @@
 {%- assign user = site.github.owner %}
 {%- assign name = site.title | default: user.name | default: user.login %}
 {%- assign user_img = site.user_image | default: user.avatar_url %}
+{%- assign light_theme = site.light_theme | default: "light" %}
+{%- assign dark_theme = site.dark_theme | default: "dark_dimmed" %}
 <!doctype html>
-<html lang="en" data-color-mode="auto" data-light-theme="light" data-dark-theme="dark_dimmed">
+<html lang="en" data-color-mode="auto" data-light-theme="{{ light_theme }}" data-dark-theme="{{ dark_theme }}">
 
 {%- include head.html %}
 
 <body class="min-height-full d-flex flex-column">
     {%- if style == 'topbar' %}
     {% include header-topbar.html %}
+    <div class="d-lg-flex flex-1">
     {%- elsif style == 'appbar' %}
     {% include header-appbar.html %}
+    <div class="d-lg-flex flex-1">
     {%- elsif style == 'stacked' %}
     {% include header-stacked.html %}
+    <div class="d-lg-flex flex-1">
     {%- elsif style == 'sidebar' %}
     <div class="d-lg-flex flex-1">
         {% include header-sidebar.html %}
@@ -21,9 +26,7 @@
 
     {{ content }}
 
-    {%- if style == 'sidebar' %}
     </div>
-    {%- endif %}
 
     {%- include footer.html %}
 </body>

data/_layouts/docs.html

@@ -8,10 +8,14 @@ Docs utilize collections to display content
 {% endcomment %}
 {%- assign collection_name = page.collection | default: "docs" %}
 {%- assign docs = site[collection_name]%}
-{%- assign docs_name = page.name | default: "Documentation" %}
+{%- assign docs_name = page.title | default: "Documentation" %}
 {%- assign index_url = collection_name | prepend: "/" | append: "/index.html" %}
-{%- assign docs_index = docs | where: "url", index_url | first %}
-
+{%- for doc in docs %}
+  {%- if doc.url == index_url %}
+    {%- assign docs_index = doc %}
+    {%- break %}
+  {%- endif %}
+{%- endfor %}
 
 <script>
     $(document).ready(function () {
@@ -28,25 +32,25 @@ Docs utilize collections to display content
         <div class="px-4 pb-3 border-bottom">
             <div class="mt-3">
                 {% if docs_index %}
-                <a class="d-block pl-1 mb-2 h3 color-fg-default no-underline" href="{{ index_url | relative_url }}">
-                    {{ docs_name | capitalize }}
+                <a class="d-block pl-1 mb-2 h3 color-fg-default no-underline" href="{{ docs_index.url | relative_url }}">
+                    {{ collection_name | capitalize }}
                 </a>
                 {% else %}
-                <h3 class="d-block pl-1 mb-2 h3 color-fg-default no-underline">{{ docs_name | capitalize }}</h3>
+                <h3 class="d-block pl-1 mb-2 h3 color-fg-default no-underline">{{ collection_name | capitalize }}</h3>
                 {% endif %}
             </div>
         </div>
         <div class="">
             <ul data-overflow-nav class="menu ActionList border-0">
                 {% for nav_item in docs %}
-                {% if nav_item.url != index_url %}
+                {% unless nav_item.url == index_url %}
                 <a href="{{ nav_item.url | relative_url }}" class="ActionListItem-label no-underline">
                 <li class="menu-item ActionList-item border-0"
                     {% if page.url==nav_item.url %} aria-current="page" {% endif %}>
                     {{ nav_item.title }}
                 </li>
                 </a>
-                {% endif %}
+                {% endunless %}
                 {% endfor %}
             </ul>
         </div>
@@ -87,10 +91,11 @@ Docs utilize collections to display content
                     </div>
                 </div>
                 <div class="col-12 col-md-4 markdown-body">
-                    {% if page.toc %}
+                    {% capture page_toc %}{{ content | toc_only }}{% endcapture %}
+                    {% if page_toc contains "</li>" %}
                     <div class="position-sticky top-12 ml-5 pb-5">
                         <h4 class="ml-3 mb-1">In this article</h4>
-                        {{ content | toc_only }}
+                        {{ page_toc }}
                     </div>
                     {% endif %}
                 </div>
@@ -99,5 +104,5 @@ Docs utilize collections to display content
     </div>
 </div>
 <div class="CollectionMenu d-none">
-    {% include collection-menu.html name=docs_name collection=docs index=docs_index.url %}
+    {% include collection-menu.html name=collection_name collection=docs index=docs_index %}
 </div>

data/_layouts/home.html

@@ -1,28 +1,4 @@
 ---
-layout: page
+layout: profile
 ---
-<div class="py-3">
-  {%- assign posts_total = site.posts | size %}
-  {%- assign posts_limit = page.posts_limit | default: site.posts_limit | default: posts_total %}
-
-  {%- unless content == "" %}
-  {{ content }}
-  {%- endunless %}
-
-  {%- if site.links %}
-  <div class="container-md">
-  {%- include links.html %}
-  </div>
-  {%- endif %}
-
-  {%- unless posts_total == 0 %}
-  <h2 class="mb-3">Blog</h2>
-  {%- include post-timeline.html limit=posts_limit %}
-  {%- if site.posts.size > post_limit %}
-  {%- endif %}
-  {%- endunless %}
-
-  {%- if site.repositories %}
-  {%- include repositories.html %}
-  {%- endif %}
-</div>
+<!-- WARNING: Deprecated -- use layout: profile -->

data/_layouts/linktree.html

@@ -1,9 +1,15 @@
 ---
 layout: default
 ---
+{%- assign style = page.style | default: layout.style | default: site.style %}
 <div class="flex-column flex-1 min-width-0 py-3">
-    {%- if style == "topbar" or style == "appbar" %}
-    {%- include masthead.html %}
+    <div class="d-flex mt-4 p-responsive container-md flex-row py-3 flex-justify-end">
+        <div class="d-flex flex-justify-center">
+            {% include toggle.html %}
+        </div>
+    </div>
+    {%- if style != "sidebar" and style != "stacked" %}
+    {%- include masthead.html class="CircleBadge--medium" %}
     {%- endif %}
     {%- unless content == "" %}
     {{ content }}

data/_layouts/paginate.html

@@ -5,7 +5,7 @@ layout: page
 <div class="d-flex flex-wrap gutter-spacious">
 <!-- This loops through the paginated posts -->
 {%- for post in paginator.posts %}
-  {%- if post.feature %}
+  {%- if post.feature or post == site.posts[0] %}
   {%- include post-feature-card.html %}
   {%- else %}
   {%- include post-card.html border="border-top" %}

data/_layouts/post.html

@@ -5,119 +5,129 @@ layout: default
 {%- assign name = page.author | default: user.name | default: user.login %}
 {%- assign image = page.image | default: site.image %}
 <div class="flex-column flex-1 min-width-0">
-<div class="BlogHeader position-relative border-top">
-    <div class="container-xl p-responsive">
-        <div class="gutter-spacious pt-1 ">
-            <div class="col-12 offset-lg-1 col-lg-10 col-xl-7 mt-5 mt-lg-10 mb-6 mb-lg-8">
-                <div class="h3-mktg lh-condensed mb-3 color-header-default">{{ page.title }}</div>
-                <p class="f4-mktg color-header-default">{{ page.description }}</p>
-            </div>
-            <div class="offset-lg-1 col-lg-10">
-                <div class="position-relative z-1">
-                    <div class="image-container">
-                        <img src="{{ image | relative_url }}" class="cover-image rounded-2" alt="{{ page.title }}" />
+    <div class="BlogHeader position-relative border-top">
+        <div class="container-xl p-responsive">
+            <div class="gutter-spacious pt-1 ">
+                <div class="col-12 offset-lg-1 col-lg-10 col-xl-7 mt-5 mt-lg-10 mb-6 mb-lg-8">
+                    <div class="h3-mktg lh-condensed mb-3 color-header-default">{{ page.title }}</div>
+                    <p class="f4-mktg color-header-default">{{ page.description }}</p>
+                </div>
+                <div class="offset-lg-1 col-lg-10">
+                    <div class="position-relative z-1">
+                        {%- if page.video %}
+                        <div id="Timeline-video-container" class="image-container">
+                            <iframe id="Timeline-video" src="{{ page.video }}" frameborder="0" height="inherited"
+                                width="inherited"></iframe>
+                        </div>
+                        {%- else %}
+                        <div class="image-container">
+                            <img src="{{ image | relative_url }}" class="cover-image rounded-2"
+                                alt="{{ page.title }}" />
+                        </div>
+                        {%- endif %}
                     </div>
                 </div>
             </div>
         </div>
+        <div class="BlogContent position-absolute bottom-0 width-full border-top" style="height:88px">
+        </div>
     </div>
-    <div class="BlogContent position-absolute bottom-0 width-full border-top" style="height:88px">
-    </div>
-</div>
-<div class="BlogContent pb-5">
-    <div class="container-xl mx-auto p-responsive">
-        <div class="gutter-spacious pt-5">
-            <div class="col-12 offset-lg-1 col-lg-10">
-                <div class="text-mono f5-mktg color-fg-muted mb-12px">Author</div>
-                <div class="d-flex flex-nowrap pb-1 flex-items-start">
-                    <div class="d-flex flex-wrap">{{ name }}</div>
-                    <div class="d-block border-left flex-shrink-0 text-mono f5-mktg color-fg-muted mb-3 ml-auto pl-5">
-                        {{ page.date | date: "%b %d, %Y" }}
+    <div class="BlogContent pb-5">
+        <div class="container-xl mx-auto p-responsive">
+            <div class="gutter-spacious pt-5">
+                <div class="col-12 offset-lg-1 col-lg-10">
+                    <div class="text-mono f5-mktg color-fg-muted mb-12px">Author</div>
+                    <div class="d-flex flex-nowrap pb-1 flex-items-start">
+                        <div class="d-flex flex-wrap">{{ name }}</div>
+                        <div
+                            class="d-block border-left flex-shrink-0 text-mono f5-mktg color-fg-muted mb-3 ml-auto pl-5">
+                            {{ page.date | date: "%b %d, %Y" }}
+                        </div>
                     </div>
+                    <div class="color-border-accent-emphasis border-bottom"></div>
                 </div>
-                <div class="color-border-accent-emphasis border-bottom"></div>
             </div>
-        </div>
-        <div class="mx-auto p-responsive pt-4 pt-md-7 pb-7 pb-md-9">
-            <div class="d-flex flex-wrap gutter-spacious">
-                <div class="col-12 offset-lg-1 col-lg-1">
-                    <ul class="list-style-none d-flex flex-lg-column position-sticky top-12">
-                        <li class="mr-4 mr-lg-0 mb-4">
-                            <a href="https://x.com/share?text={{ page.title | url_encode }}&url={{ page.url | absolute_url | url_encode }}"
-                                target="_blank"
-                                class="d-flex flex-justify-center flex-items-center border circle social-aside"
-                                data-proofer-ignore>
-                                <svg width="20" height="20" viewBox="0 0 1200 1227" fill="currentColor"
-                                    xmlns="http://www.w3.org/2000/svg">
-                                    <path
-                                        d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" />
-                                </svg>
-                            </a>
-                        </li>
-                        <li class="mr-4 mr-lg-0 mb-4">
-                            <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url | url_encode }};t={{ page.title | url_encode }}"
-                                target="_blank"
-                                class="d-flex flex-justify-center flex-items-center border circle social-aside"
-                                data-proofer-ignore>
-                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.3 15.4" height="18">
-                                    <path
-                                        d="M14.5 0H.8a.88.88 0 0 0-.8.9v13.6a.88.88 0 0 0 .8.9h7.3v-6h-2V7.1h2V5.4a2.87 2.87 0 0 1 2.5-3.1h.5a10.87 10.87 0 0 1 1.8.1v2.1h-1.3c-1 0-1.1.5-1.1 1.1v1.5h2.3l-.3 2.3h-2v5.9h3.9a.88.88 0 0 0 .9-.8V.8a.86.86 0 0 0-.8-.8z"
-                                        fill="currentColor"></path>
-                                </svg>
-                            </a>
-                        </li>
-                        <li class="mr-4 mr-lg-0 mb-4">
-                            <a href="https://www.linkedin.com/shareArticle?url={{ page.url | absolute_url | url_encode }}%2F&title={{ page.title | url_encode }}"
-                                target="_blank"
-                                class="d-flex flex-justify-center flex-items-center border circle social-aside"
-                                data-proofer-ignore>
-                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 18" height="18">
-                                    <path
-                                        d="M3.94 2A2 2 0 1 1 2 0a2 2 0 0 1 1.94 2zM4 5.48H0V18h4zm6.32 0H6.34V18h3.94v-6.57c0-3.66 4.77-4 4.77 0V18H19v-7.93c0-6.17-7.06-5.94-8.72-2.91z"
-                                        fill="currentColor"></path>
-                                </svg>
-                            </a>
-                        </li>
-                    </ul>
-                </div>
-                <div class="col-12 col-lg-7 col-md-8 markdown-body">
-                    {{ content }}
-                    {%- if page.tags.size > 0  and site.tag_page_dir %}
-                    <div class="post-tags text-mono f4-mktg mt-8">
-                        <span class="post-tags-label flex-shrink-0 d-inline-block mt-2">Tags: </span>
-                        <ul class="d-inline-block list-style-none color-text-link mb-0">
-                            {% for tag in page.tags %}
+            <div class="mx-auto p-responsive pt-4 pt-md-7 pb-7 pb-md-9">
+                <div class="d-flex flex-wrap gutter-spacious">
+                    <div class="col-12 offset-lg-1 col-lg-1">
+                        <ul class="list-style-none d-flex flex-lg-column position-sticky top-12">
+                            <li class="mr-4 mr-lg-0 mb-4">
+                                <a href="https://x.com/share?text={{ page.title | url_encode }}&url={{ page.url | absolute_url | url_encode }}"
+                                    target="_blank"
+                                    class="d-flex flex-justify-center flex-items-center border circle social-aside"
+                                    data-proofer-ignore>
+                                    <svg width="20" height="20" viewBox="0 0 1200 1227" fill="currentColor"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" />
+                                    </svg>
+                                </a>
+                            </li>
+                            <li class="mr-4 mr-lg-0 mb-4">
+                                <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url | url_encode }};t={{ page.title | url_encode }}"
+                                    target="_blank"
+                                    class="d-flex flex-justify-center flex-items-center border circle social-aside"
+                                    data-proofer-ignore>
+                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.3 15.4" height="18">
+                                        <path
+                                            d="M14.5 0H.8a.88.88 0 0 0-.8.9v13.6a.88.88 0 0 0 .8.9h7.3v-6h-2V7.1h2V5.4a2.87 2.87 0 0 1 2.5-3.1h.5a10.87 10.87 0 0 1 1.8.1v2.1h-1.3c-1 0-1.1.5-1.1 1.1v1.5h2.3l-.3 2.3h-2v5.9h3.9a.88.88 0 0 0 .9-.8V.8a.86.86 0 0 0-.8-.8z"
+                                            fill="currentColor"></path>
+                                    </svg>
+                                </a>
+                            </li>
+                            <li class="mr-4 mr-lg-0 mb-4">
+                                <a href="https://www.linkedin.com/shareArticle?url={{ page.url | absolute_url | url_encode }}%2F&title={{ page.title | url_encode }}"
+                                    target="_blank"
+                                    class="d-flex flex-justify-center flex-items-center border circle social-aside"
+                                    data-proofer-ignore>
+                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 18" height="18">
+                                        <path
+                                            d="M3.94 2A2 2 0 1 1 2 0a2 2 0 0 1 1.94 2zM4 5.48H0V18h4zm6.32 0H6.34V18h3.94v-6.57c0-3.66 4.77-4 4.77 0V18H19v-7.93c0-6.17-7.06-5.94-8.72-2.91z"
+                                            fill="currentColor"></path>
+                                    </svg>
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="col-12 col-lg-7 col-md-8 markdown-body">
+                        {{ content }}
+                        {%- if page.tags.size > 0 and site.tag_page_dir %}
+                        <div class="post-tags text-mono f4-mktg mt-8">
+                            <span class="post-tags-label flex-shrink-0 d-inline-block mt-2">Tags: </span>
+                            <ul class="d-inline-block list-style-none color-text-link mb-0">
+                                {% for tag in page.tags %}
                                 {%- if site.tag_page_dir -%}
-                                    {%- capture tag_link %}/{{site.tag_page_dir}}/{{ tag | jekyll_tagging_slug }}{% endcapture %}
+                                {%- capture tag_link %}/{{site.tag_page_dir}}/{{ tag | jekyll_tagging_slug }}{%
+                                endcapture %}
                                 {%- else -%}
                                 {%- capture tag_link %}{{site.tag_archive_path}}{{ tag | slugify }}{% endcapture %}
                                 {%- endif -%}
-                            <li class="d-inline-block mt-2 mb-0"><a href="{{ tag_link }}">{{ tag }}</a></li>
-                            {% endfor %}
-                        </ul>
+                                <li class="d-inline-block mt-2 mb-0"><a href="{{ tag_link }}">{{ tag }}</a></li>
+                                {% endfor %}
+                            </ul>
+                        </div>
+                        {%- endif %}
                     </div>
-                    {%- endif %}
-                </div>
-                <div class="col-12 col-md-4 col-lg-3 markdown-body">
-                    <div class="d-none d-md-block position-sticky top-12">
-                        {%- capture toc_content%}{{ content | toc_only }}{% endcapture %}
-                        {%- if toc_content contains "toc-entry" %}
-                        <div class="mb-8 table-of-contents ">
-                            <h2 class="h6-mktg pt-1">
-                                Table of Contents
-                            </h2>
-                            <div id="table-of-contents">
-                                {{ toc_content }}
+                    <div class="col-12 col-md-4 col-lg-3 markdown-body">
+                        <div class="d-none d-md-block position-sticky top-12">
+                            {%- capture toc_content%}{{ content | toc_only }}{% endcapture %}
+                            {%- if toc_content contains "toc-entry" %}
+                            <div class="mb-8 table-of-contents ">
+                                <h2 class="h6-mktg pt-1">
+                                    Table of Contents
+                                </h2>
+                                <div id="table-of-contents">
+                                    {{ toc_content }}
+                                </div>
                             </div>
+                            {%- endif %}
                         </div>
-                        {%- endif %}
                     </div>
                 </div>
             </div>
         </div>
+        <div class="Related container-xl mx-auto p-responsive markdown-body">
+            {% include related.html %}
+        </div>
     </div>
-    <div class="Related container-xl mx-auto p-responsive markdown-body">
-        {% include related.html %}
-    </div>
-</div>
 </div>

data/_layouts/profile.html

@@ -1,11 +1,14 @@
 ---
 layout: page
 ---
-<div class="Profile d-lg-flex gutter">
+{%- assign style = page.style | default: layout.style | default: site.style %}
+<div class="Profile d-lg-flex flex-justify-center gutter">
+    {%- if style != "sidebar" and style != "stacked" %}
     <div class="col-lg-4 border-gray-light pt-6 text-center">
         {%- include masthead.html %}
         {%- include social.html %}
     </div>
+    {%- endif %}
 
     <div class="col-lg-8 border-top border-lg-top-0 color-bg-default">
         <div class="py-6">

data/_layouts/tag_index.html

@@ -0,0 +1,35 @@
+---
+title: Tags
+layout: page
+---
+{% assign max_posts = page.max_posts | default: 6 %}
+<h1 class="h3-mktg mt-4 mb-6 mb-md-8">{{ page.title }}</h1>
+
+{% for tag in site.tags %}
+<h2 class="h6-mktg section-heading">{{ tag[0] | capitalize }}</h2>
+<div class="d-flex flex-wrap gutter-spacious">
+  {% for post in tag[1] limit: max_posts %}
+  {%- include post-card.html %}
+  {% endfor %}
+  {% if tag[1].size > max_posts %}
+  {%- if site.tag_page_dir -%}
+  {%- capture tag_link %}/{{ site.tag_page_dir }}/{{ tag | first | jekyll_tagging_slug }}{%
+  endcapture %}
+  {%- else -%}
+  {%- capture tag_link %}{{site.tag_archive_path}}{{ tag | first | slugify }}{% endcapture %}
+  {%- endif -%}
+  <div class="px-4">
+    <a href="{{ tag_link }}"  class="link-mktg arrow-target-mktg text-semibold f4-mktg">
+      More
+      <svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16"
+      viewBox="0 0 16 16" fill="none">
+      <path fill="currentColor"
+        d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z">
+      </path>
+      <path stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path>
+    </svg>
+    </a>
+  </div>
+  {%- endif %}
+</div>
+{% endfor %}

data/_layouts/tags.html

@@ -6,7 +6,7 @@ layout: page
 
 <div class="d-flex flex-wrap gutter-spacious">
 {% for post in page.posts %}
-    {%- if post.feature %}
+    {%- if post.feature or forloop.first %}
         {%- include post-feature-card.html %}
     {%- else %}
         {%- include post-card.html border="border-top" %}

data/_sass/_main.scss

@@ -169,6 +169,13 @@
   color: var(--color-primer-border-active);
 }
 
+.section-heading {
+  border-top: 5px solid var(--color-fg-default);
+  border-bottom: 1px solid var(--color-border-muted);
+  padding-top: 7px !important;
+  padding-bottom: 11px !important;
+}
+
 .post-tags::before {
   content: "";
   display: block;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-profile
 version: !ruby/object:Gem::Version
-  version: 1.8.6
+  version: 1.9.0
 platform: ruby
 authors:
 - Allison Thackston
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-12-22 00:00:00.000000000 Z
+date: 2024-08-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -30,6 +30,20 @@ dependencies:
     - - "<"
       - !ruby/object:Gem::Version
         version: '5.0'
+- !ruby/object:Gem::Dependency
+  name: csv
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.3.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.3.0
 - !ruby/object:Gem::Dependency
   name: jekyll-github-metadata
   requirement: !ruby/object:Gem::Requirement
@@ -121,7 +135,6 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- LICENSE.txt
 - README.md
 - _includes/breadcrumbs.html
 - _includes/collection-menu.html
@@ -140,6 +153,8 @@ files:
 - _includes/navbar-underline.html
 - _includes/post-card.html
 - _includes/post-feature-card.html
+- _includes/post-tease-image-card.html
+- _includes/post-tease-text-card.html
 - _includes/post-timeline-card.html
 - _includes/post-timeline.html
 - _includes/posts.html
@@ -149,6 +164,7 @@ files:
 - _includes/social.html
 - _includes/toggle.html
 - _includes/user-metadata.html
+- _layouts/category_index.html
 - _layouts/category_layout.html
 - _layouts/default.html
 - _layouts/docs.html
@@ -160,6 +176,7 @@ files:
 - _layouts/post.html
 - _layouts/profile.html
 - _layouts/repositories.html
+- _layouts/tag_index.html
 - _layouts/tags.html
 - _sass/_highlight-syntax.scss
 - _sass/_language-colors.scss

data/LICENSE.txt

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2023 Allison Thackston
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.