maverick-wave 5.30.0 → 5.31.0

package/src/partials/feed-container.html

@@ -1,506 +0,0 @@
-<h3 class="mw-section-subtitle">Photo Feed</h3>
-<p class="mw-text-muted mw-text-measure">
-  Photos in the grid everyone knows from their phone, in a framed box that shows
-  three rows and scrolls - <code>mw-feed-rows-2</code> shows two,
-  <code>mw-feed-plain</code> drops the frame. A strip of the next row stays in
-  view, so the box reads as scrollable. A tap opens the photo as a card, with
-  its text if the <code>figcaption</code> has any. No script: the tile is a
-  button with <code>popovertarget</code>, the card a <code>popover</code> - in
-  Angular that is <code>[attr.popovertarget]</code> and a matching
-  <code>[id]</code>. <code>mw-feed-square</code> switches to square tiles.
-</p>
-
-<div class="mw-d-flex mw-flex-wrap mw-gap-3 mw-mb-5">
-  <div class="mw-segmented" data-modifier-demo="feed-demo">
-    <button type="button" class="mw-segmented-item mw-active" data-modifier="">
-      3 rows
-    </button>
-    <button
-      type="button"
-      class="mw-segmented-item"
-      data-modifier="mw-feed-rows-2"
-    >
-      2 rows
-    </button>
-  </div>
-  <div class="mw-segmented" data-modifier-demo="feed-demo">
-    <button type="button" class="mw-segmented-item mw-active" data-modifier="">
-      Frame
-    </button>
-    <button
-      type="button"
-      class="mw-segmented-item"
-      data-modifier="mw-feed-plain"
-    >
-      Plain
-    </button>
-  </div>
-</div>
-
-<div class="mw-container-narrow">
-  <div class="mw-feed" id="feed-demo">
-    <div class="mw-feed-item">
-      <button type="button" popovertarget="post-lighthouse">
-        <img
-          src="images/photo-lighthouse.svg"
-          alt="Lighthouse on a cliff at dusk"
-          width="600"
-          height="800"
-          loading="lazy"
-        />
-      </button>
-      <figure class="mw-feed-post" id="post-lighthouse" popover>
-        <button
-          type="button"
-          class="mw-overlay-btn mw-feed-post-close"
-          popovertarget="post-lighthouse"
-          popovertargetaction="hide"
-          aria-label="Close"
-        >
-          &#120299;
-        </button>
-        <img
-          src="images/photo-lighthouse.svg"
-          alt="Lighthouse on a cliff at dusk"
-          width="600"
-          height="800"
-          loading="lazy"
-        />
-        <figcaption>
-          <p>
-            Last light over the north cape. Stood there until the lamp came on.
-          </p>
-          <time datetime="2026-08-12">12 August 2026</time>
-        </figcaption>
-      </figure>
-    </div>
-    <div class="mw-feed-item">
-      <button type="button" popovertarget="post-balloon">
-        <img
-          src="images/photo-balloon.svg"
-          alt="Hot air balloon in a morning sky"
-          width="800"
-          height="800"
-          loading="lazy"
-        />
-      </button>
-      <figure class="mw-feed-post" id="post-balloon" popover>
-        <button
-          type="button"
-          class="mw-overlay-btn mw-feed-post-close"
-          popovertarget="post-balloon"
-          popovertargetaction="hide"
-          aria-label="Close"
-        >
-          &#120299;
-        </button>
-        <img
-          src="images/photo-balloon.svg"
-          alt="Hot air balloon in a morning sky"
-          width="800"
-          height="800"
-          loading="lazy"
-        />
-        <figcaption>
-          <p>Up before sunrise for this one.</p>
-          <time datetime="2026-07-30">30 July 2026</time>
-        </figcaption>
-      </figure>
-    </div>
-    <div class="mw-feed-item">
-      <button type="button" popovertarget="post-ocean">
-        <img
-          src="images/gallery-ocean.svg"
-          alt="Ocean waves rolling to the horizon"
-          width="800"
-          height="450"
-          loading="lazy"
-        />
-      </button>
-      <figure class="mw-feed-post" id="post-ocean" popover>
-        <button
-          type="button"
-          class="mw-overlay-btn mw-feed-post-close"
-          popovertarget="post-ocean"
-          popovertargetaction="hide"
-          aria-label="Close"
-        >
-          &#120299;
-        </button>
-        <img
-          src="images/gallery-ocean.svg"
-          alt="Ocean waves rolling to the horizon"
-          width="800"
-          height="450"
-          loading="lazy"
-        />
-      </figure>
-    </div>
-    <div class="mw-feed-item">
-      <button type="button" popovertarget="post-peak">
-        <img
-          src="images/photo-peak.svg"
-          alt="Snowy mountain peak under a starry sky"
-          width="600"
-          height="800"
-          loading="lazy"
-        />
-      </button>
-      <figure class="mw-feed-post" id="post-peak" popover>
-        <button
-          type="button"
-          class="mw-overlay-btn mw-feed-post-close"
-          popovertarget="post-peak"
-          popovertargetaction="hide"
-          aria-label="Close"
-        >
-          &#120299;
-        </button>
-        <img
-          src="images/photo-peak.svg"
-          alt="Snowy mountain peak under a starry sky"
-          width="600"
-          height="800"
-          loading="lazy"
-        />
-        <figcaption>
-          <p>
-            3,000 metres, one thermos of tea and far too many stars to count.
-          </p>
-          <p>#alps #nightsky</p>
-        </figcaption>
-      </figure>
-    </div>
-    <div class="mw-feed-item">
-      <button type="button" popovertarget="post-palm">
-        <img
-          src="images/photo-palm.svg"
-          alt="Palm tree against a sunset over the sea"
-          width="800"
-          height="800"
-          loading="lazy"
-        />
-      </button>
-      <figure class="mw-feed-post" id="post-palm" popover>
-        <button
-          type="button"
-          class="mw-overlay-btn mw-feed-post-close"
-          popovertarget="post-palm"
-          popovertargetaction="hide"
-          aria-label="Close"
-        >
-          &#120299;
-        </button>
-        <img
-          src="images/photo-palm.svg"
-          alt="Palm tree against a sunset over the sea"
-          width="800"
-          height="800"
-          loading="lazy"
-        />
-      </figure>
-    </div>
-    <div class="mw-feed-item">
-      <button type="button" popovertarget="post-city">
-        <img
-          src="images/gallery-city.svg"
-          alt="City skyline at night"
-          width="800"
-          height="450"
-          loading="lazy"
-        />
-      </button>
-      <figure class="mw-feed-post" id="post-city" popover>
-        <button
-          type="button"
-          class="mw-overlay-btn mw-feed-post-close"
-          popovertarget="post-city"
-          popovertargetaction="hide"
-          aria-label="Close"
-        >
-          &#120299;
-        </button>
-        <img
-          src="images/gallery-city.svg"
-          alt="City skyline at night"
-          width="800"
-          height="450"
-          loading="lazy"
-        />
-      </figure>
-    </div>
-    <div class="mw-feed-item">
-      <button type="button" popovertarget="post-forest">
-        <img
-          src="images/photo-forest-path.svg"
-          alt="Path through a sunlit forest"
-          width="600"
-          height="800"
-          loading="lazy"
-        />
-      </button>
-      <figure class="mw-feed-post" id="post-forest" popover>
-        <button
-          type="button"
-          class="mw-overlay-btn mw-feed-post-close"
-          popovertarget="post-forest"
-          popovertargetaction="hide"
-          aria-label="Close"
-        >
-          &#120299;
-        </button>
-        <img
-          src="images/photo-forest-path.svg"
-          alt="Path through a sunlit forest"
-          width="600"
-          height="800"
-          loading="lazy"
-        />
-        <figcaption>
-          <p>Found the quiet trail. Nobody else for two hours.</p>
-        </figcaption>
-      </figure>
-    </div>
-    <div class="mw-feed-item">
-      <button type="button" popovertarget="post-tower">
-        <img
-          src="images/photo-tower.svg"
-          alt="Television tower above the city at night"
-          width="600"
-          height="800"
-          loading="lazy"
-        />
-      </button>
-      <figure class="mw-feed-post" id="post-tower" popover>
-        <button
-          type="button"
-          class="mw-overlay-btn mw-feed-post-close"
-          popovertarget="post-tower"
-          popovertargetaction="hide"
-          aria-label="Close"
-        >
-          &#120299;
-        </button>
-        <img
-          src="images/photo-tower.svg"
-          alt="Television tower above the city at night"
-          width="600"
-          height="800"
-          loading="lazy"
-        />
-      </figure>
-    </div>
-    <div class="mw-feed-item">
-      <button type="button" popovertarget="post-waterfall">
-        <img
-          src="images/photo-waterfall.svg"
-          alt="Waterfall between mossy cliffs"
-          width="600"
-          height="800"
-          loading="lazy"
-        />
-      </button>
-      <figure class="mw-feed-post" id="post-waterfall" popover>
-        <button
-          type="button"
-          class="mw-overlay-btn mw-feed-post-close"
-          popovertarget="post-waterfall"
-          popovertargetaction="hide"
-          aria-label="Close"
-        >
-          &#120299;
-        </button>
-        <img
-          src="images/photo-waterfall.svg"
-          alt="Waterfall between mossy cliffs"
-          width="600"
-          height="800"
-          loading="lazy"
-        />
-        <figcaption>
-          <p>Two hours up the gorge. #waterfall #hiking</p>
-          <time datetime="2026-06-18">18 June 2026</time>
-        </figcaption>
-      </figure>
-    </div>
-    <div class="mw-feed-item">
-      <button type="button" popovertarget="post-lake">
-        <img
-          src="images/gallery-lake.svg"
-          alt="Peaceful lake"
-          width="800"
-          height="450"
-          loading="lazy"
-        />
-      </button>
-      <figure class="mw-feed-post" id="post-lake" popover>
-        <button
-          type="button"
-          class="mw-overlay-btn mw-feed-post-close"
-          popovertarget="post-lake"
-          popovertargetaction="hide"
-          aria-label="Close"
-        >
-          &#120299;
-        </button>
-        <img
-          src="images/gallery-lake.svg"
-          alt="Peaceful lake"
-          width="800"
-          height="450"
-          loading="lazy"
-        />
-      </figure>
-    </div>
-    <div class="mw-feed-item">
-      <button type="button" popovertarget="post-aurora">
-        <img
-          src="images/story-aurora.svg"
-          alt="Northern lights over a snowy forest"
-          width="720"
-          height="1280"
-          loading="lazy"
-        />
-      </button>
-      <figure class="mw-feed-post" id="post-aurora" popover>
-        <button
-          type="button"
-          class="mw-overlay-btn mw-feed-post-close"
-          popovertarget="post-aurora"
-          popovertargetaction="hide"
-          aria-label="Close"
-        >
-          &#120299;
-        </button>
-        <img
-          src="images/story-aurora.svg"
-          alt="Northern lights over a snowy forest"
-          width="720"
-          height="1280"
-          loading="lazy"
-        />
-        <figcaption><p>Minus eighteen degrees. Nobody minded.</p></figcaption>
-      </figure>
-    </div>
-    <div class="mw-feed-item">
-      <button type="button" popovertarget="post-desert">
-        <img
-          src="images/gallery-desert.svg"
-          alt="Desert dunes"
-          width="800"
-          height="450"
-          loading="lazy"
-        />
-      </button>
-      <figure class="mw-feed-post" id="post-desert" popover>
-        <button
-          type="button"
-          class="mw-overlay-btn mw-feed-post-close"
-          popovertarget="post-desert"
-          popovertargetaction="hide"
-          aria-label="Close"
-        >
-          &#120299;
-        </button>
-        <img
-          src="images/gallery-desert.svg"
-          alt="Desert dunes"
-          width="800"
-          height="450"
-          loading="lazy"
-        />
-      </figure>
-    </div>
-    <div class="mw-feed-item">
-      <button type="button" popovertarget="post-stars">
-        <img
-          src="images/story-stars.svg"
-          alt="Tent glowing under the milky way"
-          width="720"
-          height="1280"
-          loading="lazy"
-        />
-      </button>
-      <figure class="mw-feed-post" id="post-stars" popover>
-        <button
-          type="button"
-          class="mw-overlay-btn mw-feed-post-close"
-          popovertarget="post-stars"
-          popovertargetaction="hide"
-          aria-label="Close"
-        >
-          &#120299;
-        </button>
-        <img
-          src="images/story-stars.svg"
-          alt="Tent glowing under the milky way"
-          width="720"
-          height="1280"
-          loading="lazy"
-        />
-        <figcaption>
-          <p>Camp at 2,400 metres.</p>
-          <time datetime="2026-05-30">30 May 2026</time>
-        </figcaption>
-      </figure>
-    </div>
-    <div class="mw-feed-item">
-      <button type="button" popovertarget="post-mountain">
-        <img
-          src="images/gallery-mountain.svg"
-          alt="Mountain range at sunrise"
-          width="800"
-          height="450"
-          loading="lazy"
-        />
-      </button>
-      <figure class="mw-feed-post" id="post-mountain" popover>
-        <button
-          type="button"
-          class="mw-overlay-btn mw-feed-post-close"
-          popovertarget="post-mountain"
-          popovertargetaction="hide"
-          aria-label="Close"
-        >
-          &#120299;
-        </button>
-        <img
-          src="images/gallery-mountain.svg"
-          alt="Mountain range at sunrise"
-          width="800"
-          height="450"
-          loading="lazy"
-        />
-      </figure>
-    </div>
-    <div class="mw-feed-item">
-      <button type="button" popovertarget="post-snow">
-        <img
-          src="images/gallery-snow.svg"
-          alt="Snowy hills"
-          width="800"
-          height="450"
-          loading="lazy"
-        />
-      </button>
-      <figure class="mw-feed-post" id="post-snow" popover>
-        <button
-          type="button"
-          class="mw-overlay-btn mw-feed-post-close"
-          popovertarget="post-snow"
-          popovertargetaction="hide"
-          aria-label="Close"
-        >
-          &#120299;
-        </button>
-        <img
-          src="images/gallery-snow.svg"
-          alt="Snowy hills"
-          width="800"
-          height="450"
-          loading="lazy"
-        />
-      </figure>
-    </div>
-  </div>
-</div>

