feat: Add index page

2023-12-15 17:00:01 +11:00 · 2023-12-15 17:00:01 +11:00 · 126311149c
commit 126311149c
parent 0b432df8af
10 changed files with 201 additions and 4 deletions
--- a/1
+++ b/1
@ -1,3 +1,4 @@
 FROM nginx
 RUN rm /etc/nginx/conf.d/default.conf
 COPY nginx.conf /etc/nginx/conf.d/default.conf
+COPY content /var/www/html
--- a/README.md
+++ b/README.md
@ -1,9 +1,16 @@
-# hns_doh_loadbalancer
+# HNS DoH load balancer

+## Run with docker
+```bash
+docker run -d --name hns_doh git.woodburn.au/nathanwoodburn/hns_doh:latest
+```

+Then setup your favourite reverse proxy to the container on port 80
+
+## Nodes
 Load balancing to the following DNS-over-HTTPS providers:
 - https://doh.hnshosting.au/dns-query
 - https://easyhandshake.com:8053/dns-query
 - https://doh.hnsdns.com/dns-query
- https://hs.dnssec.dev/dns-query
+- https://hs.dnssec.dev/dns-query (Temporarily down)
 - https://hnsns.net/dns-query
--- a/content/assets/bootstrap/css/bootstrap.min.css
+++ b/content/assets/bootstrap/css/bootstrap.min.css
--- a/content/assets/bootstrap/js/bootstrap.min.js
+++ b/content/assets/bootstrap/js/bootstrap.min.js
--- a/content/assets/css/Navbar-Right-Links-Dark-icons.css
+++ b/content/assets/css/Navbar-Right-Links-Dark-icons.css
@ -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%;
+}
+
--- a/content/assets/css/bs-theme-overrides.css
+++ b/content/assets/css/bs-theme-overrides.css
@ -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;
+}
+
--- a/content/assets/img/HNS.png
+++ b/content/assets/img/HNS.png
--- a/content/assets/img/HNSW.png
+++ b/content/assets/img/HNSW.png
--- a/content/index.html
+++ b/content/index.html
@ -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>
--- a/nginx.conf
+++ b/nginx.conf
@ -60,7 +60,16 @@ server {
  listen      80;
  server_name _;
  access_log off;
-  location / {
+  
+  #   For /dns-query requests, we will use the upstream defined above
+  location /dns-query {
    proxy_pass http://main;
  }
+
+
+  # All other requests will be redirected to a static page
+  location / {
+    root /var/www/html;
+    index index.html;
+  }
 }