nathanwoodburn/shakecities
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: Add logos for site info and addresses
All checks were successful
Build Docker / Build SLDs Image (push) Successful in 19s
Details
Build Docker / Build Main Image (push) Successful in 21s
Details

Browse Source
This commit is contained in:
Nathan Woodburn
2023-11-15 22:08:49 +11:00
parent ffc0a2ba9a
commit 5be0abeccd
9 changed files with 37 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
templates/city.html
View File

@@ -14,6 +14,7 @@
<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">
<link rel="stylesheet" href="assets/css/city.min.css">
</head>
<body style="height: 99vh;width: 100vw;color: #1fffff;background: #000000;overflow-x: hidden;">
@@ -21,23 +22,23 @@
<div class="d-xl-flex align-items-xl-center" style="background: #f1ffff;border-radius: 10px;padding-top: 2%;padding-left: 2%;padding-right: 2%;padding-bottom: 2%;width: 40%;display: inline-flex;height: 15em;margin-top: 1%;margin-left: 1%;"><img src="{{avatar}}" width="200vw" height="200vw" style="border-radius: 50%;">
<div style="margin-left: 40px;">
<div>
<p style="font-size: 24px;">{{hnschat}}</p>
<p style="font-size: 24px;"><a href="https://hns.chat/#message:{{hnschat}}" target="_blank">{{hnschat|safe}}</a></p>
</div>
<div>
<p style="font-size: 24px;">{{location}}</p>
<p style="font-size: 24px;">{{location|safe}}</p>
</div>
</div>
</div>
<div class="d-xl-flex align-items-xl-center right-align top-align" style="background: #f1ffff;border-radius: 10px;padding-top: 2%;padding-left: 2%;padding-bottom: 2%;width: 50%;position: absolute;padding-right: 2%;display: inline-flex;height: 15em;">
<div style="display: inline-block;">
<div>
<p style="font-size: 24px;margin-bottom: 0px;">{{hns}}</p>
<p style="font-size: 24px;margin-bottom: 0px;"><a href="/.well-known/wallets/HNS" target="_blank">{{hns|safe}}</a></p>
</div>
<div>
<p style="font-size: 24px;margin-bottom: 0px;">{{btc}}</p>
<p style="font-size: 24px;margin-bottom: 0px;"><a href="/.well-known/wallets/BTC" target="_blank">{{btc|safe}}</a></p>
</div>
<div>
<p style="font-size: 24px;margin-bottom: 0px;">{{eth}}</p>
<p style="font-size: 24px;margin-bottom: 0px;"><a href="/.well-known/wallets/ETH" target="_blank">{{eth|safe}}</a></p>
</div>
</div>
</div>
@@ -47,23 +48,23 @@
<div style="width: 20vw;height: 20vw;max-height: 200px;max-width: 200px;margin: auto;"><img src="{{avatar}}" width="100%" height="100%" style="border-radius: 50%;"></div>
<div class="text-center">
<div>
<p style="font-size: 24px;">{{hnschat}}</p>
<p style="font-size: 24px;">{{hnschat|safe}}</p>
</div>
<div>
<p style="font-size: 24px;">{{location}}</p>
<p style="font-size: 24px;">{{location|safe}}</p>
</div>
</div>
</div>
<div class="d-xl-flex align-items-xl-center right-align top-align" style="background: #f1ffff;border-radius: 10px;padding-top: 2%;padding-left: 2%;padding-bottom: 2%;width: 50%;position: absolute;padding-right: 2%;display: inline-flex;height: 15em;">
<div style="display: inline-block;">
<div>
<p style="font-size: 24px;margin-bottom: 0px;">{{hns}}</p>
<p style="font-size: 24px;margin-bottom: 0px;"><a href="/.well-known/wallets/HNS" target="_blank">{{hns|safe}}</a></p>
</div>
<div>
<p style="font-size: 24px;margin-bottom: 0px;">{{btc}}</p>
<p style="font-size: 24px;margin-bottom: 0px;"><a href="/.well-known/wallets/BTC" target="_blank">{{btc|safe}}</a></p>
</div>
<div>
<p style="font-size: 24px;margin-bottom: 0px;">{{eth}}</p>
<p style="font-size: 24px;margin-bottom: 0px;"><a href="/.well-known/wallets/ETH">{{eth|safe}}</a></p>
</div>
</div>
</div>
@@ -73,23 +74,23 @@
<div style="width: 20vw;height: 20vw;display: inline-block;"><img src="{{avatar}}" width="100%" height="100%" style="border-radius: 50%;"></div>
<div style="display: inline-block;margin-left: 40px;">
<div>
<p style="font-size: 24px;">{{hnschat}}</p>
<p style="font-size: 24px;">{{hnschat|safe}}</p>
</div>
<div>
<p style="font-size: 24px;">{{location}}</p>
<p style="font-size: 24px;">{{location|safe}}</p>
</div>
</div>
</div>
<div class="d-xl-flex align-items-xl-center" style="background: #f1ffff;border-radius: 10px;padding-top: 2%;padding-left: 2%;padding-bottom: 2%;padding-right: 2%;display: inline-flex;margin: 1%;width: 98%;">
<div style="display: inline-block;">
<div>
<p style="font-size: 24px;margin-bottom: 0px;">{{hns}}</p>
<p style="font-size: 24px;margin-bottom: 0px;"><a href="/.well-known/wallets/HNS" target="_blank">{{hns|safe}}</a></p>
</div>
<div>
<p style="font-size: 24px;margin-bottom: 0px;">{{btc}}</p>
<p style="font-size: 24px;margin-bottom: 0px;"><a href="/.well-known/wallets/BTC" target="_blank">{{btc|safe}}</a></p>
</div>
<div>
<p style="font-size: 24px;margin-bottom: 0px;">{{eth}}</p>
<p style="font-size: 24px;margin-bottom: 0px;"><a href="/.well-known/wallets/ETH" target="_blank">{{eth|safe}}</a></p>
</div>
</div>
</div>