viberava.github.io/index.html at master · Jestermaxrko/viberava.github.io · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<title>Viber Generator</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div class="container">
		<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
			 width="222.000000pt" height="222.000000pt" viewBox="0 0 222.000000 222.000000"
			 preserveAspectRatio="xMidYMid meet">

			<g transform="translate(0.000000,222.000000) scale(0.100000,-0.100000)"
			fill="#000000" stroke="none">
			<path id="head" fill="red" d="M1021 1789 c-232 -39 -404 -278 -361 -505 36 -189 166 -319 360 -360
			182 -38 382 49 477 207 107 178 72 407 -82 546 -63 58 -127 90 -216 108 -77
			16 -98 17 -178 4z"/>
			<path id="body" fill="red" d="M846 739 c-199 -26 -358 -91 -441 -180 -96 -104 -132 -213 -142 -427
			l-6 -132 845 0 845 0 7 48 c7 57 -9 227 -29 306 -23 87 -62 155 -124 216 -90
			87 -205 133 -416 165 -110 16 -422 19 -539 4z"/>
			</g>
		</svg><br>

		<span>Choose color</span> <br>
		<input type="color" name="favcolor" value="#ff0000" onchange="changeColor(this)"><br>
		<a href="#" onclick="saveColor();">Save</a>

		<div class="stack">
			<h2>Next avatars</h2>
			<ul id="list">

			</ul>

		</div>

	</div>


</body>
</html>
<script src="https://www.gstatic.com/firebasejs/4.4.0/firebase.js"></script>
<script type="text/javascript" src="script.js"></script>