jekyll-theme-profile 1.9.0 → 1.10.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 23356d00fc6dfddf50b0e61e985f1f3d8ffe2cbeda4e974182b79218cd2ab235
-  data.tar.gz: 9af7bc1d68ac9b4bb9c0d38a4a7f8c3058b7bb16c8a28dedb98a1f38e725b9b1
+  metadata.gz: de52aaf8b68879950d8fe9a1d43268edf0c8fbb5faaf282984a8ad4ba8d232bc
+  data.tar.gz: b5b2e8e74bc7a132356bf77dd2b95e129068d2601cf21655ef085de58061bf75
 SHA512:
-  metadata.gz: 52168740d6f8d8e42cb7509c2ddef8064b608c9675d57bf0aacf19a179d05d5012ecdfb3fd3973200db2bd6bda7d3001c75584b12e0564a41180d90eff13a9d1
-  data.tar.gz: 4d2712cb90f972ed8092d9ee31d89b9ccf34f0806b3c64bce494bac47615d2d1510ce093d119badd62612af02e879e6ea6a793c0b9609e09bc5d2dd61dc0b434
+  metadata.gz: 01cc131a4838cacb9d33d47e608275c1578795a2e1c4569975aac68cce236d512946887cb26e6bf98389ffba38af3318b69d9560667354929fe38d0bf86dc81f
+  data.tar.gz: c66094b9eec8689493cb05239ce7cc3e375d27e67af7154068fc4816c8b9a0fd46e7b0214184cd0d1752ef2627f7d673f60652a9e805d98ad08f854e730d427a

data/_config.yml

@@ -0,0 +1,148 @@
+# ######## Jekyll Site Settings ##########
+theme: jekyll-theme-profile
+title: Jekyll Theme Profile
+description: Theme built with jekyll-theme-profile
+# image: /assets/img/social-preview.png
+# repository: athackst/jekyll-theme-profile
+# base_url: "jekyll-theme-profile"
+
+collections:
+  docs:
+    output: true
+    sort_by: order
+
+defaults:
+  - scope:
+      path: "" # an empty string here means all files in the project
+      type: "posts"
+    values:
+      image: /assets/img/default.png # The default image used for social and posts.
+      layout: "post"
+      permalink: :year/:month/:day/:title:output_ext
+      toc: true
+  - scope:
+      path: "" # an empty string here means all files in the project
+      type: "docs"
+    values:
+      layout: "docs"
+      image: /assets/img/default.png # The default image used for social and posts.
+      index: /docs/index.html
+      permalink: /docs/:path:output_ext
+      toc: true
+
+# ########### Theme settings ###############
+# The style of the website
+style: appbar # One of "stacked", "sidebar", "topbar", "appbar"
+# The user/project avatar.  If not set the avatar of the project owner will be used.
+# user_image: /assets/img/user-image.jpg
+# The themes to use for dark and light
+dark_theme: dark_dimmed
+light_theme: light
+
+repo_info: true # Show the information for the source of this project
+user_metadata: true # Show the metadata associated with the user
+profile_link: true # Show a link to the github profile for the user
+
+##########################
+# # Social media settings
+# icon_color: "#959da5" # The color of the social media icons on the site
+# social_media: # Your social media accounts
+#   behance: your_username
+#   dribbble: your_username
+#   docker: your_username
+#   facebook: your_username
+#   github: your_username
+#   hackerrank: your_username
+#   instagram: your_username
+#   keybase: your_username
+#   linkedin: your_username
+#   mail: email@address
+#   mastodon: your_username
+#   medium: your_username
+#   stackoverflow: your_user_id
+#   telegram: your_username
+#   threads: your_username
+#   tiktok: your_username
+#   twitter: your_username
+#   unsplash: your_username
+#   vk: your_username
+#   vscode: your_username
+#   youtube: your_username
+#   x: your_username
+
+####################
+# Navigation links
+# nav:
+#   - name: Posts
+#     url: /blog
+#   - name: Categories
+#     url: /category/
+
+####################
+# List of links for link cards
+# links:
+#   - name: All blog posts
+#     url: /blog
+#     thumbnail: /assets/img/blog-post-icon.png
+#   - name: Browse by category
+#     url: /category/
+#     thumbnail: /assets/img/category-icon.png
+
+###################
+# Repositories to show on home page
+repositories:
+  sort_by: stars
+  # sort_by options:
+  #   - pushed
+  #   - stars
+  limit: 24
+  exclude:
+    archived: true
+    forks: true
+    repositories:
+      # - list of respositories to exclude
+
+########################
+# Post timeline
+# posts_limit: 3 # The number of posts to show in home (also can be defined in page)
+
+########################
+# Post pages
+related_by: "tags or categories"
+
+# ########### Plugin settings ###############
+plugins:
+  - jekyll-github-metadata
+  - jekyll-octicons
+  - jekyll-relative-links
+  - jekyll-seo-tag
+  - jekyll-toc
+  - jemoji
+
+####################
+# jekyll-paginate settings
+# paginate: 6 # The number of posts to show per page of pagination of blog posts
+# paginate_path: "/blog/page:num"
+# ###################
+# jekyll-tagging settings
+# Include `gem jekyll-tagging` in your gemfile
+# tag_page_layout: tags
+# tag_page_dir: tags
+# ####################
+# jekyll-category-pages settings
+# category_path: category
+# category_layout: category_layout.html
+######################
+# jekyll-relative-links settings
+relative_links:
+  enabled:     true
+  collections: true
+
+# ########### Build settings ###############
+exclude:
+  - spec
+  - vendor
+  - .jekyll-cache
+  - _site
+  - node_modules
+  - demo

