2023-11-08 20:06:47 +11:00
<!DOCTYPE html>
2023-11-15 16:24:56 +11:00
< html data-bs-theme = "light" lang = "en" style = "background: #000000;" >
2023-11-08 20:06:47 +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-17 13:24:27 +11:00
< meta name = "twitter:description" content = "Unlock web ownership's future with ShakeCities! Create your free, secure Handshake domain site. Integrate crypto payments, explore HNSChat, and join us in shaping the decentralized web!" >
< meta name = "description" content = "Unlock web ownership's future with ShakeCities! Create your free, secure Handshake domain site. Integrate crypto payments, explore HNSChat, and join us in shaping the decentralized web!" >
2023-11-17 13:21:38 +11:00
< meta name = "twitter:card" content = "summary" >
2023-11-17 13:24:27 +11:00
< meta property = "og:type" content = "website" >
< meta property = "og:image" content = "https://shakecities.com/assets/img/alexander-slattery-LI748t0BK8w-unsplash.webp" >
< meta property = "og:title" content = "ShakeCities" >
< meta name = "twitter:title" content = "ShakeCities" >
< meta name = "twitter:image" content = "https://shakecities.com/assets/img/alexander-slattery-LI748t0BK8w-unsplash.webp" >
< meta property = "og:description" content = "Unlock web ownership's future with ShakeCities! Create your free, secure Handshake domain site. Integrate crypto payments, explore HNSChat, and join us in shaping the decentralized web!" >
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 20:06:47 +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 18:39:03 +11:00
< body style = "background: #000000;color: #ffffff;width: 95%;margin: auto;" >
2023-11-15 16:24:56 +11:00
< 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 16:24:56 +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 16:24:56 +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 16:24:56 +11:00
< section class = "d-none d-print-block d-lg-block d-xl-block d-xxl-block" style = "height: 3em;" > < / section >
< / section >
2023-11-08 20:43:33 +11:00
< section style = "margin-top: 50px;" >
2023-11-15 16:24:56 +11:00
< h1 style = "text-align: center;margin-bottom: 30px;" > Edit your page< / h1 >
2023-11-08 20:43:33 +11:00
< / section >
< section style = "width: 80%;margin: auto;" >
2023-11-18 11:39:07 +11:00
< form action = "/upload" method = "post" enctype = "multipart/form-data" > < label class = "form-label" style = "margin-right: 20px;" > Avatar< / label >
< div style = "display: inline-block;" > {{avatar|safe}}< / div > < input class = "form-control" type = "file" style = "display: inline-block;width: 300px;margin-right: 25px;" name = "file" accept = "image/*" required = "" > < input class = "btn btn-primary" type = "submit" style = "margin-right: 20px;" value = "Upload" > < a class = "btn btn-primary" role = "button" href = "/avatar/clear" > Clear< / a >
< / form >
2023-11-18 18:36:18 +11:00
< form class = "text-center" method = "post" > < input class = "form-control" type = "text" style = "margin-top: 10px;" name = "location" value = "{{location}}" placeholder = "Location" > < input class = "form-control" type = "text" style = "margin-top: 10px;" name = "hnschat" placeholder = "HNSChat" value = "{{hnschat}}" > < input class = "form-control" type = "text" style = "margin-top: 10px;" name = "email" placeholder = "Public Email" value = "{{email}}" >
2023-11-15 18:24:11 +11:00
< div class = "d-xl-flex justify-content-xl-center align-items-xl-center" style = "margin-bottom: 10px;margin-top: 10px;" > < label class = "form-label" style = "display: inline-block;margin-right: 15px;" > Background colour < / label > < input class = "form-control form-control-color" type = "color" style = "display: inline-block;border-radius: 50%;width: 50px;height: 50px;" name = "bg_colour" value = "{{bg_colour}}" > < / div >
< div class = "d-xl-flex justify-content-xl-center align-items-xl-center" style = "margin-bottom: 10px;margin-top: 10px;" > < label class = "form-label" style = "display: inline-block;margin-right: 15px;" > Foreground colour < / label > < input class = "form-control form-control-color" type = "color" style = "display: inline-block;border-radius: 50%;width: 50px;height: 50px;" name = "fg_colour" value = "{{fg_colour}}" > < / div >
2023-11-18 18:36:18 +11:00
< div class = "d-xl-flex justify-content-xl-center align-items-xl-center" style = "margin-bottom: 10px;margin-top: 10px;" > < label class = "form-label" style = "display: inline-block;margin-right: 15px;" > Text colour < / label > < input class = "form-control form-control-color" type = "color" style = "display: inline-block;border-radius: 50%;width: 50px;height: 50px;" name = "text_colour" value = "{{text_colour}}" > < / div > < textarea class = "form-control form-control-lg" rows = "15" name = "data" placeholder = "HTML Content" > {{data}}< / textarea >
< div class = "text-center" >
2023-11-18 18:40:03 +11:00
< div > < input class = "form-control" type = "text" style = "margin-top: 10px;display: inline-block;width: 500px;" placeholder = "HNS Address" name = "hns" value = "{{hns}}" required = "" pattern = "hs1[A-Za-z0-9]+" > < div class = "form-check form-switch form-check-inline" style = "display: inline-block;margin-left: 10px;" >
2023-11-18 18:36:18 +11:00
< input id = "formCheck-1" class = "form-check-input" type = "checkbox" { % if hip2_display % } checked { % endif % } name = "hip2_display" / >
< label class = "form-check-label" for = "formCheck-1" > Show as @{{domain}}.{{CITY_DOMAIN}}< / label >
< / div >
< / div >
2023-11-18 18:40:03 +11:00
< div > < input class = "form-control" type = "text" style = "margin-top: 10px;width: 500px;display: inline-block;" name = "btc" placeholder = "BTC Address" value = "{{btc}}" > < / div >
< div > < input class = "form-control" type = "text" style = "margin-top: 10px;width: 500px;display: inline-block;" placeholder = "ETH Address" name = "eth" value = "{{eth}}" required = "" pattern = "0x[A-Za-z0-9]+" > < / div >
2023-11-18 18:36:18 +11:00
< / div >
< div style = "margin-top: 10px;display: inline-block;" > < label class = "form-label" style = "margin-right: 25px;" > Template< / label > < select class = "form-select" id = "template" name = "template" style = "width:auto;display:inline-block;" >
2023-11-18 13:21:38 +11:00
{% for template in templates %}
< option value = "{{ template }}" { % if template = = selected_template % } selected { % endif % } > {{ template }}< / option >
{% endfor %}
< / select > < / div >
2023-11-15 16:24:56 +11:00
< div style = "text-align: center;" > < input class = "btn btn-primary" type = "submit" style = "margin-top: 10px;" > < / div >
< / form >
< / section >
< section style = "margin: 20px;height: 40px;text-align: center;margin-top: 40px;" >
2023-11-18 15:10:42 +11:00
< footer class = "text-center bg-dark" > < / footer >
2023-11-18 19:05:50 +11:00
< div style = "display: inline-block;" >
2023-11-18 15:10:42 +11:00
< ul class = "list-inline" >
2023-11-18 19:05:50 +11:00
< li class = "list-inline-item me-4" style = "color: rgb(255,255,255);" > Copyright © ShakeCities 2023< / li >
2023-11-18 15:10:42 +11:00
< li class = "list-inline-item me-4" > < iframe src = 'https://uptime.woodburn.au/api/badge/54/uptime?labelPrefix=Main+Server+' style = "height:1.3em;margin-bottom:-.3em;width: 13em;" > < / iframe > < / li >
< li class = "list-inline-item me-4" > < iframe src = 'https://uptime.woodburn.au/api/badge/55/uptime?labelPrefix=Cities+' style = "height:1.3em;margin-bottom:-.3em;width:11em;" > < / iframe > < / li >
< / ul >
2023-11-15 16:24:56 +11:00
< / div >
2023-11-08 20:43:33 +11:00
< / section >
2023-11-08 20:06:47 +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 20:06:47 +11:00
< / body >
< / html >
