forked from euharrison/lorem-action
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
65 lines (59 loc) · 2.68 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Lorem action - Busque o next level de lorem ipsum.</title>
<meta property="og:title" content="Lorem action" />
<meta property="og:description" content="Busque o next level de lorem ipsum." />
<meta property="og:image" content="http://loremaction.com/person.jpg" />
<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
<link rel="stylesheet" href="https://use.typekit.net/atk1bjz.css">
<link rel="stylesheet" type="text/css" href="./style.css"/>
</head>
<body>
<div class="person"></div>
<div class="container">
<h1>Lorem Action</h1>
<h2>O next level de lorem ipsum</h2>
<div class="box">
<div class="header">
<input class="amount" id="amount" type="text" value="20" min="5">
<button class="generate" id="generate">
<div class="inner"><span><span class="desktop">Bora pra </span>Action</span></div>
</button>
<button class="copy" id="copy" data-clipboard-target="#output">
<span>Copiar</span>
<svg class="icon" xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 24 24" enable-background="new 0 0 24 24">
<path d="M 5 2 C 3.9 2 3 2.9 3 4 L 3 17 L 5 17 L 5 4 L 15 4 L 15 2 L 5 2 z M 9 6 C 7.9 6 7 6.9 7 8 L 7 20 C 7 21.1 7.9 22 9 22 L 18 22 C 19.1 22 20 21.1 20 20 L 20 8 C 20 6.9 19.1 6 18 6 L 9 6 z M 9 8 L 18 8 L 18 20 L 9 20 L 9 8 z"/>
</svg>
</button>
</div>
<textarea class="output" id="output"></textarea>
</div>
<div class="about">
<p>
Não acreditamos em simulações, tudo é pra valer: 100% ou nada.<br>
Por isso criamos o Lorem Action: um gerador de frases disruptivas, que se diferencia pela autenticidade e leva seus layouts para o próximo nível.
</p>
<p>
Se você chegou até aqui sem entender. Just f*cking feel it.
</p>
</div>
<div class="disclaimer">
Frases são geradas automaticamente por computação e não se baseiam em citações reais.
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script>
<script type="text/javascript" src="./lorem-ipsum.js"></script>
<script type="text/javascript" src="./script.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-90118955-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-90118955-3');
</script>
</body>
</html>