-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
201 lines (194 loc) · 18.2 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Machine Learning Sneaker Generator</title>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/octicons/8.5.0/build.css'><link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
</head>
<a class="github-fork-ribbon" href="https://github.com/lejafar/sneaker-recommender" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
<body>
<h1>Hoe cool is deze sneaker?</h1>
<div class="sneaker-wrapper">
<svg version="1.1" id="sneaker" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 486.25 223.47" xml:space="preserve">
<g id="accent_top">
<path class="accent_top" d="M372.19,89.61c0.45-0.08,0.9-0.15,1.36-0.23c0.48-0.03,0.96-0.05,1.44-0.08c7.86-1.13,15.72-2.26,23.59-3.39
c-6.83,5.96-13.65,11.95-20.54,17.84c-0.65,0.55-1.76,0.63-2.68,0.79c-30.05,5.2-60.1,10.41-90.17,15.56
c-6.18,1.06-12.39,1.22-18.5-0.6c-13.19-3.93-18.96-17.35-12.52-29.52c5-9.44,13.14-15.92,21.89-22.7
c-0.26,2.74-0.53,4.81-0.64,6.9c-0.81,15.81,8.72,25.53,24.47,24.03c20.84-1.99,41.62-4.62,62.42-7.03
C365.63,90.79,368.91,90.14,372.19,89.61z"/>
<path class="accent_top" d="M273.64,39.89c1.28,0.84,2.53,1.75,3.85,2.52c2.77,1.63,6.18,0.99,8-1.42c1.88-2.48,1.47-6.23-0.95-8.37
c-1.14-1.01-2.36-1.93-3.54-2.89c2.19,1.44,5.2,2.39,6.38,4.41c2.35,4.01,5.26,5.82,9.83,5.78c4.75-0.04,7.93,3.07,8.1,7.38
c0.15,3.88-2.61,7.26-6.5,7.78c-3.45,0.47-6.32-0.8-7.75-3.94c-2.08-4.59-5.64-6.21-10.33-6.27
C277.27,44.84,274.86,43.19,273.64,39.89z M297.16,52.04c0.56-0.02,1.11-0.05,1.67-0.07c0.94-1.5,2.46-2.93,2.67-4.52
c0.3-2.28-1.45-3.75-3.78-3.72c-2.53,0.03-4.24,1.69-3.76,4.09C294.27,49.37,296.04,50.64,297.16,52.04z"/>
<path class="accent_top" d="M297.51,44.08c1.27,1.66,2.45,2.54,2.52,3.5c0.06,0.75-1.33,2.31-1.95,2.25c-0.99-0.1-2.45-1.12-2.65-1.98
C295.26,47.02,296.45,45.89,297.51,44.08z"/>
</g>
<g id="base_back">
<path class="base_back" d="M38.83,193.59c-3.71-2.03-7.42-4.06-11.13-6.1c-2.34-1.59-4.66-3.22-7.04-4.75
c-9.95-6.4-17.76-16.75-19.1-29.1c0.24-0.16,0.39-0.19,0.39-0.19c1.16,2.24,3.82,6.99,5.74,9.39c3.52,4.4,7.26,8.06,12.78,9.15
c5.86,1.16,11.76,2.31,17.69,2.89c20.6,2.02,41.2,4.21,61.85,5.53c20.17,1.29,40.41,1.68,60.62,2.27
c5.97,0.17,11.95-0.3,17.92-0.48c1.22,3.24,2.3,6.54,3.74,9.68c0.36,0.79,1.83,1.07,2.8,1.58c0.42-0.99,1.37-2.1,1.18-2.95
c-0.68-3.02-1.76-5.95-2.68-8.91c0.97-0.07,1.95-0.13,2.92-0.2c2.59-0.31,3.92,1.21,4.74,3.37c0.59,1.55,0.82,3.32,1.72,4.64
c0.72,1.05,2.21,1.56,3.36,2.31c0.39-1.34,1.3-2.78,1.07-4c-0.45-2.42-1.53-4.72-2.35-7.08c1.04-0.23,2.06-0.52,3.11-0.69
c8.39-1.33,16.85-2.29,25.16-3.99c41.61-8.52,83.27-16.63,125.52-21.41c28.11-3.18,56.26-5.22,84.56-4.68
c10.16,0.19,20,1.62,29.06,6.68c6.95,3.88,14.49,5.5,22.43,5.34c0.03,2.92,0.05,5.84,0.08,8.76c0.02,0.52,0.04,1.03,0.05,1.55
c0.02,1.63,0.05,3.25,0.07,4.88c-19.53,0.01-39.07,0.02-58.6,0.02c-56.68,0-113.36,0-170.04,0.02c-1.59,0-3.18,0.28-4.78,0.43
c0.02,0.46,0.04,0.92,0.06,1.38c1.7,0.11,3.4,0.32,5.1,0.32c76.09,0.03,152.19,0.04,228.28,0.05c0.1,3.13,0.21,6.26,0.31,9.39
c0,0.43-0.01,0.87-0.01,1.3c-0.12,1.7-0.25,3.39-0.37,5.09c-10.52,0-21.05-0.04-31.57,0.03c-10.41,0.06-20.84-0.27-31.24,0.19
c0.01,0.66,0.02,1.32,0.03,1.98c20.93,0,41.86,0,62.79,0c-0.01,0.44-0.02,0.88-0.04,1.33c-0.01,0.27-0.03,0.54-0.04,0.81
c-0.53,2.59-1.06,5.17-1.59,7.76c-0.76,0.28-1.61,0.43-2.27,0.86c-5.28,3.41-11.11,4.89-17.33,5
c-36.47,0.67-72.94,1.31-109.41,2.04c-12.07,0.24-24.14,0.75-36.2,1.13c-5.99,0.17-11.99,0.34-17.98,0.51
c-11.33,0.25-22.66,0.49-33.99,0.74c-6.21-0.02-12.42-0.04-18.63-0.06c-11.49,0.01-22.99,0.02-34.48,0.03
c-4.5,0.03-8.99,0.06-13.49,0.09c-11.39,0.01-22.78,0.01-34.17,0.02c-6.63-0.22-13.26-0.44-19.9-0.65
c-2.61-0.21-5.22-0.41-7.83-0.63c-8.78-0.76-17.56-1.53-26.33-2.29c-5.02-0.77-10.04-1.53-15.06-2.3
c-9.44-2.29-18.88-4.57-28.32-6.86c-3.64-1.18-7.28-2.35-10.91-3.52C50.98,198.71,44.91,196.15,38.83,193.59z M358.07,184.31
c-14.02,0-28.04-0.03-42.06,0.04c-2.13,0.01-4.33,0.25-6.37,0.84c-5.51,1.59-8.79,7.46-7.51,13c1.54,6.66,5.78,9.82,13.45,9.83
c28.04,0.03,56.08,0.03,84.12-0.02c2.01,0,4.08-0.29,6.01-0.84c7.43-2.14,10.5-9.58,7.09-16.5c-2.5-5.08-6.98-6.27-11.96-6.3
C386.59,184.25,372.33,184.31,358.07,184.31z M295.04,196.75c-3.15-2.25-76.22-2.1-79.02,0
C242.81,196.75,268.93,196.75,295.04,196.75z"/>
<path class="base_back" d="M372.19,89.61c-1.07-0.49-2.1-1.29-3.21-1.43c-16.25-2.06-31.68-7.14-46.93-12.82
c-5.24-1.95-10.26-4.5-15.35-6.83c-0.93-0.43-1.75-1.1-3.24-2.07c8.95-7.43,18.41-12.91,29.29-17.46c-4.49-3.42-8.36-6.75-12.6-9.5
c-6-3.9-12.03-7.89-18.51-10.85c-4.76-2.18-10.26-2.74-15.41-4.06c-1.36-0.35-2.67-0.86-4.01-1.29
c10.31-6.98,20.58-14.03,30.96-20.91c6.07-4.03,11.88-2.94,15.81,3.2c8.8,13.73,13.97,28.61,12.88,45.16
c-0.19,2.92,0.7,4.46,3.18,5.98c12.89,7.88,26.71,12.13,41.89,11.96c14.58-0.17,26.2-6.69,36.3-16.54
c2.99-2.92,5.94-5.99,8.31-9.41c4.98-7.19,11.73-9.26,19.78-7.27c11.29,2.78,21.44,7.6,25.91,19.36c1.71,4.5,2,9.55,2.94,14.34
c-1.88-0.69-3.77-1.37-5.64-2.08c-7.56-2.89-15.32-3.21-22.92-0.75c-14.66,4.75-29.21,9.84-43.74,14.98
c-3.24,1.15-6.22,3.05-9.31,4.61c-7.86,1.13-15.72,2.26-23.59,3.39c-0.48,0.03-0.96,0.05-1.44,0.08
C373.1,89.45,372.64,89.53,372.19,89.61z"/>
<path class="base_back" d="M97.19,109.93c5.8,4.6,12.82,4.76,19.71,5.4c12.6,1.17,25.25,1.94,37.77,3.63
c10.97,1.48,18.07,8.6,22.72,18.35c-1.32,5.16-4.11,9.38-8.2,12.74c-2.41,1.98-5.13,2.57-8.06,1.27c-2.84-1.26-5.82-2.34-8.41-4.02
c-14.26-9.25-29.89-11.99-46.64-11.13c-21.38,1.1-42.64-0.22-63.29-6.49c-4.24-1.29-8.13-3.69-12.19-5.58
c7.65-1.34,15.35-2.43,22.92-4.09C68.12,116.83,82.64,113.31,97.19,109.93z"/>
<path class="base_back" d="M242.65,41.15c0,3.91,0.17,7.83-0.06,11.73c-0.24,4.05-0.8,8.09-1.36,12.11c-0.48,3.42-2.83,5.21-6.26,5.01
c-3.13-0.18-5.32-2.29-5.28-5.61c0.07-5.37,0.43-10.73,0.67-16.09c0.23-0.9,0.63-1.8,0.67-2.71c0.15-3.02,0.84-5.6,4.04-6.85
C238.31,37.48,240.52,39.13,242.65,41.15z"/>
<path class="base_back" d="M260.01,30.53c0.2,4.27,0.53,8.54,0.55,12.81c0.01,2.61-0.4,5.23-0.71,7.83c-0.46,3.86-2.96,6.43-6.1,6.34
c-3.47-0.1-6.26-3.13-6.04-7.1c0.24-4.52,0.88-9.01,1.34-13.52c0.08-1.31-0.25-2.87,0.34-3.89c1.02-1.75,2.33-3.76,4.03-4.56
C255.8,27.34,258.38,28.05,260.01,30.53z"/>
<path class="base_back" d="M274.29,24.82c2.24,1.64,4.47,3.28,6.71,4.92c1.18,0.96,2.4,1.88,3.54,2.89c2.42,2.14,2.82,5.89,0.95,8.37
c-1.82,2.41-5.23,3.04-8,1.42c-1.32-0.78-2.57-1.68-3.85-2.52c-4.01-3.16-8.02-6.32-12.03-9.49c-0.52-3.47-0.62-7.04,3.37-8.36
c1.76-0.58,4.08,0.15,6.04,0.67C272.21,23.03,273.21,24.09,274.29,24.82z"/>
<path class="base_back" d="M223.23,52.15c1.29,7.42-2.1,13.75-5,20.08c-1.29,2.82-4.46,2.59-7.02,1.68c-2.66-0.94-3.85-3.21-3.44-6
c0.38-2.58,1.09-5.12,1.66-7.67c0.74-1.74,1.59-3.44,2.21-5.22C213.86,48.63,218.27,47.51,223.23,52.15z"/>
<path class="base_back" d="M180.82,75.75c-0.09,2.31,0.2,4.72-0.35,6.91c-0.86,3.45-2.12,6.82-3.54,10.09c-1.51,3.5-4.74,4.72-7.89,3.36
c-3.13-1.35-4.3-4.11-3.21-7.66c0.59-1.93,1.25-3.85,1.88-5.77c0.58-1.55,1.15-3.1,1.73-4.65
C171.74,71.99,176.23,71.09,180.82,75.75z"/>
<path class="base_back" d="M202.42,64.19c1.06,6.78-2.38,12.48-4.75,18.34c-1.04,2.57-4.02,2.6-6.62,1.83c-2.65-0.79-3.99-2.68-3.77-5.36
c0.19-2.35,0.82-4.66,1.25-6.99c0,0,0,0.06,0,0.06c0.25-0.24,0.51-0.49,0.76-0.73c0.35-1.25,0.65-2.52,1.05-3.76
C192.57,60.51,196.87,59.31,202.42,64.19z"/>
<path class="base_back" d="M266.27,217.42c11.33-0.25,22.66-0.49,33.99-0.74c0,2.01,0,4.01,0,6.23c-11.47,0-22.51,0-33.99,0
C266.27,220.94,266.27,219.18,266.27,217.42z"/>
<path class="base_back" d="M213.38,217.39c11.49-0.01,22.99-0.02,34.48-0.03c-0.26,5.77-0.26,5.77-6.11,5.77c-9.19,0-18.38,0-27.93,0
C213.66,221.1,213.52,219.24,213.38,217.39z"/>
<path class="base_back" d="M155.62,88.01c0.54,1.57,1.1,3.13,1.62,4.71c1.06,3.18-0.3,6.83-2.92,7.91c-3.31,1.37-7.03-0.23-8.53-3.67
c-0.57-1.3-1.11-2.61-1.67-3.91c-0.3-6.35,3.52-9.99,8.3-7.78C153.65,85.84,154.56,87.08,155.62,88.01z"/>
<path class="base_back" d="M211.67,127.73c-3.46-4.85-6.99-9.65-10.35-14.56c-2.41-3.52-4.59-7.18-6.88-10.79l0.02-0.02
c19.45,0.72,36.18,8.15,50.63,20.88c7.03,6.19,13.12,13.27,17.67,21.55c-2.13-0.01-4.48,0.56-6.36-0.14
C241.44,139.15,226.57,133.4,211.67,127.73z"/>
<path class="base_back" d="M397.15,187.99c1.43,0.43,3.8,0.51,5.2,1.72c1.95,1.67,4.26,4.12,4.41,6.36c0.13,1.99-2.02,4.87-3.96,6.13
c-5.06,3.29-10.54,2.62-15.6-0.36c-2.57-1.52-4.36-3.84-3.65-7.17c0.76-3.56,3.71-4.88,6.66-5.83
C392.22,188.18,394.46,188.28,397.15,187.99z"/>
<path class="base_back" d="M357.94,204.49c-2.86-1.03-5.94-1.68-8.52-3.19c-4.22-2.48-4.3-7.11-0.4-10.08c4.07-3.1,8.74-3.62,13.62-2.57
c4.4,0.94,7.24,3.83,7.23,7.23c0,3.39-3.61,7.06-7.74,7.76c-1.29,0.22-2.62,0.16-3.94,0.23
C358.11,204.07,358.03,204.28,357.94,204.49z"/>
<path class="base_back" d="M321.33,188.03c2.53,0.91,5.4,1.36,7.5,2.87c1.68,1.21,3.53,3.85,3.31,5.6c-0.26,2.05-2.3,4.54-4.25,5.58
c-4.27,2.28-8.96,2.25-13.49,0.19c-2.46-1.12-4.12-2.8-4.28-5.67c-0.17-2.99,1.17-5.2,3.79-6.34
C316.16,189.28,318.63,188.82,321.33,188.03z"/>
</g>
<g id="base_front">
<path class="base_front" d="M211.67,127.73c-3.49-1.16-6.93-2.51-10.49-3.43c-9.07-2.34-15.01-0.11-20.47,7.54
c-1.24,1.73-2.23,3.65-3.33,5.48c-4.65-9.75-11.75-16.87-22.72-18.35c-12.52-1.69-25.17-2.46-37.77-3.63
c-6.89-0.64-13.9-0.8-19.71-5.4c15.64-5.63,31.29-11.25,46.93-16.88c0.55,1.3,1.1,2.61,1.67,3.91c1.5,3.44,5.22,5.04,8.53,3.67
c2.63-1.08,3.98-4.73,2.92-7.91c-0.52-1.57-1.08-3.14-1.62-4.71c4.03-1.78,8.06-3.55,12.1-5.33c-0.63,1.92-1.29,3.84-1.88,5.77
c-1.09,3.55,0.08,6.31,3.21,7.66c3.15,1.36,6.38,0.14,7.89-3.36c1.41-3.27,2.67-6.65,3.54-10.09c0.55-2.2,0.26-4.6,0.35-6.91
c2.57-1.25,5.15-2.49,7.72-3.74c-0.43,2.33-1.06,4.64-1.25,6.99c-0.22,2.68,1.12,4.57,3.77,5.36c2.6,0.78,5.58,0.74,6.62-1.83
c2.37-5.86,5.81-11.55,4.75-18.34c2.34-1.32,4.67-2.63,7.01-3.95c-0.57,2.56-1.29,5.09-1.66,7.67c-0.41,2.78,0.78,5.05,3.44,6
c2.57,0.91,5.73,1.14,7.02-1.68c2.89-6.33,6.29-12.66,5-20.08c2.38-1.28,4.75-2.56,7.13-3.85c-0.24,5.36-0.6,10.73-0.67,16.09
c-0.05,3.32,2.15,5.44,5.28,5.61c3.42,0.2,5.77-1.59,6.26-5.01c0.57-4.02,1.12-8.06,1.36-12.11c0.23-3.9,0.06-7.82,0.06-11.73
c2.14-1.42,4.27-2.83,6.41-4.25c-0.46,4.5-1.1,9-1.34,13.52c-0.21,3.97,2.58,7,6.04,7.1c3.13,0.09,5.64-2.48,6.1-6.34
c0.31-2.6,0.72-5.22,0.71-7.83c-0.02-4.27-0.35-8.54-0.55-12.81c0.53-0.04,1.06-0.08,1.59-0.12c4.01,3.16,8.02,6.32,12.03,9.49
c1.22,3.3,3.63,4.94,7.11,4.99c4.69,0.06,8.25,1.68,10.33,6.27c1.42,3.14,4.3,4.41,7.75,3.94c3.89-0.53,6.65-3.9,6.5-7.78
c-0.17-4.31-3.35-7.42-8.1-7.38c-4.57,0.04-7.48-1.77-9.83-5.78c-1.19-2.02-4.2-2.98-6.38-4.41c-2.24-1.64-4.47-3.28-6.71-4.92
c2.64-0.51,5.28-1.02,7.92-1.53c1.33,0.43,2.65,0.94,4.01,1.29c5.16,1.32,10.65,1.89,15.41,4.06c6.47,2.96,12.51,6.95,18.51,10.85
c4.24,2.75,8.1,6.08,12.6,9.5c-10.88,4.55-20.33,10.03-29.29,17.46c1.49,0.96,2.31,1.64,3.24,2.07c5.1,2.33,10.12,4.88,15.35,6.83
c15.25,5.68,30.68,10.76,46.93,12.82c1.11,0.14,2.14,0.94,3.21,1.43c-3.29,0.53-6.56,1.18-9.86,1.56
c-20.8,2.41-41.58,5.04-62.42,7.03c-15.75,1.5-25.28-8.22-24.47-24.03c0.11-2.08,0.38-4.15,0.64-6.9
c-8.75,6.78-16.89,13.26-21.89,22.7c-6.44,12.17-0.67,25.59,12.52,29.52c6.11,1.82,12.31,1.66,18.5,0.6
c30.06-5.15,60.11-10.36,90.17-15.56c0.92-0.16,2.03-0.23,2.68-0.79c6.89-5.9,13.7-11.88,20.54-17.84c3.1-1.56,6.07-3.46,9.31-4.61
c14.53-5.14,29.08-10.23,43.74-14.98c7.6-2.46,15.36-2.14,22.92,0.75c1.87,0.72,3.76,1.39,5.64,2.08c0,0-0.14,0.02-0.14,0.02
c0.17,0.49,0.34,0.99,0.51,1.48c3.22,19.26,5.78,38.59,5.7,58.17c-5.24-7.22-12.41-9.9-21.19-9.84
c-30.83,0.21-61.52,2.37-92.08,6.39c-33.48,4.4-66.79,9.79-99.73,17.31c-3.48,0.79-6.99,1.41-10.49,2.1
c-4.55-8.28-10.64-15.35-17.67-21.55c-14.45-12.74-31.18-20.17-50.63-20.88c0,0-0.13-0.11-0.13-0.11l0.11,0.12
c2.28,3.6,4.47,7.27,6.88,10.79C204.69,118.08,208.22,122.88,211.67,127.73z"/>
<path class="base_front" d="M485.13,179.27c-76.09-0.01-152.19-0.02-228.28-0.05c-1.7,0-3.4-0.21-5.1-0.32c-0.02-0.46-0.04-0.92-0.06-1.38
c1.59-0.15,3.18-0.43,4.78-0.43c56.68-0.02,113.36-0.02,170.04-0.02c19.53,0,39.07-0.02,58.6-0.02
C485.12,177.79,485.12,178.53,485.13,179.27z"/>
<path class="base_front" d="M484.95,197.28c-20.93,0-41.86,0-62.79,0c-0.01-0.66-0.02-1.32-0.03-1.98c10.4-0.46,20.83-0.13,31.24-0.19
c10.52-0.06,21.05-0.02,31.57-0.03C484.94,195.82,484.95,196.55,484.95,197.28z"/>
<path class="base_front" d="M358.07,184.31c14.26,0,28.52-0.06,42.78,0.03c4.97,0.03,9.46,1.23,11.96,6.3c3.41,6.92,0.34,14.37-7.09,16.5
c-1.93,0.55-4,0.84-6.01,0.84c-28.04,0.05-56.08,0.05-84.12,0.02c-7.67-0.01-11.91-3.16-13.45-9.83c-1.28-5.54,2-11.41,7.51-13
c2.04-0.59,4.24-0.83,6.37-0.84C330.03,184.28,344.05,184.31,358.07,184.31z M397.15,187.99c-2.7,0.3-4.94,0.2-6.94,0.84
c-2.94,0.95-5.9,2.27-6.66,5.83c-0.71,3.34,1.08,5.66,3.65,7.17c5.06,2.99,10.54,3.65,15.6,0.36c1.94-1.26,4.09-4.13,3.96-6.13
c-0.15-2.25-2.45-4.69-4.41-6.36C400.95,188.5,398.59,188.42,397.15,187.99z M357.98,204.49c0.09-0.21,0.17-0.42,0.26-0.62
c1.31-0.07,2.65-0.02,3.94-0.23c4.13-0.7,7.74-4.36,7.74-7.76c0-3.4-2.83-6.29-7.23-7.23c-4.88-1.05-9.55-0.53-13.62,2.57
c-3.9,2.97-3.83,7.61,0.4,10.08C352.03,202.81,355.12,203.45,357.98,204.49z M321.33,188.03c-2.7,0.79-5.18,1.26-7.43,2.24
c-2.61,1.14-3.96,3.35-3.79,6.34c0.16,2.87,1.82,4.55,4.28,5.67c4.53,2.06,9.23,2.08,13.49-0.19c1.94-1.04,3.99-3.53,4.25-5.58
c0.22-1.75-1.63-4.4-3.31-5.6C326.73,189.39,323.86,188.93,321.33,188.03z"/>
<path class="base_front" d="M295.04,196.78c-26.12,0-52.23,0-79.02,0C218.82,194.39,291.89,194.21,295.04,196.78z"/>
<path class="base_front" d="M178.51,182.11c1.7-0.2,3.4-0.41,5.1-0.61c0.94,3.01,2.03,5.98,2.72,9.05c0.2,0.86-0.77,1.99-1.2,3
c-0.98-0.52-2.47-0.8-2.84-1.6C180.85,188.75,179.74,185.4,178.51,182.11z"/>
<path class="base_front" d="M186.47,181.39c2.88-0.26,5.76-0.51,8.65-0.77c0.83,2.38,1.92,4.71,2.38,7.16c0.23,1.24-0.68,2.69-1.08,4.05
c-1.16-0.76-2.67-1.28-3.4-2.34c-0.91-1.34-1.15-3.13-1.74-4.7C190.43,182.62,189.1,181.08,186.47,181.39z"/>
<path class="base_front" d="M297.16,52.04c-1.12-1.4-2.88-2.67-3.2-4.23c-0.48-2.41,1.23-4.07,3.76-4.09c2.33-0.02,4.08,1.44,3.78,3.72
c-0.21,1.6-1.73,3.02-2.67,4.52C298.27,51.99,297.72,52.01,297.16,52.04z M297.51,44.08c-1.06,1.81-2.25,2.94-2.07,3.77
c0.19,0.87,1.65,1.88,2.65,1.98c0.62,0.06,2-1.5,1.95-2.25C299.97,46.62,298.79,45.74,297.51,44.08z"/>
</g>
<g id="accent_bottom">
<path class="accent_bottom" d="M186.57,181.41c-0.97,0.07-1.95,0.13-2.92,0.2c-1.68,0.2-3.35,0.4-5.03,0.61c-5.98,0.18-11.96,0.66-17.92,0.48
c-20.21-0.59-40.45-0.98-60.62-2.27c-20.65-1.32-41.25-3.52-61.85-5.53c-5.94-0.58-11.83-1.74-17.69-2.89
c-5.51-1.09-9.95-4.1-13.06-8.8c-1.71-2.58-3.14-5.39-4.66-8.1c-0.29-0.5-0.51-1.01-0.8-1.5c-0.13,0.06-0.26,0.13-0.39,0.19
c0.14,0.67,0.28,1.35,0.42,2.02c2.28,11.73,8.73,20.54,18.68,26.94c2.38,1.53,4.7,3.17,7.04,4.75c-0.91-0.06-1.96,0.15-2.71-0.23
c-13.6-6.76-22.53-17.24-25.02-32.49c-0.29-1.78,1.08-3.9,1.86-5.79c5.39-13.13,15.39-21,28.71-25.05
c4.05,1.89,7.95,4.29,12.19,5.58c20.65,6.26,41.91,7.58,63.29,6.49c16.75-0.86,32.38,1.88,46.64,11.13
c2.59,1.68,5.57,2.75,8.41,4.02c2.92,1.3,5.65,0.71,8.06-1.27c4.09-3.36,6.89-7.58,8.2-12.74c1.1-1.83,2.09-3.74,3.33-5.48
c5.46-7.64,11.4-9.88,20.47-7.54c3.55,0.92,6.99,2.27,10.49,3.43c14.9,5.67,29.77,11.42,44.72,16.93c1.88,0.69,4.23,0.12,6.36,0.14
c3.5-0.7,7.02-1.31,10.49-2.1c32.94-7.52,66.25-12.91,99.73-17.31c30.55-4.01,61.24-6.18,92.08-6.39
c8.78-0.06,15.95,2.61,21.19,9.84c-0.43,11.07-0.86,22.13-1.29,33.2c-7.94,0.16-15.48-1.46-22.43-5.34
c-9.06-5.06-18.91-6.48-29.06-6.68c-28.3-0.54-56.46,1.51-84.56,4.68c-42.25,4.78-83.91,12.89-125.52,21.41
c-8.31,1.7-16.77,2.67-25.16,3.99c-1.05,0.17-2.07,0.46-3.11,0.69C192.27,180.9,189.42,181.15,186.57,181.41z"/>
<path class="accent_bottom" d="M318.11,216.22c12.07-0.38,24.13-0.89,36.2-1.13c36.47-0.74,72.94-1.37,109.41-2.04
c6.23-0.11,12.05-1.59,17.33-5c0.67-0.43,1.51-0.58,2.27-0.86c-0.98,1.5-1.62,3.75-2.99,4.34c-4.21,1.84-8.7,3.02-13.07,4.5
c-1.74,0.59-3.73,0.93-5.13,2.01c-4.54,3.53-9.5,5.29-15.28,5.27c-23.6-0.08-47.2-0.03-70.8-0.03c-1.18,0-2.35,0-3.87,0
c-0.18-2.18-0.34-4.03-0.53-6.3c-5.88,0-11.7-0.08-17.51,0.12c-0.6,0.02-1.67,1.68-1.61,2.52c0.21,3.19-1.31,3.75-4.1,3.71
c-8.5-0.14-17.01-0.05-25.51-0.05c-4.92,0-4.93-0.01-4.88-4.89C318.05,217.66,318.09,216.94,318.11,216.22z"/>
<path class="accent_bottom" d="M112.08,213.97c8.78,0.76,17.56,1.53,26.33,2.29c2.61,0.23,5.22,0.42,7.83,0.63
c-0.12,5.97-0.12,6.03-6.04,5.51c-7.73-0.68-15.44-1.46-23.17-2.19C111.48,219.69,111.48,219.7,112.08,213.97z"/>
<path class="accent_bottom" d="M166.14,217.55c11.39-0.01,22.78-0.01,34.17-0.02c0.01,1.08-0.02,2.15,0.03,3.23
c0.08,1.83-0.75,2.53-2.57,2.52c-9.68-0.05-19.36,0.06-29.04-0.06C164.27,223.16,166.86,219.52,166.14,217.55z"/>
<path class="accent_bottom" d="M68.7,204.81c9.44,2.29,18.88,4.57,28.32,6.86c-0.47,1.56-0.93,3.13-1.5,5.05
c-8.91-2.29-17.56-4.36-26.11-6.81C66.34,209.03,68.42,206.6,68.7,204.81z"/>
<path class="accent_bottom" d="M39.06,193.69c6.08,2.56,12.15,5.12,18.23,7.67c-0.75,1.86-1.92,2.04-3.69,1.2c-4.21-1.99-8.55-3.7-12.7-5.79
C40,196.32,39.66,194.75,39.06,193.69z"/>
</g>
</svg>
</div>
<hr/>
<button class="star" id="star1">★</button>
<button class="star" id="star2">★</button>
<button class="star" id="star3">★</button>
<button class="star" id="star4">★</button>
<button class="star" id="star5">★</button>
<hr/>
<h4>
Beoordeel kleur combinaties en krijg voorstellen voor sneakers de je waarschijnlijk mooi vind onderaan. </br>
Hoe meer combinaties je beoordeeld, hoe beter de voorstellen worden! <br/>
</h4>
<h3>Reeds <span id="data_size">some</span> beoordelingen verzameld <button id="flush">reset</button></h3>
<div id="sneakers"></div>
<!-- partial -->
<script src='https://unpkg.com/[email protected]/browser.min.js'></script><script src="./script.js"></script>
</body>
</html>