jekyll-theme-profile 1.6.1 → 1.7.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 02c55f79b96999ecd241bbd4752fb7421c25b8d1d36bc2cda66ec41c884d8486
-  data.tar.gz: baa1f055ab8c8fa47721bc02880185f5bd6f1e0af0c13540ff8e321999ea1f51
+  metadata.gz: 183ece8d54449696105ba18c47d30dad8c57e9aff4b8867dfcd266261107fde7
+  data.tar.gz: 76ec9a8e21925dfb00527f16d62dd5d6981949a84cc4c8230fbc288aa7da577c
 SHA512:
-  metadata.gz: af06947545436049c292eb47c00ef8a62be90d0b4231ce211cf0458fc6f46da702b9a4f2447d0fcf2f182ab7f2e7dd90895c42677c2fc5cba07e94608c1e5e52
-  data.tar.gz: 29d045112c1cc2531adadd922bd2b28c9fb09196859c546f5885bbac2c105492bc7a1d544640b4ea66a0f2ec7443d7d38b68d995a8d6fea480dce3be44788daa
+  metadata.gz: fc5e2f829a93ee4f30eaabd2bc89b903b9ad93ff440fe045ebd56b11162095097713f7e48efcc117f91870da5b3694898876a6176c41f460ba425bf03cce53b1
+  data.tar.gz: 0f60be4de40f8a280e886e9cb31e124239f6201b86d328c99a9b7fa1e907593b97af07fbd3adc30ade2af54bbf6cf3d9becd73a520b3fbb8dbd619463d20d2d6

data/README.md

@@ -131,7 +131,7 @@ repositories:
 
 ####################
 # Blog
-posts_limit: 3 # The number of posts to show in home
+posts_limit: 3 # The number of posts to show in home (also can be defined in page)
 
 paginate: 6 # The number of posts to show per page of pagination of blog posts
 paginate_path: "/assets/blog/page:num"

data/_config.yml

@@ -1,11 +1,16 @@
+# # Welcome to the Jekyll Theme Profile!
+#
+# ######## Jekyll Site Settings ##########
 title: Jekyll Theme Profile
 description: Github Profile built with jekyll-theme-profile
 repository: athackst/jekyll-theme-profile
+
+# ########### Theme settings ###############
 # 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
+# # Optional custom background image and overlay
 # background:
 #   image: /media/background-img.jpg
 #   overlay: rgba(0, 0, 0, 0.7)
@@ -14,7 +19,7 @@ user_image: /media/user-image.jpg
 #   dark:
 #     overlay: rgba(0, 0, 0, 0.5)
 
-# Optional custom header colors
+# # Optional custom header colors
 # header:
 #   color: "#4051b5"
 #   text: "rgba(255,255,255,0.7)"
@@ -23,9 +28,8 @@ user_image: /media/user-image.jpg
 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
+##########################
+# # 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
@@ -64,7 +68,7 @@ nav:
     url: /test/home/stacked.html
 
 ####################
-# List of links for home page
+# List of links for link cards
 links:
   - name: Example page with topbar
     url: /test/page/topbar
@@ -108,11 +112,20 @@ repositories:
     repositories:
       # - list of respositories to exclude
 
+
+# ########### Plugin settings ###############
 ####################
-# Blog
-posts_limit: 3 # The number of posts to show in home
+# jekyll-paginate settings
+posts_limit: 3 # The number of posts to show in home (also can be defined in page)
 paginate: 6 # The number of posts to show per page of pagination of blog posts
 paginate_path: "/assets/blog/page:num"
+###################
+# jekyll-tagging settings
+tag_page_layout: tags
+tag_page_dir: tags
+
+
+# ============= general settings for the theme ===============
 markdown: kramdown
 highlighter: rouge
 # kramdown:
@@ -134,6 +147,7 @@ plugins:
   - jekyll-paginate
   - jekyll-seo-tag
   - jekyll-toc
+  - jekyll-tagging
   - jemoji
 
 defaults:

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/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/_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/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

@@ -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 %}
+                    <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,7 @@ layout: default
             </div>
         </div>
     </div>
+    <div class="Related container-xl mx-auto p-responsive markdown-body">
+        {% include related.html %}
+    </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: "";

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.0
 platform: ruby
 authors:
 - Allison Thackston
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-11-21 00:00:00.000000000 Z
+date: 2023-11-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -114,6 +114,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 0.18.0
+- !ruby/object:Gem::Dependency
+  name: jekyll-tagging
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.1.0
 - !ruby/object:Gem::Dependency
   name: jemoji
   requirement: !ruby/object:Gem::Requirement
@@ -157,6 +171,7 @@ 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
@@ -171,6 +186,7 @@ files:
 - _layouts/post.html
 - _layouts/profile.html
 - _layouts/repositories.html
+- _layouts/tags.html
 - _sass/_highlight-syntax.scss
 - _sass/_language-colors.scss
 - _sass/_main.scss