astro-accelerator 4.0.47 → 4.0.49

package/package.json

@@ -1,5 +1,5 @@
 {
-    "version": "4.0.47",
+    "version": "4.0.49",
     "author": "Steve Fenton",
     "name": "astro-accelerator",
     "description": "A super-lightweight, accessible, SEO-friendly starter project for Astro",
@@ -32,8 +32,8 @@
     },
     "dependencies": {
         "@astrojs/mdx": "^2.3.1",
-        "astro": "^4.14.4",
-        "astro-accelerator-utils": "^0.3.17",
+        "astro": "^4.15.3",
+        "astro-accelerator-utils": "^0.3.18",
         "cspell": "^8.14.2",
         "csv": "^6.3.10",
         "glob": "^11.0.0",
@@ -45,7 +45,7 @@
         "sharp": "^0.33.5"
     },
     "devDependencies": {
-        "@playwright/test": "^1.46.1"
+        "@playwright/test": "^1.47.0"
     },
     "files": [
         ".npmrc",

package/public/css/main.css

@@ -114,6 +114,8 @@ h6 {
 h1 {
     font-size: 3rem;
     font-size: clamp(2rem, 6vw, 3rem);
+    max-width: 90%;
+    margin-inline: auto;
 }
 
 h2 {
@@ -469,7 +471,7 @@ nav.site-nav h2 {
     padding-top: 0;
 
     @media (max-width: 860px) {
-        grid-template-columns: 1rem auto 1rem;
+        grid-template-columns: 1.5rem auto 1.5rem;
         grid-template-rows: auto auto auto;
         gap: 0;
         grid-template-areas:
@@ -483,6 +485,7 @@ nav.site-nav h2 {
     grid-area: top;
     text-align: center;
     padding-bottom: var(--block-gap);
+    max-width: 100%;
 }
 
 .content-group header p {
@@ -1203,23 +1206,18 @@ pre.astro-code code {
 }
 
 .bookmark-link {
-    margin-inline-start: 0.2em;
     border-radius: var(--block-radius);
-    font-size: 0.5em;
     text-decoration: none;
-    position: relative;
-    top: -0.5em;
     color: var(--fore-link);
-    float: right;
-    overflow: hidden;
     display: block;
-    width: 1.3em;
-    height: 1.6em;
     opacity: 0.5;
+    position: absolute;
+    font-size: 0.8em;
 }
 
 .bookmark-link::before {
-    content: '🔗 ';
+    content: '#';
+    margin-left: -0.8em;
 }
 
 .bookmark-link:hover,

package/public/css/vars.css

@@ -53,7 +53,7 @@
 
     --content-width: 78vw;
     --navigation-width: 260px;
-    --grid-gap: 1rem;
+    --grid-gap: 1.5rem;
     --grid-max-width: 60rem;
     --grid-width: 90vw;
 

package/public/js/modules/headers.js

@@ -20,7 +20,7 @@ function enhanceHeaders() {
         linkContainer.className = 'bookmark-link';
         linkContainer.title = 'Bookmark';
 
-        elem.appendChild(linkContainer);
+        elem.prepend(linkContainer);
     });
 }
 

package/src/pages/articles/[page].astro

@@ -18,6 +18,9 @@ stats.start();
 
 const lang = SITE.default.lang;
 
+// Language
+const _ = Lang(lang);
+
 // Props
 type Props = {
   page: Page<MarkdownInstance>;
@@ -26,17 +29,17 @@ type Props = {
 };
 const { page, headings, pubDate } = Astro.props satisfies Props;
 
+// Enhance the title
+const pageTitle = `${_(Translations.articles.articles_title)} - ${_(Translations.articles.page_title).replace('{n}', page.currentPage.toString())}`;
+
 const frontmatter: Frontmatter = {
   layout: 'src/layouts/Default.astro',
-  title: 'Articles',
+  title: pageTitle,
   keywords: `articles`,
   description: `${SITE.title} articles.`,
   pubDate: pubDate
 };
 
-// Language
-const _ = Lang(lang);
-
 // Logic
 export async function getData() {
   const sourcePosts = await Astro.glob('./**/*.md*') as MarkdownInstance[];
@@ -61,7 +64,6 @@ const pageLinks = accelerator.paging.links(SITE.pageLinks, page.lastPage, page.c
 stats.stop();
 ---
 <Default frontmatter={ frontmatter } headings={ headings }>
-  <h2>{ _(Translations.articles.page_title).replace('{n}', page.currentPage.toString()) }</h2>
   <ArticleList lang={ lang } posts={ page.data } />
   <PagingLinks lang={ lang } page={ page } pageLinks={ pageLinks } />
 </Default>

package/src/themes/accelerator/utilities/language.json

@@ -87,6 +87,9 @@
         }
     },
     "articles": {
+        "articles_title": {
+            "en": "Articles"
+        },
         "archive_title": {
             "en": "Archive - {name}"
         },