feat: Add index page
All checks were successful
Build Docker / Build Docker (push) Successful in 22s

This commit is contained in:
2023-12-15 17:00:01 +11:00
parent 0b432df8af
commit 126311149c
10 changed files with 201 additions and 4 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,57 @@
.bs-icon {
--bs-icon-size: .75rem;
display: flex;
flex-shrink: 0;
justify-content: center;
align-items: center;
font-size: var(--bs-icon-size);
width: calc(var(--bs-icon-size) * 2);
height: calc(var(--bs-icon-size) * 2);
color: var(--bs-primary);
}
.bs-icon-xs {
--bs-icon-size: 1rem;
width: calc(var(--bs-icon-size) * 1.5);
height: calc(var(--bs-icon-size) * 1.5);
}
.bs-icon-sm {
--bs-icon-size: 1rem;
}
.bs-icon-md {
--bs-icon-size: 1.5rem;
}
.bs-icon-lg {
--bs-icon-size: 2rem;
}
.bs-icon-xl {
--bs-icon-size: 2.5rem;
}
.bs-icon.bs-icon-primary {
color: var(--bs-white);
background: var(--bs-primary);
}
.bs-icon.bs-icon-primary-light {
color: var(--bs-primary);
background: rgba(var(--bs-primary-rgb), .2);
}
.bs-icon.bs-icon-semi-white {
color: var(--bs-primary);
background: rgba(255, 255, 255, .5);
}
.bs-icon.bs-icon-rounded {
border-radius: .5rem;
}
.bs-icon.bs-icon-circle {
border-radius: 50%;
}

View File

@@ -0,0 +1,39 @@
[data-bs-theme=dark] {
--bs-primary: #002459;
--bs-primary-rgb: 0,36,89;
--bs-primary-text-emphasis: #667C9B;
--bs-primary-bg-subtle: #000712;
--bs-primary-border-subtle: #001635;
}
[data-bs-theme=dark] .btn-primary, .btn-primary[data-bs-theme=dark] {
--bs-btn-color: #fff;
--bs-btn-bg: #002459;
--bs-btn-border-color: #002459;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #001F4C;
--bs-btn-hover-border-color: #001D47;
--bs-btn-focus-shadow-rgb: 217,222,230;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #001D47;
--bs-btn-active-border-color: #001B43;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #002459;
--bs-btn-disabled-border-color: #002459;
}
[data-bs-theme=dark] .btn-outline-primary, .btn-outline-primary[data-bs-theme=dark] {
--bs-btn-color: #002459;
--bs-btn-border-color: #002459;
--bs-btn-focus-shadow-rgb: 0,36,89;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #002459;
--bs-btn-hover-border-color: #002459;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #002459;
--bs-btn-active-border-color: #002459;
--bs-btn-disabled-color: #002459;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #002459;
}

BIN
content/assets/img/HNS.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
content/assets/img/HNSW.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

73
content/index.html Normal file
View File

@@ -0,0 +1,73 @@
<!DOCTYPE html>
<html data-bs-theme="dark" lang="en-au">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>HNS DoH</title>
<meta name="description" content="Access Handshake Domains with DNS over HTTPS">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "HNS DoH",
"url": "https://doh.woodburn.au"
}
</script>
<link rel="icon" type="image/png" sizes="670x700" href="assets/img/HNS.png">
<link rel="icon" type="image/png" sizes="670x700" href="assets/img/HNSW.png" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="670x700" href="assets/img/HNS.png">
<link rel="icon" type="image/png" sizes="670x700" href="assets/img/HNSW.png" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="670x700" href="assets/img/HNS.png">
<link rel="icon" type="image/png" sizes="670x700" href="assets/img/HNS.png">
<link rel="icon" type="image/png" sizes="670x700" href="assets/img/HNS.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/bs-theme-overrides.css">
<link rel="stylesheet" href="assets/css/Navbar-Right-Links-Dark-icons.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-md fixed-top bg-dark py-3" data-bs-theme="dark">
<div class="container-fluid"><a class="navbar-brand d-flex align-items-center" href="/#"><span class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex justify-content-center align-items-center me-2 bs-icon"><img src="assets/img/HNSW.png" width="20px"></span><span>HNS DoH</span></a><button class="navbar-toggler" data-bs-toggle="collapse"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button></div>
</nav>
</header>
<section id="intro" style="margin: 100px;margin-top: 30vh;">
<div>
<h1 class="text-center" style="margin-bottom: 50px;">HNS DoH</h1>
<h2 class="text-center" style="margin-bottom: 50px;">Welcome to HNS DoH, your gateway to Handshake domains.</h2>
<p>As the digital landscape continues to evolve, traditional Domain Name System (DNS) protocols face increasing vulnerabilities. In response to these challenges, we proudly present a revolutionary solution that combines the security of DNS over HTTPS with the decentralized and censorship-resistant nature of Handshake domains. Our service empowers you to navigate the internet with confidence, ensuring that your online presence is shielded from prying eyes and potential threats.<br><br>Harness the power of Handshake domains, a decentralized naming protocol built on blockchain technology, and elevate your internet experience to new heights. [Service Name] not only prioritizes privacy but also embraces the principles of openness and resilience, placing control back into the hands of users like never before.<br><br>Join us on a journey towards a safer, more private internet, where your Handshake domains seamlessly integrate with the robust security provided by DNS over HTTPS. Welcome to a future where privacy is not just a feature but a fundamental right.</p>
</div>
</section>
<section id="setup" style="min-height: 400px;padding-top: 10vh;text-align: center;margin-right: 10%;margin-left: 10%;" data-bs-target="#navcol-5" data-bs-smooth-scroll="true">
<h3 class="display-1">Setup</h3>
<ul class="list-group">
<li class="list-group-item">
<div>
<h5 class="display-5">DNS over HTTPS</h5>
<p>For DNS over HTTPS you should use either<br>- https://doh.woodburn.au<br>- https://doh.woodburn.au/dns-query</p>
</div>
</li>
<li class="list-group-item">
<div>
<h5 class="display-5">DNS over TLS</h5>
<p>For DNS over TLS you can use a lower&nbsp;availability server below<br>- doh.hnshosting.au (Powered by Woodburn)</p>
</div>
</li>
<li class="list-group-item">
<div>
<h5 class="display-5">Plain DNS</h5>
<p>As a last resort you can use any of plain DNS below<br>- 194.50.5.26 (powered by Woodburn)<br>- 194.50.5.27 (powered by Woodburn)<br>- 194.50.5.28 (powered by Woodburn)<br>-&nbsp;139.144.68.241 (powered by HNSDNS)<br>- 139.144.68.242 (powered by HNSDNS)<br>- 2a01:7e01:e002:c300:: (powered by HNSDNS)<br>- 2a01:7e01:e002:c500:: (powered by HNSDNS)</p>
</div>
</li>
</ul>
</section>
<footer class="text-center bg-dark">
<div class="container text-white py-4 py-lg-5">
<p class="text-muted mb-0">Copyright © 2023 HNS DoH</p>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>