shakecities/templates/hnschat.html

<!DOCTYPE html>
<html data-bs-theme="light" lang="en" style="background: #000000;">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>ShakeCities</title>
    <meta name="twitter:image" content="https://shakecities.com/assets/img/alexander-slattery-LI748t0BK8w-unsplash.webp">
    <meta name="twitter:title" content="ShakeCities">
    <meta property="og:title" content="ShakeCities">
    <meta property="og:image" content="https://shakecities.com/assets/img/alexander-slattery-LI748t0BK8w-unsplash.webp">
    <meta name="description" content="Embrace the future of web ownership with ShakeCities! Create your free, personalized Handshake domain website, secured with HTTPS powered by DANE. Easily integrate crypto addresses for payments and explore HNSChat and Varo auth. Join us in building a decentralized and innovative internet landscape. Experience simplicity and security at ShakeCities!">
    <meta property="og:type" content="website">
    <meta property="og:description" content="Embrace the future of web ownership with ShakeCities! Create your free, personalized Handshake domain website, secured with HTTPS powered by DANE. Easily integrate crypto addresses for payments and explore HNSChat and Varo auth. Join us in building a decentralized and innovative internet landscape. Experience simplicity and security at ShakeCities!">
    <meta name="twitter:description" content="Embrace the future of web ownership with ShakeCities! Create your free, personalized Handshake domain website, secured with HTTPS powered by DANE. Easily integrate crypto addresses for payments and explore HNSChat and Varo auth. Join us in building a decentralized and innovative internet landscape. Experience simplicity and security at ShakeCities!">
    <meta name="twitter:card" content="summary">
    <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">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/styles.min.css">
</head>

<body style="background: #000000;color: #ffffff;width: 95%;margin: auto;">
    <section>
        <section style="height: 15vh;background: url(&quot;assets/img/alexander-slattery-LI748t0BK8w-unsplash.webp&quot;) bottom / cover no-repeat;min-height: 130px;"></section>
        <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>
        <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;">
            <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>
        </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>
        <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>
        <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: 50px;">
        <h1 style="text-align: center;margin-bottom: 30px;">HNSChat</h1>
    </section>
    <section style="width: 80%;margin: auto;">
        <p>Link your domain to HNSChat using Varo Auth.<br>1. Click Authenticate with Varo Auth<br>2. Enter {{domain}}<br>3. Copy TXT record (including the varo= part) into the below box and save<br>4. Verify your domain (it might take a few minutes for the cache to clear)</p>
        <form method="post"><input class="form-control" type="text" style="margin-top: 10px;" name="hnschat" value="{{hnschat}}" placeholder="varo=....." required="" minlength="5">
            <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;">
        <div>
            <p style="color: #ffffff;">Copyright © ShakeCities 2023</p>
        </div>
    </section>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="assets/js/script.min.js"></script>
</body>

</html>
feat: Add HNSChat linking 2023-11-16 14:12:24 +11:00			`<!DOCTYPE html>`
			`<html data-bs-theme="light" lang="en" style="background: #000000;">`

			`<head>`
			`<meta charset="utf-8">`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">`
			`<title>ShakeCities</title>`
feat: Add page metadata for social embeds 2023-11-17 13:21:38 +11:00			`<meta name="twitter:image" content="https://shakecities.com/assets/img/alexander-slattery-LI748t0BK8w-unsplash.webp">`
			`<meta name="twitter:title" content="ShakeCities">`
			`<meta property="og:title" content="ShakeCities">`
			`<meta property="og:image" content="https://shakecities.com/assets/img/alexander-slattery-LI748t0BK8w-unsplash.webp">`
			`<meta name="description" content="Embrace the future of web ownership with ShakeCities! Create your free, personalized Handshake domain website, secured with HTTPS powered by DANE. Easily integrate crypto addresses for payments and explore HNSChat and Varo auth. Join us in building a decentralized and innovative internet landscape. Experience simplicity and security at ShakeCities!">`
			`<meta property="og:type" content="website">`
			`<meta property="og:description" content="Embrace the future of web ownership with ShakeCities! Create your free, personalized Handshake domain website, secured with HTTPS powered by DANE. Easily integrate crypto addresses for payments and explore HNSChat and Varo auth. Join us in building a decentralized and innovative internet landscape. Experience simplicity and security at ShakeCities!">`
			`<meta name="twitter:description" content="Embrace the future of web ownership with ShakeCities! Create your free, personalized Handshake domain website, secured with HTTPS powered by DANE. Easily integrate crypto addresses for payments and explore HNSChat and Varo auth. Join us in building a decentralized and innovative internet landscape. Experience simplicity and security at ShakeCities!">`
			`<meta name="twitter:card" content="summary">`
feat: Add HNSChat linking 2023-11-16 14:12:24 +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">`
			`<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">`
			`<link rel="stylesheet" href="assets/css/styles.min.css">`
			`</head>`

			`<body style="background: #000000;color: #ffffff;width: 95%;margin: auto;">`
			`<section>`
			`<section style="height: 15vh;background: url("assets/img/alexander-slattery-LI748t0BK8w-unsplash.webp") bottom / cover no-repeat;min-height: 130px;"></section>`
			`<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>`
			`<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;">`
			`<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>`
			`</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>`
			`<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>`
			`<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: 50px;">`
			`<h1 style="text-align: center;margin-bottom: 30px;">HNSChat</h1>`
			`</section>`
			`<section style="width: 80%;margin: auto;">`
			`<p>Link your domain to HNSChat using Varo Auth.<br>1. Click Authenticate with Varo Auth<br>2. Enter {{domain}}<br>3. Copy TXT record (including the varo= part) into the below box and save<br>4. Verify your domain (it might take a few minutes for the cache to clear)</p>`
			`<form method="post"><input class="form-control" type="text" style="margin-top: 10px;" name="hnschat" value="{{hnschat}}" placeholder="varo=....." required="" minlength="5">`
			`<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;">`
			`<div>`
			`<p style="color: #ffffff;">Copyright © ShakeCities 2023</p>`
			`</div>`
			`</section>`
			`<script src="assets/bootstrap/js/bootstrap.min.js"></script>`
			`<script src="assets/js/script.min.js"></script>`
			`</body>`

			`</html>`