jekyll-theme-profile 1.6.1 → 1.7.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 02c55f79b96999ecd241bbd4752fb7421c25b8d1d36bc2cda66ec41c884d8486
-  data.tar.gz: baa1f055ab8c8fa47721bc02880185f5bd6f1e0af0c13540ff8e321999ea1f51
+  metadata.gz: 496c50249c4ad24ccfdecbd84442cb3e88db4db88de315f95f1a000c1af32604
+  data.tar.gz: 4ff57f86bdfe0aadca9553c658231a1a9e507ba6a03282a13c6e98ad09532eec
 SHA512:
-  metadata.gz: af06947545436049c292eb47c00ef8a62be90d0b4231ce211cf0458fc6f46da702b9a4f2447d0fcf2f182ab7f2e7dd90895c42677c2fc5cba07e94608c1e5e52
-  data.tar.gz: 29d045112c1cc2531adadd922bd2b28c9fb09196859c546f5885bbac2c105492bc7a1d544640b4ea66a0f2ec7443d7d38b68d995a8d6fea480dce3be44788daa
+  metadata.gz: 9949c30dcebcd7d12e59c67d8587ff88567e856993a0b225f0de59f6ac9397bfd78250ba690c0131c25644221f6e25ff698c26a700f8663d32fc8bcf3360c0cd
+  data.tar.gz: c4645f8fea05ca5265884e5b5b8c4d308f3613ccdc8bd9c7aa5688818315849f90b84c30e1e1dc460440fa0b2c1a6f6413dcc0fcbefcaf351a177d19175b0d80

data/README.md

@@ -1,16 +1,9 @@
----
-layout: post
-permalink: /
-image: screenshot.png
-description: A customizable jekyll theme built off of the github primer css
-toc: true
----
 # jekyll-theme-profile
 
