npm - ultimate-jekyll-manager - Versions diffs - 0.0.130 → 0.0.132 - Mend

ultimate-jekyll-manager 0.0.130 → 0.0.132

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (46) hide show

package/CLAUDE.md CHANGED Viewed

@@ -779,6 +779,25 @@ Track events directly without existence checks. All three tracking calls should
 **Development Mode:**
 In development mode, all tracking calls are intercepted and logged to the console for debugging. See `src/assets/js/libs/dev.js` for implementation.
+## HTML Element Attributes
+The `<html>` element has data attributes for JavaScript/CSS targeting:
+| Attribute | Values |
+|-----------|--------|
+| `data-theme-id` | Theme ID (e.g., `classy`) |
+| `data-theme-target` | `frontend`, `backend`, `docs` |
+| `data-bs-theme` | `light`, `dark` |
+| `data-page-path` | Page permalink (e.g., `/about`) |
+| `data-asset-path` | Custom asset path or empty |
+| `data-environment` | `development`, `production` |
+| `data-platform` | `windows`, `mac`, `linux`, `ios`, `android`, `chromeos`, `unknown` |
+| `data-device` | `mobile` (<768px), `tablet` (768-1199px), `desktop` (>=1200px) |
+| `data-runtime` | `web`, `extension`, `electron`, `node` |
+| `aria-busy` | `true` (loading), `false` (ready) |
+**Detection source:** `web-manager/src/modules/utilities.js`
 ## Audit Workflow
 When fixing issues identified by the audit task (`src/gulp/tasks/audit.js`):

package/README.md CHANGED Viewed

@@ -231,6 +231,23 @@ These utilities are particularly useful for:
 - Constraining forms, cards, and modals to reasonable sizes
 - Maintaining design consistency with Bootstrap's grid system
+### HTML Element Attributes
+The `<html>` element has data attributes for JavaScript/CSS targeting:
+| Attribute | Values |
+|-----------|--------|
+| `data-theme-id` | Theme ID (e.g., `classy`) |
+| `data-theme-target` | `frontend`, `backend`, `docs` |
+| `data-bs-theme` | `light`, `dark` |
+| `data-page-path` | Page permalink (e.g., `/about`) |
+| `data-asset-path` | Custom asset path or empty |
+| `data-environment` | `development`, `production` |
+| `data-platform` | `windows`, `mac`, `linux`, `ios`, `android`, `chromeos`, `unknown` |
+| `data-device` | `mobile` (<768px), `tablet` (768-1199px), `desktop` (>=1200px) |
+| `data-runtime` | `web`, `extension`, `electron`, `node` |
+| `aria-busy` | `true` (loading), `false` (ready) |
 ### Page Loading Protection System
 Ultimate Jekyll includes an automatic protection system that prevents users from clicking buttons before JavaScript is fully loaded, eliminating race conditions and errors.

package/dist/assets/js/libs/auth.js CHANGED Viewed

