-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
81 lines (81 loc) · 5.93 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
<!DOCTYPE html>
<html>
<head>
<title>lorem ____um</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<link rel="stylesheet" href="./public/css/animate.css">
<link rel="stylesheet" type="text/css" href="./public/css/style.css">
</head>
<body>
<div class="flex-container">
<div class="header-text">
<h1>lorem ____um</h1>
</div>
<div class="container">
<div class="options">
How many words do you want? <input class="options-number" type="number" placeholder="enter a number">
</div>
<div class="main-text animated">
<h3>Lorem ipsum that sounds just like <span class='examples'></span><input class="search-term" type="text" placeholder="twitter username">
</h3>
</div>
<div class="ipsum-area">
</div>
</div>
<footer>
<a href="https://github.com/oluoluoxenfree" target="_blank">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" aria-labelledby="title" aria-describedby="desc">
<title>github link</title>
<desc>github logo: the outline of a cat</desc>
<path id="github-icon" d="M256,55.083c-113.764,0-206,92.237-206,206
c0,91.013,59.025,168.246,140.887,195.472c10.293,1.911,13.613-4.459,13.613-9.908v-38.356C147.199,420.764,135.262,384,135.262,384
c-9.354-23.822-22.865-30.159-22.865-30.159c-18.693-12.774,1.408-12.523,1.408-12.523c20.688,1.459,31.584,21.24,31.584,21.24
c18.373,31.483,48.18,22.381,59.949,17.117c1.844-13.312,7.174-22.397,13.076-27.544c-45.768-5.197-93.848-22.867-93.848-101.81
c0-22.498,8.047-40.872,21.225-55.289c-2.146-5.197-9.188-26.152,1.979-54.518c0,0,17.301-5.532,56.662,21.123
c16.445-4.56,34.066-6.856,51.568-6.94c17.502,0.084,35.154,2.381,51.6,6.94c39.33-26.655,56.596-21.123,56.596-21.123
c11.217,28.365,4.158,49.32,2.029,54.518c13.211,14.417,21.207,32.791,21.207,55.289c0,79.127-48.197,96.545-94.064,101.642
c7.375,6.388,14.133,18.943,14.133,38.155c0,27.561,0,49.757,0,56.529c0,5.482,3.301,11.903,13.746,9.892
C403.057,429.264,462,352.08,462,261.084C462,147.321,369.762,55.083,256,55.083z"/>
</svg>
</a>
<a href="http://www.opentagclosetag.com/" target="_blank">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve" aria-labelledby="title" aria-describedby="desc">
<title>website link</title>
<desc>a laptop logo</desc>
<path id="laptop-2-icon" d="M413.719,120.25c0-11.046-8.954-20-20-20H118.052c-11.046,0-20,8.954-20,20v194h315.667V120.25z
M386.719,287.25H125.051v-160h261.668V287.25z M414.719,329.25H97.052l-29.959,52.603c-3.525,6.19-3.492,13.789,0.089,19.948
c3.58,6.159,10.166,9.949,17.291,9.949h343.056c7.136,0,13.731-3.802,17.307-9.978c3.576-6.176,3.591-13.788,0.039-19.978
L414.719,329.25z M217.816,383.25l8-23.5h60.5l8,23.5H217.816z"/>
</svg>
</a>
<a href="https://twitter.com/oluoluoxenfree" target="_blank">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve" aria-labelledby="title" aria-describedby="desc">
<title>twitter link</title>
<desc>a bird: twitter logo</desc>
<path id="twitter-4-icon" d="M256,50C142.229,50,50,142.229,50,256s92.229,206,206,206s206-92.229,206-206S369.771,50,256,50z
M359.599,220.506c3.021,67.199-47.096,142.124-135.802,142.124c-26.981,0-52.096-7.911-73.238-21.466
c25.347,2.987,50.646-4.044,70.734-19.786c-20.907-0.386-38.554-14.198-44.632-33.181c7.486,1.432,14.851,1.013,21.575-0.816
c-22.976-4.617-38.839-25.317-38.321-47.453c6.44,3.58,13.81,5.729,21.642,5.977c-21.278-14.221-27.303-42.318-14.785-63.789
c23.563,28.906,58.77,47.928,98.478,49.92c-6.969-29.886,15.702-58.667,46.542-58.667c13.742,0,26.16,5.802,34.874,15.088
c10.884-2.143,21.108-6.119,30.341-11.594c-3.567,11.157-11.144,20.521-21.008,26.433c9.665-1.153,18.874-3.722,27.441-7.523
C377.035,205.355,368.935,213.771,359.599,220.506z"/>
</svg>
</a>
<a class="reset">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve" aria-labelledby="title" aria-describedby="desc">
<title>reset button</title>
<desc>a circular arrow</desc>
<path id="refresh-icon" d="M92.07,256.41H50l78.344,78.019l77.536-78.019h-39.825c-0.104-61.079,49.192-111.032,110.329-111.387
c61.293-0.358,111.27,49.039,111.626,110.331c0.58,98.964-119.057,148.511-188.892,79.686l-51.929,52.687
c116.154,114.483,315.773,32.415,314.809-132.804C461.4,152.769,378.105,70.441,275.952,71.037
C173.955,71.632,91.725,154.47,92.07,256.41z"/>
</svg>
</a>
</footer>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="./public/js/typed.js"></script>
<script type="text/javascript" src="./public/js/app.js"></script>
<script type="text/javascript" src="./public/js/style.js"></script>
</body>
</html>