-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
147 lines (139 loc) · 4.16 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#1a8cff" />
<meta
name="description"
content="A random recipe password generator, inspired by the 1Password podcast."
/>
<meta property="og:url" content="https://itadakimasu.app/" />
<meta property="og:title" content="Itadakimasu" />
<meta property="og:image" content="./assets/maskable_icon.png" />
<meta
property="og:description"
content="A random recipe password generator, inspired by the 1Password podcast."
/>
<!-- Title -->
<title>Itadakimasu</title>
<!-- Favicon and Apple Touch Icon -->
<link rel="icon" href="./assets/icon.png" />
<link rel="apple-touch-icon" href="./assets/apple-touch-icon.png" />
<!-- Web App Manifest -->
<link rel="manifest" href="manifest.json" />
<!-- Fonts -->
<link
href="https://fonts.googleapis.com/css?family=Fredoka+One&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap"
rel="stylesheet"
/>
<!-- Icons -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"
rel="stylesheet"
/>
<!-- Styles -->
<link rel="stylesheet" href="styles.css" />
<!-- Scripts -->
<script src="scripts.js" defer></script>
<script src="manup.min.js"></script>
<script>
if (typeof navigator.serviceWorker !== "undefined") {
navigator.serviceWorker.register("sw.js");
}
</script>
<script type="module">
// detect iOS Safari
if ("standalone" in navigator && !navigator.standalone) {
import("https://unpkg.com/pwacompat");
}
</script>
<script>
navigator.serviceWorker.register("sw.js");
</script>
</head>
<body>
<header>
<div class="header_bg"></div>
<h1>ITADAKIMASU</h1>
<p>A random recipe password generator.</p>
</header>
<main>
<h2>
<div id="pass">correct-horse-battery-staple</div>
</h2>
<br /><br />
<div id="controls">
<button id="genButton"><h2>Generate</h2></button>
<button id="fullRecipeButton">
<h2>
<i class="ri-sparkling-line"></i>
</h2>
</button>
</div>
<div id="options">
<br />
<input
type="range"
min="3"
max="15"
value="4"
class="slider"
id="slider"
oninput="slide()"
/>
<br />
<output id="sliderValue">4</output>
</div>
<div id="spinner" class="spinner" style="display: none">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
>
<path
d="M3.05469 13H5.07065C5.55588 16.3923 8.47329 19 11.9998 19C15.5262 19 18.4436 16.3923 18.9289 13H20.9448C20.4474 17.5 16.6323 21 11.9998 21C7.36721 21 3.55213 17.5 3.05469 13ZM3.05469 11C3.55213 6.50005 7.36721 3 11.9998 3C16.6323 3 20.4474 6.50005 20.9448 11H18.9289C18.4436 7.60771 15.5262 5 11.9998 5C8.47329 5 5.55588 7.60771 5.07065 11H3.05469Z"
></path>
</svg>
<span>Generating...</span>
</div>
</main>
<footer>
<p>
<i class="ri-mic-2-line"></i>
Inspired by
<a
id="pod"
target="_blank"
rel="noopener"
href="https://randombutmemorable.simplecast.com/episodes/nice-security-hollywood-terror-VPL7w0_R"
>Random but Memorable</a
>
from 1Password
</p>
<p>
<i class="ri-mastodon-line"></i>
Find me on Mastodon
<a target="_blank" rel="noopener" href="https://tech.lgbt/@AnalogCyan"
>@[email protected]</a
>
</p>
<p>
<i class="ri-github-line"></i>
View the app on
<a
target="_blank"
rel="noopener"
href="https://github.com/AnalogCyan/itadakimasu"
>GitHub</a
>
</p>
</footer>
</body>
</html>