-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
76 lines (68 loc) · 4.27 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html lang="en">
<!-- wordish.name by Styro457 -->
<!-- version 0.3.0 -->
<!-- https://github.com/Styro457/wordish.name -->
<head>
<meta charset="UTF-8">
<title>Product Name Generator - Wordish.Name</title>
<link rel="icon" type="image/x-icon" href="assets/icons/favicon.ico">
<link rel="stylesheet" href="style/fonts.css">
<link rel="stylesheet" href="style/style.css">
<link rel="stylesheet" href="style/machine.css">
<link rel="stylesheet" href="style/results.css">
<link rel="stylesheet" href="style/animations.css">
<meta name="description" content="Generate memorable and meaningful names for a project, product or anything else using uncommon dictionary words.">
<meta name="keywords" content="name generator,namegen,name,title,product name,idea generator,generator,dictionary,words,uncommon words">
<meta name="author" content="Styro457">
<link rel="author" href="https://github.com/Styro457"/>
<meta property="og:title" content="Product Name Generator - Wordish.Name"/>
<meta property="og:description" content="Generate memorable and meaningful names for a project, product or anything else using uncommon dictionary words."/>
<meta property="og:url" content="https://wordish.name" />
<meta property="og:image"content="https://raw.githubusercontent.com/Styro457/wordish.name/resources/preview.png" />
<meta name="theme-color" content="#c97584" data-react-helmet="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div class="cover" id="cover"></div>
<div class="machineHolder">
<img class="title unselectable" src="assets/images/title.webp" width="1334" height="173" ondragstart="return false;" alt="wordish.name | use words as names">
<div class="machine">
<div class="results" id="results"><p class="resultsSummary" id="resultsSummary"></p></div>
<img class="machineBody unselectable" src="assets/images/machineBody.webp" width="1157" height="984" ondragstart="return false;" alt="Machine"
onload="document.getElementById('cover').classList.add('fadeOut');">
<div class="machineUI">
<form class="machineForm" action="javascript:onFormSubmit(wordsInput.value, generateButton)">
<div class="machineInput">
<label for="wordsInput" class="inputLabel lightText">Enter a few related words separated by commas</label>
<input type="text" id="wordsInput" name="wordsInput" class="PixelatedInput" required
onfocus="startCaret(this);" onfocusout="stopCaret(this);" oninput="caretInput(this);"
ondragenter="stopCaret(this);" ondragover="stopCaret(this);" ondragend="startCaret(this);"
ondragstart="stopCaret(this);" onkeydown="caretInput(this)" onkeyup="caretInput(this)"
>
</div>
<div class="generateButtonBackground">
<input type="submit" class="generateButton" name="generateButton" id="generateButton" value="">
</div>
</form >
<div class="machineScreen machineScreenOn" id="machineScreenOn"></div>
<div class="machineScreen">
<p class="screenWords scrollBar" id="screenWords"></p>
<p class="checkedWords lightText">Checked Words:</p>
<p class="checkedWordsCount lightText" id="checkedWordsCount"></p>
</div>
<div class="machineLinks unselectable">
<a href="https://github.com/Styro457" target=”_blank” rel="author"><button class="githubAuthorButton"></button></a>
<a href="https://github.com/Styro457/Wordish.Name" target=”_blank”><button class="githubPageButton"></button></a>
</div>
</div>
</div>
</div>
<script src="scripts/display/customCaret.js"></script>
<script src="scripts/apis/datamuse.js"></script>
<script src="scripts/display/wordsDisplay.js"></script>
<script src="scripts/input.js"></script>
<script src="scripts/generator.js"></script>
<script src="scripts/text-to-speech.js"></script>
</body>
</html>