jekyll-theme-profile 1.10.1 → 1.10.2

data/_layouts/landing.html

@@ -2,11 +2,12 @@
 layout: default
 style: none
 ---
-<div class="Header d-flex p-0 flex-1 height-full">
+{%- assign style = page.style | default: layout.style | default: site.style %}
+<div class="Header d-flex p-0 flex-1">
     <div class="container-lg flex-column position-sticky top-0">
         <div class="d-flex flex-row py-3 flex-justify-end">
             <div class="d-flex flex-justify-center">
-                {% include toggle.html %}
+                {% if style == 'none' %}{% include toggle.html %}{% endif %}
             </div>
         </div>
         <div class="text-center flex-1">

data/_layouts/linktree.html

@@ -3,10 +3,12 @@ layout: default
 style: none
 ---
 {%- assign socials=page.socials | default: layout.socials | default: nil %}
+{%- assign links=page.links | default: site.links | default: nil %}
+{%- assign style = page.style | default: layout.style | default: site.style %}
 <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">
-            {% include toggle.html %}
+            {% if style == 'none' %}{% include toggle.html %}{% endif %}
         </div>
     </div>
     {%- if style != "sidebar" and style != "stacked" %}
@@ -15,9 +17,9 @@ style: none
     {%- if socials == "top" %}
     {%- include social.html %}
     {%- endif %}
-    {%- if site.links %}
+    {%- if links %}
     <div class="d-flex mt-4 p-responsive container-md">
-    {%- include links.html %}
+    {%- include links.html links=links %}
     </div>
     {%- endif %}
     {%- if socials == "bottom" %}

data/_layouts/page.html

@@ -1,8 +1,21 @@
 ---
 layout: default
 ---
+{%- assign title = page.title | default: page.tag %}
+{%- assign subtype = page.subtype %}
+{%- if title == page.tag %}
+{%- assign subtype = "tag" %}
+{%- endif %}
 <div class="Page flex-column flex-1 min-width-0">
-    <div class="container-xl p-3 px-md-5 markdown-body">
+{% if title %}
+    <div class="container-xl p-3 px-md-5 pt-6">
+        {% if subtype %}
+        <p class="f4-mktg color-text-tertiary mb-n4">{{ subtype | downcase }}</p>
+        {% endif %}
+        <h1 class="h3-mktg mt-6 mb-4">{{ title | capitalize }}</h1>
+    </div>
+{% endif %}
+    <div class="container-xl p-3 px-md-5 markdown-body mb-6">
         {{ content }}
     </div>
     <div class="flex-1"></div>

data/_layouts/paginate.html

@@ -13,30 +13,4 @@ layout: page
 {% endfor %}
 </div>
 <!-- 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="{{ site.paginate_path | relative_url | replace: 'page:num', '' }}" aria-label="{{ blog_page }}">{{ blog_page }}</a>
-        {% else %}
-        <a href="{{ site.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>
+ {% include paginator_nav.html %}

data/_layouts/paginate_timeline.html

@@ -1,41 +1,17 @@
 ---
 layout: page
 ---
+{% comment %} For post timeline collection {% endcomment %}
+{% assign limit = page.posts_limit | default: site.paginate %}
+{% assign collection = paginator.posts | default: site.posts %}
+{% comment %} For controls below timeline {% endcomment %}
 {% 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 paginate_first_page_path = 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 %}
+{% include post-timeline.html collection=collection limit=limit %}
 <!-- 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>
+{% include paginator_nav.html %}

data/_layouts/post.html

@@ -3,8 +3,8 @@ 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">
+{%- assign image = page.image | default: site.image | default: "/assets/img/default.png" %}
+<div class="Blog 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 ">
@@ -22,10 +22,10 @@ layout: default
                 </div>
             </div>
         </div>
-        <div class="BlogContent position-absolute bottom-0 width-full border-top" style="height:88px">
+        <div class="Blog position-absolute bottom-0 width-full border-top" style="height:88px">
         </div>
     </div>
-    <div class="BlogContent pb-5">
+    <div class="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">
@@ -83,6 +83,12 @@ layout: default
                         </ul>
                     </div>
                     <div class="col-12 col-lg-7 col-md-8 markdown-body">
+                        {% if page.video %}
+                        <div id="Timeline-video-container" class="image-container mb-5">
+                            <iframe id="Timeline-video" src="{{ page.video }}" frameborder="0" height="inherited"
+                              width="inherited"></iframe>
+                        </div>
+                        {% endif %}
                         {{ content }}
                         {%- if page.tags.size > 0 and site.tag_page_dir %}
                         <div class="post-tags text-mono f4-mktg mt-8">
