From eb3beb1994c9eba7db48630ca2e06fa38df92a88 Mon Sep 17 00:00:00 2001
From: daviddgtnt <david@daviddgtnt.xyz>
Date: Mon, 27 Jan 2025 13:18:33 -0600
Subject: [PATCH] Make header text responsive

---
 _layouts/default.html  | 2 +-
 _layouts/home.html     | 4 ++--
 _layouts/noindent.html | 2 +-
 _layouts/post.html     | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/_layouts/default.html b/_layouts/default.html
index 0f19cd5..8676d54 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -8,7 +8,7 @@
   </head>
   <body class="h-full">
     <header class="bg-livingstone-500 p-5 h-32 hover:h-56 transition-all duration-500 w-full fixed group">
-      <h1 class="text-center text-5xl text-white p-7 font-bevan">David Livingstone</h1>
+      <h1 class="text-center text-3xl sm:text-5xl text-white p-7 font-bevan">David Livingstone</h1>
       <ul class="flex place-content-center place-items-center p-8 invisible group-hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-300 group-hover:duration-1000">
         <li><a href="/" class="text-white bg-livingstone-400 p-5 mx-1 hover:bg-livingstone-100 hover:text-xl transition-all duration-500 rounded-full font-mplus2">Home</a></li>
         <li><a href="/blog" class="text-white bg-livingstone-400 p-5 mx-1 hover:bg-livingstone-100 hover:text-xl transition-all duration-500 rounded-full font-mplus2">Blog</a></li>
diff --git a/_layouts/home.html b/_layouts/home.html
index b802e99..ef5d798 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -8,7 +8,7 @@
   </head>
   <body class="h-full">
     <header class="bg-livingstone-500 p-5 h-32 hover:h-56 transition-all duration-500 opacity-80 hover:opacity-100 w-full fixed group">
-      <h1 class="text-center text-5xl text-white p-7 font-bevan">David Livingstone</h1>
+      <h1 class="text-center text-3xl sm:text-5xl text-white p-7 font-bevan">David Livingstone</h1>
       <ul class="flex place-content-center place-items-center p-8 invisible group-hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-300 group-hover:duration-1000">
         <li><a href="/" class="text-white bg-livingstone-400 p-5 mx-1 hover:bg-livingstone-100 hover:text-xl transition-all duration-500 rounded-full font-mplus2">Home</a></li>
         <li><a href="/blog" class="text-white bg-livingstone-400 p-5 mx-1 hover:bg-livingstone-100 hover:text-xl transition-all duration-500 rounded-full font-mplus2">Blog</a></li>
@@ -16,7 +16,7 @@
       </ul>
     </header>
     <div class="bg-cover bg-fixed bg-[url('/assets/img/canyon.jpg')] h-3/4 flex flex-col place-content-center place-items-center">
-      <h1 class="text-5xl text-white font-bevan p-10">Africa's greatest missionary</h1>
+      <h1 class="text-5xl text-center text-white font-bevan p-10">Africa's greatest missionary</h1>
       <h2 class="text-xl text-white font-baskerville"></h2>
     </div>
     <main class="min-h-[83.333333%] max-w-5xl m-auto">
diff --git a/_layouts/noindent.html b/_layouts/noindent.html
index f8452a2..1422ef0 100644
--- a/_layouts/noindent.html
+++ b/_layouts/noindent.html
@@ -8,7 +8,7 @@
   </head>
   <body class="h-full">
     <header class="bg-livingstone-500 p-5 h-32 hover:h-56 transition-all duration-500 w-full fixed group">
-      <h1 class="text-center text-5xl text-white p-7 font-bevan">David Livingstone</h1>
+      <h1 class="text-center text-3xl sm:text-5xl text-white p-7 font-bevan">David Livingstone</h1>
       <ul class="flex place-content-center place-items-center p-8 invisible group-hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-300 group-hover:duration-1000">
         <li><a href="/" class="text-white bg-livingstone-400 p-5 mx-1 hover:bg-livingstone-100 hover:text-xl transition-all duration-500 rounded-full font-mplus2">Home</a></li>
         <li><a href="/blog" class="text-white bg-livingstone-400 p-5 mx-1 hover:bg-livingstone-100 hover:text-xl transition-all duration-500 rounded-full font-mplus2">Blog</a></li>
diff --git a/_layouts/post.html b/_layouts/post.html
index e81771d..919fc59 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -8,7 +8,7 @@
   </head>
   <body class="h-full">
     <header class="bg-livingstone-500 p-5 h-32 hover:h-56 transition-all duration-500 w-full fixed group">
-      <h1 class="text-center text-5xl text-white p-7 font-bevan">David Livingstone</h1>
+      <h1 class="text-center text-3xl sm:text-5xl text-white p-7 font-bevan">David Livingstone</h1>
       <ul class="flex place-content-center place-items-center p-8 invisible group-hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-300 group-hover:duration-1000">
         <li><a href="/" class="text-white bg-livingstone-400 p-5 mx-1 hover:bg-livingstone-100 hover:text-xl transition-all duration-500 rounded-full font-mplus2">Home</a></li>
         <li><a href="/blog" class="text-white bg-livingstone-400 p-5 mx-1 hover:bg-livingstone-100 hover:text-xl transition-all duration-500 rounded-full font-mplus2">Blog</a></li>