@@ -19,17 +19,26 @@ export default function (Manager) {
     // Check for authSignout parameter first
     await handleAuthSignout(webManager);
-    // Initialize the appropriate form based on the page (needs to be done early for error handling)
+    // Initialize the appropriate form based on the page (with autoReady: false)
     initializePageForm();
-    // Check for redirect result from OAuth providers
-    await handleRedirectResult();
+    // Check for redirect result from OAuth providers BEFORE enabling form
+    // This prevents the form from appearing interactive while redirect is processing
+    const hasRedirectResult = await handleRedirectResult();
+    // If redirect result was found, don't enable the form - user will be redirected
+    if (hasRedirectResult) {
+      return;
+    }
     // Check subdomain auth restrictions and redirect if needed
     if (checkSubdomainAuth()) {
       return;
     }
+    // No redirect pending - enable the form
+    formManager.ready();
     // Update auth return URL in all auth-related links
     updateAuthReturnUrl();
@@ -85,6 +94,7 @@ export default function (Manager) {
   // Initialize signin form
   function initializeSigninForm() {
     formManager = new FormManager('#signin-form', {
+      autoReady: false, // We'll call ready() after checking redirect result
       allowResubmit: false,
       submittingText: 'Signing in...',
       submittedText: 'Signed In!',
@@ -97,6 +107,7 @@ export default function (Manager) {
   // Initialize signup form
   function initializeSignupForm() {
     formManager = new FormManager('#signup-form', {
+      autoReady: false, // We'll call ready() after checking redirect result
       allowResubmit: false,
       submittingText: 'Creating account...',
       submittedText: 'Account Created!',
@@ -109,6 +120,7 @@ export default function (Manager) {
   // Initialize reset form
   function initializeResetForm() {
     formManager = new FormManager('#reset-form', {
+      autoReady: false, // We'll call ready() after checking redirect result
       allowResubmit: false,
       submittingText: 'Sending...',
       submittedText: 'Email Sent!',
@@ -129,9 +141,9 @@ export default function (Manager) {
       // Log results for debugging
       console.log('Redirect result:', result);
-      // If no result, just return
+      // If no result, return false to indicate no redirect was processed
       if (!result || !result.user) {
-        return;
+        return false;
       }
       console.log('Successfully authenticated via redirect:', result.user.email);
@@ -151,6 +163,9 @@ export default function (Manager) {
         trackLogin(providerId, result.user);
         formManager.showSuccess('Successfully signed in!');
       }
+      // Return true to indicate redirect was successfully processed
+      return true;
     } catch (error) {
       // Only capture unexpected errors to Sentry
       if (!isUserError(error.code)) {
@@ -167,6 +182,9 @@ export default function (Manager) {
       } else if (error.code && error.code !== 'auth/cancelled-popup-request') {
         formManager.showError(`Authentication error: ${error.message}`);
       }
+      // Return false on error so form becomes interactive for user to try again
+      return false;
     }
   }

package/dist/assets/js/libs/form-manager.js CHANGED Viewed

@@ -154,6 +154,12 @@ export class FormManager {
     const $autofocusField = this.$form.querySelector('[autofocus]');
     if ($autofocusField && !$autofocusField.disabled) {
       $autofocusField.focus();
+      // Move cursor to end of input if it has existing text
+      if (typeof $autofocusField.setSelectionRange === 'function') {
+        const len = $autofocusField.value.length;
+        $autofocusField.setSelectionRange(len, len);
+      }
     }
   }

package/dist/assets/themes/classy/css/layout/_navigation.scss CHANGED Viewed

@@ -56,7 +56,8 @@
 .navbar {
   &.navbar-floating {
     border-radius: 1rem;
-    padding: 0.75rem 1rem;
+    // padding: 0.75rem;
+    padding: 1rem;
     background: transparent !important;
     border: 1px solid rgba(0, 0, 0, 0.06);
     transition: all 0.3s ease;

package/dist/commands/migrate.js CHANGED Viewed

@@ -17,9 +17,11 @@ module.exports = async function () {
     // Run migration tasks
     await migratePosts();
     await migrateAssets();
+    await migrateBlogImages();
     await fixPostsLayout();
     await fixPostFilenames();
     await cleanupOldDirectories();
+    await cleanupDeprecatedAuthors();
     // Log completion
     logger.log(logger.format.green('✓ Migration complete!'));
@@ -216,6 +218,27 @@ async function migrateAssets() {
   }
 }
+async function migrateBlogImages() {
+  const sourcePath = path.join(process.cwd(), 'src', 'assets', '_src', 'images', 'blog', 'posts');
+  const targetPath = path.join(process.cwd(), 'src', 'assets', 'images', 'blog');
+  if (!jetpack.exists(sourcePath)) {
+    logger.log('No src/assets/_src/images/blog/posts directory found - skipping blog images migration');
+    return;
+  }
+  logger.log('Migrating blog images to src/assets/images/blog...');
+  // Ensure target directory exists
+  jetpack.dir(targetPath);
+  // Copy contents (overwrite) then remove source
+  jetpack.copy(sourcePath, targetPath, { overwrite: true });
+  jetpack.remove(sourcePath);
+  logger.log(logger.format.green('✓ Blog images migrated'));
+}
 async function fixPostsLayout() {
   const postsPath = path.join(process.cwd(), 'src', '_posts');
@@ -290,7 +313,21 @@ async function fixPostsLayout() {
       modified = true;
     }
-    // 4. Remove ad unit includes from content
+    // 4. Migrate post.author from old format to new format (first-last)
+    const authorMigrations = {
+      'alex': 'alex-raeburn',
+      'ian': 'ian-wiedenman',
+    };
+    Object.entries(authorMigrations).forEach(([oldAuthor, newAuthor]) => {
+      const authorRegex = new RegExp(`^(\\s*author:\\s*)(['"]?)${oldAuthor}\\2\\s*$`, 'gm');
+      if (frontmatter.match(authorRegex)) {
+        frontmatter = frontmatter.replace(authorRegex, `$1${newAuthor}`);
+        modified = true;
+      }
+    });
+    // 5. Remove ad unit includes from content
     const adUnitRegex = /{%\s*include\s+\/master\/modules\/adunits\/adsense-in-article\.html\s+index="[^"]*"\s*%}/g;
     const cleanedContent = restOfContent.replace(adUnitRegex, '');
@@ -388,6 +425,7 @@ async function cleanupOldDirectories() {
   const directoriesToCheck = [
     { path: path.join(process.cwd(), 'assets'), name: 'assets' },
     { path: path.join(process.cwd(), '_posts'), name: '_posts' },
+    { path: path.join(process.cwd(), 'src', 'assets', '_src'), name: 'src/assets/_src' },
   ];
   logger.log('Checking for empty old directories to clean up...');
@@ -422,3 +460,36 @@ async function cleanupOldDirectories() {
     logger.log('No empty directories to clean up');
   }
 }
+async function cleanupDeprecatedAuthors() {
+  // Deprecated author directories that used first-name only format
+  const deprecatedAuthors = ['ian', 'alex'];
+  const directoriesToDelete = deprecatedAuthors.map((author) => ({
+    path: path.join(process.cwd(), 'src', 'assets', 'images', 'team', author),
+    name: `team/${author}`,
+  }));
+  logger.log('Checking for deprecated author directories to remove...');
+  let deletedCount = 0;
+  directoriesToDelete.forEach(({ path: dirPath, name }) => {
+    const exists = jetpack.exists(dirPath);
+    if (!exists) {
+      return;
+    }
+    // Delete the directory and all its contents
+    jetpack.remove(dirPath);
+    logger.log(`  ✓ Deleted deprecated ${name} directory`);
+    deletedCount++;
+  });
+  if (deletedCount > 0) {
+    logger.log(logger.format.green(`✓ Removed ${deletedCount} deprecated author director${deletedCount === 1 ? 'y' : 'ies'}`));
+  } else {
+    logger.log('No deprecated author directories found');
+  }
+}

package/dist/config/_config_default.yml CHANGED Viewed

@@ -1,7 +1,7 @@
 # Ultimate Jekyll Properties
 uj:
   cache_breaker: null
-  environment: "production"
+  # environment: "production" # DEPRECATED: use jekyll.environment instead
 # Theme
 theme:

package/dist/config/_config_development.yml CHANGED Viewed

@@ -1,3 +1,4 @@
 # Ultimate Jekyll Properties
-uj:
-  environment: "development"
+# DEPRECATD THIS (USE jekyll.environment INSTEAD)
+# uj:
+  # environment: "development"

package/dist/defaults/dist/_includes/core/foot.html CHANGED Viewed

@@ -65,7 +65,7 @@
 <!-- Configuration -->
 <script type="text/javascript">
   var Configuration = {
-    environment: "{{ site.uj.environment }}",
+    environment: "{{ jekyll.environment }}",
     buildTime: {{ site.uj.cache_breaker }},
     brand: {{ page.resolved.brand | jsonify }},
     advertising: {{ page.resolved.advertising | jsonify }},

package/dist/defaults/dist/_includes/themes/classy/frontend/sections/nav.html CHANGED Viewed

@@ -6,7 +6,7 @@
     {% capture logo_text %}{{ data.logo.text | default: site.brand.name | uj_liquify }}{% endcapture %}
     {% capture logo_class %}{{ data.logo.class }}{% endcapture %}
-    <a class="navbar-brand d-inline-flex align-items-center" href="{{ logo_href }}">
+    <a class="navbar-brand d-inline-flex align-items-center py-0" href="{{ logo_href }}">
       {% iftruthy logo_src %}
         <div class="avatar avatar-md me-2 {{ logo_class }}">
           <img src="{{ logo_src }}" alt="{{ logo_text }} Logo"/>
@@ -31,12 +31,12 @@
           <div class="dropdown animation-slide-up ms-2 d-inline-flex" data-wm-bind="@show auth.user" hidden>
             <button class="p-0 border-0 bg-transparent" type="button" data-bs-toggle="dropdown" {{ action_attributes }} aria-expanded="false">
               <span class="d-flex align-items-center">
-                <span class="position-relative d-inline-block">
+                <span class="position-relative d-inline-flex">
                   <span class="avatar avatar-sm rounded-circle bg-secondary bg-opacity-10 border d-flex align-items-center justify-content-center overflow-hidden d-inline-flex">
                     <img src="{{ site.uj.placeholder.src }}" data-wm-bind="@attr src auth.user.photoURL" alt="{{ site.brand.name }} profile picture"/>
                   </span>
                   <!-- Active status indicator -->
-                  <span class="position-absolute bottom-0 end-0 p-1 bg-success border border-2 border-white avatar avatar-2xs rounded-circle mb-1">
+                  <span class="position-absolute bottom-0 end-0 p-1 bg-success border border-2 border-white avatar avatar-2xs rounded-circle mb-0">
                     <span class="visually-hidden">Active status</span>
                   </span>
                 </span>
@@ -188,12 +188,12 @@
               <div class="dropdown ms-lg-3 animation-slide-up d-inline-flex" data-wm-bind="@show auth.user" hidden>
                 <button class="p-0 border-0 bg-transparent" type="button" data-bs-toggle="dropdown" {{ action_attributes }} aria-expanded="false">
                   <span class="d-flex align-items-center">
-                    <span class="position-relative d-inline-block">
+                    <span class="position-relative d-inline-flex">
                       <span class="avatar avatar-md rounded-circle bg-secondary bg-opacity-10 border d-flex align-items-center justify-content-center overflow-hidden d-inline-flex">
                         <img src="{{ site.uj.placeholder.src }}" data-wm-bind="@attr src auth.user.photoURL" alt="{{ site.brand.name }} profile picture"/>
                       </span>
                       <!-- Active status indicator -->
-                      <span class="position-absolute bottom-0 end-0 p-1 bg-success border border-2 border-white avatar avatar-2xs rounded-circle mb-2">
+                      <span class="position-absolute bottom-0 end-0 p-1 bg-success border border-2 border-white avatar avatar-2xs rounded-circle mb-0">
                         <span class="visually-hidden">Active status</span>
                       </span>
                     </span>

package/dist/defaults/dist/_layouts/core/root.html CHANGED Viewed

@@ -17,6 +17,11 @@ layout: null
   data-page-path="{{ page.canonical.path }}"
   data-asset-path="{{ page.resolved.asset_path }}"
+  data-environment="{{ jekyll.environment | default: 'development' }}"
+  data-platform=""
+  data-device=""
+  data-runtime=""
   data-page-loading="true"
   aria-busy="true"
   >

package/dist/defaults/dist/_layouts/modules/utilities/redirect.html CHANGED Viewed

@@ -65,7 +65,7 @@ meta:
   data-querystring="{{ querystring }}"
   data-modifier="{{ modifier }}"
   data-site-url="{{ site.url }}"
-  data-environment="{{ site.uj.environment }}">
+  data-environment="{{ jekyll.environment }}">
 </div>
 <!-- Load redirect module script -->

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

@@ -120,12 +120,12 @@ badges:
   <div class="container-fluid px-4">
     <div class="d-flex align-items-center justify-content-between py-3">
       <!-- Left: Brand -->
-      <div class="d-flex align-items-center">
+      <a href="/" class="d-flex align-items-center text-decoration-none text-body">
         <span class="avatar avatar-md me-3">
           <img src="{{ site.brand.images.brandmark }}?cb={{ site.uj.cache_breaker }}" alt="{{ site.brand.name }}"/>
         </span>
         <h1 class="h5 mb-0 fw-semibold">{{ site.brand.name }} Account</h1>
-      </div>
+      </a>
       <!-- Right: Close button -->
       <button type="button" class="btn-close" aria-label="Close" onclick="window.location.href='/'"></button>
@@ -135,7 +135,7 @@ badges:
 <!-- Mobile Navigation Dropdown -->
 <div class="d-lg-none pt-5">
-  <div class="container-fluid">
+  <div class="container-fluid px-0">
     <div class="card border-0 shadow-sm">
       <div class="card-body p-3">
         <div class="d-flex gap-2">
@@ -165,7 +165,7 @@ badges:
   <div class="row">
     <!-- Desktop Sidebar -->
     <nav class="col-lg-3 d-none d-lg-block px-3 pb-3 pt-0" aria-label="Account navigation">
-      <div class="card border-0 shadow-sm position-sticky">
+      <div class="card border-0 shadow-sm position-sticky" style="top: 90px;">
         <div class="card-body p-3">
           <ul class="nav nav-pills flex-column" id="account-nav" role="tablist" aria-label="Account sections">
             {% for section in page.resolved.sections %}
@@ -214,13 +214,13 @@ badges:
           <!-- Avatar and Edit Button -->
           <div class="mb-4">
             <div class="d-flex align-items-center">
-              <div id="avatar-container" class="me-3 position-relative">
+              <div id="avatar-container" class="me-3 position-relative d-flex align-items-center">
                 <!-- Avatar always available from getUser() -->
                 <div class="avatar avatar-lg rounded-circle overflow-hidden border">
                   <img src="{{ site.uj.placeholder.src }}" data-wm-bind="@attr src auth.user.photoURL" class="object-fit-cover w-100 h-100" alt="{{ site.brand.name }} profile picture"/>
                 </div>
                 <!-- Active status indicator -->
-                <span class="position-absolute bottom-0 end-0 p-1 bg-success border border-2 border-white avatar avatar-2xs rounded-circle mb-2">
+                <span class="position-absolute bottom-0 end-0 p-1 bg-success border border-2 border-white avatar avatar-2xs rounded-circle mb-0">
                   <span class="visually-hidden">Active status</span>
                 </span>
               </div>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/auth/reset.html CHANGED Viewed

@@ -27,7 +27,7 @@ layout: themes/[ site.theme.id ]/frontend/core/cover
           <label for="email" class="form-label fw-semibold">
             Email <span class="text-danger">*</span>
           </label>
-          <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus required>
+          <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus required disabled>
         </div>
         <button type="submit" class="btn btn-success _btn-lg w-100 mb-4" data-provider="email" disabled>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/auth/signin.html CHANGED Viewed

@@ -63,7 +63,7 @@ social_signin:
           <label for="email" class="form-label fw-semibold">
             Email <span class="text-danger">*</span>
           </label>
-          <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus>
+          <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus disabled>
         </div>
         <div class="mb-3 text-start">
@@ -71,7 +71,7 @@ social_signin:
             Password <span class="text-danger">*</span>
           </label>
           <div class="input-group">
-            <input type="password" class="form-control form-control-md" id="password" name="password" placeholder="Enter your password" autocomplete="current-password">
+            <input type="password" class="form-control form-control-md" id="password" name="password" placeholder="Enter your password" autocomplete="current-password" disabled>
             <button class="btn border uj-password-toggle px-3" type="button" aria-label="Toggle password visibility">
               <span class="uj-password-show">{% uj_icon "eye", "fa-fw" %}</span>
               <span class="uj-password-hide d-none">{% uj_icon "eye-slash", "fa-fw" %}</span>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/auth/signup.html CHANGED Viewed

@@ -73,7 +73,7 @@ social_signup:
           <label for="email" class="form-label fw-semibold">
             Email <span class="text-danger">*</span>
           </label>
-          <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus>
+          <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus disabled>
         </div>
         <div class="mb-3 text-start">
@@ -81,7 +81,7 @@ social_signup:
             Password <span class="text-danger">*</span>
           </label>
           <div class="input-group">
-            <input type="password" class="form-control form-control-md" id="password" name="password" placeholder="Create a strong password" autocomplete="new-password">
+            <input type="password" class="form-control form-control-md" id="password" name="password" placeholder="Create a strong password" autocomplete="new-password" disabled>
             <button class="btn border uj-password-toggle px-3" type="button" aria-label="Toggle password visibility">
               <span class="uj-password-show">{% uj_icon "eye", "fa-fw" %}</span>
               <span class="uj-password-hide d-none">{% uj_icon "eye-slash", "fa-fw" %}</span>

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

@@ -207,7 +207,7 @@ cta:
   primary_button:
     text: "Start Today"
     icon: "rocket"
-    href: "/signup"
+    href: "/dashboard"
   secondary_button:
     text: "Talk to an Expert"
     icon: "comments"

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

@@ -32,7 +32,7 @@ pricing:
     - id: "basic"
       name: "Basic"
       tagline: "best for getting started"
-      url: "/dashboard"  # URL for free plan signup
+      url: "/dashboard"  # URL to get started
       pricing:
         monthly: 0
         annually: 0
@@ -206,9 +206,10 @@ faqs:
 <!-- Promo Banner -->
 <div id="pricing-promo-banner" class="position-fixed top-0 start-0 w-100 text-light text-center bg-body animation-slide-down" style="z-index: 1050;" hidden>
-  <div class="bg-primary-soft py-2">
+  <div class="bg-primary-soft py-2 position-relative">
+    <button type="button" class="btn-close btn-close-white position-absolute top-0 end-0 mt-2 me-2" aria-label="Close" onclick="this.closest('#pricing-promo-banner').hidden=true;document.querySelector('.navbar-wrapper').style.marginTop=''"></button>
     <div class="container-fluid">
-      <div class="d-flex align-items-center justify-content-center gap-3 flex-wrap">
+      <div class="d-flex align-items-center justify-content-center gap-3 flex-wrap pe-4">
         <span id="pricing-promo-badge" class="badge bg-gradient-rainbow px-2 py-1 fs-6 animation-wiggle">
           15% OFF!
         </span>

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

@@ -38,8 +38,8 @@ company_values:
 <section class="pt-0">
   <div class="container">
     <div class="text-center mb-5">
-      <h2 class="h2 mb-3">Leadership Team</h2>
-      <p class="fs-5 text-muted">The visionaries and experts driving our mission forward</p>
+      <h2 class="h2 mb-3">The people behind the <span class="text-accent">magic</span></h2>
+      <p class="fs-5 text-muted">Get to know the talented individuals driving {{ site.brand.name }} forward</p>
     </div>
     <div class="row g-4 justify-content-center">
@@ -65,31 +65,13 @@ company_values:
               {% iftruthy member.member.links %}
                 <div class="d-flex justify-content-center gap-2">
-                  {% iftruthy member.member.links.website %}
-                    <a href="{{ member.member.links.website }}" 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">
-                      {% uj_icon "globe", "" %}
+                  {% 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 }}">
+                      {% uj_icon link_icon, "" %}
                     </a>
-                  {% endiftruthy %}
-                  {% iftruthy member.member.links.linkedin %}
-                    <a href="{{ member.member.links.linkedin }}" 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">
-                      {% uj_icon "linkedin", "" %}
-                    </a>
-                  {% endiftruthy %}
-                  {% iftruthy member.member.links.instagram %}
-                    <a href="{{ member.member.links.instagram }}" 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">
-                      {% uj_icon "instagram", "" %}
-                    </a>
-                  {% endiftruthy %}
-                  {% iftruthy member.member.links.twitter %}
-                    <a href="{{ member.member.links.twitter }}" 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">
-                      {% uj_icon "twitter", "" %}
-                    </a>
-                  {% endiftruthy %}
-                  {% iftruthy member.member.links.github %}
-                    <a href="{{ member.member.links.github }}" 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">
-                      {% uj_icon "github", "" %}
-                    </a>
-                  {% endiftruthy %}
+                  {% endfor %}
                 </div>
               {% endiftruthy %}
             </div>

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

@@ -27,31 +27,13 @@ layout: themes/[ site.theme.id ]/frontend/core/base
           <!-- Social Links -->
           {% iftruthy page.member.links %}
             <div class="d-flex justify-content-center gap-2 mb-4">
-              {% iftruthy page.member.links.website %}
-                <a href="{{ page.member.links.website }}" class="btn btn-outline-primary avatar avatar-lg rounded-circle d-flex align-items-center justify-content-center" target="_blank" rel="nofollow noopener">
-                  {% uj_icon "globe", "" %}
+              {% for link in page.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 avatar avatar-lg rounded-circle d-flex align-items-center justify-content-center" target="_blank" rel="nofollow noopener" title="{{ link.title }}">
+                  {% uj_icon link_icon, "" %}
                 </a>
-              {% endiftruthy %}
-              {% iftruthy page.member.links.linkedin %}
-                <a href="{{ page.member.links.linkedin }}" class="btn btn-outline-primary avatar avatar-lg rounded-circle d-flex align-items-center justify-content-center" target="_blank" rel="nofollow noopener">
-                  {% uj_icon "linkedin", "" %}
-                </a>
-              {% endiftruthy %}
-              {% iftruthy page.member.links.instagram %}
-                <a href="{{ page.member.links.instagram }}" class="btn btn-outline-primary avatar avatar-lg rounded-circle d-flex align-items-center justify-content-center" target="_blank" rel="nofollow noopener">
-                  {% uj_icon "instagram", "" %}
-                </a>
-              {% endiftruthy %}
-              {% iftruthy page.member.links.twitter %}
-                <a href="{{ page.member.links.twitter }}" class="btn btn-outline-primary avatar avatar-lg rounded-circle d-flex align-items-center justify-content-center" target="_blank" rel="nofollow noopener">
-                  {% uj_icon "twitter", "" %}
-                </a>
-              {% endiftruthy %}
-              {% iftruthy page.member.links.github %}
-                <a href="{{ page.member.links.github }}" class="btn btn-outline-primary avatar avatar-lg rounded-circle d-flex align-items-center justify-content-center" target="_blank" rel="nofollow noopener">
-                  {% uj_icon "github", "" %}
-                </a>
-              {% endiftruthy %}
+              {% endfor %}
             </div>
           {% endiftruthy %}
@@ -107,7 +89,7 @@ layout: themes/[ site.theme.id ]/frontend/core/base
                     {% uj_icon "briefcase", "text-light fs-2" %}
                   </div>
                   <h4 class="mb-2">Skills</h4>
-                  <p class="text-muted mb-0">{{ page.member.skills }}</p>
+                  <p class="text-muted mb-0">{{ page.member.skills | join: ", " }}</p>
                 </div>
               </div>
             </div>
@@ -121,7 +103,7 @@ layout: themes/[ site.theme.id ]/frontend/core/base
                     {% uj_icon "heart", "text-light fs-2" %}
                   </div>
                   <h4 class="mb-2">Hobbies</h4>
-                  <p class="text-muted mb-0">{{ page.member.hobbies }}</p>
+                  <p class="text-muted mb-0">{{ page.member.hobbies | join: ", " }}</p>
                 </div>
               </div>
             </div>

package/dist/defaults/dist/_team/alex-raeburn.md ADDED Viewed

@@ -0,0 +1,39 @@
+---
+### ALL PAGES ###
+layout: blueprint/team/member
+sitemap:
+  include: true
+### TEAM MEMBER PAGES ###
+member:
+  id: alex-raeburn
+  name: "Alex Raeburn"
+  position: "Social Media Manager"
+  description: "Alex is an experienced social media expert from Beverly Hills, CA and is a major contributor to our blog."
+  location: "Beverly Hills, CA"
+  skills:
+    - "Writing"
+    - "Blog Management"
+  hobbies:
+    - "Instagram"
+  joined: 2017-10-20
+  links:
+    - id: "linkedin"
+      title: "LinkedIn"
+      url: "https://www.linkedin.com/in/alex-raeburn"
+    - id: "instagram"
+      title: "Instagram"
+      url: "https://www.instagram.com/_alexraeburn"
+---
+Hey everyone, I'm Alex!
+I was born and raised in Beverly Hills, CA, where the intersection of creativity and culture shaped who I am today. Writing and technology have always been important parts of my life, and I'm thrilled to bring that passion to this team.
+As Social Media Manager, I oversee our brand's presence across all platforms and contribute regularly to our blog. I believe social media is more than just posting content - it's about building genuine connections with our community and telling stories that resonate with people.
+Before joining the team, I worked at a boutique marketing agency where I managed accounts for lifestyle brands and influencers. That experience taught me the power of authentic engagement and how the right content at the right time can spark real conversations.
+I'm fascinated by how technology is transforming the way we communicate. The idea that tools and automation can help us be more present and creative (rather than bogged down in repetitive tasks) really excites me. It's why I love working on products that empower people to do more with less effort.
+Outside of work, you'll find me curating my Instagram feed - it's become a creative outlet where I experiment with photography and storytelling. I also love exploring LA's food scene and discovering hidden gems to share with my followers.