data/_includes/collection-menu.html

@@ -1,13 +1,17 @@
 {%- assign collection = include.collection | default: site.docs %}
 {%- assign collection_name = include.name %}
 {%- assign collection_index = include.index %}
+{%- assign index_url = collection_index.url %}
+{%- assign collection_without_index = collection | where_exp: "item", "item.url != index_url" %}
+
 <div class="Overlay-backdrop--side Overlay-backdrop--placement-left" data-modal-dialog-overlay>
-    <modal-dialog class="Overlay Overlay--width-medium Overlay--motion-slideDown height-fit height-full" >
+    <modal-dialog class="Overlay Overlay--width-medium Overlay--motion-slideDown height-fit height-full">
         <div class="Overlay-headerContentWrap d-flex flex-row py-3 px-2 border-bottom">
             <div class="Overlay-titleWrap d-flex flex-1">
                 <div tabindex="-1" class="d-flex flex-1 ml-3" id="github-logo">
                     {% if collection_index %}
-                    <a href="{{ collection_index.url | relative_url }}" class="AppHeader-link d-flex flex-items-center no-underline mr-3">
+                    <a href="{{ collection_index.url | relative_url }}"
+                        class="AppHeader-link d-flex flex-items-center no-underline mr-3">
                         <span class="h3 color-fg-default text-bold">{{ collection_name }}</span>
                     </a>
                     {% else %}
@@ -17,7 +21,7 @@
                     {% endif %}
                 </div>
             </div>
-            <div class="Overlay-actionWrap d-flex flex-justify-end" >
+            <div class="Overlay-actionWrap d-flex flex-justify-end">
                 <button id="close-contents-btn" class="close-button Overlay-closeButton">
                     {% octicon x height: 16 %}
                 </button>
@@ -25,14 +29,23 @@
         </div>
         <div class="Overlay-body d-flex flex-column p-2">
             <ul data-overflow-nav class="ActionList border-0">
-                {%- for nav_item in collection %}
-                {%- if nav_item.url != collection_index %}
-                <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 %}
+                {%- assign collection_categories = collection_without_index | group_by: "category" %}
+                {%- for category in collection_categories %}
+                {%- assign category_name = category.name | default: collection_name %}
+                <li class="ActionListItem no-underline h4">{{ category_name | capitalize }}
+                    <ul>
+                        {%- for nav_item in category.items %}
+                        {%- if nav_item.url != collection_index %}
+                        <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 %}
+                        {%- endfor %}
+                    </ul>
+                </li>
                 {%- endfor %}
             </ul>
         </div>

data/_includes/header-appbar.html