package/src/partials/footer-container.html

@@ -1,113 +0,0 @@
-<div class="mw-footer-top">
-  <div class="mw-footer-column">
-    <h3>The framework</h3>
-    <p>
-      A CSS framework for responsive sites - grid, components, forms, dark mode.
-      AI tools drafted parts of it; most of what is in here was reworked by hand
-      afterwards.
-    </p>
-  </div>
-
-  <div class="mw-footer-column">
-    <h3>Quick Links</h3>
-    <ul>
-      <li>
-        <a href="#home"> Home </a>
-      </li>
-      <li>
-        <a href="#documentation"> Documentation </a>
-      </li>
-      <li>
-        <a href="#components"> Components </a>
-      </li>
-      <li>
-        <a href="#form-elements"> Form & Elements </a>
-      </li>
-    </ul>
-  </div>
-
-  <div class="mw-footer-column">
-    <h3>Resources</h3>
-    <ul>
-      <li>
-        <a href="#get-started"> Get Started </a>
-      </li>
-      <li>
-        <a href="#history"> History </a>
-      </li>
-      <li>
-        <a
-          href="https://github.com/m1well/maverick-wave/blob/main/CHANGELOG.md"
-          target="_blank"
-        >
-          Changelog
-        </a>
-      </li>
-      <li>
-        <a href="https://github.com/m1well/maverick-wave" target="_blank">
-          GitHub Repository
-        </a>
-      </li>
-    </ul>
-  </div>
-
-  <div class="mw-footer-column">
-    <h3>Contact Me</h3>
-    <p>Questions or feedback? Every link below reaches me.</p>
-  </div>
-</div>
-
-<div class="mw-social-links">
-  <a
-    href="https://github.com/m1well"
-    target="_blank"
-    data-tooltip="GitHub"
-    aria-label="GitHub"
-  >
-    <i class="fab fa-github"></i>
-  </a>
-  <a
-    href="https://www.linkedin.com/in/michael-wellner"
-    target="_blank"
-    data-tooltip="LinkedIn"
-    aria-label="LinkedIn"
-  >
-    <i class="fab fa-linkedin"></i>
-  </a>
-  <a
-    href="https://www.xing.com/profile/Michael_Wellner5/"
-    target="_blank"
-    data-tooltip="Xing"
-    aria-label="Xing"
-  >
-    <i class="fab fa-xing"></i>
-  </a>
-  <a
-    href="https://dev.to/m1well"
-    target="_blank"
-    data-tooltip="dev.to"
-    aria-label="dev.to"
-  >
-    <i class="fab fa-dev"></i>
-  </a>
-  <a
-    href="mailto:info@m1well.com"
-    target="_blank"
-    data-tooltip="Mail"
-    aria-label="Mail"
-  >
-    <i class="fa fa-envelope"></i>
-  </a>
-</div>
-
-<p class="mw-disclaimer">
-  Named after the one wave that breaks off the reef instead of with the set. MIT
-  licensed.
-</p>
-
-<p class="mw-copyright">
-  &copy; <span>{{LAST_BUILD_YEAR}}</span> MaverickWave v{{VERSION}} - by
-  <a href="https://m1well.com" target="_blank" class="mw-link"> m1well </a>
-</p>
-
-<p class="mw-last-updated">Last updated: <span>{{LAST_BUILD_DATE}}</span></p>