feat: Add own the dot copyright
All checks were successful
Build Docker / Build Image (push) Successful in 3m2s
All checks were successful
Build Docker / Build Image (push) Successful in 3m2s
This commit is contained in:
BIN
HNSAU.bsdesign
BIN
HNSAU.bsdesign
Binary file not shown.
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -119,7 +143,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
@@ -143,7 +167,7 @@
|
|||||||
<div class="block-content">
|
<div class="block-content">
|
||||||
<div class="clean-blog-post">
|
<div class="clean-blog-post">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-5"><img class="rounded img-fluid" src="/assets/img/blog/links_dashboard.png" style="border-width: 1px;border-style: solid;"></div>
|
<div class="col-lg-5"><img class="img-fluid rounded" src="/assets/img/blog/links_dashboard.png" style="border-width: 1px;border-style: solid;"></div>
|
||||||
<div class="col-lg-7">
|
<div class="col-lg-7">
|
||||||
<h3>HNS Links</h3>
|
<h3>HNS Links</h3>
|
||||||
<div class="info"><span class="text-muted">Feb 24, 2024 by <a href="https://nathan.woodburn.au" target="_blank">Nathan.Woodburn/</a></span></div>
|
<div class="info"><span class="text-muted">Feb 24, 2024 by <a href="https://nathan.woodburn.au" target="_blank">Nathan.Woodburn/</a></span></div>
|
||||||
@@ -153,7 +177,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="clean-blog-post">
|
<div class="clean-blog-post">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-5"><img class="rounded img-fluid" src="/assets/img/blog/dot_anz.webp"></div>
|
<div class="col-lg-5"><img class="img-fluid rounded" src="/assets/img/blog/dot_anz.webp"></div>
|
||||||
<div class="col-lg-7">
|
<div class="col-lg-7">
|
||||||
<h3>New Domains</h3>
|
<h3>New Domains</h3>
|
||||||
<div class="info"><span class="text-muted">Feb 21, 2024 by <a href="https://nathan.woodburn.au" target="_blank">Nathan.Woodburn/</a></span></div>
|
<div class="info"><span class="text-muted">Feb 21, 2024 by <a href="https://nathan.woodburn.au" target="_blank">Nathan.Woodburn/</a></span></div>
|
||||||
@@ -163,7 +187,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="clean-blog-post">
|
<div class="clean-blog-post">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-5"><img class="rounded img-fluid" src="/assets/img/pins/pins_single.jpg"></div>
|
<div class="col-lg-5"><img class="img-fluid rounded" src="/assets/img/pins/pins_single.jpg"></div>
|
||||||
<div class="col-lg-7">
|
<div class="col-lg-7">
|
||||||
<h3>Pins is now on HNSAU</h3>
|
<h3>Pins is now on HNSAU</h3>
|
||||||
<div class="info"><span class="text-muted">Feb 12, 2024 by <a href="https://nathan.woodburn.au" target="_blank">Nathan.Woodburn/</a></span></div>
|
<div class="info"><span class="text-muted">Feb 12, 2024 by <a href="https://nathan.woodburn.au" target="_blank">Nathan.Woodburn/</a></span></div>
|
||||||
@@ -173,7 +197,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="clean-blog-post">
|
<div class="clean-blog-post">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-5"><img class="rounded img-fluid" src="/assets/img/scenery/beach1.jpg"></div>
|
<div class="col-lg-5"><img class="img-fluid rounded" src="/assets/img/scenery/beach1.jpg"></div>
|
||||||
<div class="col-lg-7">
|
<div class="col-lg-7">
|
||||||
<h3>The Happening</h3>
|
<h3>The Happening</h3>
|
||||||
<div class="info"><span class="text-muted">Jan 20, 2024 by <a href="https://nathan.woodburn.au" target="_blank">Nathan.Woodburn/</a></span></div>
|
<div class="info"><span class="text-muted">Jan 20, 2024 by <a href="https://nathan.woodburn.au" target="_blank">Nathan.Woodburn/</a></span></div>
|
||||||
@@ -208,9 +232,9 @@
|
|||||||
<p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
|
<p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
|
<div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg class="bi bi-sun light-only" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 20px;margin: auto;">
|
||||||
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||||
</svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
|
</svg><svg class="bi bi-moon-fill dark-only" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 20px;margin: auto;">
|
||||||
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
||||||
</svg></button></div>
|
</svg></button></div>
|
||||||
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
||||||
|
|||||||
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -119,7 +143,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
@@ -177,9 +201,9 @@
|
|||||||
<p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
|
<p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
|
<div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg class="bi bi-sun light-only" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 20px;margin: auto;">
|
||||||
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||||
</svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
|
</svg><svg class="bi bi-moon-fill dark-only" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 20px;margin: auto;">
|
||||||
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
||||||
</svg></button></div>
|
</svg></button></div>
|
||||||
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
||||||
|
|||||||
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -119,7 +143,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
@@ -144,12 +168,12 @@
|
|||||||
<p>G'day,<br>HNSAU have just released HNS Links. This is a new service that provides easy to manage links pages.<br>It is simple to use and has HTTPS auto redirect for compatible resolvers to ensure higher security for your visitors.<br>HNS Links uses Varo auth to allow the owner of the domain to easily login to manage their links page.</p><a class="btn btn-primary" role="button" href="https://links.hns.au" style="margin-bottom: 25px;">Visit HNS Links</a>
|
<p>G'day,<br>HNSAU have just released HNS Links. This is a new service that provides easy to manage links pages.<br>It is simple to use and has HTTPS auto redirect for compatible resolvers to ensure higher security for your visitors.<br>HNS Links uses Varo auth to allow the owner of the domain to easily login to manage their links page.</p><a class="btn btn-primary" role="button" href="https://links.hns.au" style="margin-bottom: 25px;">Visit HNS Links</a>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<figure class="figure"><img class="rounded img-fluid figure-img" src="/assets/img/blog/links_example_1.png" alt="A generic square placeholder image with rounded corners in a figure.">
|
<figure class="figure"><img class="img-fluid figure-img rounded" src="/assets/img/blog/links_example_1.png" alt="A generic square placeholder image with rounded corners in a figure.">
|
||||||
<figcaption class="figure-caption">.Example links page</figcaption>
|
<figcaption class="figure-caption">.Example links page</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<figure class="figure"><img class="rounded img-fluid figure-img" src="/assets/img/blog/links_example_2.png" alt="A generic square placeholder image with rounded corners in a figure.">
|
<figure class="figure"><img class="img-fluid figure-img rounded" src="/assets/img/blog/links_example_2.png" alt="A generic square placeholder image with rounded corners in a figure.">
|
||||||
<figcaption class="figure-caption">.Example links page</figcaption>
|
<figcaption class="figure-caption">.Example links page</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
@@ -182,9 +206,9 @@
|
|||||||
<p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
|
<p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
|
<div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg class="bi bi-sun light-only" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 20px;margin: auto;">
|
||||||
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||||
</svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
|
</svg><svg class="bi bi-moon-fill dark-only" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 20px;margin: auto;">
|
||||||
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
||||||
</svg></button></div>
|
</svg></button></div>
|
||||||
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
||||||
|
|||||||
@@ -67,8 +67,32 @@ Register even more Australian SLDs on HNSAU.">
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -122,7 +146,7 @@ Register even more Australian SLDs on HNSAU.">
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
@@ -149,12 +173,12 @@ Register even more Australian SLDs on HNSAU.">
|
|||||||
<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>
|
<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="row">
|
||||||
<div class="col-md-6">
|
<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.">
|
<figure class="figure"><img class="img-fluid figure-img rounded" 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>
|
<figcaption class="figure-caption">.Australia/ domains</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<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.">
|
<figure class="figure"><img class="img-fluid figure-img rounded" 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>
|
<figcaption class="figure-caption">.NewZealand/ domains</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
@@ -187,9 +211,9 @@ Register even more Australian SLDs on HNSAU.">
|
|||||||
<p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
|
<p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
|
<div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg class="bi bi-sun light-only" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 20px;margin: auto;">
|
||||||
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||||
</svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
|
</svg><svg class="bi bi-moon-fill dark-only" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 20px;margin: auto;">
|
||||||
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
||||||
</svg></button></div>
|
</svg></button></div>
|
||||||
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
||||||
|
|||||||
@@ -66,8 +66,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -121,7 +145,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
@@ -150,7 +174,7 @@
|
|||||||
<p>There are 2 options for pins. Both comes with 1 of each of the original colours (gold, silver and bronze).<br><br>The first option adds 2 gold with silver highlight pins.<br><br>The second option adds 2 silver with gold highlight pins.<br><br>Each pack has 5 pins and includes shipping worldwide for only US$45</p><a class="btn btn-primary" role="button" href="/pins">Order Pins</a>
|
<p>There are 2 options for pins. Both comes with 1 of each of the original colours (gold, silver and bronze).<br><br>The first option adds 2 gold with silver highlight pins.<br><br>The second option adds 2 silver with gold highlight pins.<br><br>Each pack has 5 pins and includes shipping worldwide for only US$45</p><a class="btn btn-primary" role="button" href="/pins">Order Pins</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<figure class="figure"><img class="rounded img-fluid figure-img" src="/assets/img/pins/pins_dual.jpg" alt="Dual Plated HNS Pins">
|
<figure class="figure"><img class="img-fluid figure-img rounded" src="/assets/img/pins/pins_dual.jpg" alt="Dual Plated HNS Pins">
|
||||||
<figcaption class="figure-caption">Dual Plated Pins</figcaption>
|
<figcaption class="figure-caption">Dual Plated Pins</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
@@ -183,9 +207,9 @@
|
|||||||
<p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
|
<p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
|
<div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg class="bi bi-sun light-only" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 20px;margin: auto;">
|
||||||
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||||
</svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
|
</svg><svg class="bi bi-moon-fill dark-only" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 20px;margin: auto;">
|
||||||
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
||||||
</svg></button></div>
|
</svg></button></div>
|
||||||
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
||||||
|
|||||||
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -119,7 +143,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
@@ -179,9 +203,9 @@
|
|||||||
<p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
|
<p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
|
<div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg class="bi bi-sun light-only" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 20px;margin: auto;">
|
||||||
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||||
</svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
|
</svg><svg class="bi bi-moon-fill dark-only" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 20px;margin: auto;">
|
||||||
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
||||||
</svg></button></div>
|
</svg></button></div>
|
||||||
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
||||||
|
|||||||
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -119,7 +143,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
|
|||||||
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -119,7 +143,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
|
|||||||
@@ -72,8 +72,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -130,7 +154,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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 class="light-only" src="/assets/img/HandshakeAustraliaT.webp" style="margin-right: 10px;height: 50px;"><img class="dark-only" src="/assets/img/HandshakeAustraliaTW.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="container-fluid"><a class="navbar-brand logo" href="/" style="width: 50%;"><img class="light-only" src="/assets/img/HandshakeAustraliaT.webp" style="margin-right: 10px;height: 50px;"><img class="dark-only" src="/assets/img/HandshakeAustraliaTW.webp" style="margin-right: 10px;height: 50px;"></a><button class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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 active" href="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
@@ -248,9 +272,9 @@
|
|||||||
<p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
|
<p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
|
<div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg class="bi bi-sun light-only" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 20px;margin: auto;">
|
||||||
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||||
</svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
|
</svg><svg class="bi bi-moon-fill dark-only" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 20px;margin: auto;">
|
||||||
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
||||||
</svg></button></div>
|
</svg></button></div>
|
||||||
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
||||||
|
|||||||
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -119,7 +143,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
|
|||||||
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -119,7 +143,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
|
|||||||
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -119,7 +143,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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 class="light-only" src="/assets/img/HandshakeAustraliaT.webp" style="margin-right: 10px;height: 50px;"><img class="dark-only" src="/assets/img/HandshakeAustraliaTW.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="container-fluid"><a class="navbar-brand logo" href="/" style="width: 50%;"><img class="light-only" src="/assets/img/HandshakeAustraliaT.webp" style="margin-right: 10px;height: 50px;"><img class="dark-only" src="/assets/img/HandshakeAustraliaTW.webp" style="margin-right: 10px;height: 50px;"></a><button class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
@@ -187,9 +211,9 @@
|
|||||||
<p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
|
<p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
|
<div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg class="bi bi-sun light-only" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 20px;margin: auto;">
|
||||||
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||||
</svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
|
</svg><svg class="bi bi-moon-fill dark-only" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 20px;margin: auto;">
|
||||||
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
||||||
</svg></button></div>
|
</svg></button></div>
|
||||||
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
||||||
|
|||||||
@@ -73,8 +73,32 @@ Handshake.Australia/">
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -128,7 +152,7 @@ Handshake.Australia/">
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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 class="light-only" src="/assets/img/HandshakeAustraliaT.webp" style="margin-right: 10px;height: 50px;"><img class="dark-only" src="/assets/img/HandshakeAustraliaTW.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="container-fluid"><a class="navbar-brand logo" href="/" style="width: 50%;"><img class="light-only" src="/assets/img/HandshakeAustraliaT.webp" style="margin-right: 10px;height: 50px;"><img class="dark-only" src="/assets/img/HandshakeAustraliaTW.webp" style="margin-right: 10px;height: 50px;"></a><button class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
@@ -201,6 +225,11 @@ Handshake.Australia/">
|
|||||||
<p>For decades, the “dot” in domain names has been controlled by centralized gatekeepers.<br><br>Handshake changes that.<br><br>When you own a Handshake name, you’re not just registering a domain you’re claiming a piece of the internet itself.<br><br>Own the name.<br>Own the rules.<br>Own The Dot.</p>
|
<p>For decades, the “dot” in domain names has been controlled by centralized gatekeepers.<br><br>Handshake changes that.<br><br>When you own a Handshake name, you’re not just registering a domain you’re claiming a piece of the internet itself.<br><br>Own the name.<br>Own the rules.<br>Own The Dot.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="getting-started-info">
|
||||||
|
<p>OWN THE DOT by ERWIN GROEN is marked CC0 1.0 Universal. To view a copy of this mark, visit <a href="https://creativecommons.org/publicdomain/zero/1.0/" target="_blank">https://creativecommons.org/publicdomain/zero/1.0/</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -230,9 +259,9 @@ Handshake.Australia/">
|
|||||||
<p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
|
<p style="color: var(--bs-body-color);">© {{year}} Handshake AU</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun light-only" style="font-size: 20px;margin: auto;">
|
<div class="text-end floating-switch" style="margin: 10px;"><button class="btn btn-primary btn-sm" type="button" onclick="toggle();"><svg class="bi bi-sun light-only" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 20px;margin: auto;">
|
||||||
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||||
</svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-fill dark-only" style="font-size: 20px;margin: auto;">
|
</svg><svg class="bi bi-moon-fill dark-only" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 20px;margin: auto;">
|
||||||
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
||||||
</svg></button></div>
|
</svg></button></div>
|
||||||
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
||||||
|
|||||||
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -119,7 +143,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
|
|||||||
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -119,7 +143,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
|
|||||||
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -119,7 +143,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
|
|||||||
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -120,7 +144,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
|
|||||||
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -120,7 +144,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
|
|||||||
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -119,7 +143,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
|
|||||||
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -119,7 +143,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
|
|||||||
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -119,7 +143,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
|
|||||||
@@ -64,8 +64,32 @@
|
|||||||
element.setAttribute('aria-pressed', 'false');
|
element.setAttribute('aria-pressed', 'false');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const iconTheme = theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme;
|
||||||
|
|
||||||
for (const themeSwitcher of themeSwitchers) {
|
for (const themeSwitcher of themeSwitchers) {
|
||||||
|
|
||||||
|
const adaptIcon = !!themeSwitcher.dataset.bsAdaptIcon;
|
||||||
|
|
||||||
|
if (adaptIcon) {
|
||||||
|
const btnIcon = themeSwitcher.querySelector('[data-bss-adaptable]');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const themeIcons = JSON.parse(themeSwitcher.dataset.bssIcons || "{}");
|
||||||
|
const newIconMarkup = themeIcons[iconTheme];
|
||||||
|
|
||||||
|
const template = document.createElement("template");
|
||||||
|
template.innerHTML = newIconMarkup;
|
||||||
|
|
||||||
|
const newIconFragment = template.content.cloneNode(true);
|
||||||
|
|
||||||
|
if (newIconFragment?.children?.length) {
|
||||||
|
newIconFragment.children[0].dataset.bssAdaptable = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
btnIcon.replaceWith(newIconFragment);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||||
|
|
||||||
if (btnToActivate) {
|
if (btnToActivate) {
|
||||||
@@ -119,7 +143,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg fixed-top bg-secondary-subtle clean-navbar navbar-light">
|
<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="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 class="navbar-toggler" data-bs-toggle="collapse" 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">
|
<div class="collapse navbar-collapse" id="navcol-1">
|
||||||
<ul class="navbar-nav ms-auto">
|
<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="/" style="color: var(--bs-primary);">Home</a></li>
|
||||||
|
|||||||
Reference in New Issue
Block a user