@@ -95,7 +101,7 @@ layout: default
                                 {%- 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>
+                                <li class="d-inline-block mt-2 mb-0"><a href="{{ tag_link | relative_url }}">{{ tag }}</a></li>
                                 {% endfor %}
                             </ul>
                         </div>

data/_layouts/profile.html

@@ -5,6 +5,13 @@ layout: page
 {%- 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 %}
+{%- assign links = page.links | default: site.links | default: nill %}
+{%- assign collection = page.collection | default: site.posts %}
+{%- assign posts_limit = page.posts_limit | default: site.posts_limit | default: site.paginate %}
+{% assign paginate_path = page.pagination.permalink | default: site.pagination.permalink | default: site.paginate_path %}
+{% assign paginate_first_page_path = paginate_path | replace: 'page:num', '' %}
+{% assign first_page_path = page.first_page_path | default: paginator.first_page_path | default: paginate_first_page_path %}
+
 <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">
@@ -13,19 +20,27 @@ layout: page
     </div>
     {%- endif %}
 
-    <div class="col-lg-8 border-top border-lg-top-0 color-bg-default">
+    <div class="col-lg-8 color-bg-default">
         <div class="py-6">
+            {%- if content %}
+            <div class="mb-8">
             {{ content }}
-            {%- if site.links %}
-            {%- include links.html %}
+            </div>
             {%- endif %}
-
-            {%- unless posts_total == 0 %}
-            <h2 class="mb-3">Blog</h2>
-            {%- include post-timeline.html%}
+            {%- if links %}
+            {%- include links.html links=links %}
+            {%- endif %}
+            {%- unless collection.size == 0 %}
+            <div class="container-xl mb-8">
+              <div class="pb-3">
+                <h2>Latest posts</h2>
+              </div>
+              {%- include post-timeline.html collection=collection limit=posts_limit index=first_page_path %}
+            </div>
             {%- endunless %}
 
             {%- if site.repositories %}
+            <h2 class="mb-3">Repositories</h2>
             {%- include repositories.html %}
             {%- endif %}
         </div>

data/_layouts/repositories.html

@@ -3,7 +3,6 @@ layout: page
 title: Repositories
 ---
 <div class="pt-3">
-<h2>{{ page.title }}</h2>
 {%- unless content == "" %}
 {{ content }}
 {%- endunless %}

data/_layouts/tag_index.html

@@ -7,8 +7,6 @@ layout: page
 {%- 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>
-
 {% include post-index.html
   collection=tags
   collection_permalink=tag_permalink

data/_layouts/tags.html

@@ -1,10 +1,7 @@
 ---
 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">
+<div class="d-flex flex-wrap gutter-spacious border-top">
 {% for post in page.posts %}
     {%- if post.feature or forloop.first %}
         {%- include post-feature-card.html %}

data/_sass/_main.scss

@@ -4,6 +4,10 @@
     sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important;
 }
 
+.background-fixed {
+  background-attachment: fixed !important;
+}
+
 .min-height-full {
   min-height: 100vh;
 }
@@ -66,27 +70,19 @@
   overflow-wrap: break-word;
 }
 
-.Overlay-header .Overlay-headerContentWrap {
-  align-items: flex-start;
-  display: flex;
-  gap: var(--stack-gap-condensed, 0.5rem);
-  padding: var(--stack-gap-condensed, 0.5rem) var(--stack-gap-condensed, 0.5rem) 0 var(--stack-gap-condensed, 0.5rem);
+.SelectMenu::before {
+  background-color: unset;
 }
 
-.Overlay-footer {
-  display: flex;
-  flex-direction: row;
-  flex-shrink: 0;
-  flex-wrap: wrap;
-  padding: 0 var(--stack-padding-normal, 1rem) var(--stack-padding-normal, 1rem) var(--stack-padding-normal, 1rem);
-  z-index: 1;
+.SelectMenu {
+  position: absolute;
+  top: unset;
+  bottom: unset;
 }
 
 .AppHeader {
   --AppHeader-bg: var(--bgColor-inset, var(--color-canvas-inset));
-  // color: var(--fgColor-default, var(--color-fg-default));
   background: var(--AppHeader-bg);
-  // box-shadow: inset 0 calc(var(--borderWidth-thin, 1px)*-1) var(--borderColor-default, var(--color-border-default));
 }
 
 .AppHeader-button {
@@ -107,13 +103,6 @@
   color: var(--color-fg-default);
 }
 
-.AppHeader-logo {
-  border: 0;
-  width: var(--base-size-32, 32px);
-  height: var(--base-size-32, 32px);
-  outline-offset: 2px;
-}
-
 .ActionListItem {
   background-color: var(--control-transparent-bgColor-rest, #0000);
   border-radius: var(--borderRadius-medium, 0.375rem);
@@ -121,27 +110,6 @@
   position: relative;
 }
 
-.ActionListContent {
-  -webkit-tap-highlight-color: transparent;
-  align-items: start;
-  background-color: initial;
-  border: none;
-  border-radius: var(--borderRadius-medium, 0.375rem);
-  color: var(--control-fgColor-rest, var(--color-fg-default));
-  display: grid;
-  grid-template-areas: "leadingAction leadingVisual label trailingVisual trailingAction";
-  grid-template-columns: min-content min-content minmax(0, auto) min-content min-content;
-  grid-template-rows: min-content;
-  padding-block: var(--actionListContent-paddingBlock);
-  padding-inline: var(--control-medium-paddingInline-condensed, 0.5rem);
-  position: relative;
-  text-align: left;
-  touch-action: manipulation;
-  transition: background 33.333ms linear;
-  -webkit-user-select: none;
-  user-select: none;
-  width: 100%;
-}
 
 .ActionListItem-label {
   color: var(--fgColor-default, var(--color-fg-default));
@@ -157,11 +125,7 @@
   background-color: var(--color-header-bg) !important;
 }
 
-.BlogContent {
-  background-color: var(--color-canvas-default) !important;
-}
-
-.Page {
+.Blog {
   background-color: var(--color-canvas-default) !important;
 }
 
@@ -207,9 +171,6 @@ body::before {
     .Header {
       display: none !important;
     }
-    .Profile {
-      display: none !important;
-    }
     .Toggle {
       display: none !important;
     }

data/assets/css/theme.scss

@@ -2,83 +2,6 @@
 ---
 @use "jekyll-theme-profile";
 
-{%- if site.background.overlay %}
-  {%- assign dark_overlay = site.background.overlay %}
-  {%- assign light_overlay = site.background.overlay %}
-{%- endif %}
-{%- if site.background.dark.overlay %}
-  {%- assign dark_overlay = site.background.dark.overlay %}
-{%- endif %}
-{%- if site.background.light.overlay %}
-  {%- assign light_overlay = site.background.light.overlay %}
-{%- endif %}
-
-{%- if dark_overlay %}
-/* Dark mode styles */
-[data-color-mode='dark'] {
-    --overlay-color: {{ dark_overlay }};
-}
-@media(prefers-color-scheme: dark) {
-[data-color-mode='auto'][data-dark-theme='dark_dimmed'] {
-    --overlay-color: {{ dark_overlay }};
-}
-}
-{%- endif %}
-
-{%- if light_overlay %}
-/* Light mode styles */
-[data-color-mode='light'] {
-    --overlay-color: {{ light_overlay }};
-}
-
-@media(prefers-color-scheme: light) {
-[data-color-mode='auto'][data-light-theme='light'] {
-    --overlay-color: {{ light_overlay }};
-}
-}
-{%- endif %}
-
-{%- if site.header.color %}
-
-{%- assign header_color=site.header.color %}
-.Header {
-    --color-header-bg: {{ header_color }};
-}
-/* Light mode styles */
-[data-color-mode='light'] {
-    --color-header-bg: {{ header_color }};
-}
-
-@media(prefers-color-scheme: light) {
-[data-color-mode='auto'][data-light-theme='light'] {
-    --color-header-bg: {{ header_color }};
-}
-}
-/* Dark mode styles */
-[data-color-mode='dark'] {
-    --color-header-bg: {{ header_color }};
-}
-@media(prefers-color-scheme: dark) {
-[data-color-mode='auto'][data-dark-theme='dark_dimmed'] {
-    --color-header-bg: {{ header_color }};
-}
-}
-{%- endif %}
-
-{%- if site.header.text %}
-.Header {
-    --color-header-logo: {{ site.header.text }};
-    --color-fg-muted: {{ site.header.text }};
-}
-{%- endif %}
-
-{%- if site.header.accent %}
-.Header {
-    --color-header-text: {{ site.header.accent }};
-    --color-accent-fg: {{ site.header.accent }};
-}
-{%- endif %}
-
 :root{
     --color-profile-text: var(--color-fg-default);
     --color-profile-accent: var(--color-accent-fg);

metadata

@@ -1,15 +1,29 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-profile
 version: !ruby/object:Gem::Version
-  version: 1.10.1
+  version: 1.10.2
 platform: ruby
 authors:
 - Allison Thackston
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-01-29 00:00:00.000000000 Z
+date: 2025-02-17 00:00:00.000000000 Z
 dependencies:
+- !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
   requirement: !ruby/object:Gem::Requirement
@@ -30,20 +44,6 @@ 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
@@ -139,6 +139,7 @@ files:
 - _config.yml
 - _includes/breadcrumbs.html
 - _includes/collection-menu.html
+- _includes/custom-colors.html
 - _includes/footer.html
 - _includes/head.html
 - _includes/header-appbar.html
@@ -152,6 +153,7 @@ files:
 - _includes/nav-overlay.html
 - _includes/nav.html
 - _includes/navbar-underline.html
+- _includes/paginator_nav.html
 - _includes/post-card.html
 - _includes/post-feature-card.html
 - _includes/post-gallery.html
@@ -165,6 +167,7 @@ files:
 - _includes/repo-card.html
 - _includes/repositories.html
 - _includes/social.html
+- _includes/thumbnail.html
 - _includes/toggle.html
 - _includes/user-metadata.html
 - _layouts/category_index.html