ultimate-jekyll-manager 0.0.138 → 0.0.141

package/README.md

@@ -59,6 +59,14 @@ npm start -- --debug=true
 ```bash
 npm start -- --ujPluginDevMode=true
 ```
+* `--profile` - Enables Jekyll build profiling to see how long each phase takes.
+```bash
+npm start -- --profile
+```
+* `--all-posts` - Disables the development post limit (15 posts) and builds with all posts. Useful when you need to test with full blog content.
+```bash
+npm start -- --all-posts
+```
 
 ### Other ENV variables
 ```bash

package/dist/assets/themes/classy/_config.scss

@@ -164,7 +164,10 @@ $avatar-sizes: (
   md: 2.5rem,
   lg: 3.5rem,
   xl: 5rem,
-  2xl: 7.5rem
+  2xl: 7.5rem,
+  3xl: 10rem,
+  4xl: 12.5rem,
+  5xl: 15rem
 ) !default;
 
 // Forward Bootstrap with our configuration

package/dist/assets/themes/classy/_theme.js

@@ -14,8 +14,8 @@ window.bootstrap = bootstrap;
 
 // Import navbar scroll functionality
 import setupNavbarScroll from './js/navbar-scroll.js';
-// Import logo scroll functionality
-import setupLogoScroll from './js/logo-scroll.js';
+// Import infinite scroll functionality (used by logo scroll, testimonials, etc.)
+import { setupInfiniteScroll } from './js/infinite-scroll.js';
 // Import tooltip initialization
 import initializeTooltips from './js/initialize-tooltips.js';
 
@@ -23,7 +23,7 @@ import initializeTooltips from './js/initialize-tooltips.js';
 domReady().then(() => {
   // Classy Theme Initializations
   setupNavbarScroll();
-  setupLogoScroll();
+  setupInfiniteScroll();
 
   // Generic Bootstrap initializations
   initializeTooltips();

package/dist/assets/themes/classy/_theme.scss

@@ -29,6 +29,6 @@
 @import 'css/components/carousel';
 @import 'css/components/forms';
 @import 'css/components/links';
-@import 'css/components/logo-scroll';
+@import 'css/components/infinite-scroll';
 @import 'css/components/spinners';
 @import 'css/components/text';

package/dist/assets/themes/classy/css/components/_infinite-scroll.scss

@@ -0,0 +1,140 @@
+// Infinite Scroll Animation Component
+// A reusable horizontal infinite scrolling container
+// Used by: logo scroll, testimonial scroll, etc.
+
+// ============================================
+// Container & Track
+// ============================================
+
+.infinite-scroll-wrapper {
+  position: relative;
+  width: 100vw;
+  margin-left: calc(-50vw + 50%);
+  overflow: hidden;
+
+  // Fade edges modifier
+  &.infinite-scroll-fade-edges {
+    &::before,
+    &::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      width: 100px;
+      z-index: 10;
+      pointer-events: none;
+    }
+
+    &::before {
+      left: 0;
+      background: linear-gradient(to right, var(--bs-body-bg), transparent);
+    }
+
+    &::after {
+      right: 0;
+      background: linear-gradient(to left, var(--bs-body-bg), transparent);
+    }
+  }
+}
+
+.infinite-scroll-track {
+  display: flex;
+  width: fit-content;
+  animation: infinite-scroll var(--infinite-scroll-duration, 30s) linear infinite;
+
+  &:hover {
+    animation-play-state: paused;
+  }
+
+  // Gap modifiers
+  &.gap-sm {
+    gap: 1rem;
+  }
+
+  &.gap-md {
+    gap: 1.5rem;
+  }
+
+  &.gap-lg {
+    gap: 2rem;
+  }
+}
+
+.infinite-scroll-item {
+  flex-shrink: 0;
+}
+
+// ============================================
+// Animation
+// ============================================
+
+@keyframes infinite-scroll {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(var(--infinite-scroll-distance, -50%));
+  }
+}
+
+// ============================================
+// Specific Item Types
+// ============================================
+
+// Logo items (used by trusted-by/partner sections)
+.infinite-scroll-item--logo {
+  padding: 0 3rem;
+  display: flex;
+  align-items: center;
+  height: 60px;
+
+  img, svg {
+    height: 40px;
+    width: auto;
+    max-width: 150px;
+    transition: all 0.3s ease;
+  }
+}
+
+// Card items (used by testimonials, etc.)
+.infinite-scroll-item--card {
+  width: 320px;
+  padding: 0.5rem 0;
+
+  .card {
+    height: 100%;
+    border-radius: 0.75rem;
+    transition: transform 0.2s ease, box-shadow 0.2s ease;
+
+    &:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1) !important;
+    }
+  }
+}
+
+// ============================================
+// Responsive Design
+// ============================================
+
+@media (max-width: 768px) {
+  .infinite-scroll-wrapper.infinite-scroll-fade-edges {
+    &::before,
+    &::after {
+      width: 50px;
+    }
+  }
+
+  .infinite-scroll-item--logo {
+    padding: 0 2rem;
+    height: 50px;
+
+    img, svg {
+      height: 30px;
+    }
+  }
+
+  .infinite-scroll-item--card {
+    width: 280px;
+  }
+}

package/dist/assets/themes/classy/js/infinite-scroll.js

@@ -0,0 +1,139 @@
+// Infinite Scroll Animation Component
+// A reusable horizontal infinite scrolling animation
+// Used by: logo scroll, testimonial scroll, etc.
+
+// Default scroll speed (pixels per second)
+const DEFAULT_SCROLL_SPEED = 40;
+
+/**
+ * Initialize infinite scroll for all matching elements
+ * @param {Object} options - Configuration options
+ * @param {string} options.selector - CSS selector for scroll tracks (default: '.infinite-scroll-track')
+ * @param {number} options.speed - Scroll speed in pixels per second (default: 40)
+ */
+export function setupInfiniteScroll(options = {}) {
+  const {
+    selector = '.infinite-scroll-track',
+    speed = DEFAULT_SCROLL_SPEED,
+  } = options;
+
+  const scrollTracks = document.querySelectorAll(selector);
+
+  scrollTracks.forEach(track => {
+    initializeTrack(track, speed);
+  });
+
+  // Recalculate on window resize
+  setupResizeHandler(scrollTracks, speed);
+}
+
+/**
+ * Initialize a single scroll track
+ * @param {HTMLElement} track - The scroll track element
+ * @param {number} speed - Scroll speed in pixels per second
+ */
+function initializeTrack(track, speed) {
+  if (!track) {
+    return;
+  }
+
+  // Check if already initialized
+  if (track.dataset.infiniteScrollInitialized === 'true') {
+    return;
+  }
+
+  // Get original items
+  const originalItems = Array.from(track.children);
+  if (originalItems.length === 0) {
+    return;
+  }
+
+  // Store original count for resize handling
+  track.dataset.originalItemCount = originalItems.length;
+  track.dataset.infiniteScrollInitialized = 'true';
+
+  // Calculate total width of original items
+  let totalWidth = 0;
+  const computedStyle = getComputedStyle(track);
+  const gap = parseFloat(computedStyle.gap) || 0;
+
+  originalItems.forEach((item, index) => {
+    totalWidth += item.getBoundingClientRect().width;
+    if (index < originalItems.length - 1) {
+      totalWidth += gap;
+    }
+  });
+
+  // Calculate how many sets we need to fill the screen plus extra for smooth scrolling
+  const viewportWidth = window.innerWidth;
+  const setsNeeded = Math.ceil((viewportWidth * 2.5) / totalWidth);
+
+  // Clone item sets
+  for (let i = 0; i < setsNeeded; i++) {
+    originalItems.forEach(item => {
+      const clone = item.cloneNode(true);
+      track.appendChild(clone);
+    });
+  }
+
+  // Calculate animation duration based on total width
+  const allItems = track.children;
+  let animationWidth = 0;
+
+  // Calculate width of half the items (for the seamless loop)
+  const halfCount = Math.floor(allItems.length / 2);
+  for (let i = 0; i < halfCount; i++) {
+    animationWidth += allItems[i].getBoundingClientRect().width + gap;
+  }
+
+  // Set CSS variables for animation
+  const duration = animationWidth / speed;
+  track.style.setProperty('--infinite-scroll-duration', `${duration}s`);
+  track.style.setProperty('--infinite-scroll-distance', `-${animationWidth}px`);
+
+  // Restart animation when it completes to ensure seamless loop
+  track.addEventListener('animationiteration', () => {
+    // Reset the animation to prevent accumulation of drift
+    track.style.animation = 'none';
+    track.offsetHeight; // Trigger reflow
+    track.style.animation = `infinite-scroll var(--infinite-scroll-duration, ${duration}s) linear infinite`;
+  });
+}
+
+/**
+ * Setup resize handler for recalculating scroll animations
+ * @param {NodeList} scrollTracks - All scroll track elements
+ * @param {number} speed - Scroll speed in pixels per second
+ */
+function setupResizeHandler(scrollTracks, speed) {
+  let resizeTimeout;
+
+  window.addEventListener('resize', () => {
+    clearTimeout(resizeTimeout);
+    resizeTimeout = setTimeout(() => {
+      scrollTracks.forEach(track => {
+        // Get original item count
+        const originalCount = parseInt(track.dataset.originalItemCount, 10) || 0;
+        if (originalCount === 0) {
+          return;
+        }
+
+        // Remove cloned items
+        while (track.children.length > originalCount) {
+          track.removeChild(track.lastChild);
+        }
+
+        // Reset initialization flag
+        track.dataset.infiniteScrollInitialized = 'false';
+
+        // Re-initialize
+        initializeTrack(track, speed);
+      });
+    }, 250);
+  });
+}
+
+// Default export for backward compatibility
+export default function() {
+  setupInfiniteScroll();
+}

package/dist/defaults/dist/_includes/themes/classy/frontend/components/testimonial-scroll.html

@@ -0,0 +1,84 @@
+{% comment %}
+  Testimonial Scroll Component
+  A scrolling masonry-style testimonial display inspired by modern SaaS landing pages.
+  Uses the generic infinite-scroll component for animation.
+
+  Usage:
+    {% include themes/classy/frontend/components/testimonial-scroll.html
+       testimonials=page.resolved.testimonials %}
+
+  Required data structure:
+    testimonials:
+      superheadline:
+        icon: "megaphone"
+        text: "Testimonials"
+      headline: "What people are saying"
+      headline_accent: "about us"
+      subheadline: "Hear from real customers"
+      items:
+        - quote: "..."
+          author: "Name"
+          role: "Title"
+          company: "Company"
+          initial: "N"
+          handle: "@username" (optional)
+{% endcomment %}
+
+<!-- Testimonials Section -->
+<section class="testimonial-scroll-section overflow-hidden">
+  <div class="container">
+    <div class="text-center mb-5" data-lazy="@class animation-slide-up">
+      {% iftruthy include.testimonials.superheadline.text %}
+        <span class="badge bg-body-tertiary border-gradient-rainbow border-1 text-body p-2 mb-1 fw-semibold small">
+          {% iftruthy include.testimonials.superheadline.icon %}
+            {% uj_icon include.testimonials.superheadline.icon, "me-1" %}
+          {% endiftruthy %}
+          {{ include.testimonials.superheadline.text }}
+        </span>
+      {% endiftruthy %}
+      <h2 class="h2 mb-2">
+        {{ include.testimonials.headline }}
+        {% iftruthy include.testimonials.headline_accent %}
+          <span class="text-accent">{{ include.testimonials.headline_accent }}</span>
+        {% endiftruthy %}
+      </h2>
+      {% iftruthy include.testimonials.subheadline %}
+        <p class="fs-5 text-muted">{{ include.testimonials.subheadline }}</p>
+      {% endiftruthy %}
+    </div>
+  </div>
+
+  {% if include.testimonials.items %}
+    <div class="infinite-scroll-wrapper infinite-scroll-fade-edges" data-lazy="@class animation-fade-in">
+      <div class="infinite-scroll-track gap-md" data-scroll-speed="30">
+        {% for testimonial in include.testimonials.items %}
+          <div class="infinite-scroll-item infinite-scroll-item--card">
+            <div class="card border-0 shadow-sm">
+              <div class="card-body p-4">
+                <!-- Header with avatar and info -->
+                <div class="d-flex align-items-center mb-3">
+                  <div class="avatar avatar-md rounded-circle bg-primary text-light d-flex align-items-center justify-content-center flex-shrink-0">
+                    <span class="fw-bold">{{ testimonial.initial }}</span>
+                  </div>
+                  <div class="ms-3">
+                    <div class="fw-semibold text-body">{{ testimonial.author }}</div>
+                    <div class="small text-muted">
+                      {% iftruthy testimonial.handle %}
+                        {{ testimonial.handle }}
+                      {% endiftruthy %}
+                      {% iffalsy testimonial.handle %}
+                        {{ testimonial.role }}{% iftruthy testimonial.company %} at {{ testimonial.company }}{% endiftruthy %}
+                      {% endiffalsy %}
+                    </div>
+                  </div>
+                </div>
+                <!-- Quote -->
+                <p class="mb-0 text-body">{{ testimonial.quote }}</p>
+              </div>
+            </div>
+          </div>
+        {% endfor %}
+      </div>
+    </div>
+  {% endif %}
+</section>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/index.html

@@ -50,7 +50,7 @@ hero:
 
 # Trusted By Section
 trusted_by:
-  headline: "Trusted by the Best"
+  headline: "Trusted by the best"
   logos:
     # - name: "airbnb"
     - name: "amazon"
@@ -348,10 +348,10 @@ cta:
       <h3 class="fs-4">{{ page.resolved.trusted_by.headline }}</h3>
     </div>
 
-    <div class="logo-scroll-wrapper" data-lazy="@class animation-slide-up">
-      <div class="logo-scroll-track">
+    <div class="infinite-scroll-wrapper" data-lazy="@class animation-slide-up">
+      <div class="infinite-scroll-track">
         {% for logo in page.resolved.trusted_by.logos %}
-          <div class="logo-item filter-adaptive hover-opacity">
+          <div class="infinite-scroll-item infinite-scroll-item--logo filter-adaptive hover-opacity">
             {% uj_logo logo.name, "combomarks", "original" %}
           </div>
         {% endfor %}
@@ -544,73 +544,7 @@ cta:
   </div>
 </section>
 
-<!-- Testimonials Section -->
-<section>
-  <div class="container">
-    <div class="text-center mb-5" data-lazy="@class animation-slide-up">
-      {% iftruthy page.resolved.testimonials.superheadline.text %}
-        <span class="badge bg-body-tertiary border-gradient-rainbow border-1 text-body p-2 mb-1 fw-semibold small">
-          {% iftruthy page.resolved.testimonials.superheadline.icon %}
-            {% uj_icon page.resolved.testimonials.superheadline.icon, "me-1" %}
-          {% endiftruthy %}
-          {{ page.resolved.testimonials.superheadline.text }}
-        </span>
-      {% endiftruthy %}
-      <h2 class="h2 mb-2">
-        {{ page.resolved.testimonials.headline }}
-        {% iftruthy page.resolved.testimonials.headline_accent %}
-          <span class="text-accent">{{ page.resolved.testimonials.headline_accent }}</span>
-        {% endiftruthy %}
-      </h2>
-      {% iftruthy page.resolved.testimonials.subheadline %}
-        <p class="fs-5 text-muted">{{ page.resolved.testimonials.subheadline }}</p>
-      {% endiftruthy %}
-    </div>
-
-    {% if page.resolved.testimonials.items %}
-      <div id="homeTestimonialCarousel" class="carousel slide" data-bs-ride="carousel" data-lazy="@class animation-slide-up">
-        <div class="carousel-indicators">
-          {% for testimonial in page.resolved.testimonials.items %}
-            <button type="button" data-bs-target="#homeTestimonialCarousel" data-bs-slide-to="{{ forloop.index0 }}" {% if forloop.first %}class="active" aria-current="true"{% endif %} aria-label="Slide {{ forloop.index }}"></button>
-          {% endfor %}
-        </div>
-
-        <div class="carousel-inner">
-          {% for testimonial in page.resolved.testimonials.items %}
-            <div class="carousel-item {% if forloop.first %}active{% endif %}">
-              <div class="row justify-content-center">
-                <div class="col-md-8">
-                  <div class="card border-0 shadow-sm my-1 rounded-3">
-                    <div class="card-body p-5 text-center">
-                      <div class="d-flex justify-content-center mb-4">
-                        <div class="avatar avatar-xl rounded-circle bg-primary text-light d-flex align-items-center justify-content-center">
-                          <span class="fs-2 fw-bold">{{ testimonial.initial }}</span>
-                        </div>
-                      </div>
-                      <blockquote class="mb-4">
-                        <p class="fs-4 fw-bold">"{{ testimonial.quote }}"</p>
-                      </blockquote>
-                      <p class="text-muted fs-5 mb-0">{{ testimonial.author }}, {{ testimonial.role }} at {{ testimonial.company }}</p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          {% endfor %}
-        </div>
-
-        <button class="carousel-control-prev" type="button" data-bs-target="#homeTestimonialCarousel" data-bs-slide="prev">
-          <span class="carousel-control-prev-icon rounded-circle p-3" aria-hidden="true"></span>
-          <span class="visually-hidden">Previous</span>
-        </button>
-        <button class="carousel-control-next" type="button" data-bs-target="#homeTestimonialCarousel" data-bs-slide="next">
-          <span class="carousel-control-next-icon rounded-circle p-3" aria-hidden="true"></span>
-          <span class="visually-hidden">Next</span>
-        </button>
-      </div>
-    {% endif %}
-  </div>
-</section>
+{% include themes/classy/frontend/components/testimonial-scroll.html testimonials=page.resolved.testimonials %}
 
 <!-- Stats Section -->
 <section>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/pricing.html

@@ -739,73 +739,7 @@ faqs:
   </div>
 </section>
 
-<!-- Testimonials Section -->
-<section>
-  <div class="container">
-    <div class="text-center mb-5" data-lazy="@class animation-slide-up">
-      {% iftruthy page.resolved.testimonials.superheadline.text %}
-        <span class="badge bg-body-tertiary border-gradient-rainbow border-1 text-body p-2 mb-1 fw-semibold small">
-          {% iftruthy page.resolved.testimonials.superheadline.icon %}
-            {% uj_icon page.resolved.testimonials.superheadline.icon, "me-1" %}
-          {% endiftruthy %}
-          {{ page.resolved.testimonials.superheadline.text }}
-        </span>
-      {% endiftruthy %}
-      <h2 class="h2 mb-2">
-        {{ page.resolved.testimonials.headline }}
-        {% iftruthy page.resolved.testimonials.headline_accent %}
-          <span class="text-accent">{{ page.resolved.testimonials.headline_accent }}</span>
-        {% endiftruthy %}
-      </h2>
-      {% iftruthy page.resolved.testimonials.subheadline %}
-        <p class="fs-5 text-muted">{{ page.resolved.testimonials.subheadline }}</p>
-      {% endiftruthy %}
-    </div>
-
-    {% if page.resolved.testimonials.items %}
-      <div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel" data-lazy="@class animation-slide-up">
-        <div class="carousel-indicators">
-          {% for testimonial in page.resolved.testimonials.items %}
-            <button type="button" data-bs-target="#testimonialCarousel" data-bs-slide-to="{{ forloop.index0 }}" {% if forloop.first %}class="active" aria-current="true"{% endif %} aria-label="Slide {{ forloop.index }}"></button>
-          {% endfor %}
-        </div>
-
-        <div class="carousel-inner">
-          {% for testimonial in page.resolved.testimonials.items %}
-            <div class="carousel-item {% if forloop.first %}active{% endif %}">
-              <div class="row justify-content-center">
-                <div class="col-md-8">
-                  <div class="card border-0 shadow-sm my-1">
-                    <div class="card-body p-5 text-center">
-                      <div class="d-flex justify-content-center mb-4">
-                        <div class="avatar avatar-xl rounded-circle bg-primary text-light d-flex align-items-center justify-content-center">
-                          <span class="fs-2 fw-bold">{{ testimonial.initial }}</span>
-                        </div>
-                      </div>
-                      <blockquote class="mb-4">
-                        <p class="fs-4 fw-bold">"{{ testimonial.quote }}"</p>
-                      </blockquote>
-                      <p class="text-muted fs-5 mb-0">{{ testimonial.author }}, {{ testimonial.role }} at {{ testimonial.company }}</p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          {% endfor %}
-        </div>
-
-        <button class="carousel-control-prev" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="prev">
-          <span class="carousel-control-prev-icon rounded-circle p-3" aria-hidden="true"></span>
-          <span class="visually-hidden">Previous</span>
-        </button>
-        <button class="carousel-control-next" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="next">
-          <span class="carousel-control-next-icon rounded-circle p-3" aria-hidden="true"></span>
-          <span class="visually-hidden">Next</span>
-        </button>
-      </div>
-    {% endif %}
-  </div>
-</section>
+{% include themes/classy/frontend/components/testimonial-scroll.html testimonials=page.resolved.testimonials %}
 
 <!-- FAQ Section -->
 <section>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/team/index.html

@@ -24,7 +24,7 @@ company_values:
     <div class="row justify-content-center text-center">
       <div class="col-lg-10">
         <h1 class="h1 mb-3">
-          Meet Our <span class="text-gradient-rainbow">Amazing Team</span>
+          Meet our <span class="text-gradient-rainbow">amazing team</span>
         </h1>
         <p class="fs-5 text-muted mb-0">
           We're a diverse group of passionate individuals working together to build the future of {{ site.brand.name }}. Get to know the people behind the magic.
@@ -46,7 +46,7 @@ company_values:
       {% for member in site.team %}
         <div class="col-lg-4 col-md-6">
           <div class="card h-100 border-0 shadow-sm team-member-card">
-            <div class="card-body p-4 text-center">
+            <div class="card-body p-4 text-center d-flex flex-column">
               <div class="position-relative mb-3 d-inline-block">
                 <a href="{{ site.url }}{{ member.url }}" class="text-decoration-none d-block">
                   <div class="avatar avatar-2xl">
@@ -61,19 +61,25 @@ company_values:
                 </a>
               </h4>
               <p class="text-primary fw-semibold mb-3">{{ member.member.position }}</p>
-              <p class="text-muted small mb-3">{{ member.member.description }}</p>
+              <p class="text-muted small mb-0 flex-grow-1">{{ member.member.description }}</p>
 
               {% iftruthy member.member.links %}
-                <div class="d-flex justify-content-center gap-2">
+                <div class="d-flex justify-content-center gap-2 mt-3">
                   {% for link in member.member.links %}
                     {% assign link_icon = link.id %}
                     {% if link.id == "website" %}{% assign link_icon = "globe" %}{% endif %}
-                    <a href="{{ link.url }}" class="btn btn-outline-primary btn-sm avatar avatar-md rounded-circle d-flex align-items-center justify-content-center" target="_blank" rel="nofollow noopener" title="{{ link.title }}">
+                    <a href="{{ link.url }}" class="btn btn-outline-adaptive btn-sm avatar avatar-md rounded-circle d-flex align-items-center justify-content-center" target="_blank" rel="nofollow noopener" title="{{ link.title }}">
                       {% uj_icon link_icon, "" %}
                     </a>
                   {% endfor %}
                 </div>
               {% endiftruthy %}
+
+              <div class="mt-3">
+                <a href="{{ site.url }}{{ member.url }}" class="btn btn-outline-primary btn-sm">
+                  View Profile
+                </a>
+              </div>
             </div>
           </div>
         </div>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/team/member.html

@@ -12,7 +12,7 @@ layout: themes/[ site.theme.id ]/frontend/core/base
       <div class="col-lg-10">
         <div class="text-center">
           <!-- Member Image -->
-          <div class="mb-4 avatar avatar-2xl">
+          <div class="mb-4 avatar avatar-5xl">
             {%- uj_member page.member.id, "image-tag", class="rounded-circle object-fit-cover shadow-lg team-member-image" -%}
           </div>
 

package/dist/defaults/src/_includes/frontend/sections/nav.json

@@ -5,13 +5,17 @@
     text: '{{ site.brand.name }}',
   },
   links: [
+    {
+      label: 'Pricing',
+      href: '/pricing'
+    },
     {
       label: 'About',
       href: '/about'
     },
     {
-      label: 'Pricing',
-      href: '/pricing'
+      label: 'Contact',
+      href: '/contact'
     },
     {
       label: 'Explore',
@@ -24,13 +28,13 @@
         {
           label: 'Team',
           href: '/team'
-        }
+        },
+        {
+          label: 'Careers',
+          href: '/careers'
+        },
       ]
     },
-    {
-      label: 'Contact',
-      href: '/contact'
-    }
   ],
   actions: [
     {

package/dist/gulp/tasks/defaults.js

@@ -18,6 +18,9 @@ const config = Manager.getConfig('project');
 const rootPathPackage = Manager.getRootPath('main');
 const rootPathProject = Manager.getRootPath('project');
 
+// Constants
+const LOUD = process.env.UJ_LOUD_LOGS === 'true';
+
 // Load ultimate-jekyll-manager.json config
 const ujConfigPath = path.join(rootPathPackage, 'dist/defaults/config/ultimate-jekyll-manager.json');
 const ujConfig = jetpack.exists(ujConfigPath) ? JSON5.parse(jetpack.read(ujConfigPath)) : {};
@@ -465,7 +468,11 @@ function customTransform() {
 
     // Skip if instructed
     if (options.skip || (!options.overwrite && exists && !options.merge && !options.mergeLines)) {
-      logger.log(`Skipping file: ${relativePath}`);
+      // Log if loud is enabled
+      if (LOUD) {
+        logger.log(`Skipping file: ${relativePath}`);
+      }
+
       return callback();
     }
 

package/dist/gulp/tasks/distribute.js

@@ -13,6 +13,9 @@ const config = Manager.getConfig('project');
 const rootPathPackage = Manager.getRootPath('main');
 const rootPathProject = Manager.getRootPath('project');
 
+// Constants
+const LOUD = process.env.UJ_LOUD_LOGS === 'true';
+
 // Glob
 const input = [
   // Files to include
@@ -75,7 +78,9 @@ function customTransform() {
     const relativePath = path.relative(file.base, file.path).replace(/\\/g, '/');
 
     // Log
-    logger.log(`Processing file: ${relativePath}`);
+    if (LOUD) {
+      logger.log(`Processing file: ${relativePath}`);
+    }
 
     // Change path if it starts with 'pages/'
     // if (relativePath.startsWith('pages/')) {

package/dist/gulp/tasks/jekyll.js

@@ -99,7 +99,9 @@ async function jekyll(complete) {
         Manager.isBuildMode() ? '' : `./node_modules/${package.name}/dist/config/_config_development.yml`,
       ].join(','),
       '--incremental',
-      Manager.isBuildMode() ? ' --profile' : '',
+      (Manager.isBuildMode() || argv.profile) ? ' --profile' : '',
+      // Limit posts in development for faster builds (use --all-posts to disable)
+      (!Manager.isBuildMode() && !argv['all-posts']) ? '--limit_posts 15' : '',
       // '--disable-disk-cache',
     ]
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ultimate-jekyll-manager",
-  "version": "0.0.138",
+  "version": "0.0.141",
   "description": "Ultimate Jekyll dependency manager",
   "main": "dist/index.js",
   "exports": {
@@ -97,7 +97,7 @@
     "sass": "^1.94.2",
     "spellchecker": "^3.7.1",
     "through2": "^4.0.2",
-    "web-manager": "^4.0.31",
+    "web-manager": "^4.0.32",
     "webpack": "^5.103.0",
     "wonderful-fetch": "^1.3.4",
     "wonderful-version": "^1.3.2",

package/dist/assets/themes/classy/css/components/_logo-scroll.scss

@@ -1,57 +0,0 @@
-// Logo Scroll Animation Component
-// Infinite scrolling logo carousel for partner/client sections
-
-// ============================================
-// Container & Track
-// ============================================
-
-.logo-scroll-wrapper {
-  position: relative;
-  width: 100vw;
-  margin-left: calc(-50vw + 50%);
-  overflow: hidden;
-}
-
-.logo-scroll-track {
-  display: flex;
-  width: fit-content;
-  animation: scroll-logos var(--logo-scroll-duration, 30s) linear infinite;
-}
-
-.logo-item {
-  padding: 0 3rem;
-  display: flex;
-  align-items: center;
-  height: 60px;
-  flex-shrink: 0;
-
-  img, svg {
-    height: 40px;
-    width: auto;
-    max-width: 150px;
-    transition: all 0.3s ease;
-  }
-}
-
-@keyframes scroll-logos {
-  0% {
-    transform: translateX(0);
-  }
-  100% {
-    transform: translateX(var(--logo-scroll-distance, -50%));
-  }
-}
-
-// ============================================
-// Responsive Design
-// ============================================
-@media (max-width: 768px) {
-  .logo-item {
-    padding: 0 2rem;
-    height: 50px;
-
-    img, svg {
-      height: 30px;
-    }
-  }
-}

package/dist/assets/themes/classy/js/logo-scroll.js

@@ -1,83 +0,0 @@
-// Setup speed
-const SCROLL_SPEED_PX_PER_SECOND = 40; // Pixels per second
-
-// Logo scroll animation setup
-export default function setupLogoScroll() {
-  const scrollTracks = document.querySelectorAll('.logo-scroll-track');
-
-  scrollTracks.forEach(track => {
-    if (!track) {
-      return;
-    }
-
-    // Get original logos
-    const originalLogos = Array.from(track.children);
-    if (originalLogos.length === 0) {
-      return;
-    }
-
-    // Calculate total width of original logos
-    let totalWidth = 0;
-    originalLogos.forEach(logo => {
-      totalWidth += logo.getBoundingClientRect().width;
-    });
-
-    // Calculate how many sets we need to fill the screen plus extra for smooth scrolling
-    const viewportWidth = window.innerWidth;
-    const setsNeeded = Math.ceil((viewportWidth * 2.5) / totalWidth);
-
-    // Clone logo sets
-    for (let i = 0; i < setsNeeded; i++) {
-      originalLogos.forEach(logo => {
-        const clone = logo.cloneNode(true);
-        track.appendChild(clone);
-      });
-    }
-
-    // Calculate animation duration based on total width
-    // Slower speed for better visibility
-    const allLogos = track.children;
-    let animationWidth = 0;
-
-    // Calculate width of half the logos (for the 50% translation)
-    const halfCount = Math.floor(allLogos.length / 2);
-    for (let i = 0; i < halfCount; i++) {
-      animationWidth += allLogos[i].getBoundingClientRect().width;
-    }
-
-    // Set CSS variables for animation
-    const duration = animationWidth / SCROLL_SPEED_PX_PER_SECOND;
-    track.style.setProperty('--logo-scroll-duration', `${duration}s`);
-    track.style.setProperty('--logo-scroll-distance', `-${animationWidth}px`);
-
-    // Restart animation when it completes to ensure seamless loop
-    track.addEventListener('animationiteration', () => {
-      // Reset the animation to prevent accumulation of drift
-      track.style.animation = 'none';
-      track.offsetHeight; // Trigger reflow
-      track.style.animation = `scroll-logos var(--logo-scroll-duration, ${duration}s) linear infinite`;
-    });
-  });
-
-  // Recalculate on window resize
-  let resizeTimeout;
-  window.addEventListener('resize', () => {
-    clearTimeout(resizeTimeout);
-    resizeTimeout = setTimeout(() => {
-      // Reset and recalculate
-      scrollTracks.forEach(track => {
-        // Remove cloned logos
-        const logos = Array.from(track.children);
-        const originalCount = logos.length / (Math.ceil(logos.length / 8)); // Estimate original count
-
-        // Keep only estimated original logos
-        while (track.children.length > 8) { // Assuming max 8 original logos
-          track.removeChild(track.lastChild);
-        }
-      });
-
-      // Re-run setup
-      setupLogoScroll();
-    }, 250);
-  });
-}