-![jekyll-theme-profile](screenshot.png)
+![jekyll-theme-profile](https://raw.githubusercontent.com/athackst/jekyll-theme-profile/main/screenshot.png)
 
 
-Meet "jekyll-theme-profile" – your ultimate Jekyll theme, based on GitHub's primer style. With both light and dark modes, and three stylish options: sidebar, topbar, and stacked, it's all about personalization. Setting up is a breeze, as it automatically populates your profile using your GitHub user info. Add custom links like Linktree and share engaging blog posts effortlessly. Get ready to rock your online presence with this user-friendly and charming theme, making Jekyll and GitHub Pages a joy to use!
+This theme is based on GitHub's primer style. It supports both light and dark modes, and four style options: appbar, sidebar, topbar, and stacked. Setting up is a breeze, as it automatically populates your profile using your GitHub user info. Add custom links like Linktree and share engaging blog posts effortlessly.
 
 ## Installation
 
@@ -36,106 +29,8 @@ Or install it yourself as:
 
 ## Usage
 
-Here's a sample config file you can copy and customize:
+Start with a [sample config](https://github.com/athackst/jekyll-theme-profile/blob/main/example/_config.yml) that you can copy and customize.
 
-```yaml
-repository: athackst/jekyll-theme-profile
-# The style of the website
-style: topbar # One of "stacked", "sidebar", "topbar"
- # The user/project avatar.  If not set the avatar of the project owner will be used.
-user_image: /media/user-image.jpg
-# Optional custom background image and overlay
-# background:
-#   image: /media/background-img.jpg
-#   single overlay for all or custom for light and dark modes
-#   overlay: rgba(0, 0, 0, 0.5)
-#   light:
-#     overlay: rgba(255, 255, 255, 0.5)
-#   dark:
-#     overlay: rgba(0, 0, 0, 0.5)
-
-# 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
-# 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: Topbar
-#     url: /test/home/topbar.html
-#   - name: Appbar
-#     url: /test/home/appbar.html
-#   - name: Sidebar
-#     url: /test/home/sidebar.html
-#   - name: Stacked
-#     url: /test/home/stacked.html
-
-####################
-# List of links for home page
-# links:
-#   - name: Example page with topbar
-#     url: /test/page/topbar
-#     thumbnail: /media/icon-topbar.png
-#   - name: Example page with appbar
-#     url: /test/page/appbar
-#   - name: Example page with sidebar
-#     url: /test/page/sidebar
-#     thumbnail: /media/icon-sidebar.png
-#   - name: Example page with header stacked
-#     url: /test/page/stacked
-#     thumbnail: /media/icon-stacked.png
-#   - name: Example page with a custom background
-#     url: /test/page/background
-#     thumbnail: /media/icon-bg.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
-
-####################
-# Blog
-posts_limit: 3 # The number of posts to show in home
-
-paginate: 6 # The number of posts to show per page of pagination of blog posts
-paginate_path: "/assets/blog/page:num"
-```
 
 You can also use this with github acions. Below is a typical worfklow file
 
@@ -203,11 +98,6 @@ jobs:
         env:
           JEKYLL_ENV: production
           JEKYLL_GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-      - name: HTMLProofer
-        uses: athackst/htmlproofer-action@v0.3.0
-        with:
-          ignore_urls: |
-            https://opensource.org/license/mit/
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v1
 
@@ -242,21 +132,21 @@ style: sidebar # One of "stacked", "sidebar", "topbar"
 ---
 ```
 
-#### [Sidebar](/test/home/sidebar.md)
+#### [Sidebar](https://www.althack.dev/jekyll-theme-profile/home/sidebar.html)
 
-![Sidebar image](/media/sidebar-preview.png)
+![Sidebar image](https://raw.githubusercontent.com/athackst/jekyll-theme-profile/main/example/media/sidebar-preview.png)
 
-#### [Stacked](/test/home/stacked.md)
+#### [Stacked](https://www.althack.dev/jekyll-theme-profile/home/stacked.html)
 
-![Stacked image](/media/stacked-preview.png)
+![Stacked image](https://raw.githubusercontent.com/athackst/jekyll-theme-profile/main/example/media/stacked-preview.png)
 
-#### [Topbar](/test/home/topbar.md)
+#### [Topbar](https://www.althack.dev/jekyll-theme-profile/home/topbar.html)
 
-![Topbar image](/media/topbar-preview.png)
+![Topbar image](https://raw.githubusercontent.com/athackst/jekyll-theme-profile/main/example/media/topbar-preview.png)
 
-#### [Appbar](/test/home/appbar.md)
+#### [Appbar](https://www.althack.dev/jekyll-theme-profile/home/appbar.html)
 
-![Appbar image](/media/appbar-preview.png)
+![Appbar image](https://raw.githubusercontent.com/athackst/jekyll-theme-profile/main/example/media/appbar-preview.png)
 
 #### Background
 
@@ -283,7 +173,7 @@ background:
     overlay: rgba(0, 0, 0, 0.5)
 ```
 
-[Example page](/test/page/background.md)
+[Example page](https://www.althack.dev/jekyll-theme-profile/page/background)
 
 #### Header
 
@@ -300,7 +190,7 @@ header:
 
 In the `nav` section, you can add navigation links that will show up on every page of your website.
 
-![Nav](/media/nav.png){: .border}
+![Nav](https://raw.githubusercontent.com/athackst/jekyll-theme-profile/main/example/media/nav.png){: .border}
 
 ```yaml
 nav:
@@ -316,7 +206,7 @@ nav:
 
 In the `links` section, you can add links to showcase various pages on the web or your website.
 
-![Links](/media/links.png){: .border}
+![Links](https://raw.githubusercontent.com/athackst/jekyll-theme-profile/main/example/media/links.png){: .border}
 
 ```yaml
 links:
@@ -338,7 +228,7 @@ links:
 
 The `repositories` section allows you to display your GitHub repositories on your page.  You can sort them by stars or latest pushes, set a limit to the number of repositories displayed, and exclude archived, forked, or specific repositories from the list
 
-![Repositories](/media/repositories.png){: .border}
+![Repositories](https://raw.githubusercontent.com/athackst/jekyll-theme-profile/main/example/media/repositories.png){: .border}
 
 ```yaml
 repositories:
@@ -354,7 +244,7 @@ repositories:
       # - respositories to exclude
 ```
 
-### Social media
+### Social media and SEO
 
 #### Setting the social media card
 
@@ -384,7 +274,7 @@ defaults:
 
 Utilize the `social_media` section to add links to your various social media profiles.  For each platform simply provide your username or user ID to have the corresponding icon and link appear on your profile.
 
-![Social Media](/media/social-media.png){: .border}
+![Social Media](https://raw.githubusercontent.com/athackst/jekyll-theme-profile/main/example/media/social-media.png){: .border}
 
 ```yaml
 social_media:
@@ -418,23 +308,23 @@ You can also set the icon color.  If you don't set an icon color, the original i
 icon_color: "#959da5"
 ```
 
-### Blog
+### Blog timeline
 
-Make entries for the blog the same way you normally would by placing entries in the `_posts` folder.  You can adjust the number of entries that show up in the main page by adjusting `posts_limit` in the `_config.yml` file.  If you have more posts than the limit, a `Read more` button will link to the paginated blog post page /blog/index.html.
+Make entries for the blog the same way you normally would by placing entries in the `_posts` folder.  You can adjust the number of entries that show up in the main page by adjusting `posts_limit` in the `_config.yml` file.  If you have paginate installed and more posts than the limit, a `Read more` button will link to the paginated blog post page /blog/index.html.
 
-![Blog](/media/blog.png){: .border}
+![Blog](https://raw.githubusercontent.com/athackst/jekyll-theme-profile/main/example/media/blog.png){: .border}
 
 ```yaml
 posts_limit: 3
 ```
 
-Additionally, the theme provides a paginate layout you can use.  By default, the theme serves pagination from `/assets/blog/index.html`.
+Additionally, the theme provides a paginate layout you can use.
 
-But you can adjust the source by updating the config
+To use, add `gem jekyll-paginate` to your gemfile and the following lines to your `_config.yml`
 
 ```yaml
 paginate: 6
-paginate_path: "/assets/blog/page:num"
+paginate_path: "/blog/page:num"
 ```
 
 And adding a `index.html` page at the `pagenate_path`

data/_includes/header-appbar.html

@@ -10,9 +10,11 @@
 </script>
 <header class="AppHeader position-sticky top-0 z-2 border-bottom topbar">
     <div class="AppHeader-item d-flex flex-justify-between p-2 flex-items-center">
+        {%- if site.nav %}
         <div class="d-flex">
             <button id="expansion-btn" class="AppHeader-button d-sm-none" type="button">{% octicon three-bars height:16 %}</button>
         </div>
+        {%- endif %}
         <div tabindex="-1" class="d-flex flex-1 ml-3" id="github-logo">
             <a href="{{ site.baseurl }}/" class="AppHeader-link d-flex flex-items-center no-underline mr-3">
                 {% octicon mark-github height:32 %}

data/_includes/post-card.html

@@ -1,6 +1,7 @@
 {%- assign image = post.image | default: site.image %}
+{%- assign border = include.border %}
 <div class="col-sm-6 col-lg-4 ">
-  <div class="py-4 d-flex flex-column border-top">
+  <div class="py-4 d-flex flex-column {{ border }}">
     <div class="image-container">
       <a href="{{ post.url | relative_url }}">
         <img class="rounded-2" src="{{ image | relative_url }}" width="377" height="200" alt="{{ post.title }}">

data/_includes/post-feature-card.html

@@ -1,5 +1,5 @@
 {%- assign image = post.image | default: site.image %}
-<div class="py-4 d-flex flex-column flex-md-row flex-md-row-reverse p-responsive">
+<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">
       <a href="{{ post.url | relative_url }}">

data/_includes/post-timeline-card.html

@@ -30,6 +30,7 @@
       </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
@@ -42,6 +43,7 @@
           </svg>
         </a>
       </div>
+      {%- endif %}
     </div>
 
   </div>

data/_includes/post-timeline.html

@@ -5,6 +5,8 @@
       {%- include post-timeline-card.html %}
   {%- endfor %}
 </div>
+{%- 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>
+{%- endif %}

data/_includes/posts.html

@@ -5,6 +5,8 @@
       {%- include post-card.html %}
   {%- endfor %}
 </div>
+{%- if site.pageinate %}
 <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>
+{%- endif %}

data/_includes/related.html

@@ -0,0 +1,116 @@
+{% comment %}
+<!--
+  MIT License
+
+  Copyright (c) 2021 John Scott.
+
+  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.
+-->
+{% endcomment %}
+
+{% assign related_by = page.related_by | default: site.related_by | default: "default" %}
+{% if related_by.first != true %}{% assign related_by = related_by | split: " " %}{% endif %}
+{% assign related_limit = page.related_limit | default: site.related_limit | default: 3 %}
+{% assign related_from = page.related_from | default: site.related_from | default: documents %}
+{% assign related_categories = page.related_categories | default: site.related_categories | default: 1 %}
+{% assign related_tags = page.related_tags | default: site.related_tags | default: 1 %}
+{% assign related_template = page.related_template | default: site.related_template | default: "post-card.html" %}
+
+{% comment %}<!-- Random related pages -->{% endcomment %}
+{% if related_by contains "random" %}
+  {% comment %}<!-- We might sample current page so select one more just in case -->{% endcomment %}
+  {% assign related_limit = related_limit | plus: 1 %}
+  {% if related_from == "posts" %}
+    {% assign related_posts = site.posts | sample: related_limit %}
+  {% else %}
+    {% assign related_posts = site.documents | sample: related_limit %}
+  {% endif %}
+  {% assign related_limit = related_limit | minus: 1 %}
+
+{% comment %}<!-- Tag/category matching pages -->{% endcomment %}
+{% elsif related_by contains "categories" or related_by contains "tags" %}
+  {% assign related_posts = "" | split: " " %}
+
+  {% for doc in site.documents %}
+    {% if doc.id == page.id %}
+      {% continue %}
+    {% elsif related_from == "posts" and doc.collection != "posts" %}
+      {% continue %}
+    {% elsif related_from == "collection" and doc.collection != page.collection %}
+      {% continue %}
+    {% endif %}
+
+    {% assign related_category_count = 0 %}
+    {% if related_by contains "categories" %}
+      {% for cat in doc.categories %}
+        {% if page.categories contains cat %}
+          {% assign related_category_count = related_category_count | plus: 1 %}
+        {% endif %}
+      {% endfor %}
+    {% endif %}
+
+    {% assign related_tag_count = 0 %}
+    {% if related_by contains "tags" %}
+      {% for tag in doc.tags %}
+        {% if page.tags contains tag %}
+          {% assign related_tag_count = related_tag_count | plus: 1 %}
+        {% endif %}
+      {% endfor %}
+    {% endif %}
+
+    {% if related_by contains "categories" and related_by contains "tags" %}
+      {% if related_by contains "or" %}
+        {% if related_category_count >= related_categories or related_tag_count >= related_tags %}
+          {% assign related_posts = related_posts | push: doc %}
+        {% endif %}
+      {% else %}
+        {% if related_category_count >= related_categories and related_tag_count >= related_tags %}
+          {% assign related_posts = related_posts | push: doc %}
+        {% endif %}
+      {% endif %}
+    {% elsif related_by contains "categories" and related_category_count >= related_categories %}
+      {% assign related_posts = related_posts | push: doc %}
+    {% elsif related_by contains "tags" and related_tag_count >= related_tags %}
+      {% assign related_posts = related_posts | push: doc %}
+    {% endif %}
+  {% endfor %}
+
+  {% assign related_posts = related_posts | sample: related_limit %}
+
+{% comment %}<!-- Use site.related_posts for posts if found -->{% endcomment %}
+{% elsif site.related_posts.size > 0 %}
+  {% assign related_posts = site.related_posts %}
+
+{% comment %}<!-- Otherwise show recent posts if no site.related_posts -->{% endcomment %}
+{% else %}
+  {% assign related_posts = site.posts %}
+{% endif %}
+
+{%- if related_limit > 0 %}
+<h2 class="h5-mktg pb-3 mb-lg-3">Related posts</h2>
+<div class="d-flex flex-wrap gutter-spacious">
+{% for post in related_posts limit:related_limit %}
+  {% if post.id == page.id %}
+    {% continue %}
+  {% endif %}
+
+  {% include {{ related_template }} %}
+{% endfor %}
+</div>
+{%- endif %}

data/{assets/blog/index.html → _layouts/category_layout.html}

@@ -1,4 +1,3 @@
 ---
 layout: paginate
-title: My Blog
 ---

data/_layouts/default.html

@@ -1,4 +1,4 @@
-{%- assign style = page.style | default: site.style %}
+{%- 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 %}
@@ -19,9 +19,8 @@
         {% include header-sidebar.html %}
     {%- endif %}
 
-    <div class="flex-column flex-1 min-width-0">
     {{ content }}
-    </div>
+
     {% if style== 'sidebar' %}
     </div>
     {% endif %}

data/_layouts/home.html

@@ -3,7 +3,7 @@ layout: page
 ---
 <div class="py-3">
   {%- assign posts_total = site.posts | size %}
-  {%- assign posts_limit = site.posts_limit | default: posts_total %}
+  {%- assign posts_limit = page.posts_limit | default: site.posts_limit | default: posts_total %}
 
   {%- unless content == "" %}
   {{ content }}

data/_layouts/landing.html

@@ -5,7 +5,7 @@ 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="d-flex p-0 position-sticky top-0">
+<div class="Header d-flex p-0 flex-1 height-full">
     <div class="flex-column flex-1 position-sticky top-0">
         <div class="Toolbar topbar d-flex flex-row py-3 flex-justify-end">
             <div class="Toolbar-expand d-flex flex-justify-center d-none">
@@ -15,8 +15,8 @@ style: none
                 {% include toggle.html %}
             </div>
         </div>
-        <div class="text-center">
-            <div class="px-5 py-2">
+        <div class="text-center flex-1">
+            <div class="px-5 py-2 height-full">
                 {%- include masthead.html %}
             </div>
             {%- if site.repo_info %}
@@ -24,6 +24,7 @@ style: none
                 {% include mini-repo-info-card.html class="Header-link no-underline" %}
             </div>
             {%- endif %}
+            {{ content }}
             {%- if site.nav %}
             <div class="d-flex flex-column">
                 {%- include nav.html %}

data/_layouts/linktree.html

@@ -1,8 +1,7 @@
 ---
 layout: default
 ---
-
-<div class="py-3">
+<div class="flex-column flex-1 min-width-0 py-3">
     {%- include masthead.html %}
     {%- unless content == "" %}
     {{ content }}

data/_layouts/page.html

@@ -1,7 +1,7 @@
 ---
 layout: default
 ---
-<div class="Page">
+<div class="Page flex-column flex-1 min-width-0">
     <div class="container-xl p-3 px-md-5 markdown-body">
         {{ content }}
     </div>

data/_layouts/paginate.html

@@ -5,10 +5,10 @@ layout: page
 <div class="d-flex flex-wrap gutter-spacious">
 <!-- This loops through the paginated posts -->
 {%- for post in paginator.posts %}
-  {%- if post == paginator.posts.first %}
+  {%- if post.feature %}
   {%- include post-feature-card.html %}
   {%- else %}
-  {%- include post-card.html %}
+  {%- include post-card.html border="border-top" %}
   {%- endif %}
 {% endfor %}
 </div>

data/_layouts/post.html

@@ -4,7 +4,7 @@ layout: default
 {%- assign user = site.github.owner %}
 {%- 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 ">
@@ -15,8 +15,7 @@ layout: default
             <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 }}" />
+                        <img src="{{ image | relative_url }}" class="cover-image rounded-2" alt="{{ page.title }}" />
                     </div>
                 </div>
             </div>
@@ -25,7 +24,7 @@ layout: default
     <div class="BlogContent position-absolute bottom-0 width-full border-top" style="height:88px">
     </div>
 </div>
-<div class="BlogContent">
+<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">
@@ -48,10 +47,10 @@ layout: default
                                 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 273.5 222.3" height="18">
+                                <svg width="20" height="20" viewBox="0 0 1200 1227" fill="currentColor"
+                                    xmlns="http://www.w3.org/2000/svg">
                                     <path
-                                        d="M273.5 26.3a109.77 109.77 0 0 1-32.2 8.8 56.07 56.07 0 0 0 24.7-31 113.39 113.39 0 0 1-35.7 13.6 56.1 56.1 0 0 0-97 38.4 54 54 0 0 0 1.5 12.8A159.68 159.68 0 0 1 19.1 10.3a56.12 56.12 0 0 0 17.4 74.9 56.06 56.06 0 0 1-25.4-7v.7a56.11 56.11 0 0 0 45 55 55.65 55.65 0 0 1-14.8 2 62.39 62.39 0 0 1-10.6-1 56.24 56.24 0 0 0 52.4 39 112.87 112.87 0 0 1-69.7 24 119 119 0 0 1-13.4-.8 158.83 158.83 0 0 0 86 25.2c103.2 0 159.6-85.5 159.6-159.6 0-2.4-.1-4.9-.2-7.3a114.25 114.25 0 0 0 28.1-29.1"
-                                        fill="currentColor"></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>
@@ -83,12 +82,21 @@ layout: default
                 </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 %}
+                            <li class="d-inline-block mt-2 mb-0"><a href="{{ site.tag_page_dir | relative_url }}/{{ tag | slugify: 'pretty' }}.html">{{ tag }}</a></li>
+                            {% endfor %}
+                        </ul>
+                    </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 %}
-                        <!-- {{ toc_content }}-->
-                        {%- if toc_content contains '/li>' %}
+                        {%- if toc_content contains "toc-entry" %}
                         <div class="mb-8 table-of-contents ">
                             <h2 class="h6-mktg pt-1">
                                 Table of Contents
@@ -103,4 +111,8 @@ layout: default
             </div>
         </div>
     </div>
+    <div class="Related container-xl mx-auto p-responsive markdown-body">
+        {% include related.html %}
+    </div>
+</div>
 </div>

data/_layouts/tags.html

@@ -0,0 +1,15 @@
+---
+layout: page
+---
+<p class="f4-mktg color-text-tertiary mt-4 mt-md-7 mb-n4">Tag</p>
+<h1 class="h3-mktg mt-4 mb-6 mb-md-8">{{ page.tag | capitalize }}</h1>
+
+<div class="d-flex flex-wrap gutter-spacious">
+{% for post in page.posts %}
+    {%- if post.feature %}
+        {%- include post-feature-card.html %}
+    {%- else %}
+        {%- include post-card.html border="border-top" %}
+    {%- endif %}
+{% endfor %}
+</div>

data/_sass/_main.scss

@@ -166,6 +166,15 @@
   background-color: var(--color-canvas-default) !important;
 }
 
+.post-tags::before {
+  content: "";
+  display: block;
+  height: 5px;
+  width: 20px;
+  background-color: var(--color-fg-default);
+  margin-bottom: 4px;
+}
+
 
 body::before {
   content: "";

data/assets/css/theme.scss

@@ -74,7 +74,6 @@
 .Header {
     --color-header-text: {{ site.header.accent }};
     --color-accent-fg: {{ site.header.accent }};
-
 }
 {%- endif %}
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-profile
 version: !ruby/object:Gem::Version
-  version: 1.6.1
+  version: 1.7.1
 platform: ruby
 authors:
 - Allison Thackston
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-11-21 00:00:00.000000000 Z
+date: 2023-11-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -30,20 +30,6 @@ dependencies:
     - - "<"
       - !ruby/object:Gem::Version
         version: '5.0'
-- !ruby/object:Gem::Dependency
-  name: github-pages
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '228'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '228'
 - !ruby/object:Gem::Dependency
   name: jekyll-github-metadata
   requirement: !ruby/object:Gem::Requirement
@@ -72,20 +58,6 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '19.4'
-- !ruby/object:Gem::Dependency
-  name: jekyll-paginate
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.1'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.1'
 - !ruby/object:Gem::Dependency
   name: jekyll-seo-tag
   requirement: !ruby/object:Gem::Requirement
@@ -106,14 +78,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.18.0
+        version: '0.18'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.18.0
+        version: '0.18'
 - !ruby/object:Gem::Dependency
   name: jemoji
   requirement: !ruby/object:Gem::Requirement
@@ -137,7 +109,6 @@ extra_rdoc_files: []
 files:
 - LICENSE.txt
 - README.md
-- _config.yml
 - _includes/breadcrumbs.html
 - _includes/footer.html
 - _includes/head.html
@@ -157,11 +128,13 @@ files:
 - _includes/post-timeline-card.html
 - _includes/post-timeline.html
 - _includes/posts.html
+- _includes/related.html
 - _includes/repo-card.html
 - _includes/repositories.html
 - _includes/social.html
 - _includes/toggle.html
 - _includes/user-metadata.html
+- _layouts/category_layout.html
 - _layouts/default.html
 - _layouts/home.html
 - _layouts/landing.html
@@ -171,11 +144,11 @@ files:
 - _layouts/post.html
 - _layouts/profile.html
 - _layouts/repositories.html
+- _layouts/tags.html
 - _sass/_highlight-syntax.scss
 - _sass/_language-colors.scss
 - _sass/_main.scss
 - _sass/jekyll-theme-profile.scss
-- assets/blog/index.html
 - assets/css/style.scss
 - assets/css/theme.scss
 - assets/img/default.png

data/_config.yml

@@ -1,161 +0,0 @@
-title: Jekyll Theme Profile
-description: Github Profile built with jekyll-theme-profile
-repository: athackst/jekyll-theme-profile
-# The style of the website
-style: topbar # One of "stacked", "sidebar", "topbar"
- # The user/project avatar.  If not set the avatar of the project owner will be used.
-user_image: /media/user-image.jpg
-# Optional custom background image and overlay
-# background:
-#   image: /media/background-img.jpg
-#   overlay: rgba(0, 0, 0, 0.7)
-#   light:
-#     overlay: rgba(255, 255, 255, 0.5)
-#   dark:
-#     overlay: rgba(0, 0, 0, 0.5)
-
-# Optional custom header colors
-# header:
-#   color: "#4051b5"
-#   text: "rgba(255,255,255,0.7)"
-#   accent: "#ffffff"
-
-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
-# 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: Topbar
-    url: /test/home/topbar.html
-  - name: Appbar
-    url: /test/home/appbar.html
-  - name: Sidebar
-    url: /test/home/sidebar.html
-  - name: Stacked
-    url: /test/home/stacked.html
-
-####################
-# List of links for home page
-links:
-  - name: Example page with topbar
-    url: /test/page/topbar
-    thumbnail: /media/topbar-icon.png
-  - name: Example page with appbar
-    url: /test/page/appbar
-    thumbnail: /media/appbar-icon.png
-  - name: Example page with sidebar
-    url: /test/page/sidebar
-    thumbnail: /media/sidebar-icon.png
-  - name: Example page with header stacked
-    url: /test/page/stacked
-    thumbnail: /media/stacked-icon.png
-  - name: Example page with a custom background
-    url: /test/page/background
-    thumbnail: /media/icon-bg.png
-  - name: Example Linktree page
-    url: /test/linktree
-    thumbnail: /media/links.png
-  - name: Example Profile page
-    url: /test/profile
-    thumbnail: /media/user-image.jpg
-  - name: Example Reposotiries page
-    url: /test/repositories
-    thumbnail: /media/repositories.png
-  - name: Example Landing page
-    url: /test/landing
-    thumbnail: /media/landing.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
-
-####################
-# Blog
-posts_limit: 3 # The number of posts to show in home
-paginate: 6 # The number of posts to show per page of pagination of blog posts
-paginate_path: "/assets/blog/page:num"
-markdown: kramdown
-highlighter: rouge
-# kramdown:
-#   input: GFM
-#   syntax_highlighter: rouge
-#   syntax_highlighter_opts: # Rouge Options › https://github.com/jneen/rouge#full-options
-#     css_class: highlight
-#     # default_lang: console
-#     span:
-#       line_numbers: false
-#     block:
-#       line_numbers: true
-#       start_line: 1
-
-# ============= general settings for the theme ===============
-plugins:
-  - jekyll-github-metadata
-  - jekyll-octicons
-  - jekyll-paginate
-  - jekyll-seo-tag
-  - jekyll-toc
-  - jemoji
-
-defaults:
-  - scope:
-      path: "" # an empty string here means all files in the project
-      type: "posts"
-    values:
-      layout: "post"
-      permalink: /blog/:year/:month/:day/:title.html
-      image: /assets/img/default.png # The default image used for social and posts.
-      toc: true
-
-exclude:
-  - "Gemfile"
-  - "Gemfile.lock"
-  - "node_modules"
-  - "vendor/bundle/"
-  - "vendor/cache/"
-  - "vendor/gems/"
-  - "vendor/ruby/"
-  - .vscode
-  - .devcontainer
-  - .deprecated
-  - .github
-  - "*.gem"