shakecities/templates/city_no_card_donate_footer.html

<!DOCTYPE html>
<html style="width: 100vw;height: 99vh;">

<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: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!">
    <meta name="twitter:card" content="summary">
    <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!">
    <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>

<!-- Template colours
#f1ffff foreground colour
#1fffff text colour
#000000 background colour

These colours will be overriden with the user's colour scheme
-->

<body style="height: 99vh;width: 100vw;color: #1fffff;background: #000000;overflow-x: hidden;">
    <div class="text-center" style="margin: 10px;">
        <div>{{avatar|safe}}</div> <!-- This needs the safe filter to allow HTML to be rendered -->
        <div style="color: #f1ffff;">
                <p style="font-size: 24px;">{{hnschat|safe}}</p>
                <p style="font-size: 24px;">{{email|safe}}</p>
                <p style="font-size: 24px;">{{location|safe}}</p>
        </div>
    </div>
    <div style="padding: 2%;margin: 22px;">
        <p style="font-size: 24px;">
            {{data|safe}} <!-- This needs the safe filter to allow HTML to be rendered -->
        </p>
    </div>
    <div id="addresses" style="width: 100%;text-align: center;">
        <p style="font-size: 20px;margin-bottom: 0px;">
            <a style="text-decoration: none;color: #f1ffff;" href="/.well-known/wallets/HNS" target="_blank">
                <img src='{{hns_icon_invert}}' width='20px' height='20px' style='margin-right: 5px;'>
            </a>
            <a style="text-decoration: none;color: #f1ffff;" href="/.well-known/wallets/BTC" target="_blank">
                <img src='{{btc_icon_invert}}' width='20px' height='25px' style='margin-right: 5px;'>
            </a>
            <a style="text-decoration: none;color: #f1ffff;" href="/.well-known/wallets/ETH" target="_blank">
                <img src='{{eth_icon_invert}}' width='20px' height='30px' style='margin-right: 5px;'>
            </a>
        </p>
    </div>
    <div style="height: 25px;"></div>
    <!-- Footer to display the powered by ShakeCities. -->
    {{footer|safe}}
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="assets/js/script.min.js"></script>
</body>

</html>
feat: Add new templates with donate footer 2023-11-20 11:51:44 +11:00			`<!DOCTYPE html>`
			`<html style="width: 100vw;height: 99vh;">`

			`<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: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!">`
			`<meta name="twitter:card" content="summary">`
			`<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!">`
			`<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>`

			`<!-- Template colours`
			`#f1ffff foreground colour`
			`#1fffff text colour`
			`#000000 background colour`

			`These colours will be overriden with the user's colour scheme`
			`-->`

			`<body style="height: 99vh;width: 100vw;color: #1fffff;background: #000000;overflow-x: hidden;">`
			`<div class="text-center" style="margin: 10px;">`
			`<div>{{avatar\|safe}}</div> <!-- This needs the safe filter to allow HTML to be rendered -->`
			`<div style="color: #f1ffff;">`
			`<p style="font-size: 24px;">{{hnschat\|safe}}</p>`
			`<p style="font-size: 24px;">{{email\|safe}}</p>`
			`<p style="font-size: 24px;">{{location\|safe}}</p>`
			`</div>`
			`</div>`
			`<div style="padding: 2%;margin: 22px;">`
			`<p style="font-size: 24px;">`
			`{{data\|safe}} <!-- This needs the safe filter to allow HTML to be rendered -->`
			`</p>`
			`</div>`
fix: Add spacing for footer and set donate footer to not be absolute 2023-11-20 12:11:54 +11:00			`<div id="addresses" style="width: 100%;text-align: center;">`
feat: Add new templates with donate footer 2023-11-20 11:51:44 +11:00			`<p style="font-size: 20px;margin-bottom: 0px;">`
			`<a style="text-decoration: none;color: #f1ffff;" href="/.well-known/wallets/HNS" target="_blank">`
			`<img src='{{hns_icon_invert}}' width='20px' height='20px' style='margin-right: 5px;'>`
			`</a>`
			`<a style="text-decoration: none;color: #f1ffff;" href="/.well-known/wallets/BTC" target="_blank">`
			`<img src='{{btc_icon_invert}}' width='20px' height='25px' style='margin-right: 5px;'>`
			`</a>`
			`<a style="text-decoration: none;color: #f1ffff;" href="/.well-known/wallets/ETH" target="_blank">`
			`<img src='{{eth_icon_invert}}' width='20px' height='30px' style='margin-right: 5px;'>`
			`</a>`
			`</p>`
			`</div>`
fix: Add spacing for footer and set donate footer to not be absolute 2023-11-20 12:11:54 +11:00			`<div style="height: 25px;"></div>`
feat: Add new templates with donate footer 2023-11-20 11:51:44 +11:00			`<!-- Footer to display the powered by ShakeCities. -->`
			`{{footer\|safe}}`
			`<script src="assets/bootstrap/js/bootstrap.min.js"></script>`
			`<script src="assets/js/script.min.js"></script>`
			`</body>`

			`</html>`