Keep share panels beneath entry info

assets/static/style.css

@@ -437,8 +437,7 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style:
 .blog-post-layout {
   grid-template-areas:
     "header info"
-    "body info"
-    "share info";
+    "body info";
 }
 .article-post-layout {
   grid-template-areas:
@@ -527,8 +526,6 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style:
   border-right: 1px solid rgba(210,97,134,.8);
   border-bottom: 1px solid rgba(210,97,134,.8);
 }
-.blog-post-layout > .share-panel,
-.article-post-layout > .share-panel { grid-area: share; }
 .post-meta > .share-panel { max-width: none; }
 .share-panel-heading {
   display: flex;
@@ -692,7 +689,8 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style:
   padding-block: 68px 78px;
 }
 .project-narrative { width: 100%; }
-.project-content > .share-panel { grid-column: 1 / -1; }
+.project-meta { display: grid; gap: 16px; }
+.project-meta > .share-panel { max-width: none; }
 .repository-card { border: 1px solid var(--rule); background: var(--panel); padding: 24px; }
 .repository-card dl { margin: 0; }
 .repository-card a { color: var(--teal); }
@@ -746,7 +744,6 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style:
   grid-template-areas:
     "header info"
     "body info"
-    "share share"
     "navigation navigation"
     "back back";
   gap: 34px clamp(54px, 7vw, 92px);
@@ -756,8 +753,7 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style:
 .devlog-entry-header { grid-area: header; }
 .devlog-entry-header h1 { font-style: normal; }
 .devlog-entry-body { grid-area: body; width: 100%; }
-.devlog-entry-layout > .share-panel { grid-area: share; }
-.devlog-info { grid-area: info; }
+.devlog-meta { grid-area: info; }
 .devlog-info .post-info-title { color: var(--violet); }
 .devlog-navigation { grid-area: navigation; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: 38px; border: 1px solid var(--rule); background: var(--rule); }
 .devlog-navigation-link { display: grid; gap: 8px; min-height: 130px; padding: 24px; background: var(--bg); }
@@ -849,7 +845,6 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style:
       "header"
       "info"
       "body"
-      "share"
       "navigation"
       "back";
     gap: 30px;
@@ -868,8 +863,7 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style:
     grid-template-areas:
       "header"
       "info"
-      "body"
-      "share";
+      "body";
   }
   .article-post-layout {
     grid-template-areas:

templates/base.html

@@ -10,7 +10,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500&family=Playfair+Display:ital,wght@0,600;0,700;1,500;1,600&display=swap" rel="stylesheet">
   <link rel="icon" href="{{ '/static/favicon.svg'|url }}" type="image/svg+xml">
-  <link rel="stylesheet" href="{{ '/static/style.css'|url }}?v=17">
+  <link rel="stylesheet" href="{{ '/static/style.css'|url }}?v=18">
   <script src="{{ '/static/tags.js'|url }}?v=1" defer></script>
   <script src="{{ '/static/activity.js'|url }}?v=1" defer></script>
   <script src="{{ '/static/hero-circuit.js'|url }}?v=2" defer></script>

templates/devlog-entry.html

@@ -15,26 +15,27 @@
     <p class="dek">{{ this.summary }}</p>
   </header>
 
-  <aside class="post-info devlog-info" aria-label="Development log information">
-    <p class="post-info-title">Development note</p>
-    <dl>
-      <div class="post-info-row"><dt>Project</dt><dd><a href="{{ project|url }}">{{ project.title }}</a></dd></div>
-      <div class="post-info-row"><dt>Published</dt><dd><time datetime="{{ this.date }}">{{ this.date|dateformat('long') }}</time></dd></div>
-      <div class="post-info-row"><dt>Author</dt><dd>{{ this.author }}</dd></div>
-      <div class="post-info-row">
-        <dt>Source commit</dt>
-        <dd><a href="{{ this.source_commit_url }}"><code>{{ this.source_commit[:10] }}</code></a></dd>
-      </div>
-      {% if this.topic_labels %}<div class="post-info-row"><dt>Topics</dt><dd class="technology-list">{{ taxonomy_labels(this.topic_labels) }}</dd></div>{% endif %}
-    </dl>
-  </aside>
+  <div class="post-meta devlog-meta">
+    <aside class="post-info devlog-info" aria-label="Development log information">
+      <p class="post-info-title">Development note</p>
+      <dl>
+        <div class="post-info-row"><dt>Project</dt><dd><a href="{{ project|url }}">{{ project.title }}</a></dd></div>
+        <div class="post-info-row"><dt>Published</dt><dd><time datetime="{{ this.date }}">{{ this.date|dateformat('long') }}</time></dd></div>
+        <div class="post-info-row"><dt>Author</dt><dd>{{ this.author }}</dd></div>
+        <div class="post-info-row">
+          <dt>Source commit</dt>
+          <dd><a href="{{ this.source_commit_url }}"><code>{{ this.source_commit[:10] }}</code></a></dd>
+        </div>
+        {% if this.topic_labels %}<div class="post-info-row"><dt>Topics</dt><dd class="technology-list">{{ taxonomy_labels(this.topic_labels) }}</dd></div>{% endif %}
+      </dl>
+    </aside>
+    {{ share_controls(this, 'development note', project) }}
+  </div>
 
   <div class="devlog-entry-body prose">
     {{ this.body }}
   </div>
 
-  {{ share_controls(this, 'development note', project) }}
-
   <nav class="devlog-navigation" aria-label="Development log chronology">
     {% if siblings.prev_page %}
     <a class="devlog-navigation-link" href="{{ siblings.prev_page|url }}"><span>← Older entry</span><strong>{{ siblings.prev_page.title }}</strong></a>

templates/entry.html

@@ -34,6 +34,7 @@
         </div>
       </dl>
     </aside>
+    {{ share_controls(this, 'post') }}
     {{ narration_player(this) }}
   </div>
 
@@ -41,7 +42,6 @@
     {{ this.body }}
     {% if this.external_url %}<p><a class="button-link" href="{{ this.external_url }}">Visit project →</a></p>{% endif %}
   </div>
-  {{ share_controls(this, 'post') }}
 </article>
 {% elif this.parent._id == 'articles' %}
 {% set article_word_count = this.body|striptags|wordcount %}

templates/project.html

@@ -28,6 +28,7 @@
       {{ this.body }}
     </div>
 
+    <div class="project-meta">
     <aside class="repository-card" aria-label="Repository information">
       <p class="post-info-title">Repository information</p>
       <dl>
@@ -73,6 +74,7 @@
       </dl>
     </aside>
     {{ share_controls(this, 'project') }}
+    </div>
   </div>
 
   {% if this.technology_labels %}