Remove share buttons

About 0.19% of visitors in the past 12 months have clicked the share
buttons at all. The code is a little ugly, and it wastes a tiny bit of
space at the bottom of the page. I don't think it's really worth having.

And I think people probably print a page through the browser UI anyways.

assets/css/bobastyle.css

@@ -217,6 +217,14 @@ hr {
   border: 1px solid var(--background-3);
 }
 
+@media (min-width: 720px) {
+  .full-width-hr {
+    /* see also: the related-posts section too */
+    margin-left: calc(-100vw / 2 + 760px / 2);
+    margin-right: calc(-100vw / 2 + 760px / 2);
+  }
+}
+
 table.simple {
   border-collapse: collapse;
   border: 2px solid var(--text-1);
@@ -846,14 +854,15 @@ aside.quote {
 
 /* Related posts section {{{ */
 
-/* set the margins on the contents instead of the parent .related-posts
+.full-width-page-list {
- * so that the posts in the list clip off the edge of the screen,
+  /* make left/right 0 margin so it takes up full width */
- * which makes a more obvious indicator that it's scrollable
+  margin: 25px 0;
- */
+}
 
 .related-posts > hr,
 .related-posts > h1 {
-  margin: var(--page-margin);
+  margin-left: 20px;
+  margin-right: 20px;
 }
 
 .related-posts .page {
@@ -863,18 +872,17 @@ aside.quote {
 }
 
 .related-posts .page:first-child {
-  margin-left: var(--page-margin);
+  margin-left: 20px;
 }
 .related-posts .page:last-child {
-  margin-right: var(--page-margin);
+  margin-right: 20px;
 }
 
 .related-posts .page-list {
   display: flex;
   flex-direction: row;
   gap: 20px;
-  overflow-x: auto;
+  overflow-x: scroll;
-  margin-bottom: var(--page-margin);
 }
 
 /* }}} */

layouts/_shortcodes/full-width-hr.html

@@ -0,0 +1 @@
+<hr class="full-width-hr">