From 767990f157d1113ddd9cb6a9c057d38613f345b9 Mon Sep 17 00:00:00 2001
From: Daphne Preston-Kendal <git@dpk.io>
Date: Fri, 9 Jan 2026 11:38:01 +0100
Subject: [PATCH] Fix HTML validation errors

---
 index.html | 106 +++++++++++++++++++++++++++--------------------------
 1 file changed, 55 insertions(+), 51 deletions(-)
diff --git a/index.html b/index.html
index 0f28bb6..124a9af 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,6 @@
 <head>
   <!-- Meta tags -->
   <meta charset="utf-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
   <meta name="viewport" content="width=device-width" />
 
@@ -22,6 +21,46 @@
 
   <link href="https://fonts.codeberg.org/dist/inter/Inter%20Web/inter.css" rel="stylesheet" />
   <link href="https://fonts.codeberg.org/dist/fontawesome5/css/all.min.css" rel="stylesheet" />
+  <!-- Page specific styles -->
+  <style>
+  .codeberg-hero {
+      padding: 5rem var(--content-and-card-spacing); display: flex; justify-content: center; background: var(--accent);
+  }
+  .codeberg-hero>div {
+      max-width: 80em; display: flex; align-items: center; color: #fff;
+  }
+  .codeberg-hero>div>div {
+      margin-left: var(--content-and-card-spacing);
+  }
+  .codeberg-hero h3 {
+      font-weight: 600;
+  }
+  @media (max-width: 60em) {
+      .codeberg-hero>div {
+          flex-direction: column;
+      }
+      .codeberg-hero>div>div {
+          margin-left: 0;
+          margin-top: var(--content-and-card-spacing);
+      }
+  }
+  .codeberg-divider {
+      display: flex;
+      align-items: center;
+  }
+  .codeberg-divider>hr { flex-basis: 50%; --lm-horizontal-rule-color: var(--lm-card-border-color); }
+  .codeberg-divider>hr:first-child { margin-right: 1rem; }
+  .codeberg-divider>hr:last-child { margin-left: 1rem; }
+  .codeberg-divider>:not(hr) {
+      flex: none;
+  }
+  .codeberg-number-circle {
+      width: 2em; height: 2em; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem;
+      background: var(--accent);
+      color: #fff;
+      border-radius: 1em;
+  }
+  </style>
 </head>
 <body data-dm-shortcut-enabled="true" data-set-preferred-mode-onload="true">
 
@@ -65,47 +104,8 @@
   <div class="content-wrapper">
     <!-- Container-fluid -->
     <div class="container-fluid" style="--accent: #144b49">
-      <style>
-        .codeberg-hero {
-          padding: 5rem var(--content-and-card-spacing); display: flex; justify-content: center; background: var(--accent);
-        }
-        .codeberg-hero>div {
-          max-width: 80em; display: flex; align-items: center; color: #fff;
-        }
-        .codeberg-hero>div>div {
-          margin-left: var(--content-and-card-spacing);
-        }
-        .codeberg-hero h3 {
-          font-weight: 600;
-        }
-        @media (max-width: 60em) {
-          .codeberg-hero>div {
-            flex-direction: column;
-          }
-          .codeberg-hero>div>div {
-            margin-left: 0;
-            margin-top: var(--content-and-card-spacing);
-          }
-        }
-        .codeberg-divider {
-          display: flex;
-          align-items: center;
-        }
-        .codeberg-divider>hr { flex-basis: 50%; --lm-horizontal-rule-color: var(--lm-card-border-color); }
-        .codeberg-divider>hr:first-child { margin-right: 1rem; }
-        .codeberg-divider>hr:last-child { margin-left: 1rem; }
-        .codeberg-divider>:not(hr) {
-          flex: none;
-        }
-        .codeberg-number-circle {
-          width: 2em; height: 2em; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem;
-          background: var(--accent);
-          color: #fff;
-          border-radius: 1em;
-        }
-      </style>
       <div style="background: orange; display: flex; align-items: center; flex-direction: column; ">
-        <div style="max-with: 80em; padding: 0 var(--content-and-card-spacing); color: black">
+        <div style="max-width: 80em; padding: 0 var(--content-and-card-spacing); color: black">
           <p>Codeberg Pages is currently provided with a best effort approach. To be exact, the software behind this feature is currently in <a href="https://codeberg.org/Codeberg/pages-server/issues/399" style="color: var(--blue-color)">maintenance mode</a>.</p>
           <p>Please do not rely on it for critical websites, as we can't guarantee high availability like some other providers do.</p>
         </div>
@@ -162,21 +162,26 @@
               <div class="codeberg-divider"><hr>or<hr></div>
               <p>
                 To use a custom domain, create a file <code class="code">.domains</code> in your repository with the domain name you wish to use.
-                <br><br>
+              </p>
+              <p>
                 Then, add a DNS record for that domain:<br>
                 <code class="code">CNAME [[<i>branch</i>.]<i>repo</i>.]<i>user</i>.codeberg.page.</code>
-                <br><br>
+              </p>
+              <p>
                 Or for apex domains where CNAME doesn't work:<br>
                 <code class="code">ALIAS codeberg.page.</code><br>
                 <code class="code">TXT [[<i>branch</i>.]<i>repo</i>.]<i>user</i>.codeberg.page</code>
-                <br><br>
-                If ALIAS isn't supported, use add the <code class="code">TXT</code> record as described above, and use <code class="code">A</code>+<code class="code">AAAA</code> as following:<br>
-                <div class="alert" role="alert">
-                    Warning: Our IP addresses have changed in April 2025.
-                    Please make sure to update your DNS records accordingly for your existing domains.
-                </div><br>
+              </p>
+              <p>
+                If ALIAS isn't supported, use add the <code class="code">TXT</code> record as described above, and use <code class="code">A</code>+<code class="code">AAAA</code> as following:
+              </p>
+              <div class="alert" role="alert">
+                Warning: Our IP addresses have changed in April 2025.
+                Please make sure to update your DNS records accordingly for your existing domains.
+              </div>
+              <p>
                 <code class="code">A 217.197.84.141</code><br>
-                <code class="code">AAAA 2a0a:4580:103f:c0de::2</code><br>
+                <code class="code">AAAA 2a0a:4580:103f:c0de::2</code>
               </p>
             </div>
           </div>
@@ -185,7 +190,6 @@
     </div>
   </div>
   <!-- Content wrapper end -->
-
 </div>
 <!-- Page wrapper end -->
 
