RubyGems - docyard - Versions diffs - 0.7.0 → 0.9.0 - Mend

docyard 0.7.0 → 0.9.0

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 (155) hide show

data/lib/docyard/templates/layouts/splash.html.erb ADDED Viewed

@@ -0,0 +1,177 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <%= render_partial('_head') %>
+</head>
+<body class="splash-page<%= ' has-sidebar' if @show_sidebar %><%= ' has-tabs' if @has_tabs %>">
+  <%= render_partial('_banner') %>
+  <a href="#main-content" class="skip-link">Skip to main content</a>
+  <%= render_partial('_header') %>
+  <%= render_partial('_tab_bar') %>
+  <%= render_partial('_nav_menu') %>
+  <% if @show_sidebar %>
+  <div class="secondary-header">
+    <button class="secondary-header-menu" aria-label="Toggle navigation menu" aria-expanded="false">
+      <%= icon(:sidebar) %>
+      <span>Menu</span>
+    </button>
+  </div>
+  <div class="mobile-overlay" aria-hidden="true"></div>
+  <div class="layout">
+    <%= @sidebar_html %>
+    <div class="layout-main">
+  <% end %>
+  <main id="main-content" class="splash-content">
+    <% if @hero %>
+    <%
+      hero_class = @hero[:image] ? 'hero hero--with-image' : 'hero hero--centered'
+      bg_style = @hero[:background] || 'grid'
+    %>
+    <section class="<%= hero_class %>">
+      <% if bg_style != 'none' %>
+      <div class="hero-bg hero-bg--<%= bg_style %>" aria-hidden="true">
+        <% if bg_style == 'glow' %>
+        <div class="hero-bg-orb hero-bg-orb--1"></div>
+        <div class="hero-bg-orb hero-bg-orb--2"></div>
+        <div class="hero-bg-orb hero-bg-orb--3"></div>
+        <% elsif bg_style == 'mesh' %>
+        <div class="hero-bg-mesh"></div>
+        <% end %>
+      </div>
+      <% end %>
+      <div class="hero-content">
+        <% if @hero[:badge] %>
+        <div class="hero-badge">
+          <span class="hero-badge-dot"></span>
+          <span class="hero-badge-text"><%= @hero[:badge] %></span>
+        </div>
+        <% end %>
+        <% if @hero[:title] %>
+        <%
+          title_class = @hero[:gradient] ? 'hero-title hero-title--gradient' : 'hero-title'
+        %>
+        <h1 class="<%= title_class %>"><%= @hero[:title] %></h1>
+        <% end %>
+        <% if @hero[:tagline] %>
+        <p class="hero-tagline"><%= @hero[:tagline] %></p>
+        <% end %>
+        <% if @hero[:actions]&.any? %>
+        <div class="hero-actions">
+          <% @hero[:actions].each do |action| %>
+          <%
+            is_external = action[:link]&.start_with?('http')
+            target_attr = action[:target] || (is_external ? '_blank' : nil)
+            rel_attr = action[:rel] || (is_external ? 'noopener noreferrer' : nil)
+            link_attrs = []
+            link_attrs << "target=\"#{target_attr}\"" if target_attr
+            link_attrs << "rel=\"#{rel_attr}\"" if rel_attr
+          %>
+          <a href="<%= link_path(action[:link]) %>" class="hero-action hero-action--<%= action[:variant] || 'primary' %>"<%= link_attrs.any? ? ' ' + link_attrs.join(' ') : '' %>>
+            <% if action[:icon] %>
+            <span class="hero-action-icon"><%= icon(action[:icon]) %></span>
+            <% end %>
+            <span><%= action[:text] %></span>
+            <% if action[:variant] != "secondary" %>
+            <svg class="hero-action-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+            <% end %>
+          </a>
+          <% end %>
+        </div>
+        <% end %>
+      </div>
+      <% if @hero[:image] %>
+      <div class="hero-image">
+        <% if @hero[:image][:light] || @hero[:image][:dark] %>
+        <% if @hero[:image][:light] %>
+        <img src="<%= asset_path(@hero[:image][:light]) %>" alt="<%= @hero[:image][:alt] || '' %>" loading="eager" class="hero-image-light">
+        <% end %>
+        <% if @hero[:image][:dark] %>
+        <img src="<%= asset_path(@hero[:image][:dark]) %>" alt="<%= @hero[:image][:alt] || '' %>" loading="eager" class="hero-image-dark">
+        <% end %>
+        <% else %>
+        <img src="<%= asset_path(@hero[:image][:src]) %>" alt="<%= @hero[:image][:alt] || '' %>" loading="eager">
+        <% end %>
+      </div>
+      <% end %>
+    </section>
+    <% end %>
+    <% if @features&.any? %>
+    <section class="features-section">
+      <% if @features_header %>
+      <div class="features-header">
+        <% if @features_header[:label] %>
+        <p class="features-label"><%= @features_header[:label] %></p>
+        <% end %>
+        <% if @features_header[:title] %>
+        <h2 class="features-title"><%= @features_header[:title] %></h2>
+        <% end %>
+        <% if @features_header[:description] %>
+        <p class="features-description"><%= @features_header[:description] %></p>
+        <% end %>
+      </div>
+      <% end %>
+      <div class="features-magazine">
+        <% @features.each_with_index do |feature, index| %>
+        <%
+          icon_color = feature[:color] || 'primary'
+          size_class = feature[:size] ? "feature-card--#{feature[:size]}" : ''
+          has_link = feature[:link] && !feature[:link].to_s.strip.empty?
+          tag = has_link ? 'a' : 'div'
+          feature_link_attrs = []
+          if has_link
+            feature_link_attrs << "href=\"#{link_path(feature[:link])}\""
+            is_external = feature[:link]&.start_with?('http')
+            target_attr = feature[:target] || (is_external ? '_blank' : nil)
+            rel_attr = feature[:rel] || (is_external ? 'noopener noreferrer' : nil)
+            feature_link_attrs << "target=\"#{target_attr}\"" if target_attr
+            feature_link_attrs << "rel=\"#{rel_attr}\"" if rel_attr
+          end
+        %>
+        <<%= tag %> <%= feature_link_attrs.join(' ') %> class="feature-card <%= size_class %>" style="--card-color: var(--feature-<%= icon_color %>)">
+          <% if feature[:icon] %>
+          <span class="feature-icon feature-icon--<%= icon_color %>"><%= icon(feature[:icon]) %></span>
+          <% end %>
+          <h3 class="feature-title"><%= feature[:title] %></h3>
+          <% if feature[:description] %>
+          <p class="feature-description"><%= feature[:description] %></p>
+          <% end %>
+          <% if has_link %>
+          <div class="feature-arrow">
+            <span><%= feature[:link_text] || 'Learn more' %></span>
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+          </div>
+          <% end %>
+        </<%= tag %>>
+        <% end %>
+      </div>
+    </section>
+    <% end %>
+    <% if @content && !@content.strip.empty? %>
+    <section class="splash-markdown">
+      <%= @content %>
+    </section>
+    <% end %>
+  </main>
+  <% if @show_sidebar %>
+    </div>
+  </div>
+  <% end %>
+  <%= render_partial('_footer') %>
+  <%= render_partial('_scripts') %>
+</body>
+</html>

