astro-accelerator 0.0.48 → 0.0.50

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.48",
+  "version": "0.0.50",
   "author": "Steve Fenton",
   "name": "astro-accelerator",
   "description": "A super-lightweight, accessible, SEO-friendly starter project for Astro",

package/public/css/main.css

@@ -959,6 +959,19 @@ figure:focus .magnify-icon {
     }
 }
 
+button[data-share] {
+    background-color: unset;
+    cursor: pointer;
+    color: var(--fore-link);
+    stroke: var(--fore-link);
+}
+
+button[data-share]:hover, 
+button[data-share]:focus {
+    color: var(--fore-link-alt);
+    stroke: var(--fore-link-alt);
+}
+
 /* Animation */
 
 @media (prefers-reduced-motion: no-preference) {
@@ -972,10 +985,14 @@ figure:focus .magnify-icon {
 
     .magnify-icon,
     .copy-button,
-    .anim-show-parent > *,
+    .anim-show-parent .list-item,
     .anim-show-parent img {
-        transition: all 0.3s ease-in;
+        transition: all 0.2s ease-in;
         transition-delay: 0.1s;
-        opacity: var(--shown, 1);
+        scale: calc(0.75 + (var(--shown, 1) * 0.25));
+    }
+
+    .anim-show-parent .list-item img {
+        scale: 1;
     }
 }

package/public/js/main.js

@@ -6,6 +6,7 @@ import { addMobileNav } from './modules/nav-mobile.js';
 import { setClickableBlocks } from './modules/click-blocks.js';
 import { setExternalLinkAttributes } from './modules/external-links.js';
 import { monitorInputType } from './modules/input-type.js';
+import { enableSharing } from './modules/share.js';
 
 const resizedEventName = addResizedEvent();
 
@@ -13,9 +14,10 @@ setClickableBlocks();
 setExternalLinkAttributes();
 addStickyNavigation('.site-header', '#site-nav', '#site-nav > ul', resizedEventName);
 addMobileNav(resizedEventName);
-addIntersectionObserver('.anim-show-parent img, .anim-show-parent > *:not(h1, h2, h3, h4, h5, h6)');
+addIntersectionObserver('.anim-show-parent img, .anim-show-parent .list-item');
 addListImageIntersectionObserver('.post-list img');
 monitorInputType();
+enableSharing();
 
 // @ts-ignore
 const f = site_features ?? {};

package/public/js/modules/share.js

@@ -0,0 +1,24 @@
+import { qs, qsa } from './query.js';
+
+function handleClick() {
+
+    const title = this.dataset.sharetitle ?? qs('meta[property="og:title"]').content;
+    const text = this.dataset.sharetext ?? qs('meta[property="og:description"]').content;
+    const url = this.dataset.shareurl ?? document.location;
+
+    const share = {
+        title: title,
+        text: text,
+        url: url
+    };
+
+    navigator.share(share);
+}
+
+function enableSharing() {
+    qsa('[data-share]').forEach((elem) => {
+        elem.addEventListener('click', handleClick);
+    });
+}
+
+export { enableSharing }

package/src/config.ts

@@ -35,9 +35,6 @@ const SITE: Site = {
 		figures: ['enlarge'],
 		youTubeLinks: ['embed'],
 	},
-	layouts: {
-		default: 'src/layouts/Default.astro'
-	},
 	images: {
 		contentSize: '(max-width: 860px) 100vw, 620px',
 		listerSize: '(max-width: 860px) 90vw, 350px',

package/src/pages/sitemap.xml.ts

@@ -15,10 +15,16 @@ async function getData() {
     const article: any = await allPages[path]();
     const addToSitemap = PostFiltering.showInSitemap(article);
 
+    let url = accelerator.urlFormatter.addSlashToAddress(article.url);
+
+    if (article.frontmatter.layout == 'src/layouts/Author.astro') {
+      url += '1/';
+    }
+
     if (addToSitemap) {
       pages.push(`
         <url>
-          <loc>${ SITE.url + accelerator.urlFormatter.addSlashToAddress(article.url) }</loc>
+          <loc>${ SITE.url + url }</loc>
           <lastmod>${ article.frontmatter.pubDate }</lastmod>
         </url>`);
     }

package/src/themes/accelerator/components/Authors.astro

@@ -33,7 +33,10 @@ const authorImage = authorList?.image?.src
     sizes={ authorImage.sizes }
     src={ authorImage.src }
     alt={ authorList?.image?.alt }
-    class={ authorImage.class } />
+    class={ authorImage.class }
+    width={ authorImage.metadata?.width }
+    height={ authorImage.metadata?.height }
+    />
   }
   <div class="author-info">
     <span class="author-list">{ _(Translations.post.written_by) }

package/src/themes/accelerator/components/Related.astro

@@ -65,6 +65,8 @@ const articles = relatedPosts.map(p => {
           src={ post.img.src }
           alt={ post.frontmatter.bannerImage.alt }
           class={ post.img.class }
+          width={ post.img.metadata?.width }
+          height={ post.img.metadata?.height }
           loading="lazy" />
       )}
       </div>