From f3b0a6614d1f9603ac94bf7de1309cbb9f5c7095 Mon Sep 17 00:00:00 2001
From: Tom <thomas.hodson@ecmwf.int>
Date: Mon, 29 Jul 2024 10:25:08 +0100
Subject: [PATCH] fix highlights page

---
 highlights.md | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/highlights.md b/highlights.md
index 7380009..184004c 100644
--- a/highlights.md
+++ b/highlights.md
@@ -17,30 +17,31 @@ head: |
 ---
 Welcome to my little home on the web! Below you'll find recent blog posts, projects and mastodon toots. You'll also find links to the web version of my thesis <a href = "/thesis/4_Amorphous_Kitaev_Model/4.2_AMK_Methods.html#:~:text=Figure 1:,on the torus.">(with animations!)</a> and my <a href="/cv/">CV</a>. 
 
-## Posts
-<br>
+<section class = "highlights">
+<h1 class = "highlights">Posts</h1>
 {% for post in site.posts limit:5 %}
 {% include post_summary.html %}
 {% endfor %}
-<a href = "/blog/" class = "highlights-more">More Posts</a>
-
-## Projects
 <br>
+<a href = "/blog/" class = "highlights-more">More Posts</a>
+</section>
+
+<section class = "highlights">
+<h1 class = "highlights">Projects</h1>
 {% for post in site.projects limit:5 %}
 {% include project_summary.html %}
 {% endfor %}
-
-
 <a href = "/projects/" class = "highlights-more">More Projects</a>
+</section>
 
-## Toots
+<section class = "highlights">
+<h1 class = "highlights">Toots</h1>
 <div id="mt-container" class="mt-container">
   <div class="mt-body" role="feed">
     <div class="mt-loading-spinner"></div>
   </div>
 </div>
-
-<a href = "https://tech.lgbt/@Tomhodson" class = "highlights-more">More Toots</a>
+</section>
 
 <script type="module">
 const myTimeline = new MastodonTimeline.Init({