2024-04-01

author: dzwdz 2024-04-01 16:56:13 +0200
committer: dzwdz 2024-04-01 16:56:13 +0200
commit: 97cbfd2765436480aa1a0f9e3399a1810cf451e1 (patch)
tree: 3a6b94aa5f61bd4afa400d1582c32a68de6763e3
parent: b66860109ee59d3efcd6323c0c48a074122d1e93 (diff)
2 files changed, 32 insertions, 44 deletions
diff --git a/index.css b/index.css
index 15415cb..32322b5 100644
--- a/index.css
+++ b/index.css
@@ -14,8 +14,10 @@ body {
 }
 
 main {
-	max-width: 80ch;
+	width: 80ch;
+	max-width: 100%;
 	order: 0;
+	position: relative;
 }
 
 #users {
@@ -41,8 +43,8 @@ main {
 
 #heatmap {
 	position: absolute;
-	max-width: 80ch;
-	z-index: -100;
+	width: 100%;
+	z-index: -1;
 }
 
 #heatmap a {
@@ -65,6 +67,13 @@ main > *:not(#heatmap) {
 	margin: 1em;
 }
 
+main.dotted > *:not(#heatmap) {
+	display: none;
+}
+main.dotted #heatmap {
+	z-index: 1;
+}
+
 pre, p {
 	margin: 0;
 }
@@ -89,3 +98,4 @@ a {
 	float: right;
 	opacity: 0.7;
 }
+
diff --git a/index.php b/index.php
index 0165fe8..78a057c 100644
--- a/index.php
+++ b/index.php
@@ -2,8 +2,13 @@
 <head>
 	<meta charset="utf-8" />
 	<meta name="viewport" content="width=device-width, initial-scale=0.5, user-scalable=yes" />
-	<!-- <link href="index.css" rel="stylesheet" /> -->
-	<style> <?php include 'index.css'; ?> </style>
+	<link href="index.css" rel="stylesheet" />
+	<!-- <style> <?php include 'index.css'; ?> </style> -->
+	<script>
+function toggleDots() {
+	document.getElementsByTagName("main")[0].classList.toggle("dotted");
+}
+	</script>
 </head>
 
 <body>
@@ -11,11 +16,11 @@
 <main>
 <div id="heatmap"> <?php include 'lastlog.html'; ?> </div>
 <div class="box"> <pre>
-        _
+<span aria-label="tilde.town">        _
     o  | |    |                               
 _|_    | |  __|   _  _|_  __           _  _   
  |  |  |/  /  |  |/   |  /  \_|  |  |_/ |/ |  
- |_/|_/|__/\_/|_/|__/o|_/\__/  \/ \/    |  |_/
+ |_/|_/|__/\_/|_/|__/o|_/\__/  \/ \/    |  |_/</span>
  is a computer meant for sharing 
 </pre> </div>
 <div class="box" style="float:right; text-align:right;"> <pre>
@@ -32,27 +37,6 @@ we are a <b>community</b> of around <a href="#">3000 users</a> making art, socia
 founded in 2014 by <a href="/~vilmibm">~vilmibm</a>.
 </div>
 