data/lib/docyard/templates/partials/_accordion.html.erb ADDED Viewed

@@ -0,0 +1,9 @@
+<details class="docyard-accordion"<%= ' open' if @open %>>
+  <summary class="docyard-accordion__summary">
+    <span class="docyard-accordion__icon" aria-hidden="true"><%= @icon_svg %></span>
+    <span class="docyard-accordion__title"><%= @title %></span>
+  </summary>
+  <div class="docyard-accordion__content">
+    <%= @content_html %>
+  </div>
+</details>

data/lib/docyard/templates/partials/_banner.html.erb ADDED Viewed

@@ -0,0 +1,27 @@
+<% if @announcement %>
+<div class="docyard-announcement" data-dismissible="<%= @announcement[:dismissible] %>"<%= @announcement[:button] ? ' data-has-button="true"' : '' %>>
+  <div class="docyard-announcement__content">
+    <% if @announcement[:link] %>
+      <a href="<%= @announcement[:link] %>" class="docyard-announcement__link">
+        <span class="docyard-announcement__text"><%= @announcement[:text] %></span>
+        <%= icon("arrow-right") %>
+      </a>
+    <% else %>
+      <span class="docyard-announcement__text"><%= @announcement[:text] %></span>
+    <% end %>
+    <% if @announcement[:button] %>
+      <a href="<%= @announcement[:button][:link] %>" class="docyard-announcement__button">
+        <%= @announcement[:button][:text] %>
+      </a>
+    <% end %>
+  </div>
+  <% if @announcement[:dismissible] %>
+    <button class="docyard-announcement__dismiss" aria-label="Dismiss announcement">
+      <%= icon("x") %>
+    </button>
+  <% end %>
+</div>
+<script>document.body.classList.add('has-announcement');</script>
+<% end %>

