Files
hnsau/templates/index.html
Nathan Woodburn ab756dbbae
All checks were successful
Build Docker / Build Image (push) Successful in 57s
feat: Change connections in main bg graphic to green
2025-08-06 22:02:14 +10:00

165 lines
12 KiB
HTML

<!DOCTYPE html>
<html data-bs-theme="light" 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="#ffffff">
<link rel="canonical" href="https://hns.au/">
<meta property="og:url" content="https://hns.au/">
<meta name="twitter:description" content="Handshake Australia; The leading hub for Australians leveraging the decentralized web, powered by Handshake.">
<meta name="twitter:image" content="https://hns.au/assets/img/HNSAU-social.webp">
<meta name="twitter:title" content="HNS AU">
<meta property="og:type" content="website">
<meta property="og:title" content="HNS AU">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:description" content="Handshake Australia; The leading hub for Australians leveraging the decentralized web, powered by Handshake.">
<meta name="description" content="Handshake Australia; The leading hub for Australians leveraging the decentralized web, powered by Handshake.">
<meta property="og:image" content="https://hns.au/assets/img/HNSAU-social.webp">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "HNSAU",
"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-light.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-light.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/simple-line-icons.min.css">
<link rel="stylesheet" href="/assets/css/bss-overrides.css">
<link rel="stylesheet" href="/assets/css/Hero-Features-icons.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">
<script async src="https://umami.woodburn.au/script.js" data-website-id="15852010-8d3c-4553-92fc-2d6ac31098e8"></script>
{{handshake_scripts | safe}}
</head>
<body>
<nav class="navbar navbar-expand-lg fixed-top bg-light clean-navbar navbar-light">
<div class="container-fluid"><a class="navbar-brand logo" href="/" style="width: 50%;"><img src="/assets/img/HandshakeAustraliaT.webp" style="margin-right: 10px;height: 50px;"></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="/" style="color: var(--bs-primary);">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/blog" style="color: var(--bs-primary);">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="/links" style="color: var(--bs-primary);">Links</a></li>
<li class="nav-item"><a class="nav-link active" href="/#about" style="color: var(--bs-primary);">About</a></li>
<li class="nav-item"><a class="nav-link" href="https://domains.hns.au" style="color: var(--bs-primary);">Domains</a></li>
<li class="nav-item"><a class="nav-link" href="/pins" style="color: var(--bs-primary);">Pins</a></li>
<li class="nav-item"><a class="nav-link" href="/contact" style="color: var(--bs-primary);">Contact</a></li>
</ul>
</div>
</div>
</nav>
<main class="page landing-page" style="margin-top: 50px;">
<div style="max-width: 800px;margin: auto;"><img src="/assets/img/HandshakeAustraliaT.webp" width="50%" style="max-width: 400px;margin-left: 20px;"></div>
<section class="text-start clean-block clean-hero" style="color: rgba(255,255,255,0.75);background: url(&quot;/assets/img/backgrounds/blocksaug.svg&quot;) center / contain no-repeat;">
<div class="text" style="max-width: 700px;">
<p style="color: black;font-size: 20px;">Welcome to the premier destination for Australians embracing the decentralized web, powered by Handshake. Handshake offers a revolutionary alternative to centralized DNS root authorities, delivering a transparent and equitable root zone. Operated without ownership or control by any single entity, Handshake ensures a truly decentralized internet experience.</p>
</div>
</section>
<section class="clean-block clean-info dark">
<div class="container">
<div class="block-heading">
<h2 class="text-info">Info</h2>
<p style="max-width: 600px;">Handshake is a naming protocol designed to integrate seamlessly with the existing DNS system. Rather than replacing DNS, it decentralizes the root zone file, which stores TLD ownership data, by utilizing a distributed, blockchain-based system that operates without centralized control and is accessible to all. This creates a root zone that is uncensorable, permissionless, and independent of gatekeepers like ICANN. Additionally, Handshake offers a cost-effective alternative to other blockchain domain systems, as it operates without profit-driven entities.</p>
</div>
<div class="row align-items-center">
<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">
<p>Handshake empowers you to own your own top-level domain (similar to .au), enabling you to move beyond renting domains like yourname.com.au and truly possess yourname/ in a decentralized system.</p>
</div>
</div>
</div>
</div>
<section id="about" class="clean-block about-us">
<div class="container">
<div class="block-heading">
<h2 class="text-info">Directors of Handshake Australia</h2>
</div>
<div class="row justify-content-center">
<div class="col-sm-6 col-lg-4">
<div class="card text-center clean-card" style="background: transparent;"><img class="card-img-top w-100 d-block" src="/assets/img/avatars/nathan.woodburn.jpg">
<div class="card-body info" style="height: min-content;">
<h4 class="card-title">Nathan Woodburn</h4>
<h6 class="card-title">Nathan.Woodburn/</h6>
<p class="card-text" style="height: 4em;">Developer and tech administrator for HNSAU</p>
<div class="icons"><a href="https://nathan.woodburn.au" target="_blank"><i class="icon-link"></i></a><a href="https://twitter.com/woodburn_nathan" target="_blank"><i class="icon-social-twitter"></i></a></div><span>Canberra, AU</span>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card text-center clean-card"><img class="card-img-top w-100 d-block" src="/assets/img/avatars/erwin.jpg" style="background: #ffffff;">
<div class="card-body info" style="height: min-content;">
<h4 class="card-title">Erwin Groen</h4>
<h6 class="card-title">Erwin.Groen/</h6>
<p class="card-text" style="height: 4em;">Founder/Co founder Handshake Australia</p>
<div class="icons"><a href="https://erwin.groen.au" target="_blank"><i class="icon-link"></i></a><a href="https://twitter.com/erwingroen" target="_blank"><i class="icon-social-twitter"></i></a></div><span>Adelaide, AU</span>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card text-center clean-card" style="background: transparent;"><img class="card-img-top w-100 d-block" src="/assets/img/avatars/timaxal.jpg">
<div class="card-body info" style="height: min-content;">
<h4 class="card-title">Tim Maskall</h4>
<h6 class="card-title">tiMaxal/</h6>
<p class="card-text" style="height: 4em;"></p>
<div class="icons"><a href="https://timax.au" target="_blank"><i class="icon-link"></i></a><a href="https://twitter.com/tiMaxal" target="_blank"><i class="icon-social-twitter"></i></a></div><span>Brisbane, AU</span>
</div>
</div>
</div>
</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></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</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 an SLD from&nbsp;<a href="https://domains.hnsau" target="_blank">https://domains.hns.au</a></span>
</div>
</div>
</section>
</section>
</main>
<footer class="page-footer dark">
<div class="container">
<div class="row">
<div class="col-sm-3">
<h5>Get started</h5>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/links">Links</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Contact</h5>
<ul>
<li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank">Discord</a></li>
<li><a href="/email" target="_blank">Email</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<p>© {{year}} Handshake AU</p>
</div>
</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>
</body>
</html>