Add blog author

hlxsites · Nov 23, 2023 · c3fd5dd · c3fd5dd
1 parent 5b25a3f
commit c3fd5dd
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/scripts/scripts.js b/scripts/scripts.js
@@ -48,7 +48,9 @@ function buildBlockPostPage(main) {
   // Below h1
   const h1 = main.querySelector('h1');
   const socialMediaButtons = document.createRange().createContextualFragment('<div class="sharing">Sharing Block Placeholder</div>');
+  const author = document.createRange().createContextualFragment('<p class="author">By Maranda Elswick, DVM</p>');
   if (h1) {
+    h1.parentElement.insertBefore(author, h1.nextSibling);
     h1.parentElement.insertBefore(socialMediaButtons.cloneNode(true), h1.nextSibling);
   }
 

diff --git a/styles/styles.css b/styles/styles.css
@@ -401,6 +401,12 @@ body.blog-post .default-content-wrapper {
   padding: 0 0.9375rem;
 }
 
+body.blog-post .default-content-wrapper p.author {
+  font-family: var(--heading-font-family);
+  font-size: 1.3125rem;
+  font-weight: 300;
+}
+
 main .section.highlight p em {
   display: block;
   font-size: 2.5rem;