data/lib/docyard/templates/partials/_breadcrumbs.html.erb ADDED Viewed

@@ -0,0 +1,24 @@
+<% if @breadcrumbs&.should_show? %>
+<nav class="breadcrumbs<%= ' breadcrumbs--single' if @breadcrumbs.items.length == 1 %>" aria-label="Breadcrumb">
+  <button class="breadcrumb-toggle" aria-label="Toggle sidebar" aria-expanded="true" type="button">
+    <%= icon(:sidebar) %>
+  </button>
+  <ol class="breadcrumb-list">
+    <% @breadcrumbs.items.each_with_index do |item, index| %>
+    <li class="breadcrumb-item<%= ' breadcrumb-item--current' if item.current %><%= ' breadcrumb-item--ellipsis' if item.title == '...' %>">
+      <% if item.title == '...' %>
+        <span class="breadcrumb-ellipsis" aria-hidden="true">...</span>
+      <% elsif item.current %>
+        <span class="breadcrumb-text" aria-current="page"><%= item.title %></span>
+      <% else %>
+        <a href="<%= link_path(item.href) %>" class="breadcrumb-link"><%= item.title %></a>
+      <% end %>
+    </li>
+    <% unless index == @breadcrumbs.items.length - 1 %>
+    <li class="breadcrumb-separator" aria-hidden="true">/</li>
+    <% end %>
+    <% end %>
+  </ol>
+</nav>
+<% end %>

data/lib/docyard/templates/partials/_card.html.erb ADDED Viewed

@@ -0,0 +1,23 @@
+<% if @href %>
+<a href="<%= @href %>" class="docyard-card">
+<% else %>
+<div class="docyard-card">
+<% end %>
+  <% if @icon_svg %>
+  <div class="docyard-card__icon">
+    <%= @icon_svg %>
+  </div>
+  <% end %>
+  <div class="docyard-card__content">
+    <h3 class="docyard-card__title"><%= @title %></h3>
+    <% unless @content_html.empty? %>
+    <div class="docyard-card__body">
+      <%= @content_html %>
+    </div>
+    <% end %>
+  </div>
+<% if @href %>
+</a>
+<% else %>
+</div>
+<% end %>

data/lib/docyard/templates/partials/_code_block.html.erb CHANGED Viewed

@@ -2,11 +2,12 @@
   <% if has_title %>
   <div class="docyard-code-block__header">
     <% if @icon %>
-    <span class="docyard-code-block__icon"><% if @icon_source == "file-extension" %><%= Docyard::Icons.render_file_extension(@icon) %><% elsif @icon_source == "phosphor" %><%= Docyard::Icons.render(@icon) %><% end %></span>
+    <span class="docyard-code-block__icon"><% if @icon_source == "file-extension" %><%= icon_file_extension(@icon) %><% elsif @icon_source == "phosphor" %><%= icon(@icon) %><% end %></span>
     <% end %>
     <span class="docyard-code-block__title" title="<%= @title %>"><%= @title %></span>
     <button class="docyard-code-block__copy" aria-label="Copy code to clipboard" data-code="<%= @code_text %>">
-      <%= @copy_icon %>
+      <span class="docyard-code-block__copy-icon"><%= @copy_icon %></span>
+      <span class="docyard-code-block__copy-text">Copy</span>
     </button>
   </div>
   <% end %>
