tildetown
/
tilde.town
1
0
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

dzwdz fixes

trunk
vilmibm 2021-08-06 18:31:08 +00:00
parent ea61f0d54d
commit 0fcc01be67
2 changed files with 250 additions and 227 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
index.html
View File

@ -3,6 +3,7 @@
<head>
<title>tilde.town</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" href="/favicon.ico">
<link rel="stylesheet" href="style.css">
</head>
@ -77,6 +78,8 @@
</tr>
</table>
</section>
<div id="weird-boxes">
<section id="join">
<p>
<!--
@ -100,12 +103,17 @@
</p>
</section>
<section id="blog">
<p>
a blogthing chronicles system updates. you can read it. it lives <a href="/blog.html">here</a>.
</p>
</section>
<section id="donate">
<p>
the town is a non-commercial thing. <a href="https://patreon.com/nathanielksmith">donations</a> are appreciated
</p>
</section>
<section id="lostkey">
<p>
are you a town resident that lost their ssh key? try this:
<ul>
<li>using the email address with which you registered</li>
@ -114,11 +122,15 @@
<li>include the new public key in the body of the email</li>
<li>wait for an admin to reply and confirm the update</li>
</ul>
</p>
</section>
<section id="footer">
our ECDSA key fingerprint is SHA256:RGr0EXrHOCt/ZZitfMK2WFwbI80OGzat+DlthhTfWf4<br>
<p>
ascii art of town by <a href="/~sanqui">~sanqui</a>.
</p><p>
our ECDSA key fingerprint:<br />SHA256:RGr0EXrHOCt/ZZitfMK2WFwbI80OGzat+DlthhTfWf4
</p>
</section>
</div>
</body>
</html>

47
style.css
View File

@ -48,40 +48,51 @@ section#summary {
margin-left:1%;
}
#weird-boxes section {
padding: 0 2ch;
margin-top: 2em;
border: 1px solid #e0b0ff30; /* if there isn't a border the layout goes nuts.
if you don't want a visible border just make it black */
}
section#join {
margin-top: 5%;
width: 20%;
padding:10px;
margin-left:4%;
margin-left: max((100% - 60ch) * .2, 0ch);
max-width: 40ch;
}
section#users {
margin-left:60%;
width:20%;
padding:10px;
margin-left: auto;
margin-right: max((100% - 38ch) * .25, 0ch);
max-width: 30ch;
}
section#blog {
margin-left:40%;
width:10%;
padding:20px;
margin-left: auto;
margin-right: auto;
max-width: 38ch;
}
section#donate {
margin-left:5%;
width:15%;
padding:15px;
margin-left: max((100% - 38ch) * .25, 0ch);
max-width: 30ch;
}
section#lostkey {
margin-left:80%;
padding:10px;
margin-left: auto;
margin-right: max((100% - 60ch) * .2, 0ch);
max-width: 60ch; /* would look better if it was thinner, but the dialog
would need to be slightly rephrased */
}
#lostkey ul {
padding-left: 2ch;
}
section#footer {
padding:25px;
text-align:center;
margin-top:65px;
margin: auto;
margin-top: 4em;
text-align: center;
max-width: 50ch;
}
a {