astro-accelerator 4.0.20 → 4.0.22

package/package.json

@@ -1,86 +1,86 @@
 {
-  "version": "4.0.20",
-  "author": "Steve Fenton",
-  "name": "astro-accelerator",
-  "description": "A super-lightweight, accessible, SEO-friendly starter project for Astro",
-  "keywords": [
-    "astro",
-    "themes"
-  ],
-  "type": "module",
-  "packageManager": "pnpm@8.7.0",
-  "engines": {
-    "node": ">=18.14.1",
-    "pnpm": ">=8.6.12"
-  },
-  "homepage": "https://astro.stevefenton.co.uk/",
-  "bugs": "https://github.com/Steve-Fenton/astro-accelerator/issues",
-  "license": "(Apache-2.0)",
-  "repository": {
-    "url": "https://github.com/Steve-Fenton/astro-accelerator"
-  },
-  "scripts": {
-    "img": "node --no-experimental-fetch ./src/themes/accelerator/utilities/img.mjs",
-    "dev": "node --no-experimental-fetch ./src/themes/accelerator/utilities/img.mjs && astro dev",
-    "stats": "node --no-experimental-fetch ./src/themes/accelerator/utilities/stats.mjs",
-    "spellcheck": "git fetch origin main:refs/remotes/origin/main && git diff origin/main --name-only --diff-filter=ACMRTUXB | cspell --no-must-find-files --file-list stdin",
-    "test": "astro build && npx playwright install --with-deps && npx playwright test",
-    "build": "astro build",
-    "preview": "astro preview",
-    "astro": "astro",
-    "dts": "tsc ./tests/locate-content.js ./tests/locate-navigation.js ./tests/locate-search.js --allowJs --declaration --emitDeclarationOnly"
-  },
-  "dependencies": {
-    "@astrojs/mdx": "^2.1.1",
-    "astro": "^4.4.3",
-    "astro-accelerator-utils": "^0.3.7",
-    "cspell": "^8.4.1",
-    "csv": "^6.3.6",
-    "hast-util-from-selector": "^3.0.0",
-    "html-to-text": "^9.0.5",
-    "keyword-extractor": "^0.0.28",
-    "optional": "^0.1.4",
-    "remark-directive": "^3.0.0",
-    "sharp": "^0.33.2"
-  },
-  "devDependencies": {
-    "@playwright/test": "^1.41.2"
-  },
-  "files": [
-    ".npmrc",
-    "env.d.ts",
-    "tsconfig.json",
-    "astro.config.mjs",
-    "sample/*",
-    "sample/**/*",
-    "src/config.ts",
-    "src/pages/index.md",
-    "src/pages/search.md",
-    "src/pages/articles/*.astro",
-    "src/pages/articles/*.ts",
-    "src/pages/authors/**/*.astro",
-    "src/pages/category/**/*.astro",
-    "src/pages/category/**/*.astro",
-    "src/pages/tag/**/*.astro",
-    "src/pages/tag/**/*.astro",
-    "src/pages/search.json.ts",
-    "src/pages/sitemap.xml.ts",
-    "src/pages/report/*",
-    "src/layouts/*",
-    "src/themes/accelerator/components/*",
-    "src/themes/accelerator/layouts/*",
-    "src/themes/accelerator/utilities/*",
-    "src/data/*",
-    "public/img/astro-lighthouse.png",
-    "public/icons/**/*",
-    "public/css/*",
-    "public/js/*"
-  ],
-  "pnpm": {
-    "overrides": {
-      "postcss@<8.4.31": ">=8.4.31",
-      "vite@<=5.0.11": ">=5.0.12",
-      "zod@<=3.22.2": ">=3.22.3"
+    "version": "4.0.22",
+    "author": "Steve Fenton",
+    "name": "astro-accelerator",
+    "description": "A super-lightweight, accessible, SEO-friendly starter project for Astro",
+    "keywords": [
+        "astro",
+        "themes"
+    ],
+    "type": "module",
+    "packageManager": "pnpm@8.7.0",
+    "engines": {
+        "node": ">=18.14.1",
+        "pnpm": ">=8.6.12"
+    },
+    "homepage": "https://astro.stevefenton.co.uk/",
+    "bugs": "https://github.com/Steve-Fenton/astro-accelerator/issues",
+    "license": "(Apache-2.0)",
+    "repository": {
+        "url": "https://github.com/Steve-Fenton/astro-accelerator"
+    },
+    "scripts": {
+        "img": "node --no-experimental-fetch ./src/themes/accelerator/utilities/img.mjs",
+        "dev": "node --no-experimental-fetch ./src/themes/accelerator/utilities/img.mjs && astro dev",
+        "stats": "node --no-experimental-fetch ./src/themes/accelerator/utilities/stats.mjs",
+        "spellcheck": "git fetch origin main:refs/remotes/origin/main && git diff origin/main --name-only --diff-filter=ACMRTUXB | cspell --no-must-find-files --file-list stdin",
+        "test": "astro build && npx playwright install --with-deps && npx playwright test",
+        "build": "astro build",
+        "preview": "astro preview",
+        "astro": "astro",
+        "dts": "tsc ./tests/locate-content.js ./tests/locate-navigation.js ./tests/locate-search.js --allowJs --declaration --emitDeclarationOnly"
+    },
+    "dependencies": {
+        "@astrojs/mdx": "^2.1.1",
+        "astro": "^4.4.3",
+        "astro-accelerator-utils": "^0.3.7",
+        "cspell": "^8.4.1",
+        "csv": "^6.3.6",
+        "hast-util-from-selector": "^3.0.0",
+        "html-to-text": "^9.0.5",
+        "keyword-extractor": "^0.0.28",
+        "optional": "^0.1.4",
+        "remark-directive": "^3.0.0",
+        "sharp": "^0.33.2"
+    },
+    "devDependencies": {
+        "@playwright/test": "^1.41.2"
+    },
+    "files": [
+        ".npmrc",
+        "env.d.ts",
+        "tsconfig.json",
+        "astro.config.mjs",
+        "sample/*",
+        "sample/**/*",
+        "src/config.ts",
+        "src/pages/index.md",
+        "src/pages/search.md",
+        "src/pages/articles/*.astro",
+        "src/pages/articles/*.ts",
+        "src/pages/authors/**/*.astro",
+        "src/pages/category/**/*.astro",
+        "src/pages/category/**/*.astro",
+        "src/pages/tag/**/*.astro",
+        "src/pages/tag/**/*.astro",
+        "src/pages/search.json.ts",
+        "src/pages/sitemap.xml.ts",
+        "src/pages/report/*",
+        "src/layouts/*",
+        "src/themes/accelerator/components/*",
+        "src/themes/accelerator/layouts/*",
+        "src/themes/accelerator/utilities/*",
+        "src/data/*",
+        "public/img/astro-lighthouse.png",
+        "public/icons/**/*",
+        "public/css/*",
+        "public/js/*"
+    ],
+    "pnpm": {
+        "overrides": {
+            "postcss@<8.4.31": ">=8.4.31",
+            "vite@<=5.0.11": ">=5.0.12",
+            "zod@<=3.22.2": ">=3.22.3"
+        }
     }
-  }
 }

package/public/css/main.css

@@ -1,7 +1,9 @@
+/** @format */
+
 html {
     box-sizing: border-box;
 }
-  
+
 *,
 *::before,
 *::after {
@@ -29,7 +31,8 @@ body {
     font-family: var(--content-font);
 }
 
-a, summary {
+a,
+summary {
     color: var(--fore-link);
     text-decoration: underline;
     cursor: pointer;
@@ -96,7 +99,12 @@ em {
     font-style: italic;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
     font-family: var(--heading-font);
     margin: 1.5em 0 0.6em 0;
     color: var(--fore-headings);
@@ -118,7 +126,9 @@ h3 {
     font-size: clamp(1.6em, 3vw, 2.3em);
 }
 
-h4, h5, h6 {
+h4,
+h5,
+h6 {
     font-size: 2em;
     font-size: clamp(1.4em, 2.5vw, 2em);
 }
@@ -160,7 +170,8 @@ li::marker {
     color: var(--fore-headings);
 }
 
-.page-content ul:not(.post-list), .page-content ol {
+.page-content ul:not(.post-list),
+.page-content ol {
     margin: var(--paragraph-margin) 0 var(--paragraph-margin) 1.2rem;
 }
 
@@ -193,7 +204,8 @@ thead tr {
     color: var(--fore-table-head);
 }
 
-th, td {
+th,
+td {
     border: 0.5px solid var(--fore);
     padding: 0.2em 0.3em;
 }
@@ -209,6 +221,7 @@ tbody tr:nth-child(odd) {
 }
 
 /* Skip Links */
+
 nav.skip-links {
     position: absolute;
 }
@@ -236,9 +249,9 @@ nav.skip-links a:focus {
     width: auto;
 }
 
- /* Breadcrumbs */
+/* Breadcrumbs */
 
- .site-breadcrumbs ol {
+.site-breadcrumbs ol {
     font-size: 0.8rem;
     background-color: var(--aft-breadcrumb);
     color: var(--fore-breadcrumb);
@@ -266,12 +279,13 @@ nav.skip-links a:focus {
 }
 
 @media (max-width: 860px) {
-  .site-breadcrumbs ol {
-    text-align: center;
-  }
+    .site-breadcrumbs ol {
+        text-align: center;
+    }
 }
 
 /* Header */
+
 .site-header {
     color: var(--fore-head);
     background-color: var(--aft-head);
@@ -311,7 +325,12 @@ nav.skip-links a:focus {
 }
 
 .site-header .navigation-icon {
+    --icon-width: 40px;
     stroke: var(--link-head);
+    border: 1px solid var(--link-head);
+    border-radius: calc(var(--icon-width) / 2);
+    width: var(--icon-width);
+    height: var(--icon-width);
 }
 
 .site-header .search-icon {
@@ -336,13 +355,13 @@ nav.site-nav h2 {
 }
 
 @media (max-width: 860px) {
-  nav.site-nav h2 {
-      display: block;
-  }
+    nav.site-nav h2 {
+        display: block;
+    }
 
-  nav.site-nav {
-      grid-row: 2;
-  }
+    nav.site-nav {
+        grid-row: 2;
+    }
 }
 
 .site-nav {
@@ -410,11 +429,11 @@ nav.site-nav h2 {
     .site-nav-bar h2 {
         display: block;
     }
-  
+
     .site-nav-bar {
         display: none;
     }
-  }
+}
 
 .site-nav-bar ul {
     list-style: none;
@@ -440,7 +459,8 @@ nav.site-nav h2 {
     display: block;
 }
 
-.overlay-menu a, .overlay-menu summary {
+.overlay-menu a,
+.overlay-menu summary {
     border-bottom: 1px solid var(--fore-link);
     border-radius: var(--block-radius) var(--block-radius) 0 0;
 }
@@ -450,11 +470,14 @@ nav.site-nav h2 {
 .content-group {
     width: 100%;
     max-width: 100%;
-    display: grid; 
-    grid-template-columns: minmax(5vw, 50vw) var(--navigation-width) min-content minmax(5vw, 50vw);
-    grid-template-areas: 
-        "top top top top"
-        "left menu content right";
+    display: grid;
+    grid-template-columns: minmax(5vw, 50vw) var(--navigation-width) min-content minmax(
+            5vw,
+            50vw
+        );
+    grid-template-areas:
+        'top top top top'
+        'left menu content right';
     gap: var(--grid-gap);
     padding-top: 0;
 }
@@ -493,10 +516,10 @@ nav.site-nav h2 {
         grid-template-columns: 1rem auto 1rem;
         grid-template-rows: auto auto auto;
         gap: 0;
-        grid-template-areas: 
-          "top top top"
-          "left content right"
-          "left menu right";
+        grid-template-areas:
+            'top top top'
+            'left content right'
+            'left menu right';
     }
 
     .content-group article > .page-content {
@@ -572,7 +595,7 @@ nav.site-nav h2 {
 
 .footer-columns {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(18rem, 22rem));;
+    grid-template-columns: repeat(auto-fit, minmax(18rem, 22rem));
     justify-content: center;
     gap: var(--block-gap);
 }
@@ -601,7 +624,7 @@ nav.site-nav h2 {
     height: calc(100% - 7rem);
     max-height: 100vh;
     background-color: var(--aft);
-    padding : 5rem 1em 2rem 1em;
+    padding: 5rem 1em 2rem 1em;
     overflow-y: auto;
     z-index: 1;
 }
@@ -622,10 +645,10 @@ nav.site-nav h2 {
 .site-search {
     height: var(--search-height);
     border-radius: var(--search-border-radius);
-    border: var(--search-border);
+    border: 1px solid var(--link-head);
     background-color: var(--white);
     position: relative;
-    z-index: 1
+    z-index: 1;
 }
 
 .site-search-results {
@@ -638,7 +661,7 @@ nav.site-nav h2 {
     border-radius: 0.9375rem;
     list-style-type: none;
     overflow-y: scroll;
-    transition-property:  padding, transform, visibility;
+    transition-property: padding, transform, visibility;
     transition-duration: var(--search-dropdown-duration);
     transition-timing-function: ease-in-out;
     visibility: hidden;
@@ -649,7 +672,7 @@ nav.site-nav h2 {
     will-change: transform;
 }
 
-.site-search.is-active+.site-search-results {
+.site-search.is-active + .site-search-results {
     padding: 1rem 0;
     transform: translateY(1.37rem) scaleY(1);
     visibility: visible;
@@ -667,7 +690,7 @@ nav.site-nav h2 {
 .site-search__overlay {
     opacity: 0;
     visibility: hidden;
-    background: rgba(12, 26, 36, 0.30);
+    background: rgba(12, 26, 36, 0.3);
     position: fixed;
     top: 0;
     left: 0;
@@ -696,7 +719,7 @@ nav.site-nav h2 {
     visibility: hidden;
 }
 
-.site-search.is-active+.site-search-results>.search-results__heading {
+.site-search.is-active + .site-search-results > .search-results__heading {
     visibility: visible;
 }
 
@@ -723,7 +746,7 @@ nav.site-nav h2 {
 }
 
 .site-search-results__item::after {
-    content: "";
+    content: '';
     display: inline-block;
     width: 0.75rem;
     height: 1.25rem;
@@ -775,7 +798,7 @@ nav.site-nav h2 {
 }
 
 .result-path {
-    color:  var(--fore-breadcrumb);
+    color: var(--fore-breadcrumb);
     font-size: 0.875rem;
     font-weight: 400;
     display: flex;
@@ -800,7 +823,7 @@ nav.site-nav h2 {
     margin: 0;
 }
 
-.site-search>fieldset {
+.site-search > fieldset {
     height: 100%;
     display: flex;
     align-items: center;
@@ -841,14 +864,15 @@ nav.site-nav h2 {
     }
 
     .site-header .site-search__mobile {
-        --search-mobile-size: 3rem;
+        --search-mobile-size: 40px;
         display: flex;
         width: var(--search-mobile-size);
         height: var(--search-mobile-size);
+        border: 1px solid var(--link-head);
         border-radius: calc(var(--search-mobile-size) / 2);
         justify-content: center;
         align-items: center;
-        border: var(--search-border);
+        fill: var(--link-head);
     }
 }
 
@@ -868,15 +892,15 @@ nav.site-nav h2 {
     display: none;
 }
 
-.result-headings li:nth-child(-n+3) {
+.result-headings li:nth-child(-n + 3) {
     display: block;
 }
 
-.result-headings:has(li:nth-child(n+4))::after {
+.result-headings:has(li:nth-child(n + 4))::after {
     content: 'See more >';
     color: var(--fore-link);
     text-decoration: underline;
-  }
+}
 
 .result-headings:focus-within li {
     display: block;
@@ -895,7 +919,7 @@ nav.site-nav h2 {
 @media (max-width: 860px) {
     form.site-search div {
         grid-template-columns: repeat(1, auto);
-    }    
+    }
 }
 
 /* Search dialog */
@@ -962,7 +986,7 @@ nav.site-nav h2 {
 }
 
 .post-list .list-item[data-image='false'] > article {
-    text-align: center ;
+    text-align: center;
 }
 
 .post-list .list-item-content {
@@ -1004,7 +1028,7 @@ nav.site-nav h2 {
     }
 
     .post-list .list-item img {
-        max-height: 120px
+        max-height: 120px;
     }
 }
 
@@ -1060,11 +1084,11 @@ nav.site-nav h2 {
     align-items: center;
 }
 
-.post-meta time[itemprop="datePublished"] {
+.post-meta time[itemprop='datePublished'] {
     display: inline-block;
 }
 
-.post-meta time[itemprop="dateModified"] {
+.post-meta time[itemprop='dateModified'] {
     font-style: italic;
     display: block;
 }
@@ -1104,7 +1128,7 @@ nav.site-nav h2 {
     padding: 0.1em 0.7em;
 }
 
-.post-taxonomy a:hover, 
+.post-taxonomy a:hover,
 .post-taxonomy a:focus {
     background-color: var(--fore-link-alt);
     color: var(--aft);
@@ -1117,7 +1141,7 @@ nav.site-nav h2 {
     aspect-ratio: 1/1;
     object-fit: cover;
     max-width: 150px;
-    float: right
+    float: right;
 }
 
 /* Video */
@@ -1126,17 +1150,17 @@ nav.site-nav h2 {
     aspect-ratio: 4/3;
     display: grid;
     grid-template-rows: 3fr 1fr;
-  }
-  
-  .yt-video > * {
+}
+
+.yt-video > * {
     align-items: center;
     display: flex;
     height: 100%;
     justify-content: center;
     width: 100%;
-  }
-  
-  .yt-video .play-icon {
+}
+
+.yt-video .play-icon {
     background-image: url(https://img.youtube.com/vi/VOWnhMxJMMk/0.jpg);
     background-position: center;
     background-size: cover;
@@ -1144,21 +1168,22 @@ nav.site-nav h2 {
     box-shadow: var(--box-shadow);
     color: var(--fore-link);
     font-size: 5em;
-  }
-  
-  .yt-video:hover .title, .yt-video:focus .title {
+}
+
+.yt-video:hover .title,
+.yt-video:focus .title {
     background-color: var(--funk);
-  }
+}
 
-  .yt-iframe {
+.yt-iframe {
     max-width: 100%;
     margin: 0 auto;
     display: block;
-  }
+}
 
-  a[data-youtube] {
+a[data-youtube] {
     text-decoration: none;
-  }
+}
 
 /* Code Block */
 
@@ -1314,7 +1339,7 @@ button[data-share] {
     stroke: var(--fore-link);
 }
 
-button[data-share]:hover, 
+button[data-share]:hover,
 button[data-share]:focus {
     color: var(--fore-link-alt);
     stroke: var(--fore-link-alt);
@@ -1344,7 +1369,7 @@ button[data-share]:focus {
     cursor: pointer;
 }
 
-.tab-list button[aria-selected="true"] {
+.tab-list button[aria-selected='true'] {
     margin-top: 0;
     border-width: 2px;
     border-top-width: 6px;
@@ -1354,7 +1379,7 @@ button[data-share]:focus {
     background-color: var(--aft);
 }
 
-.tab-list button[aria-selected="false"] {
+.tab-list button[aria-selected='false'] {
     top: 0px;
 }
 
@@ -1365,8 +1390,8 @@ button[data-share]:focus {
     outline: none;
 }
 
-[role="tabpanel"] {
-    position:relative;
+[role='tabpanel'] {
+    position: relative;
     padding: 1rem;
     border: 2px solid var(--fore-link);
     border-radius: var(--block-radius);
@@ -1375,18 +1400,19 @@ button[data-share]:focus {
     overflow: auto;
 }
 
-[role="tabpanel"].is-hidden {
+[role='tabpanel'].is-hidden {
     display: none;
 }
 
-[role="tabpanel"] p {
+[role='tabpanel'] p {
     margin: 0;
 }
 
 /* Animation */
 
 @media (prefers-reduced-motion: no-preference) {
-    body, html {
+    body,
+    html {
         scroll-behavior: smooth;
     }
 
@@ -1406,4 +1432,4 @@ button[data-share]:focus {
     .anim-show-parent .list-item img {
         scale: 1;
     }
-}
+}