@@ -1,3 +1,6 @@
+{%- 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 | default: "/assets/img/user-image.jpg" %}
 <script>
     $(document).ready(function () {
         $('#expansion-btn').click(function () {

data/_includes/header-topbar.html

@@ -1,3 +1,6 @@
+{%- 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 | default: "/assets/img/user-image.jpg" %}
 <script>
     $(document).ready(function () {
         $('#expansion-btn').click(function () {

data/_includes/link-card.html

@@ -18,6 +18,9 @@ This builds a link card
       <img src="{{ link.thumbnail | relative_url }}" width="48" height="48"
         class="rounded-2 box-shadow-none img-cover float-left" alt="{{ link.name }}">
       {%- endif %}
+      {%- if link.octicon %}
+        {% octicon {{ link.octicon }} height:48 %}
+      {%- endif %}
     </div>
     <div class="p-2">
       <p class="f3 text-center mb-0">{{ link.name }}</p>

data/_includes/masthead.html

@@ -1,6 +1,6 @@
 {%- assign user = site.github.owner %}
 {%- 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_img = site.user_image | default: user.avatar_url | default: "/assets/img/user-image.jpg" %}
 {%- assign user_metadata = site.user_metadata -%}
 
 <div class="Masthead">

data/_includes/nav-overlay.html

@@ -1,3 +1,6 @@
+{%- 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 | default: "/assets/img/user-image.jpg" %}
 <div class="Overlay-backdrop--side Overlay-backdrop--placement-left" data-modal-dialog-overlay>
     <modal-dialog class="Overlay Overlay--width-medium Overlay--motion-slideDown height-fit height-full" >
         <div class="Overlay-headerContentWrap d-flex flex-row py-3 px-2">

data/_includes/post-gallery.html

@@ -0,0 +1,45 @@
+{%- assign collection = include.collection %}
+{%- assign collection_permalink = include.collection_permalink | default: ':name' %}
+{%- assign replace_value = include.replace_value | default: ':name' %}
+{%- assign per_section = include.per_section | default: 3 %}
+
+{%- for section in collection %}
+{%- assign section_name = section | first %}
+{%- assign section_slug = section_name | slugify %}
+{%- assign section_posts = section | last %}
+<div class="section-heading d-flex flex-items-center flex-justify-between mb-4 mb-lg-7">
+  <h2 class="h6-mktg border-bottom-0">{{ section_name | capitalize }}</h2>
+  {%- if section_posts.size > per_section %}
+  <div class="d-none d-lg-flex flex-items-center">
+    <a href="{{ collection_permalink | replace: replace_value, section_slug | relative_url }}" class="Link--primary arrow-target-mktg text-semibold">View all {% octicon chevron-right height:16 %}</a>
+  </div>
+  {%- endif %}
+</div>
+{%- if section_posts.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 section_posts limit: per_section %}
+  {%- if forloop.first %}
+  <div class="{{ image_class }}">
+    {% include post-tease-image-card.html %}
+  </div>
+  <div class="{{ text_class }}">
+  {%- else %}
+    <div class="{% unless forloop.last %}border-bottom{% endunless %}">
+    {% include post-tease-text-card.html %}
+    </div>
+  {%- endif %}
+  {%- endfor %}
+  </div>
+</div>
+{%- if section_posts.size > per_section %}
+<div class="mb-7 mb-md-8 pt-5 text-right d-lg-none border-top">
+  <a href="{{ collection_permalink | replace: replace_value, section_slug | relative_url }}" class="Link--primary arrow-target-mktg text-semibold">View all {% octicon chevron-right height:16 %}</a>
+</div>
+{%- endif %}
+{%- endfor %}

data/_includes/post-index.html

@@ -0,0 +1,28 @@
+{%- assign collection = include.collection %}
+{%- assign collection_permalink = include.collection_permalink | default: ':name' %}
+{%- assign replace_value = include.replace_value | default: ':name' %}
+{%- assign per_section = include.per_section | default: 6 %}
+
+{% for section in collection %}
+{%- assign section_name = section | first %}
+{%- assign section_slug = section_name | slugify %}
+{%- assign section_posts = section | last %}
+<div class="section-heading d-flex flex-items-center flex-justify-between mb-4 mb-lg-7">
+  <h2 class="h6-mktg border-bottom-0">{{ section_name | capitalize }}</h2>
+  {%- if section_posts.size > per_section %}
+  <div class="d-none d-lg-flex flex-items-center">
+    <a href="{{ collection_permalink  | replace: replace_value, section_slug | relative_url }}" class="Link--primary arrow-target-mktg text-semibold">View all {% octicon chevron-right height:16 %}</a>
+  </div>
+  {%- endif %}
+  </div>
+<div class="d-flex flex-wrap gutter-spacious mb-4">
+  {% for post in section_posts limit: per_section %}
+  {%- include post-card.html %}
+  {% endfor %}
+</div>
+{%- if section_posts.size > per_section %}
+<div class="mb-7 mb-md-8 pt-5 text-right d-lg-none border-top">
+  <a href="{{ collection_permalink | replace: replace_value, section_slug | relative_url }}" class="Link--primary arrow-target-mktg text-semibold">View all {% octicon chevron-right height:16 %}</a>
+</div>
+{%- endif %}
+{% endfor %}

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

@@ -1,5 +1,5 @@
 {%- assign excerpt = post.description | default: post.excerpt %}
-<div class="py-4 d-flex flex-column tease-border">
+<div class="py-4 d-flex flex-column">
     <div class="col-12">
       <h3 class="h6-mktg mb-2">
         <a href="{{ post.url | relative_url }}">{{ post.title }}</a>

data/_includes/post-timeline-card.html

@@ -20,31 +20,32 @@
     </div>
   </div>
   <div class="col-12 col-md-7">
-    <div class="ml-5 mt-5">
-      {%- if post.video %}
-      <div id="Timeline-video-container" class="image-container mb-5">
-        <iframe id="Timeline-video" src="{{ post.video }}" frameborder="0" height="inherited" width="inherited"></iframe>
-      </div>
-      {%- elsif post.image %}
-      <div class="image-container mb-5">
-        <img class="rounded-2" src="{{ post.image}}" width="800" height="425" alt="{{ post.title }}" />
-      </div>
-      {%- endif %}
-      <div class="summary"> {{ post.excerpt }}</div>
-      {%- if post.content != blank %}
-      <div class="more">
-        <a href="{{ post.url | relative_url }}" class="link-mktg arrow-target-mktg text-semibold f4-mktg">
-          Contiue
-          <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 class="pb-5 pt-0 py-md-7 ml-5 border-bottom">
+        {%- if post.video %}
+        <div id="Timeline-video-container" class="image-container">
+          <iframe id="Timeline-video" src="{{ post.video }}" frameborder="0" height="inherited"
+            width="inherited"></iframe>
+        </div>
+        {%- elsif post.image %}
+        <div class="image-container">
+          <img class="rounded-2" src="{{ post.image}}" width="800" height="425" alt="{{ post.title }}" />
+        </div>
+        {%- endif %}
+        <div class="summary"> {{ post.excerpt }}</div>
+        {%- if post.content != blank %}
+        <div class="more">
+          <a href="{{ post.url | relative_url }}" class="link-mktg arrow-target-mktg text-semibold f4-mktg">
+            Contiue
+            <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>
 
   </div>

data/_includes/post-timeline.html

@@ -1,12 +1,27 @@
-{%- assign post_limit = include.limit | default: 3 %}
-
-<div class="mb-4">
-  {%- for post in site.posts limit: {{post_limit}} %}
-      {%- include post-timeline-card.html %}
-  {%- endfor %}
-</div>
+{%- assign collection = include.collection | default: site.posts | sort: "date" | reverse %}
 {%- if site.paginate %}
-<div class="col-12 col-md-7 offset-md-5 mb-5">
-  <a href="{{ site.paginate_path | relative_url | replace: 'page:num', '' }}" class="btn ml-5">Read more</a>
-</div>
+{%- assign paginate_path = site.paginate_path %}
+{%- assign cleaned_path = paginate_path | split: ':' | first %}
+{%- assign placeholder = cleaned_path | split: '/' | last %}
+{%- assign paginate_index = cleaned_path | replace: placeholder, '' | strip %}
 {%- endif %}
+{%- assign index = include.index | default: paginator.index_path | default: paginate_index %}
+{%- assign post_limit = include.limit | default: page.posts_limit | default: site.posts_limit %}
+
+<div class="mt-md-7 mb-9 mb-md-12">
+  <div class="container-xl mx-auto p-responsive-blog">
+    {%- for post in collection | limit: post_limit %}
+    {%- include post-timeline-card.html %}
+    {%- endfor %}
+  </div>
+  {%- if collection.size > post_limit and index %}
+  <div class="container-xl mx-auto p-responsive-blog mt-6 mt-md-8 ">
+    <div class="d-flex gutter-spacious">
+      <div class="col-12 col-md-7 offset-md-5">
+        <a href="{{ index | relative_url }}"
+          class="Link--primary arrow-target-mktg text-semibold btn ml-5">View all {% octicon chevron-right height:16 %}</a>
+      </div>
+    </div>
+  </div>
+  {%- endif %}
+</div>

data/_includes/repositories.html

@@ -5,6 +5,7 @@
     {%- assign sort_order = 'pushed_at' %}
   {%- endif %}
 
+  {%- if site.github.public_repositories.size > 0 %}
   {%- if site.repositories.exclude.archived && site.repositories.exclude.forks %}
     {%- assign filtered_repos = site.github.public_repositories | where:'archived', false | where:'fork', false | sort: sort_order | reverse %}
   {%- elsif site.repositories.exclude.archived %}
@@ -14,6 +15,7 @@
   {%- else %}
     {%- assign filtered_repos = site.github.public_repositories | sort: sort_order | reverse %}
   {%- endif %}
+  {%- endif %}
 
   {%- for repository in filtered_repos | limit: site.repositories.limit %}
     {%- unless site.repositories.exclude.repositories contains repository.name %}

data/_layouts/category_index.html

@@ -2,37 +2,16 @@
 layout: page
 title: Category
 ---
-{% assign categories = page.categories | default: site.categories %}
-{% assign category_path = page.category_path | default: site.category_path %}
+{%- assign categories = page.categories | default: site.categories %}
+{%- assign category_permalink = site.category_path | default: 'category' | append: '/:cat' %}
+{%- assign category_permalink = page.pagination.permalink | default: site.autopages.categories.permalink | default: category_permalink %}
+{%- assign per_section = page.per_section | default: page.pagination.per_page | default: 3 %}
+
 <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 %}
+{% include post-gallery.html
+    collection=categories
+    collection_permalink=category_permalink
+    replace_value=":cat"
+    per_section=per_section
+%}

data/_layouts/default.html

@@ -1,7 +1,4 @@
 {%- assign style = page.style | default: layout.style | default: site.style %}
-{%- 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>

data/_layouts/docs.html

@@ -9,13 +9,9 @@ Docs utilize collections to display content
 {%- assign collection_name = page.collection | default: "docs" %}
 {%- assign docs = site[collection_name]%}
 {%- assign docs_name = page.title | default: "Documentation" %}
-{%- assign index_url = collection_name | prepend: "/" | append: "/index.html" %}
-{%- for doc in docs %}
-  {%- if doc.url == index_url %}
-    {%- assign docs_index = doc %}
-    {%- break %}
-  {%- endif %}
-{%- endfor %}
+{%- assign index_url = page.index %}
+{%- assign docs_index = docs | where_exp: "item", "item.url == index_url" | first %}
+{%- assign docs_without_index = docs | where_exp: "item", "item.url != index_url" %}
 
 <script>
     $(document).ready(function () {
@@ -32,7 +28,8 @@ 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="{{ docs_index.url | relative_url }}">
+                <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 %}
@@ -40,18 +37,24 @@ Docs utilize collections to display content
                 {% endif %}
             </div>
         </div>
-        <div class="">
-            <ul data-overflow-nav class="menu ActionList border-0">
-                {% for nav_item in docs %}
-                {% 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 }}
+        <div class="pt-3">
+            <ul data-overflow-nav class="menu ActionList border-0 ml-3">
+                {%- assign doc_categories = docs_without_index | group_by: "category" %}
+                {%- for category in doc_categories %}
+                {%- assign category_name = category.name | default: collection_name %}
+                <li class="h4">{{ category_name | capitalize }}
+                    <ul>
+                        {%- for nav_item in category.items %}
+                        <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>
+                        {%- endfor %}
+                    </ul>
                 </li>
-                </a>
-                {% endunless %}
-                {% endfor %}
+                {%- endfor %}
             </ul>
         </div>
     </div>
@@ -104,5 +107,5 @@ Docs utilize collections to display content
     </div>
 </div>
 <div class="CollectionMenu d-none">
-    {% include collection-menu.html name=collection_name collection=docs index=docs_index %}
+    {% include collection-menu.html name=collection_name collection=docs_without_index index=docs_index %}
 </div>

data/_layouts/landing.html

@@ -2,9 +2,6 @@
 layout: default
 style: none
 ---
-{%- 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 %}
 <div class="Header d-flex p-0 flex-1 height-full">
     <div class="container-lg flex-column position-sticky top-0">
         <div class="d-flex flex-row py-3 flex-justify-end">

data/_layouts/linktree.html

@@ -1,7 +1,8 @@
 ---
 layout: default
+style: none
 ---
-{%- assign style = page.style | default: layout.style | default: site.style %}
+{%- assign socials=page.socials | default: layout.socials | default: nil %}
 <div class="flex-column flex-1 min-width-0 py-3">
     <div class="d-flex mt-4 p-responsive container-md flex-row py-3 flex-justify-end">
         <div class="d-flex flex-justify-center">
@@ -11,13 +12,15 @@ layout: default
     {%- if style != "sidebar" and style != "stacked" %}
     {%- include masthead.html class="CircleBadge--medium" %}
     {%- endif %}
-    {%- unless content == "" %}
-    {{ content }}
-    {%- endunless %}
-
+    {%- if socials == "top" %}
+    {%- include social.html %}
+    {%- endif %}
     {%- if site.links %}
     <div class="d-flex mt-4 p-responsive container-md">
     {%- include links.html %}
     </div>
     {%- endif %}
+    {%- if socials == "bottom" %}
+    {%- include social.html %}
+    {%- endif %}
 </div>

data/_layouts/paginate_timeline.html

@@ -0,0 +1,41 @@
+---
+layout: page
+---
+{% assign paginate_path = page.pagination.permalink | default: site.pagination.permalink | default: site.paginate_path %}
+{% assign paginate_first_page_path = site.paginate_path | relative_url | replace: 'page:num', '' %}
+{% assign first_page_path = page.first_page_path | default: paginator.first_page_path | default: paginate_first_page_path%}
+
+<h1>{{ page.title }}</h1>
+
+{{ content }}
+
+<!-- This loops through the paginated posts -->
+{% include post-timeline.html collection=paginator.posts %}
+<!-- Pagination links -->
+<div class="paginate-container">
+    <div role="navigation" aria-label="Pagination" class="d-flex d-md-inline-block pagination">
+        {%- if paginator.previous_page %}
+        <a class="previous_page" rel="prev" href="{{ paginator.previous_page_path | relative_url }}"
+            aria-disabled="false">Previous</a>
+        {% else %}
+        <span class="previous_page disabled" aria-disabled="true">Previous</span>
+        {% endif %}
+
+        {%- for blog_page in (1..paginator.total_pages) %}
+        {%- if blog_page == paginator.page %}
+        <a href="{{ page.url | relative_url }}" aria-label="{{ blog_page }}" aria-current="page">{{ blog_page }}</a>
+        {% elsif blog_page == 1 %}
+        <a href="{{ first_page_path | relative_url }}" aria-label="{{ blog_page }}">{{ blog_page }}</a>
+        {% else %}
+        <a href="{{ paginate_path | relative_url | replace: ':num', blog_page }}" aria-label="{{ blog_page }}">{{ blog_page }}</a>
+        {%- endif %}
+        {%- endfor %}
+
+        {%- if paginator.next_page %}
+        <a class="next_page" rel="next" href="{{ paginator.next_page_path | relative_url }}"
+            aria-disabled="false">Next</a>
+        {% else %}
+        <span class="next_page disabled" aria-disabled="true">Next</span>
+        {% endif %}
+    </div>
+</div>

data/_layouts/post.html

@@ -14,17 +14,10 @@ layout: default
                 </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>

data/_layouts/profile.html

@@ -1,6 +1,9 @@
 ---
 layout: page
 ---
+{%- 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 | default: "/assets/img/user-image.jpg" %}
 {%- 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" %}
@@ -12,22 +15,14 @@ layout: page
 
     <div class="col-lg-8 border-top border-lg-top-0 color-bg-default">
         <div class="py-6">
-            {%- assign posts_total = site.posts | size %}
-            {%- assign posts_limit = site.posts_limit | default: posts_total %}
-
-            {%- unless content == "" %}
             {{ content }}
-            {%- endunless %}
-
             {%- if site.links %}
             {%- include links.html %}
             {%- 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 %}
+            {%- include post-timeline.html%}
             {%- endunless %}
 
             {%- if site.repositories %}

data/_layouts/tag_index.html

@@ -2,34 +2,16 @@
 title: Tags
 layout: page
 ---
-{% assign max_posts = page.max_posts | default: 6 %}
+{%- assign tags = page.tags | default: site.tags %}
+{%- assign tag_permalink = page.tag_path | default:site.tag_path | default: 'tags' | append: '/:tag' %}
+{%- assign tag_permalink = page.pagination.permalink | default: site.autopages.tags.permalink | default: tag_permalink %}
+{%- assign per_section = page.per_section | default: 3 %}
+
 <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 %}
+{% include post-index.html
+  collection=tags
+  collection_permalink=tag_permalink
+  replace_value=":tag"
+  per_section=per_section
+%}

data/_sass/jekyll-theme-profile.scss

@@ -1,5 +1,6 @@
-@import url("https://unpkg.com/@primer/css@^20.2.4/dist/primer.css");
+@use "sass:meta";
+@import url("https://unpkg.com/@primer/css@21.2.2/dist/primer.css");
 @import url("https://cdn.jsdelivr.net/npm/octicons-css/octicons.min.css");
-@import "highlight-syntax";
-@import "language-colors";
-@import "main";
+@include meta.load-css("highlight-syntax");
+@include meta.load-css("language-colors");
+@include meta.load-css("main");

data/assets/css/theme.scss

@@ -1,5 +1,7 @@
 ---
 ---
+@use "jekyll-theme-profile";
+
 {%- if site.background.overlay %}
   {%- assign dark_overlay = site.background.overlay %}
   {%- assign light_overlay = site.background.overlay %}
@@ -82,5 +84,3 @@
     --color-profile-accent: var(--color-accent-fg);
     --color-profile-bg: var(--color-canvas-default);
 }
-
-@import "jekyll-theme-profile";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-profile
 version: !ruby/object:Gem::Version
-  version: 1.9.0
+  version: 1.10.1
 platform: ruby
 authors:
 - Allison Thackston
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-08-03 00:00:00.000000000 Z
+date: 2025-01-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -48,16 +48,16 @@ dependencies:
   name: jekyll-github-metadata
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - '='
       - !ruby/object:Gem::Version
-        version: '2.9'
+        version: 2.13.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - '='
       - !ruby/object:Gem::Version
-        version: '2.9'
+        version: 2.13.0
 - !ruby/object:Gem::Dependency
   name: jekyll-octicons
   requirement: !ruby/object:Gem::Requirement
@@ -128,7 +128,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 1.1.0
-description: 
+description:
 email:
 - allison@allisonthackston.com
 executables: []
@@ -136,6 +136,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - README.md
+- _config.yml
 - _includes/breadcrumbs.html
 - _includes/collection-menu.html
 - _includes/footer.html
@@ -153,6 +154,8 @@ files:
 - _includes/navbar-underline.html
 - _includes/post-card.html
 - _includes/post-feature-card.html
+- _includes/post-gallery.html
+- _includes/post-index.html
 - _includes/post-tease-image-card.html
 - _includes/post-tease-text-card.html
 - _includes/post-timeline-card.html
@@ -173,6 +176,7 @@ files:
 - _layouts/linktree.html
 - _layouts/page.html
 - _layouts/paginate.html
+- _layouts/paginate_timeline.html
 - _layouts/post.html
 - _layouts/profile.html
 - _layouts/repositories.html
@@ -184,8 +188,12 @@ files:
 - _sass/jekyll-theme-profile.scss
 - assets/css/style.scss
 - assets/css/theme.scss
+- assets/img/blog-post-icon.png
+- assets/img/category-icon.png
 - assets/img/default.png
 - assets/img/favicon.ico
+- assets/img/social-preview.png
+- assets/img/user-image.jpg
 - assets/js/anchor-links.js
 - assets/js/theme-toggle.js
 - assets/js/timeline.js
@@ -193,7 +201,7 @@ homepage: https://www.althack.dev/jekyll-theme-profile
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -208,8 +216,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.10
-signing_key: 
+rubygems_version: 3.5.22
+signing_key:
 specification_version: 4
 summary: Jekyll theme built off of Github's personal website template and primer.
 test_files: []