From d1f9375ab7e72f9f92d65ce580d1c2fd8602a760 Mon Sep 17 00:00:00 2001
From: Tom <thomas.hodson@ecmwf.int>
Date: Sat, 20 Jul 2024 17:42:44 +0200
Subject: [PATCH] fix centering

---
 _sass/base.scss |  8 ++++++++
 highlights.md   | 12 ++++++++----
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/_sass/base.scss b/_sass/base.scss
index 4295080..74046de 100644
--- a/_sass/base.scss
+++ b/_sass/base.scss
@@ -170,6 +170,14 @@ section.note {
     color: black;
 }
 
+section.center {
+    display: flex;
+    justify-content: center;
+    margin-top: 1em;
+    margin-bottom: 1em;
+
+}
+
 // If the browser doesn't support web components, hide anything with has-wc class
 body.has-wc .no-wc {
     display: none;
diff --git a/highlights.md b/highlights.md
index 95295dc..82e222e 100644
--- a/highlights.md
+++ b/highlights.md
@@ -20,7 +20,7 @@ head: |
 {% for post in site.posts limit:5 %}
 {% include post_summary.html %}
 {% endfor %}
-<a href = "/blog/" style="margin:auto;">More Posts</a>
+<section class="center"><a href = "/blog/">More Posts</a></section>
 
 ## Projects
 <br>
@@ -28,7 +28,8 @@ head: |
 {% include project_summary.html %}
 {% endfor %}
 
-<a href = "/projects/" style="margin:auto;">More Projects</a>
+
+<section class="center"><a href = "/projects/">More Projects</a></section>
 
 ## Toots
 <div id="mt-container" class="mt-container">
@@ -37,19 +38,22 @@ head: |
   </div>
 </div>
 
+<section class="center"><a href = "https://tech.lgbt/@Tomhodson">More Toots</a></section>
+
 <script type="module">
 const myTimeline = new MastodonTimeline.Init({
   instanceUrl: "https://tech.lgbt",
   timelineType: "profile",
   userId: "109290417826726461",
   profileName: "@TomHodson",
-  maxNbPostFetch: "50",
-  maxNbPostShow: "30",
+  maxNbPostFetch: "30",
+  maxNbPostShow: "5",
   hideReblog: true,
   hideReplies: true,
   hideCounterBar: true,
   disableCarousel: true,
   btnReload: "",
+  btnSeeMore: "",
 });
 
 </script>
\ No newline at end of file