@@ -47,7 +48,8 @@
   </div>
   <% unless has_title %>
   <button class="docyard-code-block__copy" aria-label="Copy code to clipboard" data-code="<%= @code_text %>">
-    <%= @copy_icon %>
+    <span class="docyard-code-block__copy-icon"><%= @copy_icon %></span>
+    <span class="docyard-code-block__copy-text">Copy</span>
   </button>
   <% end %>
   </div>

data/lib/docyard/templates/partials/_doc_footer.html.erb ADDED Viewed

@@ -0,0 +1,25 @@
+<% has_social = @social&.any? %>
+<% show_footer = has_social || @credits || @copyright %>
+<% if show_footer %>
+<div class="site-footer">
+  <% if has_social %>
+  <div class="site-footer__socials">
+    <% @social.each do |social| %>
+    <a href="<%= social[:url] %>" class="site-footer__link" target="_blank" rel="noopener noreferrer" aria-label="<%= social[:platform].capitalize %>">
+      <%= icon(social[:icon]) %>
+    </a>
+    <% end %>
+  </div>
+  <% end %>
+  <div class="site-footer__credits">
+    <% if @credits %>
+    <a href="https://docyard.dev" target="_blank" rel="noopener noreferrer" class="site-footer__attribution">Built with Docyard</a>
+    <% end %>
+    <% if @copyright %>
+    <span class="site-footer__copyright"><%= icon(:copyright) %> <%= @copyright %></span>
+    <% end %>
+  </div>
+</div>
+<% end %>

data/lib/docyard/templates/partials/_features.html.erb ADDED Viewed

@@ -0,0 +1,15 @@
+<section class="features">
+  <div class="features-grid">
+    <% @features.each do |feature| %>
+    <div class="feature-card">
+      <% if feature[:icon] %>
+      <span class="feature-icon"><%= icon(feature[:icon]) %></span>
+      <% end %>
+      <h3 class="feature-title"><%= feature[:title] %></h3>
+      <% if feature[:description] %>
+      <p class="feature-description"><%= feature[:description] %></p>
+      <% end %>
+    </div>
+    <% end %>
+  </div>
+</section>

data/lib/docyard/templates/partials/_footer.html.erb ADDED Viewed

@@ -0,0 +1,42 @@
+<% has_footer_links = @footer_links&.any? %>
+<% has_social = @social&.any? %>
+<% show_footer = has_footer_links || has_social || @credits %>
+<% if show_footer %>
+<footer class="footer">
+  <%
+    # Determine layout class
+    footer_class = "footer-content"
+    if !@credits && !has_social && has_footer_links
+      footer_class += " footer-content--no-attribution"
+    elsif !has_footer_links && !has_social && @credits
+      footer_class += " footer-content--centered"
+    elsif !has_footer_links && has_social && !@credits
+      footer_class += " footer-content--centered"
+    end
+  %>
+  <div class="<%= footer_class %>">
+    <% if @credits %>
+    <a href="https://docyard.org" target="_blank" rel="noopener noreferrer" class="footer-attribution">Built with Docyard</a>
+    <% end %>
+    <% if has_footer_links %>
+    <nav class="footer-links">
+      <% @footer_links.each do |link| %>
+      <a href="<%= link[:link]&.start_with?('http') ? link[:link] : link_path(link[:link]) %>"<%= link[:link]&.start_with?('http') ? ' target="_blank" rel="noopener noreferrer"' : '' %>><%= link[:text] %></a>
+      <% end %>
+    </nav>
+    <% end %>
+    <% if has_social %>
+    <div class="footer-socials">
+      <% @social.each do |social| %>
+      <a href="<%= social[:url] %>" target="_blank" rel="noopener noreferrer" aria-label="<%= social[:platform].capitalize %>">
+        <%= icon(social[:icon]) %>
+      </a>
+      <% end %>
+    </div>
+    <% end %>
+  </div>
+</footer>
+<% end %>

data/lib/docyard/templates/partials/_head.html.erb ADDED Viewed

