Reduce scope of scope, ironcially

Author: csswizardry

_includes/mini-profile.html

@@ -13,16 +13,20 @@
       border-radius: 100%;
     }
 
-    .c-mini-profile__content {
+    .c-mini-profile a {
+      color: inherit;
+      font: inherit;
     }
 
 </style>
 
 <article class=c-mini-profile>
   <img src=/img/content/avatar.jpg alt width=72 height=72 loading=lazy class=c-mini-profile__avatar>
   <div class=c-mini-profile__content>
-    <h5 class=mb0 style="font-weight: bold;">By Harry Roberts</h5>
-    <p class=mb0>Harry Roberts is an independent consultant web performance engineer. He helps companies of all shapes and sizes find and fix site speed issues.</p>
+    <h5 class=mb0 style="font-weight: bold;">By <a href="/about/">Harry Roberts</a></h5>
+    <p class=mb0>Harry Roberts is an <a href="/consultancy/">independent
+       consultant</a> web performance engineer. He <a href="/services/">helps
+       companies</a> of all shapes and sizes find and fix site speed issues.</p>
   </div>
 </article>
 

_layouts/post.html

@@ -10,27 +10,31 @@
 
   <div class=layout>
 
-    <section class="layout__item  desk-three-fifths  s-post" data-ui-component="Main content" itemscope itemtype=http://schema.org/BlogPosting id=section:main>
-      <script>performance.mark('contentStart')</script>
+    <section class="layout__item  desk-three-fifths" data-ui-component="Main content" itemscope itemtype=http://schema.org/BlogPosting id=section:main>
+      <div class="s-post">
 
-        <time class=post__date datetime={{ page.date | date: "%Y-%m-%d" }}  itemprop=datePublished>{{ page.date | date: "%-d %B, %Y" }}</time>
+        <script>performance.mark('contentStart')</script>
 
-        <h1 itemprop="name  headline" elementtiming=page-title style="view-transition-name: x-{{ page.date | date: '%Y-%m-%d' }}">{{ page.title }}</h1>
+          <time class=post__date datetime={{ page.date | date: "%Y-%m-%d" }}  itemprop=datePublished>{{ page.date | date: "%-d %B, %Y" }}</time>
 
-        <p class=hide>Written by <b itemprop=author>Harry Roberts</b> on <b itemprop=publisher>CSS Wizardry</b>.</p>
+          <h1 itemprop="name  headline" elementtiming=page-title style="view-transition-name: x-{{ page.date | date: '%Y-%m-%d' }}">{{ page.title }}</h1>
 
-        {% if page.case-study != true %}
+          <p class=hide>Written by <b itemprop=author>Harry Roberts</b> on <b itemprop=publisher>CSS Wizardry</b>.</p>
 
-        {% endif %}
+          {% if page.case-study != true %}
 
-        {% if page.toc != false %}
-          <details class=c-toc>
-            <summary>Table of Contents</summary>
-            {% include toc.html html=content ordered=true h_max=3 %}
-          </details>
-        {% endif %}
+          {% endif %}
+
+          {% if page.toc != false %}
+            <details class=c-toc>
+              <summary>Table of Contents</summary>
+              {% include toc.html html=content ordered=true h_max=3 %}
+            </details>
+          {% endif %}
+
+          {{ content }}
 
-        {{ content }}
+      </div><!-- /.s-post -->
 
         {% if page.faq %}
           <script type="application/ld+json">