-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (77 loc) · 5.69 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
82
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meme Generator</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="hero">
<div class="header">
<h1>get</h1><h1 class="MEME">MEME</h1>
<p>Theme</p>
<svg onclick="changeTheme()" height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path style="fill:#FFE14D;"
d="M50.087,272.696H16.696C7.473,272.696,0,265.223,0,256s7.473-16.696,16.696-16.696h33.391 c9.223,0,16.696,7.473,16.696,16.696S59.31,272.696,50.087,272.696z">
</path>
<path style="fill:#FFCC33;"
d="M495.304,272.696h-33.391c-9.223,0-16.696-7.473-16.696-16.696s7.473-16.696,16.696-16.696h33.391 c9.217,0,16.696,7.473,16.696,16.696S504.521,272.696,495.304,272.696z">
</path>
<path style="fill:#FFE14D;"
d="M48.771,392.353c-5.772,0-11.381-2.994-14.473-8.353c-4.615-7.984-1.875-18.196,6.108-22.804 L69.325,344.5c7.995-4.615,18.202-1.88,22.804,6.108c4.615,7.984,1.875,18.196-6.108,22.804l-28.918,16.696 C54.472,391.63,51.603,392.353,48.771,392.353z">
</path>
<path style="fill:#FFCC33;"
d="M434.342,169.745c-5.772,0-11.381-2.994-14.473-8.353c-4.615-7.984-1.875-18.196,6.108-22.804 l28.918-16.696c8.001-4.619,18.202-1.87,22.804,6.108c4.615,7.984,1.875,18.196-6.108,22.804L442.673,167.5 C440.044,169.021,437.173,169.745,434.342,169.745z">
</path>
<path style="fill:#FFE14D;"
d="M136.331,479.945c-2.832,0-5.701-0.722-8.331-2.245c-7.984-4.609-10.723-14.82-6.108-22.804 l16.696-28.918c4.609-7.973,14.826-10.729,22.804-6.108c7.984,4.609,10.723,14.82,6.108,22.804l-16.696,28.918 C147.712,476.946,142.103,479.945,136.331,479.945z">
</path>
<g>
<path style="fill:#FFCC33;"
d="M358.94,94.375c-2.832,0-5.701-0.722-8.331-2.245c-7.984-4.609-10.723-14.82-6.108-22.804 l16.696-28.918C365.811,32.435,376.022,29.69,384,34.3c7.984,4.609,10.723,14.82,6.108,22.804l-16.696,28.918 C370.321,91.375,364.712,94.375,358.94,94.375z">
</path>
<path style="fill:#FFCC33;"
d="M375.669,479.945c-5.772,0-11.381-2.994-14.473-8.353L344.5,442.674 c-4.615-7.984-1.875-18.196,6.108-22.804c8.011-4.619,18.202-1.88,22.804,6.108l16.696,28.918 c4.615,7.984,1.875,18.196-6.108,22.804C381.37,479.223,378.5,479.945,375.669,479.945z">
</path>
</g>
<path style="fill:#FFE14D;"
d="M153.06,94.375c-5.772,0-11.381-2.994-14.473-8.353l-16.696-28.918 C117.277,49.12,120.016,38.908,128,34.3c8.005-4.609,18.202-1.875,22.804,6.108L167.5,69.326c4.615,7.984,1.875,18.196-6.108,22.804 C158.761,93.653,155.892,94.375,153.06,94.375z">
</path>
<path style="fill:#FFCC33;"
d="M463.229,392.353c-2.832,0-5.701-0.722-8.331-2.245l-28.918-16.696 c-7.984-4.609-10.723-14.82-6.108-22.804c4.609-7.973,14.82-10.723,22.804-6.108l28.918,16.696 c7.984,4.609,10.723,14.82,6.108,22.804C474.608,389.354,469,392.353,463.229,392.353z">
</path>
<path style="fill:#FFE14D;"
d="M77.658,169.745c-2.832,0-5.701-0.722-8.331-2.245l-28.918-16.696 c-7.984-4.609-10.723-14.82-6.108-22.804c4.615-7.978,14.816-10.729,22.804-6.108l28.918,16.696 c7.984,4.609,10.723,14.82,6.108,22.804C89.038,166.745,83.429,169.745,77.658,169.745z">
</path>
<path style="fill:#FFC033;"
d="M256,411.826c-85.924,0-155.826-69.902-155.826-155.826S170.076,100.174,256,100.174 S411.826,170.076,411.826,256S341.924,411.826,256,411.826z">
</path>
<path style="fill:#F9A926;"
d="M411.826,256c0-85.924-69.902-155.826-155.826-155.826v311.652 C341.924,411.826,411.826,341.924,411.826,256z">
</path>
<path style="fill:#FFE14D;"
d="M256,66.783c-9.223,0-16.696-7.473-16.696-16.696V16.696C239.304,7.473,246.777,0,256,0 s16.696,7.473,16.696,16.696v33.391C272.696,59.31,265.223,66.783,256,66.783z">
</path>
<path style="fill:#FFCC33;"
d="M272.696,50.087V16.696C272.696,7.473,265.223,0,256,0v66.783 C265.223,66.783,272.696,59.31,272.696,50.087z">
</path>
<path style="fill:#FFE14D;"
d="M256,512c-9.223,0-16.696-7.473-16.696-16.696v-33.391c0-9.223,7.473-16.696,16.696-16.696 s16.696,7.473,16.696,16.696v33.391C272.696,504.527,265.223,512,256,512z">
</path>
<path style="fill:#FFCC33;"
d="M272.696,495.304v-33.391c0-9.223-7.473-16.696-16.696-16.696V512 C265.223,512,272.696,504.527,272.696,495.304z">
</path>
</g>
</svg>
</div>
<img src="" alt="" id="meme">
<button id="btn" onclick="getMeme()">Next</button>
</div>
</body>
<script src="script.js"></script>
</html>