jekyll-theme-profile 1.12.5 → 1.13.0

data/_sass/_main.scss

@@ -1,3 +1,6 @@
+:root {
+  --topbar-height: 150px;
+}
 // Needed for setting the background overlay
 body::before {
   content: "";
@@ -11,6 +14,13 @@ body::before {
   /* Use the --overlay-color variable here */
 }
 
+.topbar-aware-height {
+  height: calc(100vh - var(--topbar-height, 150px));
+}
+.topbar-aware-top {
+  top: var(--topbar-height, 150px);
+}
+
 .avatar-user {
   border-radius: 50% !important;
 }

data/assets/css/theme.scss

@@ -1,8 +1,11 @@
 ---
 ---
-{% if site.github.versions != blank %}
+{% assign jekyll_version=jekyll.version | split: "." | first %}
+{% if jekyll_version == '3' %}
+/* Jekyll version 3 detected */
 @import 'jekyll-theme-profile-compat';
 {% else %}
+/* Jekyll version 4+ detected */
 @use 'jekyll-theme-profile';
 {% endif %}
 

data/assets/js/topbar.js

@@ -0,0 +1,19 @@
+document.addEventListener("DOMContentLoaded", function () {
+    function updateTopBarHeight() {
+        const topBar = document.querySelector('.topbar');
+        const topBarHeight = topBar ? topBar.offsetHeight : 0;
+
+        // 1. Set CSS variable for layout
+        document.documentElement.style.setProperty('--topbar-height', `${topBarHeight}px`);
+
+        // 2. Dispatch event for any JS-based listeners (timeline cards, etc)
+        document.dispatchEvent(new CustomEvent('topbarHeightUpdated', {
+            detail: { topBarHeight }
+        }));
+
+        console.log("[topbar.js] --topbar-height set to", topBarHeight);
+    }
+
+    updateTopBarHeight();
+    window.addEventListener('resize', updateTopBarHeight);
+});

metadata

@@ -1,29 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-profile
 version: !ruby/object:Gem::Version
-  version: 1.12.5
+  version: 1.13.0
 platform: ruby
 authors:
 - Allison Thackston
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-02-24 00:00:00.000000000 Z
+date: 2026-04-22 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
@@ -44,76 +30,34 @@ dependencies:
     - - "<"
       - !ruby/object:Gem::Version
         version: '5.0'
-- !ruby/object:Gem::Dependency
-  name: jekyll-github-metadata
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2.9'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2.9'
-- !ruby/object:Gem::Dependency
-  name: jekyll-octicons
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '19.4'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '19.4'
 - !ruby/object:Gem::Dependency
   name: jekyll-seo-tag
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2.0'
-- !ruby/object:Gem::Dependency
-  name: jekyll-toc
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '0.18'
+        version: '2.8'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.18'
+        version: '2.8'
 - !ruby/object:Gem::Dependency
   name: jemoji
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.11'
+        version: '0.13'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.11'
+        version: '0.13'
 - !ruby/object:Gem::Dependency
   name: kramdown-parser-gfm
   requirement: !ruby/object:Gem::Requirement
@@ -135,9 +79,10 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- README.md
+- LICENSE
 - _config.yml
 - _includes/breadcrumbs.html
+- _includes/category_index.html
 - _includes/collection-menu.html
 - _includes/custom-colors.html
 - _includes/footer.html
@@ -167,13 +112,13 @@ 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
 - _layouts/category_layout.html
 - _layouts/default.html
 - _layouts/docs.html
+- _layouts/docs_index.html
 - _layouts/home.html
 - _layouts/landing.html
 - _layouts/linktree.html
@@ -198,8 +143,8 @@ files:
 - assets/img/user-image.jpg
 - assets/js/anchor-links.js
 - assets/js/theme-toggle.js
-- assets/js/timeline.js
-homepage: https://www.althack.dev/jekyll-theme-profile
+- assets/js/topbar.js
+homepage: https://www.primerpages.com
 licenses:
 - MIT
 metadata: {}
@@ -218,7 +163,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.22
+rubygems_version: 3.4.20
 signing_key:
 specification_version: 4
 summary: Jekyll theme built off of Github's personal website template and primer.

data/README.md

@@ -1,32 +0,0 @@
-# jekyll-theme-profile
-
-![jekyll-theme-profile](https://raw.githubusercontent.com/athackst/jekyll-theme-profile/main/screenshot.png)
-
-
-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.
-
-## Quickstart
-
-Add this line to your Jekyll site's `Gemfile`:
-
-```ruby
-gem "jekyll-theme-profile"
-```
-
-And add this line to your Jekyll site's `_config.yml`:
-
-```yaml
-theme: jekyll-theme-profile
-```
-
-See the [documentation](https://www.althack.dev/jekyll-theme-profile/docs) for additional details.
-
-## Contributing
-
-Bug reports and pull requests are welcome on GitHub at https://github.com/athackst/jekyll-theme-profile. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](https://www.contributor-covenant.org/) code of conduct.
-
-See [Contributing](/CONTRIBUTING.md) for more information on contributing to this theme.
-
-## License
-
-The theme is available as open source under the terms of the [MIT License](https://opensource.org/license/mit/).

data/_includes/thumbnail.html

@@ -1,19 +0,0 @@
-{%- comment %}
-This creates a thumbnail image.  Thumbnail images can either be set to an image or an octicon
-
-## Inputs
-
-- thumbnail (optional)
-- octicon (optional)
-
-{%- endcomment %}
-
-{%- assign thumbnail = include.thumbnail %}
-{%- assign octicon = include.octicon %}
-
-{%- if include.thumbnail %}
-<img src="{{ thumbnail | relative_url }}" width="48" height="48"
-class="rounded-2 box-shadow-none img-cover float-left" alt="{{ name }}">
-{% elsif octicon %}
-{% octicon {{ octicon }} height:48 %}
-{% endif %}

data/assets/js/timeline.js

@@ -1,49 +0,0 @@
-document.addEventListener("DOMContentLoaded", function () {
-    console.log("Timeline script is running!");
-
-    function updateTopBarHeight() {
-        // Recalculate topBarHeight
-        var topBarElement = document.querySelector('.topbar');
-        topBarHeight = topBarElement ? topBarElement.offsetHeight : 0;
-
-        // Update styles for each timeline title
-        timelineTitles.forEach(function (title) {
-            title.style.top = topBarHeight + "px";
-        });
-        console.log("Updated offsetHeight!");
-    }
-
-    // Set dimensions for all iframes with the same ID
-    function setIframeDimensions() {
-        var iframes = document.querySelectorAll('iframe[id="Timeline-video"]');
-        console.log(iframes.length);
-        var container = document.getElementById('Timeline-video-container');
-
-        // Get the container's dimensions
-        var containerWidth = container.offsetWidth;
-        var containerHeight = container.offsetHeight;
-        if (iframes) {
-            iframes.forEach(function (iframe) {
-                iframe.style.width = containerWidth + 'px';
-                iframe.style.height = containerHeight + 'px';
-            });
-            console.log("Updated iframes width x height: " + containerWidth + " x " + containerHeight);
-        }
-    }
-
-    // Default topBarHeight to 0 if .topbar doesn't exist
-    var topBarHeight = 0;
-    var timelineTitles = document.querySelectorAll(".TimelineItem-title");
-
-    // Initial update
-    updateTopBarHeight();
-    setIframeDimensions();
-
-    // Add event listener for window resize
-    window.addEventListener('resize', function () {
-        // Call the function to update topBarHeight and adjust styles
-        console.log("resizing elements");
-        updateTopBarHeight();
-        setIframeDimensions();
-    });
-});