nathanwoodburn/hnsau
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Nathan Woodburn
2024-01-24 02:38:19 +11:00
parent 35cc610ad3
commit d17b45cafc
16 changed files with 281 additions and 224 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
templates/index.html
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>Home | HNSAU</title>
<meta name="theme-color" content="#000000">
<meta name="theme-color" content="#ffffff">
<link rel="canonical" href="https://hns.au/">
<meta property="og:url" content="https://hns.au/">
<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">
@@ -23,18 +25,18 @@
"url": "https://hns.au"
}
</script>
<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="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 || [];
@@ -52,10 +54,9 @@
<!-- End Matomo Code -->
</head>
<body><script src="https://gday.hnsau/handshake.js" domain="gday.hnsau"></script>
<script src="https://gday.hnsau/https.js"></script>
<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>
<body>
<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 active" href="/">Home</a></li>
@@ -69,8 +70,8 @@
</div>
</nav>
<main class="page landing-page">
<section class="clean-block clean-hero" style="color: rgba(9,162,255,0);background: url(&quot;assets/img/scenery/beach2.jpg&quot;) top no-repeat;">
<div class="text"><img src="assets/img/favicon.png" width="50%">
<section class="clean-block clean-hero" style="color: rgba(9,162,255,0);background: url(&quot;/assets/img/scenery/beach2.jpg&quot;) top / auto no-repeat, url(&quot;/assets/img/backgrounds/blobs.svg&quot;) center / cover no-repeat;">
<div class="text"><img src="/assets/img/favicon.png" width="50%">
<h2>Handshake Australia</h2>
<p>The home of Australians using the decentralized web, built on Handshake.</p><a class="btn btn-outline-light btn-lg" role="button" href="https://handshake.org/" target="_blank">Learn More About Handshake</a>
</div>
@@ -82,7 +83,7 @@
<p>Handshake is a naming protocol that’s backwards compatible with the existing DNS system. It does not replace the DNS protocol, but instead decentralizes the root zone file where TLD ownership information is stored by adding a distributed and decentralized blockchain-based system that no one controls and anyone can use. This allows for a root zone that is uncensorable, permissionless, and free of gatekeepers like ICANN.<br></p>
</div>
<div class="row align-items-center">
<div class="col-md-6"><img class="img-thumbnail" src="assets/img/scenery/Handshake.png"></div>
<div class="col-md-6"><img class="img-thumbnail img-fluid" src="/assets/img/scenery/Handshake.png"></div>
<div class="col-md-6">
<h3>Stop renting yourname.com.au/<br>Own yourname/</h3>
<div class="getting-started-info">
@@ -118,10 +119,10 @@
<p>© 2024 Handshake AU</p>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<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>