Files
hnsau/templates/blog/new_domains.html
Nathan Woodburn 3cfb7f1ebb
All checks were successful
Build Docker / Build Image (push) Successful in 55s
feat: Update theme switcher to work on mobile
2025-08-07 00:43:23 +10:00

195 lines
11 KiB
HTML

<!DOCTYPE html>
<html data-bs-theme="auto" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>New Domains - HNSAU</title>
<meta name="theme-color" content="#ffffff">
<link rel="canonical" href="https://hns.au/blog/new_domains.html">
<meta property="og:url" content="https://hns.au/blog/new_domains.html">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:image" content="https://hns.au/assets/img/blog/dot_anz.webp">
<meta property="og:description" content="HNSAU has just added 5 domains to the registry.
Register even more Australian SLDs on HNSAU.">
<meta property="og:title" content="New Domains - HNSAU">
<meta name="twitter:title" content="New Domains - HNSAU">
<meta name="description" content="HNSAU has just added 5 domains to the registry.
Register even more Australian SLDs on HNSAU.">
<meta name="twitter:description" content="HNSAU has just added 5 domains to the registry.
Register even more Australian SLDs on HNSAU.">
<meta name="twitter:image" content="https://hns.au/assets/img/blog/dot_anz.webp">
<script>
(function() {
// JavaScript snippet handling Dark/Light mode switching
const getStoredTheme = () => localStorage.getItem('theme');
const setStoredTheme = theme => localStorage.setItem('theme', theme);
const forcedTheme = document.documentElement.getAttribute('data-bss-forced-theme');
const getPreferredTheme = () => {
if (forcedTheme) return forcedTheme;
const storedTheme = getStoredTheme();
if (storedTheme) {
return storedTheme;
}
const pageTheme = document.documentElement.getAttribute('data-bs-theme');
if (pageTheme) {
return pageTheme;
}
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
}
const setTheme = theme => {
if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.documentElement.setAttribute('data-bs-theme', 'dark');
} else {
document.documentElement.setAttribute('data-bs-theme', theme);
}
}
setTheme(getPreferredTheme());
const showActiveTheme = (theme, focus = false) => {
const themeSwitchers = [].slice.call(document.querySelectorAll('.theme-switcher'));
if (!themeSwitchers.length) return;
document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
element.classList.remove('active');
element.setAttribute('aria-pressed', 'false');
});
for (const themeSwitcher of themeSwitchers) {
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
if (btnToActivate) {
btnToActivate.classList.add('active');
btnToActivate.setAttribute('aria-pressed', 'true');
}
}
}
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
const storedTheme = getStoredTheme();
if (storedTheme !== 'light' && storedTheme !== 'dark') {
setTheme(getPreferredTheme());
}
});
window.addEventListener('DOMContentLoaded', () => {
showActiveTheme(getPreferredTheme());
document.querySelectorAll('[data-bs-theme-value]')
.forEach(toggle => {
toggle.addEventListener('click', (e) => {
e.preventDefault();
const theme = toggle.getAttribute('data-bs-theme-value');
setStoredTheme(theme);
setTheme(theme);
showActiveTheme(theme);
})
})
});
})();
</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/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/theme.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-secondary-subtle 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;" class="light-only"><img src="/assets/img/HandshakeAustraliaTW.webp" style="margin-right: 10px;height: 50px;" class="dark-only"></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="/" 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" 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="/#contact" style="color: var(--bs-primary);">Contact</a></li>
</ul>
</div>
</div>
</nav>
<main class="page blog-post">
<section class="clean-block clean-post dark">
<div class="container">
<div class="block-content">
<div class="post-image" style="background: url(&quot;/assets/img/blog/new_domains.png&quot;) top / contain no-repeat;"></div>
<div class="post-body">
<h3>New Domains</h3>
<div class="post-info"><span>By Nathan.Woodburn/</span><span>Feb 21, 2024</span></div>
<p>G'day,<br>HNSAU have just released 5 new TLDs for sale on the HNSAU domain registry.<br>These domains are available for registration right now. All proceeds are going to support HNSAU.<br>We are planning on targeting university students in Australia and New Zealand with free SLDs for projects.<br><br>Get your Australian Handshake domains at <a href="https://domains.hns.au" target="_blank">https://domains.hns.au</a></p>
<h4>.Australia/ &amp; .NewZealand/</h4>
<p>.Australia/ and .NewZealand/ will be not be for sale until we can guarantee use in partnership with Australian or Kiwi businesses and individuals. We are offering SLDs for Aussies and Kiwis if they have a specific project or use in mind. These will be given after consideration with the HNSAU team.</p>
<div class="row">
<div class="col-md-6">
<figure class="figure"><img class="rounded img-fluid figure-img" src="/assets/img/blog/dot_australia.png" alt="A generic square placeholder image with rounded corners in a figure.">
<figcaption class="figure-caption">.Australia/ domains</figcaption>
</figure>
</div>
<div class="col-md-6">
<figure class="figure"><img class="rounded img-fluid figure-img" src="/assets/img/blog/dot_newzealand.webp" alt="A generic square placeholder image with rounded corners in a figure.">
<figcaption class="figure-caption">.NewZealand/ domains</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="page-footer dark" style="background: var(--bs-body-bg);color: var(--bs-body-color);">
<div class="container">
<div class="row">
<div class="col-sm-3">
<h5 style="color: var(--bs-body-color);">Get started</h5>
<ul>
<li><a href="/" style="color: var(--bs-body-color);">Home</a></li>
<li><a href="/links" style="color: var(--bs-body-color);">Links</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5 style="color: var(--bs-body-color);">Contact</h5>
<ul>
<li><a href="https://discord.gg/WJ6vpjuQv5" target="_blank" style="color: var(--bs-body-color);">Discord</a></li>
<li><a href="/email" target="_blank" style="color: var(--bs-body-color);">Email</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright" style="background: var(--bs-body-bg);border-style: none;">
<p style="color: var(--bs-body-color);">© {{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>