-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
65 lines (56 loc) · 4.67 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 lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-111731907-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-111731907-1');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#FF6868">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:creator" content="@jimmerioles">
<meta name="twitter:title" content="Random Stoic Quotes">
<meta name="twitter:description" content="A random stoic quotes generator that consumes JSON API v1 compliant data from Random Stoic Quotes API.">
<meta name="twitter:image" content="https://jimmerioles.github.io/random-stoic-quotes/dist/images/site-image-lg.jpg">
<meta property="og:title" content="Random Stoic Quotes">
<meta property="og:description" content="A random stoic quotes generator that consumes JSON API v1 compliant data from Random Stoic Quotes API.">
<meta property="og:image" content="https://jimmerioles.github.io/random-stoic-quotes/dist/images/site-image-lg.jpg">
<meta property="og:url" content="https://jimmerioles.github.io/random-stoic-quotes">
<title>Random Stoic Quotes</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link href="https://fonts.googleapis.com/css?family=Quattrocento+Sans" rel="stylesheet">
<link href="dist/css/app.min.css" rel="stylesheet">
</head>
<body>
<main class="card" id="card">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" class="svg-quote" id="svg-quote">
<path fill="rgba(255,255,255,0.4)" d="M38.08 25.35c-.64 0-1.77.33-2.08.33.64-5.4 5.12-12.13 10.24-15.68l-5.92-5.06c-7.35 5.4-12.95 15-12.95 25.3 0 8.26 4.63 12.82 9.9 12.82 4.8 0 8.65-4.04 8.65-9.12 0-4.9-3.35-8.6-7.84-8.6zM20.64 10l-5.92-5.06c-7.35 5.4-12.96 15-12.96 25.3 0 8.26 4.64 12.82 9.92 12.82 4.8 0 8.64-4.04 8.64-9.12 0-4.9-3.35-8.6-7.84-8.6-.8 0-1.9.34-2.08.34.64-5.4 5.12-12.13 10.24-15.68z"/>
</svg>
<blockquote class="quote" id="quote">
<p class="quote__text" id="quote__text"><span>Remember that just because you hit bottom doesn’t mean you have to stay there.</span></p>
<footer class="quote__citation" id="quote__citation"><span>—<cite>Robert Downey Jr.</cite></span></footer>
</blockquote>
<div class="buttons">
<a href="https://twitter.com/intent/tweet?text=%22Remember%20that%20just%20because%20you%20hit%20bottom%20doesn%E2%80%99t%20mean%20you%20have%20to%20stay%20there.%22%20%E2%80%94Robert%20Downey%20Jr.&url=https%3A%2F%2Fjimmerioles.github.io%2Frandom-stoic-quotes&hashtags=Stoicism,Stoic,Quotes,100DaysOfCode,freeCodeCamp&related=jimmerioles%2CCreated%20Random%20Stoic%20Quotes%20and%20Random%20Stoic%20Quotes%20API." target="_blank" alt="tweet">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 36 36" class="buttons__svg-tweet" id="buttons__svg-tweet">
<path fill="rgba(255,255,255,0.4)" stroke-width=".09" d="M36 18c0 9.95-8.05 18-18 18S0 27.95 0 18 8.05 0 18 0s18 8.05 18 18zm-21.3 9.5c8 0 12.35-6.62 12.35-12.35v-.56c.84-.68 1.58-1.4 2.16-2.3-.7.32-1.6.55-2.42.7.9-.57 1.6-1.4 1.9-2.4-.83.5-1.75.82-2.74 1.02-.8-.84-1.92-1.37-3.17-1.37-2.4 0-4.33 1.93-4.33 4.32 0 .33.02.67.1 1-3.6-.2-6.8-1.93-8.96-4.55C9.2 11.66 9 12.4 9 13.2c0 1.5.75 2.84 1.92 3.6-.73 0-1.4-.2-2-.53v.06c0 2.1 1.5 3.84 3.5 4.24-.34.1-.73.17-1.12.17-.28 0-.55-.02-.82-.07.55 1.72 2.15 2.98 4.05 3-1.5 1.17-3.33 1.87-5.4 1.87-.3 0-.65-.02-1-.07 1.9 1.24 4.2 1.96 6.64 1.96"/>
</svg>
</a>
<a href="" alt="random">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32" class="buttons__svg-random" id="buttons__svg-random">
<path fill="rgba(255,255,255,0.4)" d="M16 0C7.18 0 0 7.18 0 16s7.18 16 16 16 16-7.18 16-16S24.82 0 16 0zm-2.8 6.3c.67 0 1.34.25 1.84.75l6.82 6.8c1.16 1.17 1.16 3.1 0 4.27l-6.82 6.82c-.5.5-1.17.76-1.83.76-.62 0-1.3-.27-1.8-.76-1-1-1-2.67 0-3.67L16.67 16l-5.28-5.3c-1-.98-1-2.66 0-3.65.5-.5 1.17-.76 1.83-.76z"/>
</svg>
</a>
</div>
</main>
<footer class="credits" id="credits">
<small>© <b><a href="https://twitter.com/jimmerioles" target="_blank">Jim Merioles</a></b> 2017 - A <cite>freeCodeCamp</cite> Project</small>
</footer>
<script src="dist/js/app.min.js"></script>
</body>
</html>