shoe/random-walkers
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Strip down repo to only the actual code parts

Browse Source
This commit is contained in:
shoe 2025-03-22 05:29:08 +00:00
parent 387b839410
commit dccdf1fb99
3 changed files with 11 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
inconsolata.ttf
View File

Binary file not shown.

45
index.html
View File

@ -2,48 +2,25 @@
<html>
<head>
<title>shoe says hi!</title>
<title>walkers!</title>
<link rel="stylesheet" href="walkers.css">
</head>
<body>
<div id="page-content">
<h1>this page wildly under construction</h1>
<p>aka i am gonna be repeatedly redoing like everything</p>
<h1>a demo of my random walker javascript</h1>
<div id="hi">
<h1>hi, i'm shoe.</h1>
<p>i hope you like this place!</p>
</div>
<p>code started out from <a href="https://jackmckew.dev/interactive-random-walkers-with-javascript.html" target="_blank">Jack McKew's blogpost</a>, but very few parts of that original is left</p>
<div id="about-shoe">
<h1>about shoe</h1>
<ul>
<li>they/them</li>
<li>i like sysadmin</li>
<li>TODO: I really need this section to not read like garbo</li>
</ul>
</div>
<h2>walker controls</h2>
<ul>
<li><button id="button-create-walker">create one</button></li>
<li><button id="button-destroy-walker">kill one :(</button></li>
<li><button id="button-reset-walkers">kill them all D:</button></li>
</ul>
<h2>hide text</h2>
<p>click to hide all page contents: <button id="button-hide-page">hide</button></p>
<div id="controls">
<h1>controls</h1>
<p>mess with the random walkers</p>
<ul>
<li><button id="button-create-walker">create one</button></li>
<li><button id="button-destroy-walker">kill one :(</button></li>
<li><button id="button-reset-walkers">kill them all D:</button></li>
</ul>
<p>if you want, you can <button id="button-hide-page">hide</button> the page to just watch the random walk</p>
</div>
<div id="inspiration">
<h1>inspiration</h1>
<p>gotta cite your sources >w<</p>
<ul>
<li><a href="/~nebula"> ~nebula's homepage</a> is beautiful and convinced me to make a lot of empty space, including the right-aligned elements</li>
<li><a href="https://jackmckew.dev/interactive-random-walkers-with-javascript.html" target="_blank">Jack McKew's blogpost</a> about random walkers in js was my starting point, even though mine looks nothing like theirs</li>
</ul>
</div>
</div>
<div id="page-content-hidden">

53
style.css
View File

@ -1,53 +0,0 @@
/* load font from local file because fuck yeah */
@font-face {
font-family: inconsolata;
src: url("inconsolata.ttf");
}
body {
background-color: #22241f;
color: #d7fcc2;
font-family: inconsolata;
}
/* make <pre> match overall font and size */
pre {
font-family: inherit;
font-size: inherit;
}
/* change ul bullet points to dashes for ~style~
* derived from https://www.w3schools.com/cssref/pr_list-style-type.php */
ul {
list-style-type: none;
padding-left: 16px;
}
ul > li::before {
content: "-";
padding-right: 8px;
}
/* style the page banner/signature thing to be big and bold */
#banner {
font-size: large;
font-weight: bolder;
}
/* recolor links to still be blue and purple,
* but be visible against the dark bg */
a {
color: #64adf1;
}
a:visited {
color: #a76ff5;
}
a:active {
color: #ff0000;
}
/* style tilde.town ring appropriately */
#tilde_ring {
background-color: black;
text-align: center;
padding: 0.5em;
}