2023-11-08 17:55:49 +11:00
<!DOCTYPE html>
2023-11-15 15:52:44 +11:00
< html data-bs-theme = "light" lang = "en" style = "background: black;" >
2023-11-08 17:55:49 +11:00
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0, shrink-to-fit=no" >
2023-11-15 18:03:43 +11:00
< title > ShakeCities< / title >
2023-11-15 16:27:27 +11:00
< link rel = "icon" type = "image/png" sizes = "670x700" href = "assets/img/HNS.png" >
< link rel = "icon" type = "image/png" sizes = "670x700" href = "assets/img/HNSW.png" media = "(prefers-color-scheme: dark)" >
< link rel = "icon" type = "image/png" sizes = "670x700" href = "assets/img/HNS.png" >
< link rel = "icon" type = "image/png" sizes = "670x700" href = "assets/img/HNSW.png" media = "(prefers-color-scheme: dark)" >
< link rel = "icon" type = "image/png" sizes = "670x700" href = "assets/img/HNS.png" >
< link rel = "icon" type = "image/png" sizes = "670x700" href = "assets/img/HNS.png" >
< link rel = "icon" type = "image/png" sizes = "670x700" href = "assets/img/HNS.png" >
2023-11-08 17:55:49 +11:00
< link rel = "stylesheet" href = "assets/bootstrap/css/bootstrap.min.css" >
< link rel = "stylesheet" href = "assets/css/styles.min.css" >
< / head >
2023-11-15 15:52:44 +11:00
< body style = "width: 95%;margin: auto;background: transparent;color: #ffffff;" >
< section >
< section style = "height: 15vh;background: url("assets/img/alexander-slattery-LI748t0BK8w-unsplash.webp") bottom / cover no-repeat;min-height: 130px;" > < / section >
2023-11-15 22:56:47 +11:00
< section class = "d-print-none d-lg-none d-xl-none d-xxl-none" style = "width: 30vw;border-radius: 50%;background: #000000;padding: 20px;height: 30vw;margin: auto;margin-top: -15vw;display: flex;" > < a href = "/" > < img class = "img-fluid" src = "assets/img/HNSW.png" width = "100%" > < / a > < / section >
2023-11-15 15:52:44 +11:00
< section class = "d-print-none d-lg-none d-xl-none d-xxl-none" style = "display: block;width: 100%;text-align: center;margin-top: 10px;" >
2023-11-15 20:50:19 +11:00
< div style = "display: inline-block;margin: auto;" > < a class = "btn btn-primary" role = "button" style = "margin: 10px;" href = "/signup" > Create your page< / a > < a class = "btn btn-primary" role = "button" style = "margin: 10px;" href = "/{{account_link}}" > {{account_link_name}}< / a > < / div >
2023-11-15 15:52:44 +11:00
< / section >
< section class = "d-none d-print-block d-lg-block d-xl-block d-xxl-block" style = "display: block;" >
< div style = "width: 100%;text-align: right;margin-top: -4em;" > < a class = "btn btn-primary" role = "button" style = "margin: 10px;" href = "/signup" > Create a new page< / a > < a class = "btn btn-primary" role = "button" style = "margin: 10px;" href = "/{{account_link}}" > {{account_link_name}}< / a > < / div >
< / section >
2023-11-15 18:39:03 +11:00
< section class = "d-none d-print-block d-lg-block d-xl-block d-xxl-block" style = "width: 15vw;border-radius: 50%;background: #000000;padding: 20px;height: 15vw;margin: auto;display: flex;margin-top: -6vw;" > < a href = "/" > < img class = "img-fluid" src = "assets/img/HNSW.png" width = "100%" > < / a > < / section >
2023-11-15 15:52:44 +11:00
< section class = "d-none d-print-block d-lg-block d-xl-block d-xxl-block" style = "height: 3em;" > < / section >
< / section >
< section style = "margin-top: 10px;" >
< div class = "row" style = "margin: 0px;" >
2023-11-15 22:55:08 +11:00
< div class = "col" style = "background: var(--bs-body-color);margin-right: 10px;border-radius: 10px;margin-top: 10px;margin-left: 10px;" >
2023-11-15 22:51:30 +11:00
< h1 style = "margin: 10px;" > Introducing ShakeCities< / h1 >
< p style = "margin: 10px;" > ShakeCities is a site offering free personalizable websites. This is a perfect way to start your journey into Handshake domains! Step into a new experience where Handshake domains become instant sites, and where everyone can create their own unique decentralized page.< br > Secured with HTTPS powered by DANE (DNS-based Authentication of Named Entities).< br > But that's not all – < code > @yourname.{{CITY_DOMAIN}}< / code > < br > Join us in building a decentralized, secure, and innovative internet landscape. Embrace the future with ShakeCities – < / p >
2023-11-15 15:52:44 +11:00
< / div >
2023-11-15 22:55:08 +11:00
< div class = "col" style = "background: var(--bs-body-color);margin-left: 10px;border-radius: 10px;margin-top: 10px;margin-right: 10px;" >
2023-11-15 22:51:30 +11:00
< h1 style = "margin: 10px;" > Find a site< / h1 >
< p style = "margin: 10px;font-size: 20px;" > {{random_sites|safe}}< / p >
2023-11-08 17:55:49 +11:00
< / div >
< / div >
2023-11-15 15:52:44 +11:00
< / section >
< section >
< section class = "d-print-none d-md-none d-lg-none d-xl-none d-xxl-none" style = "background: var(--bs-body-color);text-align: center;padding-top: 10px;padding-bottom: 10px;margin-bottom: 25px;margin-top: 40px;border-radius: 10px;" >
< div style = "margin: 20px;" >
< h1 > Contact< / h1 >
< div class = "list-group list-group-horizontal" data-bs-theme = "dark" style = "margin: auto;width: 80%;" > < button class = "list-group-item list-group-item-action" style = "width: 33%;padding: 0px;margin: 10px;" > < a class = "btn btn-primary" role = "button" style = "width: 100%;" target = "_blank" href = "https://discord.com" > Discord< / a > < / button > < button class = "list-group-item list-group-item-action" style = "width: 33%;padding: 0px;margin: 10px;" > < a class = "btn btn-primary" role = "button" style = "width: 100%;" target = "_blank" href = "mailto:email@example.com" > Email< / a > < / button > < button class = "list-group-item list-group-item-action" style = "width: 33%;padding: 0px;margin: 10px;" > < a class = "btn btn-primary" role = "button" style = "width: 100%;" target = "_blank" href = "https://twitter.com" > Twitter< / a > < / button > < / div >
< / div >
< div style = "margin: 20px;" >
< h1 > Donate< / h1 >
< p > hs1...< / p >
< / div >
< / section >
< section class = "d-none d-print-block d-md-block d-lg-block d-xl-block d-xxl-block" style = "background: var(--bs-body-color);text-align: center;padding-top: 10px;padding-bottom: 10px;margin-bottom: 25px;margin-top: 40px;border-radius: 10px;" >
< div style = "margin: 20px;" >
< h1 > Contact< / h1 >
2023-11-15 22:59:40 +11:00
< div class = "list-group list-group-horizontal" data-bs-theme = "dark" style = "margin: auto;width: 50%;" > < button class = "list-group-item list-group-item-action" style = "width: 33%;padding: 0px;margin: 10px;border-style: none;" > < a class = "btn btn-primary" role = "button" style = "width: 100%;" target = "_blank" href = "https://l.woodburn.au/discord" > Discord< / a > < / button > < button class = "list-group-item list-group-item-action" style = "width: 33%;padding: 0px;margin: 10px;border-style: none;" > < a class = "btn btn-primary" role = "button" style = "width: 100%;" target = "_blank" href = "mailto:shakecities@woodburn.au" > Email< / a > < / button > < button class = "list-group-item list-group-item-action" style = "width: 33%;padding: 0px;margin: 10px;border-style: none;" > < a class = "btn btn-primary" role = "button" style = "width: 100%;" target = "_blank" href = "https://hnschat#channel:woodburn" > HNSChat< / a > < / button > < / div >
2023-11-15 15:52:44 +11:00
< / div >
< div style = "margin: 20px;" >
< h1 > Donate< / h1 >
< p data-bs-toggle = "tooltip" data-bss-tooltip = "" id = "hns_address" title = "Copy" > hs1.......< / p > < script >
function copyToClipboard(element) {
const textToCopy = element.textContent;
const textArea = document.createElement('textarea');
textArea.value = textToCopy;
document.body.appendChild(textArea);
textArea.select();
document.execCommand('copy');
document.body.removeChild(textArea);
}
const hns = document.getElementById('hns_address');
hns.addEventListener('click', () => {
copyToClipboard(hns);
});
< / script >
< / div >
< / section >
< / section >
2023-11-15 16:24:56 +11:00
< section style = "margin: 20px;height: 40px;text-align: center;margin-top: 40px;" >
< div >
< p style = "color: #ffffff;" > Copyright © ShakeCities 2023< / p >
< / div >
< / section >
2023-11-08 17:55:49 +11:00
< script src = "assets/bootstrap/js/bootstrap.min.js" > < / script >
2023-11-15 15:52:44 +11:00
< script src = "assets/js/script.min.js" > < / script >
2023-11-08 17:55:49 +11:00
< / body >
< / html >
