-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
70 lines (66 loc) · 4.51 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- Primary Meta Tags -->
<title>Faustão Text Generator</title>
<meta name="title" content="Faustão Text Generator">
<meta name="description" content="Gere textos com as frases mais icônicas do maior apresentador brasileiro">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://clever-shannon-f4c72e.netlify.app/">
<meta property="og:title" content="Faustão Text Generator">
<meta property="og:description" content="Gere textos com as frases mais icônicas do maior apresentador brasileiro">
<meta property="og:image" content="assets/images/imagesMetaTag.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://clever-shannon-f4c72e.netlify.app/">
<meta property="twitter:title" content="Faustão Text Generator">
<meta property="twitter:description" content="Gere textos com as frases mais icônicas do maior apresentador brasileiro">
<meta property="twitter:image" content="assets/images/imagesMetaTag.png">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/reset.css">
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
<section class="banner">
<div class="overlay"></div>
<div class="container">
<h1>Faustão</h1>
<h2>Text Generator</h2>
</div>
</section>
<section class="field">
<div class="container">
<div class="input-field">
<div class="input">
<h2>Gerar</h2>
<input type="number" id="paragraph" value="0" min="0">
<h2>parágrafos</h2>
</div>
<button id="generate">Gerar</button>
<textarea id="textGenerated" cols="30" class="custom-scroll"></textarea>
<button class="copy">
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M296 48H176.5C154.4 48 136 65.4 136 87.5V96h-7.5C106.4 96 88 113.4 88 135.5v288c0 22.1 18.4 40.5 40.5 40.5h208c22.1 0 39.5-18.4 39.5-40.5V416h8.5c22.1 0 39.5-18.4 39.5-40.5V176L296 48zm0 44.6l83.4 83.4H296V92.6zm48 330.9c0 4.7-3.4 8.5-7.5 8.5h-208c-4.4 0-8.5-4.1-8.5-8.5v-288c0-4.1 3.8-7.5 8.5-7.5h7.5v255.5c0 22.1 10.4 32.5 32.5 32.5H344v7.5zm48-48c0 4.7-3.4 8.5-7.5 8.5h-208c-4.4 0-8.5-4.1-8.5-8.5v-288c0-4.1 3.8-7.5 8.5-7.5H264v128h128v167.5z"></path></svg>
Copiar
</button>
</div>
</div>
</section>
<footer>
<ul>
<li><a href="https://github.com/RamonCP" target="_blank">Desenvolvido por Ramon</a></li>
<li>
<a href="https://github.com/RamonCP/faustao-text-generator" target="_blank">
<svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M8 0.198c-4.418 0-8 3.582-8 8 0 3.535 2.292 6.533 5.471 7.591 0.4 0.074 0.547-0.174 0.547-0.385 0-0.191-0.008-0.821-0.011-1.489-2.226 0.484-2.695-0.944-2.695-0.944-0.364-0.925-0.888-1.171-0.888-1.171-0.726-0.497 0.055-0.486 0.055-0.486 0.803 0.056 1.226 0.824 1.226 0.824 0.714 1.223 1.872 0.869 2.328 0.665 0.072-0.517 0.279-0.87 0.508-1.070-1.777-0.202-3.645-0.888-3.645-3.954 0-0.873 0.313-1.587 0.824-2.147-0.083-0.202-0.357-1.015 0.077-2.117 0 0 0.672-0.215 2.201 0.82 0.638-0.177 1.322-0.266 2.002-0.269 0.68 0.003 1.365 0.092 2.004 0.269 1.527-1.035 2.198-0.82 2.198-0.82 0.435 1.102 0.162 1.916 0.079 2.117 0.513 0.56 0.823 1.274 0.823 2.147 0 3.073-1.872 3.749-3.653 3.947 0.287 0.248 0.543 0.735 0.543 1.481 0 1.070-0.009 1.932-0.009 2.195 0 0.213 0.144 0.462 0.55 0.384 3.177-1.059 5.466-4.057 5.466-7.59 0-4.418-3.582-8-8-8z"></path></svg>
</a>
</li>
</ul>
</footer>
<script type="module" src="assets/js/index.js"></script>
<script type="module" src="assets/js/script.js"></script>
</body>
</html>