mirrors/pages-server
1
0
Fork 0
mirror of https://codeberg.org/Codeberg/pages-server.git synced 2026-08-19 10:36:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix HTML validation errors

Browse Source
This commit is contained in:
Daphne Preston-Kendal
2026-01-09 11:38:01 +01:00
parent 915c874f80
commit 767990f157
1 changed files with 55 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+55 -51
View File
@@ -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 -->