-
Notifications
You must be signed in to change notification settings - Fork 0
/
quote-machine.html
executable file
·38 lines (38 loc) · 2.42 KB
/
quote-machine.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Quote Machine</title>
<meta name="description" content="Get Random Quotes in English">
<meta name="author" content="Rupa">
<link rel="stylesheet" href="./main.css">
</head>
<body>
<div id="container">
<div id="quotes">
<blockquote class="fade-in">
<p>...</p>
<cite>...</cite>
</blockquote>
</div>
<div class="buttons">
<a id="tweetBtn" href="https://twitter.com/intent/tweet?text=Twitter buttons for mobile - no iframes yay!" target="_blank">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 112.197 112.197" style="enable-background:new 0 0 112.197 112.197;" xml:space="preserve"
class="twit">
<g>
<circle style="fill:rgba(200,200,200,0.25);" cx="56.099" cy="56.098" r="56.098" />
<g>
<path style="fill:#FFFFFF;" d="M90.461,40.316c-2.404,1.066-4.99,1.787-7.702,2.109c2.769-1.659,4.894-4.284,5.897-7.417 c-2.591,1.537-5.462,2.652-8.515,3.253c-2.446-2.605-5.931-4.233-9.79-4.233c-7.404,0-13.409,6.005-13.409,13.409 c0,1.051,0.119,2.074,0.349,3.056c-11.144-0.559-21.025-5.897-27.639-14.012c-1.154,1.98-1.816,4.285-1.816,6.742 c0,4.651,2.369,8.757,5.965,11.161c-2.197-0.069-4.266-0.672-6.073-1.679c-0.001,0.057-0.001,0.114-0.001,0.17 c0,6.497,4.624,11.916,10.757,13.147c-1.124,0.308-2.311,0.471-3.532,0.471c-0.866,0-1.705-0.083-2.523-0.239 c1.706,5.326,6.657,9.203,12.526,9.312c-4.59,3.597-10.371,5.74-16.655,5.74c-1.08,0-2.15-0.063-3.197-0.188 c5.931,3.806,12.981,6.025,20.553,6.025c24.664,0,38.152-20.432,38.152-38.153c0-0.581-0.013-1.16-0.039-1.734 C86.391,45.366,88.664,43.005,90.461,40.316L90.461,40.316z"
/>
</g>
</g>
</svg>
</a>
<button id="getNewQuote">Get Quote</button>
</div>
<footer>Made with
<a href="https://forismatic.com/en/api/" target="_blank">Forismatic API</a>.</footer>
</div>
<script type="text/javascript" src="./quotes.js"></script>
</body>