-<!--
-<div style="float:right" class="box"> <pre>
- _____________________________________________ 
-|  __            :                            |
-| / /\ __    ___!__    _,__       ___,_       |
-|/ / o\/ \  /      /\ /__/ \     /__\__\  . . |
-| /   \\  \/_____ /_*\  |  |[^][^|  |  |[^]())|
-|/  /\    |      |    |_|__|  .: |__|__|  ()(/|
-|   ||    |  {^} |    |                  ( ~)(|
-| []  []  |   |  |    |. .   A  ._  .  .( O((/|
-|  _  _   |___|__|__D_|    . H  / \  {^} ()||)|
-| | |[@]  |   |    .  .  .  | |/   \  |   \|| |
-|_|_|_____|         .  .    |^|     \ | v  ||/|
-|      . .   v   v  .       | |      \|.  v /v|
-|           .  v  v .      / O \    /|   . /vv|
-|  |_ u _|     .  .       /  _  \  / |    ..  |
-|  || | ||               /  |_|  \/  |     .  |
-|___________<span style="opacity:.5">by <a href="#aa">~sanqui</a></span>________________________|
-</pre> </div>
--->
-
 <div class="box">
 here's some stuff made by townies:
 <ul>
@@ -71,7 +55,7 @@ here's some stuff made by townies:
 
 <div class="box">
 <p> every dot in the background represents one townie. the more recently were they active, the brighter the dot.
-imagine there's a button to click that hides all this shit and lets you explore the map. </p>
+if you <button onclick="toggleDots()">hide all this text</button> you'll be able to inspect them. </p>
 </div>
 
 <div class="box"> <pre>
@@ -81,7 +65,7 @@ ecdsa host key: SHA256:RGr0EXrHOCt/ZZitfMK2WFwbI80OGzat+DlthhTfWf4
 </main>
 
 <aside id="right">
-<div class="box"> <pre>
+<div class="box"> <pre aria-label="ascii art of a postcard with a town on it">
  _____________________________________________ 
 |  __            :                            |
 | / /\ __    ___!__    _,__       ___,_       |
@@ -97,7 +81,7 @@ ecdsa host key: SHA256:RGr0EXrHOCt/ZZitfMK2WFwbI80OGzat+DlthhTfWf4
 |           .  v  v .      / O \    /|   . /vv|
 |  |_ u _|     .  .       /  _  \  / |    ..  |
 |  || | ||               /  |_|  \/  |     .  |
-|___________<span style="opacity:.5">by <a href="#aa">~sanqui</a></span>________________________|
+|___________<span style="opacity:.5">by <a href="/~sanqui">~sanqui</a></span>________________________|
 </pre> </div>
 
 <div class="box"> <marquee>
@@ -105,28 +89,22 @@ ecdsa host key: SHA256:RGr0EXrHOCt/ZZitfMK2WFwbI80OGzat+DlthhTfWf4
 </marquee> </div>
 
 <div class="box" id="planet">
-recent posts on the <a href="#">planet</a>:
+recent posts on the <a href="/~dzwdz/tmp/sfeed.html">planet</a>:
 <ul>
-<li><a href="#">Lorem ipsum dorom</a> <span class="planetuser">~dzwdz</span></li>
-<li><a href="#">Lorem ipsum dorom</a> <span class="planetuser">~dzwdz</span></li>
-<li><a href="#">Lorem ipsum dorom</a> <span class="planetuser">~dzwdz</span></li>
-<li><a href="#">Lorem ipsum dorom</a> <span class="planetuser">~dzwdz</span></li>
-<li><a href="#">Lorem ipsum dorom</a> <span class="planetuser">~dzwdz</span></li>
+<?php include '/home/dzwdz/Their/src/sfeed/short.html'; ?>
 </ul>
 </div>
 
 <div class="box">
-<img src="//tilde.town/~lucidiot/img/logos/tildetown_anim2.gif" />
-<img src="//tilde.town/~juniperspring/gifs/adultchat.gif" />
-<img src="//tilde.town/~dzwdz/pics/88x31/firefox2.gif" />
-<img src="//tilde.town/~dzwdz/pics/88x31/transnow2.gif" />
-<img src="//tilde.town/~dzwdz/pics/88x31/ubuntu-88x31.gif" />
-<img src="//tilde.town/~dzwdz/pics/88x31/php4_88x31.gif" />
+<img alt="tilde.town button" src="//tilde.town/~lucidiot/img/logos/tildetown_anim2.gif" />
+<img alt="firefox button" src="//tilde.town/~dzwdz/pics/88x31/firefox2.gif" />
+<img alt="trans rights NOW button" src="//tilde.town/~dzwdz/pics/88x31/transnow2.gif" />
+<a href="https://migadu.com/"><img title="we <3 migadu" alt="migadu" src="//tilde.town/~dzwdz/pics/88x31/migadu.png" /></a>
+<a href="https://tiny.tilde.website/@tildetown"><img alt="mastodon" src="//tilde.town/~dzwdz/pics/88x31/mastodon_button_2.gif" /></a>
 </div>
 </aside>
 
 <aside id="users">
-<!-- TODO choose only from townies who edited their site. -->
 some random users:
 <ul>
 <?php system("shuf -n125 userbar.html") ?>
author	dzwdz	2024-04-01 16:56:13 +0200
committer	dzwdz	2024-04-01 16:56:13 +0200
commit	97cbfd2765436480aa1a0f9e3399a1810cf451e1 (patch)
tree	3a6b94aa5f61bd4afa400d1582c32a68de6763e3
parent	b66860109ee59d3efcd6323c0c48a074122d1e93 (diff)