sbrl/mutate-a-word
sbrl/mutate-a-word
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

balance out display with huge hack

Browse source
This commit is contained in:
Starbeamrainbowlabs 2022-02-02 02:15:04 +00:00
parent 23fc7196fa
commit caf8ee7d5e
Signed by: sbrl
GPG key ID: 1BE5172E637709C2
2 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
css/theme.css
View file

@ -23,6 +23,8 @@ body {
h1 { margin: 3em 0; } h1 { margin: 3em 0; }
.hidden { display: hidden; }
#header { #header {
/* Ref https://app.haikei.app/ */ /* Ref https://app.haikei.app/ */
background: url("./layered-waves-haikei.svg") bottom/cover; background: url("./layered-waves-haikei.svg") bottom/cover;
@ -34,7 +36,7 @@ h1 { margin: 3em 0; }
align-items: center; align-items: center;
} }
#starting-regen { #starting-regen, .starting-regen {
background: transparent; background: transparent;
border: 0; border: 0;
font-size: 200%; font-size: 200%;

3
index.html
View file

@ -10,7 +10,8 @@
<section id="header"> <section id="header">
<h1>mutate-a-word!</h1> <h1>mutate-a-word!</h1>
<div id="input-line"> <div id="input-line">
<input type="text" id="starting-word" value="rockets" placeholder="e.g. rockets" /> <button class="starting-regen hidden">🔄</button>
<input type="text" id="starting-word" placeholder="e.g. rockets" />
<button id="starting-regen">🔄</button> <button id="starting-regen">🔄</button>
</div> </div>
</section> </section>