tools
/
codsworth-namegen
1
1
Fork 0
Code Issues 2 Pull Requests Releases Activity

Consistify layout of columns

This commit is contained in:
Florine W. Dekker 2019-06-13 19:52:31 +02:00
parent 3ceaa01963
commit 5620655bd4
Signed by: FWDekker
GPG Key ID: B1B567AF58D6EE0F
1 changed files with 23 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
index.html
View File

@ -38,29 +38,36 @@
<!-- Generators -->
<section class="container">
<!-- Headers -->
<div class="row">
<!-- Similar -->
<div class="column">
<h2>Similar names</h2>
<form>
<label for="similarInput">Your name</label>
<input id="similarInput" type="text" autofocus />
<button id="generateSimilar" type="button">Generate similar names</button>
<label for="similarNames">Similar names are...</label>
<textarea id="similarNames" style="height: 10em;" readonly></textarea>
</form>
</div>
<!-- Random -->
<div class="column">
<h2>Random names</h2>
<form class="form-inline">
<button id="generateRandom" type="button">Generate random name</button>
</div>
</div>
<!-- Inputs -->
<div class="row">
<div class="column">
<label for="similarInput">Your name</label>
<input id="similarInput" type="text" autofocus />
</div>
<div class="column"></div>
</div>
<!-- Outputs -->
<div class="row">
<div class="column">
<button id="generateSimilar" type="button">Generate similar names</button>
<label for="randomNames">Your name is...</label>
<textarea id="randomNames" style="height: 10em;" readonly></textarea>
</form>
<label for="similarNames">Similar names are...</label>
<textarea id="similarNames" style="height: 10em;" readonly></textarea>
</div>
<div class="column">
<button id="generateRandom" type="button">Generate random name</button>
<label for="randomNames">Your name is...</label>
<textarea id="randomNames" style="height: 10em;" readonly></textarea>
</div>
</div>
</section>