From 49cd9bd0dd4dd90786c2d72e3f9fae5905bb7fa4 Mon Sep 17 00:00:00 2001
From: Nathan Woodburn <github@nathan.woodburn.au>
Date: Tue, 20 Feb 2024 12:04:27 +1100
Subject: [PATCH] fix: Update page formatting

---
 templates/index.html        | 12 ++++++++++--
 templates/not_for_sale.html | 16 +++++++++++++---
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 9a131d4..fff6b6b 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -27,12 +27,12 @@
     </nav>
     <header>
         <div class="container">
-            <div style="text-align: center;">
+            <div style="text-align: center;margin-top: 50px;">
                 <h1 class="display-1 text-center" style="font-weight: bold;margin: 0px;">.{{tld}}/ domains</h1><span style="font-weight: bold;font-size: 40px;"><br>The domain name for your next project<br><br></span>
             </div>
         </div>
     </header>
-    <section style="font-size: 25px;">
+    <section style="margin-top: 75px;font-size: larger;">
         <div class="text-center" id="pricing">
             <p class="text-center" style="font-weight: bold;">.{{tld}}/ domains now available for registration at HNSAU.</p>
             <span>Get yourname.{{tld}}/</span>
@@ -41,6 +41,14 @@
     </section>
     <footer style="font-size: 25px;background: black;color: white;margin-top: 250px;">
         <span>© {{year}} .{{tld}}/</span>
+        <style>
+            /* Hide right footer on mobiles */
+            @media (max-width: 768px) {
+                .right-footer {
+                    display: none;
+                }
+            }
+        </style>
         <span class="right-footer">
             Domains by 
             <a href="https://hns.au" target="_blank">HNSAU/</a>
diff --git a/templates/not_for_sale.html b/templates/not_for_sale.html
index 08349d6..3d0c3fb 100644
--- a/templates/not_for_sale.html
+++ b/templates/not_for_sale.html
@@ -27,12 +27,14 @@
     </nav>
     <header>
         <div class="container">
-            <div style="text-align: center;">
-                <h1 class="display-1 text-center" style="font-weight: bold;margin: 0px;">.{{tld}}/ domains</h1><span style="font-weight: bold;font-size: 40px;"><br>.{{tld}}/ domains are not available for registration yet.<br><br></span>
+            <div style="text-align: center;margin-top: 50px;">
+                <h1 class="display-1 text-center" style="font-weight: bold;margin: 0px;">.{{tld}}/ domains</h1>
+                <div class="spacer" style="height: 100px;"></div>
+                <h2 style="font-weight: bold;">.{{tld}}/ domains are not available for registration yet.<br><br></h2>
             </div>
         </div>
     </header>
-    <section style="font-size: 25px;">
+    <section style="margin-top: 75px;">
         <div class="text-center" id="pricing" style="max-width: 800px; margin: auto;">
             <p class="text-center" style="font-weight: bold;">If you're interested in using a subdomain of {{tld}}/ for your project, please feel free to reach out to us.<br>We'd be happy to help you set up a second-level domain (SLD).</p>
             <br>
@@ -41,6 +43,14 @@
     </section>
     <footer style="font-size: 25px;background: black;color: white;margin-top: 250px;">
         <span>© {{year}} .{{tld}}/</span>
+        <style>
+            /* Hide right footer on mobiles */
+            @media (max-width: 768px) {
+                .right-footer {
+                    display: none;
+                }
+            }
+        </style>
         <span class="right-footer">
             Domains by 
             <a href="https://hns.au" target="_blank">HNSAU/</a>