@@ -0,0 +1,22 @@
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="<%= @site_description %>">
+<meta name="view-transition" content="same-origin">
+<title><%= @page_title %> | <%= @site_title %></title>
+<link rel="icon" href="<%= asset_path(@favicon) %>" type="image/svg+xml">
+<link rel="preload" href="/_docyard/fonts/Inter-Variable.ttf" as="font" type="font/ttf" crossorigin>
+<script>
+  (function() {
+    const theme = localStorage.getItem('theme') ||
+                 (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
+    document.documentElement.classList.toggle('dark', theme === 'dark');
+    if (localStorage.getItem('docyard_sidebar_collapsed') === 'true') {
+      document.documentElement.classList.add('sidebar-collapsed');
+    }
+  })();
+</script>
+<link rel="stylesheet" href="/_docyard/css/main.css">

data/lib/docyard/templates/partials/_header.html.erb ADDED Viewed

@@ -0,0 +1,49 @@
+<header class="header">
+  <div class="header-content">
+    <a href="<%= link_path('/') %>" class="header-logo">
+      <% if @has_custom_logo %>
+      <div class="site-logo-container">
+        <img src="<%= asset_path(@logo) %>" alt="<%= @site_title %>" class="site-logo site-logo-light">
+        <% if @logo_dark %>
+        <img src="<%= asset_path(@logo_dark) %>" alt="<%= @site_title %>" class="site-logo site-logo-dark">
+        <% else %>
+        <img src="<%= asset_path(@logo) %>" alt="<%= @site_title %>" class="site-logo site-logo-dark">
+        <% end %>
+      </div>
+      <% else %>
+      <span class="header-title"><%= @site_title %></span>
+      <% end %>
+    </a>
+    <% if @search_enabled %>
+    <div class="header-center">
+      <%= render_partial('_search_trigger') %>
+    </div>
+    <% end %>
+    <div class="header-actions">
+      <% if @header_ctas&.any? %>
+      <div class="header-ctas">
+        <% @header_ctas.sort_by { |cta| cta[:variant] == 'secondary' ? 0 : 1 }.each do |cta| %>
+        <a href="<%= cta[:external] ? cta[:href] : link_path(cta[:href]) %>"
+           class="header-cta header-cta--<%= cta[:variant] || 'primary' %>"
+           <%= 'target="_blank" rel="noopener noreferrer"' if cta[:external] %>>
+          <%= cta[:text] %>
+          <% if cta[:variant] != 'secondary' %>
+          <svg class="header-cta-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M9 5l7 7-7 7"/>
+          </svg>
+          <% end %>
+        </a>
+        <% end %>
+      </div>
+      <% end %>
+      <%= render_partial('_theme_toggle') %>
+      <% if @has_tabs %>
+      <button class="nav-menu-btn" id="navMenuBtn" aria-label="Toggle navigation menu" aria-expanded="false">
+        <%= icon(:equals) %>
+      </button>
+      <% end %>
+    </div>
+  </div>
+</header>

data/lib/docyard/templates/partials/_heading_anchor.html.erb CHANGED Viewed

@@ -1 +1,3 @@
-<a href="#<%= @id %>" class="heading-anchor" aria-label="Link to this section" data-heading-id="<%= @id %>" data-pagefind-ignore>#</a>
+<a href="#<%= @id %>" class="heading-anchor" aria-label="Link to this section" data-heading-id="<%= @id %>" data-pagefind-ignore>
+  <%= icon(:link_simple) %>
+</a>

data/lib/docyard/templates/partials/_hero.html.erb ADDED Viewed

@@ -0,0 +1,27 @@
+<section class="hero">
+  <div class="hero-content">
+    <% if @title %>
+    <h1 class="hero-title"><%= @title %></h1>
+    <% end %>
+    <% if @tagline %>
+    <p class="hero-tagline"><%= @tagline %></p>
+    <% end %>
+    <% if @actions&.any? %>
+    <div class="hero-actions">
+      <% @actions.each do |action| %>
+      <a href="<%= link_path(action[:link]) %>" class="hero-action hero-action--<%= action[:variant] || 'primary' %>">
+        <%= action[:text] %>
+        <% if action[:variant] == "primary" || action[:variant].nil? %>
+        <%= icon(:arrow_right) %>
+        <% end %>
+      </a>
+      <% end %>
+    </div>
+    <% end %>
+  </div>
+  <% if @image %>
+  <div class="hero-image">
+    <img src="<%= link_path(@image[:src]) %>" alt="<%= @image[:alt] || '' %>">
+  </div>
+  <% end %>
+</section>

data/lib/docyard/templates/partials/_nav_group.html.erb CHANGED Viewed

@@ -1,13 +1,33 @@
 <% collapsed = @collapsed || false %>
-<button class="nav-group-toggle" aria-expanded="<%= collapsed ? 'false' : 'true' %>" type="button">
-  <span class="nav-group-title">
-    <% if @icon %>
-      <span class="nav-item-icon"><%= icon(@icon) %></span>
-    <% end %>
-    <span class="nav-item-text"><%= @title %></span>
-  </span>
-  <span class="nav-group-icon"><%= icon(:caret_right) %></span>
-</button>
-<div class="nav-group-children<%= ' collapsed' if collapsed %>">
-  <%= @children_html %>
+<div class="nav-group" data-default-collapsed="<%= collapsed %>">
+  <% if @has_index && @path %>
+    <a href="<%= link_path(@path) %>" class="nav-group-header nav-group-header--link<%= ' active' if @active %>" data-nav-toggle aria-expanded="<%= collapsed ? 'false' : 'true' %>">
+      <span class="nav-group-title">
+        <% if @icon %>
+          <span class="nav-item-icon"><%= icon(@icon) %></span>
+        <% end %>
+        <span class="nav-item-text"><%= @title %></span>
+        <% if @badge %>
+          <span class="docyard-badge docyard-badge--<%= @badge_type || 'default' %>"><%= @badge %></span>
+        <% end %>
+      </span>
+      <span class="nav-group-icon"><%= icon(:caret_right) %></span>
+    </a>
+  <% else %>
+    <button class="nav-group-header nav-group-header--button" type="button" data-nav-toggle aria-expanded="<%= collapsed ? 'false' : 'true' %>" aria-label="Toggle <%= @title %>">
+      <span class="nav-group-title">
+        <% if @icon %>
+          <span class="nav-item-icon"><%= icon(@icon) %></span>
+        <% end %>
+        <span class="nav-item-text"><%= @title %></span>
+        <% if @badge %>
+          <span class="docyard-badge docyard-badge--<%= @badge_type || 'default' %>"><%= @badge %></span>
+        <% end %>
+      </span>
+      <span class="nav-group-icon"><%= icon(:caret_right) %></span>
+    </button>
+  <% end %>
+  <div class="nav-group-children<%= ' collapsed' if collapsed %>">
+    <%= @children_html %>
+  </div>
 </div>

data/lib/docyard/templates/partials/_nav_leaf.html.erb CHANGED Viewed

@@ -1,8 +1,11 @@
-<a href="<%= link_path(@path) %>"<%= ' class="active"' if @active %><%= " target=\"#{@target}\" rel=\"noopener noreferrer\"" if @target && @target != "_self" %>>
+<a href="<%= link_path(@path) %>"<%= ' class="active"' if @active %> title="<%= @title %>"<%= " target=\"#{@target}\" rel=\"noopener noreferrer\"" if @target && @target != "_self" %>>
   <% if @icon %>
     <span class="nav-item-icon"><%= icon(@icon) %></span>
   <% end %>
   <span class="nav-item-text"><%= @title %></span>
+  <% if @badge %>
+    <span class="docyard-badge docyard-badge--<%= @badge_type || 'default' %>"><%= @badge %></span>
+  <% end %>
   <% if @target == "_blank" %>
     <span class="nav-item-external"><%= icon(:link_external) %></span>
   <% end %>

data/lib/docyard/templates/partials/_nav_menu.html.erb ADDED Viewed

@@ -0,0 +1,42 @@
+<% if @has_tabs %>
+<div class="nav-menu-overlay" id="navMenuOverlay" aria-hidden="true"></div>
+<div class="nav-menu-dropdown" id="navMenuDropdown" role="dialog" aria-label="Navigation menu">
+  <div class="nav-menu-content">
+    <% @tabs.each do |tab| %>
+    <a href="<%= tab[:external] ? tab[:href] : link_path(tab[:href]) %>"
+       class="nav-menu-item<%= ' is-active' if tab[:active] %>"
+       <%= 'target="_blank" rel="noopener noreferrer"' if tab[:external] %>>
+      <% if tab[:icon] %>
+      <span class="nav-menu-item-icon"><%= icon(tab[:icon].to_sym) %></span>
+      <% end %>
+      <span class="nav-menu-item-text"><%= tab[:text] %></span>
+      <% if tab[:external] %>
+      <svg class="nav-menu-item-external" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
+        <polyline points="15 3 21 3 21 9"></polyline>
+        <line x1="10" y1="14" x2="21" y2="3"></line>
+      </svg>
+      <% end %>
+    </a>
+    <% end %>
+    <% if @header_ctas&.any? %>
+    <div class="nav-menu-divider"></div>
+    <div class="nav-menu-ctas">
+      <% @header_ctas.sort_by { |cta| cta[:variant] == 'secondary' ? 0 : 1 }.each do |cta| %>
+      <a href="<%= cta[:external] ? cta[:href] : link_path(cta[:href]) %>"
+         class="nav-menu-cta nav-menu-cta--<%= cta[:variant] || 'primary' %>"
+         <%= 'target="_blank" rel="noopener noreferrer"' if cta[:external] %>>
+        <%= cta[:text] %>
+        <% if cta[:variant] != 'secondary' %>
+        <svg class="nav-menu-cta-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M9 5l7 7-7 7"/>
+        </svg>
+        <% end %>
+      </a>
+      <% end %>
+    </div>
+    <% end %>
+  </div>
+</div>
+<% end %>

data/lib/docyard/templates/partials/_nav_nested_section.html.erb ADDED Viewed

@@ -0,0 +1,11 @@
+<div class="nav-nested-section">
+  <h6 class="nav-nested-section-title">
+    <% if @icon %>
+      <span class="nav-item-icon"><%= icon(@icon) %></span>
+    <% end %>
+    <span class="nav-item-text"><%= @title %></span>
+  </h6>
+  <div class="nav-nested-section-children">
+    <%= @children_html %>
+  </div>
+</div>

data/lib/docyard/templates/partials/_nav_section.html.erb CHANGED Viewed

@@ -1,6 +1,6 @@
 <div class="nav-section">
   <% if @section_name %>
-    <div class="nav-section-title"><%= @section_name %></div>
+    <h5 class="nav-section-title"><% if @section_icon %><span class="nav-section-icon"><%= icon(@section_icon) %></span> <% end %><%= @section_name %></h5>
   <% end %>
   <%= @section_content %>
 </div>

data/lib/docyard/templates/partials/_prev_next.html.erb CHANGED Viewed

@@ -5,7 +5,10 @@
     <% if @prev %>
     <a href="<%= link_path(@prev[:path]) %>" class="pager-link prev" title="<%= @prev[:title] %>">
-      <span class="pager-label"><%= @prev_text %></span>
+      <span class="pager-label">
+        <%= icon("arrow-left") %>
+        <%= @prev_text %>
+      </span>
       <span class="pager-title"><%= @prev[:title] %></span>
     </a>
     <% else %>
@@ -14,7 +17,10 @@
     <% if @next %>
     <a href="<%= link_path(@next[:path]) %>" class="pager-link next" title="<%= @next[:title] %>">
-      <span class="pager-label"><%= @next_text %></span>
+      <span class="pager-label">
+        <%= @next_text %>
+        <%= icon("arrow-right") %>
+      </span>
       <span class="pager-title"><%= @next[:title] %></span>
     </a>
     <% end %>

data/lib/docyard/templates/partials/_scripts.html.erb ADDED Viewed

@@ -0,0 +1,7 @@
+<% if @search_enabled %>
+<%= render_partial('_search_modal') %>
+<% end %>
+<script src="/_docyard/js/theme.js"></script>
+<script src="/_docyard/js/components.js"></script>
+<script src="/_docyard/js/reload.js"></script>