-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (61 loc) · 4.15 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
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="assets/style.css">
<link rel="apple-touch-icon" sizes="180x180" href="assets/logo/apple-touch-icon.png"/>
<link rel="icon" type="image/png" sizes="32x32" href="assets/logo/favicon-32x32.png"/>
<link rel="icon" type="image/png" sizes="16x16" href="assets/logo/favicon-16x16.png"/>
<title>Etch-A-Sketch</title>
</head>
<body>
<div class="logo">
<a href="https://www.403.ee" target="_blank"><img src="assets/logo/logo.svg"></a>
</div>
<div id="container" style="text-align:center;">
<h1>Fill cube with colors! ↓ </h1>
<div id="board"></div>
<h2>Enter grid size and coloring option ↓</h2>
<div class="buttons">
<button id="twoC">One color</button>
<button id="rainbow">Random colors</button>
</div>
</div>
<footer>
<div class="social">
<ul>
<li> <!-- Facebook -->
<a href="https://www.facebook.com/403WebDev" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50px" height="50px" viewBox="0 0 50 50" version="1.1">
<g id="surface34">
<path style="stroke:none;fill-rule:nonzero;" d="M 41 4 L 9 4 C 6.238281 4 4 6.238281 4 9 L 4 41 C 4 43.761719 6.238281 46 9 46 L 41 46 C 43.761719 46 46 43.761719 46 41 L 46 9 C 46 6.238281 43.761719 4 41 4 Z M 37 19 L 35 19 C 32.859375 19 32 19.5 32 21 L 32 24 L 37 24 L 36 29 L 32 29 L 32 44 L 27 44 L 27 29 L 23 29 L 23 24 L 27 24 L 27 21 C 27 17 29 14 33 14 C 35.898438 14 37 15 37 15 Z M 37 19 "/>
</g>
</svg>
</a>
</li>
<li> <!-- Github -->
<a href="https://github.com/N00bG1rl" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px">
<path d="M17.791,46.836C18.502,46.53,19,45.823,19,45v-5.4c0-0.197,0.016-0.402,0.041-0.61C19.027,38.994,19.014,38.997,19,39c0,0-3,0-3.6,0c-1.5,0-2.8-0.6-3.4-1.8c-0.7-1.3-1-3.5-2.8-4.7C8.9,32.3,9.1,32,9.7,32c0.6,0.1,1.9,0.9,2.7,2c0.9,1.1,1.8,2,3.4,2c2.487,0,3.82-0.125,4.622-0.555C21.356,34.056,22.649,33,24,33v-0.025c-5.668-0.182-9.289-2.066-10.975-4.975c-3.665,0.042-6.856,0.405-8.677,0.707c-0.058-0.327-0.108-0.656-0.151-0.987c1.797-0.296,4.843-0.647,8.345-0.714c-0.112-0.276-0.209-0.559-0.291-0.849c-3.511-0.178-6.541-0.039-8.187,0.097c-0.02-0.332-0.047-0.663-0.051-0.999c1.649-0.135,4.597-0.27,8.018-0.111c-0.079-0.5-0.13-1.011-0.13-1.543c0-1.7,0.6-3.5,1.7-5c-0.5-1.7-1.2-5.3,0.2-6.6c2.7,0,4.6,1.3,5.5,2.1C21,13.4,22.9,13,25,13s4,0.4,5.6,1.1c0.9-0.8,2.8-2.1,5.5-2.1c1.5,1.4,0.7,5,0.2,6.6c1.1,1.5,1.7,3.2,1.6,5c0,0.484-0.045,0.951-0.11,1.409c3.499-0.172,6.527-0.034,8.204,0.102c-0.002,0.337-0.033,0.666-0.051,0.999c-1.671-0.138-4.775-0.28-8.359-0.089c-0.089,0.336-0.197,0.663-0.325,0.98c3.546,0.046,6.665,0.389,8.548,0.689c-0.043,0.332-0.093,0.661-0.151,0.987c-1.912-0.306-5.171-0.664-8.879-0.682C35.112,30.873,31.557,32.75,26,32.969V33c2.6,0,5,3.9,5,6.6V45c0,0.823,0.498,1.53,1.209,1.836C41.37,43.804,48,35.164,48,25C48,12.318,37.683,2,25,2S2,12.318,2,25C2,35.164,8.63,43.804,17.791,46.836z"/>
</svg>
</a>
</li>
<li> <!-- LinkedIn -->
<a href="https://www.linkedin.com/in/helen-marttila-403" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px">
<path d="M41,4H9C6.24,4,4,6.24,4,9v32c0,2.76,2.24,5,5,5h32c2.76,0,5-2.24,5-5V9C46,6.24,43.76,4,41,4z M17,20v19h-6V20H17z M11,14.47c0-1.4,1.2-2.47,3-2.47s2.93,1.07,3,2.47c0,1.4-1.12,2.53-3,2.53C12.2,17,11,15.87,11,14.47z M39,39h-6c0,0,0-9.26,0-10c0-2-1-4-3.5-4.04h-0.08C27,24.96,26,27.02,26,29c0,0.91,0,10,0,10h-6V20h6v2.56c0,0,1.93-2.56,5.81-2.56c3.97,0,7.19,2.73,7.19,8.26V39z"/>
</svg>
</a>
</li>
</ul>
</div>
<div class="copyright">
<span>©</span>
<a href="https://www.403.ee" target="_blanc">www.403.ee</a>
<span>|</span>
<a href="mailto:[email protected]">[email protected]</a>
</div>
</footer>
<script src="assets/jquery.min.js"></script>
<script src="assets/script.js"></script>
</body>
</html>