parent
85f07a83d5
commit
62a2bb042e
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "codsworth-namegen",
|
"name": "codsworth-namegen",
|
||||||
"version": "1.1.5",
|
"version": "1.1.6",
|
||||||
"description": "Choose a fitting name for your Fallout 4 character that Codsworth can pronounce",
|
"description": "Choose a fitting name for your Fallout 4 character that Codsworth can pronounce",
|
||||||
"author": "Felix W. Dekker",
|
"author": "Felix W. Dekker",
|
||||||
"browser": "dist/bundle.js",
|
"browser": "dist/bundle.js",
|
||||||
|
|
|
@ -1,3 +1,15 @@
|
||||||
textarea.nameArea {
|
textarea.nameArea {
|
||||||
height: 10em;
|
height: 10em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 600px) {
|
||||||
|
.spacer {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
.spacer {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -33,36 +33,24 @@
|
||||||
<div id="contents">
|
<div id="contents">
|
||||||
<div id="header"></div>
|
<div id="header"></div>
|
||||||
|
|
||||||
<!-- Generators -->
|
|
||||||
<section class="container">
|
<section class="container">
|
||||||
<!-- Headers -->
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<h2>Similar names</h2>
|
<h2>Similar names</h2>
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
<h2>Random names</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Inputs -->
|
|
||||||
<div class="row">
|
|
||||||
<div class="column">
|
|
||||||
<label for="similarInput">Your name</label>
|
<label for="similarInput">Your name</label>
|
||||||
<input id="similarInput" type="text" autofocus />
|
<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>
|
<button id="generateSimilar" type="button">Generate similar names</button>
|
||||||
|
|
||||||
<label for="similarNames">Similar names are...</label>
|
<label for="similarNames">Similar names are...</label>
|
||||||
<textarea id="similarNames" class="nameArea" readonly></textarea>
|
<textarea id="similarNames" class="nameArea" readonly></textarea>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
|
<h2>Random names</h2>
|
||||||
|
<!-- Spacer to put textareas at same height -->
|
||||||
|
<label for="spacerInput" class="spacer">Spacer</label>
|
||||||
|
<input id="spacerInput" class="spacer" type="text" />
|
||||||
|
|
||||||
<button id="generateRandom" type="button">Generate random name</button>
|
<button id="generateRandom" type="button">Generate random name</button>
|
||||||
|
|
||||||
<label for="randomNames">Your name is...</label>
|
<label for="randomNames">Your name is...</label>
|
||||||
|
|
Loading…
Reference in New Issue