balance out display with huge hack

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

View file

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

View file

@ -10,7 +10,8 @@
<section id="header">
<h1>mutate-a-word!</h1>
<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>
</div>
</section>