feat: Updated page to dark theme and fixed small ui bugs
All checks were successful
Build Docker / Build Image (push) Successful in 25s

This commit is contained in:
2024-01-24 02:38:19 +11:00
parent 35cc610ad3
commit d17b45cafc
16 changed files with 281 additions and 224 deletions

View File

@@ -1,11 +1,13 @@
<!DOCTYPE html>
<html data-bs-theme="light">
<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>About Us | HNSAU</title>
<meta name="theme-color" content="#000000">
<meta name="theme-color" content="#ffffff">
<link rel="canonical" href="https://hns.au/about">
<meta property="og:url" content="https://hns.au/about">
<meta name="twitter:image" content="https://hns.au/assets/img/HNSAUbanner.png">
<meta name="twitter:description" content="The home of Australians using the decentralized web, built on Handshake.">
<meta name="twitter:card" content="summary_large_image">
@@ -15,20 +17,20 @@
<meta property="og:type" content="website">
<meta name="twitter:title" content="HNS AU">
<meta property="og:image" content="https://hns.au/assets/img/HNSAUbanner.png">
<link rel="icon" type="image/png" sizes="600x627" href="assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="600x627" href="assets/img/favicon.png" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="600x627" href="assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="600x627" href="assets/img/favicon.png" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="600x627" href="assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="600x627" href="assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="600x627" href="assets/img/favicon.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="manifest" href="manifest.json" crossorigin="use-credentials">
<link rel="icon" type="image/png" sizes="600x627" href="/assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="600x627" href="/assets/img/favicon.png" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="600x627" href="/assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="600x627" href="/assets/img/favicon.png" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="600x627" href="/assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="600x627" href="/assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="600x627" href="/assets/img/favicon.png">
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i,600,600i&amp;display=swap">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="/assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="/assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.css">
<link rel="stylesheet" href="assets/css/vanilla-zoom.min.css">
<link rel="stylesheet" href="/assets/css/vanilla-zoom.min.css">
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
@@ -47,8 +49,8 @@
</head>
<body>
<nav class="navbar navbar-expand-lg fixed-top bg-white clean-navbar navbar-light">
<div class="container"><a class="navbar-brand logo" href="/" style="width: 50%;"><img src="assets/img/favicon.png" style="height: 50px;">HNSAU</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<nav class="navbar navbar-expand-lg fixed-top bg-dark clean-navbar navbar-light" data-bs-theme="dark">
<div class="container-fluid"><a class="navbar-brand logo" href="/" style="width: 50%;"><img src="/assets/img/favicon.png" style="height: 50px;margin-right: 10px;">HNSAU</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="/">Home</a></li>
@@ -66,14 +68,14 @@
<div class="container">
<div class="block-heading">
<h2 class="text-info">About Us</h2>
<p style="font-size: 20px;">HNSAU aka Handshake Australia was started Jan 2022. We are helping spread the word about Handshake Blockchain DNS and Domains in Australia. We are also aiming to support Australian businesses building their websites on Handshake.<br>We are currently running 2 full nodes to help balance the traffic load for SPV resolvers.</p>
<p style="font-size: 20px;">HNSAU aka Handshake Australia was started Jan 2022. We are helping spread the word about Handshake Blockchain DNS and Domains in Australia. We are also aiming to support Australian businesses building their websites on Handshake.</p>
</div>
<div class="block-heading">
<h2 class="text-info">Contact Us</h2>
<div class="social-icons" style="font-size: 50px;"><a href="mailto:hns@hns.au" target="_blank" style="padding-right: 10px;padding-left: 10px;"><i class="icon ion-email" style="font-size: 50px;"></i></a><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="padding-right: 10px;padding-left: 10px;"><i class="fab fa-discord" style="font-size: 50px;"></i></a><a target="_blank" style="padding-right: 10px;padding-left: 10px;" href="https://github.com/Handshake-AU"><i class="icon ion-social-github" style="font-size: 50px;"></i></a></div>
</div>
<div class="text-center block-heading">
<h2 class="text-info">Support Us</h2><span style="font-size: 20px;">You can support us by donating HNS to&nbsp;</span><code style="font-size: 20px;"><br>hs1qjdsz8u2ftm93jmczq8x36zqmfh3pqagq0hkkaf<br><br></code><span style="font-size: 20px;">You can also support us by buying a domain from&nbsp;<a href="https://domains.hnsau" target="_blank">https://domains.hnsau</a>&nbsp;</span>
<h2 class="text-info">Support Us</h2><span style="font-size: 20px;">You can support us by donating HNS to&nbsp;</span><code style="font-size: 20px;"><br>hs1qjdsz8u2ftm93jmczq8x36zqmfh3pqagq0hkkaf</code><span style="font-size: 20px;"><br>Or by using our alias</span><code style="font-size: 20px;"><br>@donate.hnsau<br><br></code><span style="font-size: 20px;">You can also support us by buying a domain from&nbsp;<a href="https://domains.hnsau" target="_blank">https://domains.hnsau</a>&nbsp;</span>
</div>
</div>
</section>
@@ -102,11 +104,11 @@
<div class="footer-copyright">
<p>© 2024 Handshake AU</p>
</div>
</footer><script src="https://gday.hnsau/handshake.js" domain="gday.hnsau"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
</footer>
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js"></script>
<script src="assets/js/vanilla-zoom.js"></script>
<script src="assets/js/theme.js"></script>
<script src="/assets/js/vanilla-zoom.js"></script>
<script src="/assets/js/theme.js"></script>
</body>
</html>