-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhoodies.html
48 lines (42 loc) · 6.85 KB
/
hoodies.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hoodies</title>
<link rel="preload" href="../css/normalize.css" as="style">
<link rel="stylesheet" href="../css/normalize.css" type="text/css">
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
<link rel="preload" href="../css/styles.css" as="style">
<link rel="stylesheet" href="../css/styles.css" type="text/css">
<link rel="preload" href="../css/gallery.css" as="style">
<link rel="stylesheet" href="../css/gallery.css" type="text/css">
</head>
<body class="body-gallery">
<header>
<h1 class="titulo">VOTE YOUR FAVOURITE DESIGN!<span>Lux1 Merch</span></h1>
</header>
<section class="main2">
<main class="contenedor sombra">
<h2 class="titulo">Hoodies</h2>
<div class="hoodie-gallery">
<script>
var pictures = ['designs/hoodie_designs/small/hoodie1.jpg', 'designs/hoodie_designs/small/hoodie2.jpg', 'designs/hoodie_designs/small/hoodie3.jpg', 'designs/hoodie_designs/small/hoodie4.jpg', 'designs/hoodie_designs/small/hoodie5.jpg', 'designs/hoodie_designs/small/hoodie6.jpg', 'designs/hoodie_designs/small/hoodie7.jpg', 'designs/hoodie_designs/small/hoodie8.jpg', 'designs/hoodie_designs/small/hoodie9.jpg', 'designs/hoodie_designs/small/hoodie10.jpg', 'designs/hoodie_designs/small/hoodie11.jpg', 'designs/hoodie_designs/small/hoodie12.jpg', 'designs/hoodie_designs/small/hoodie13.jpg', 'designs/hoodie_designs/small/hoodie14.jpg', 'designs/hoodie_designs/small/hoodie15.jpg', 'designs/hoodie_designs/small/hoodie16.jpg', 'designs/hoodie_designs/small/hoodie17.jpg', 'designs/hoodie_designs/small/hoodie18.jpg', 'designs/hoodie_designs/small/hoodie19.jpg', 'designs/hoodie_designs/small/hoodie20.jpg', 'designs/hoodie_designs/small/hoodie21.jpg', 'designs/hoodie_designs/small/hoodie22.jpg', 'designs/hoodie_designs/small/hoodie23.jpg', 'designs/hoodie_designs/small/hoodie24.jpg', 'designs/hoodie_designs/small/hoodie25.jpg', 'designs/hoodie_designs/small/hoodie26.jpg', 'designs/hoodie_designs/small/hoodie27.jpg', 'designs/hoodie_designs/small/hoodie28.jpg', 'designs/hoodie_designs/small/hoodie29.jpg', 'designs/hoodie_designs/small/hoodie30.jpg', 'designs/hoodie_designs/small/hoodie31.jpg', 'designs/hoodie_designs/small/hoodie32.jpg', 'designs/hoodie_designs/small/hoodie33.jpg', 'designs/hoodie_designs/small/hoodie34.jpg', 'designs/hoodie_designs/small/hoodie35.jpg', 'designs/hoodie_designs/small/hoodie36.jpg', 'designs/hoodie_designs/small/hoodie37.jpg', 'designs/hoodie_designs/small/hoodie38.jpg', 'designs/hoodie_designs/small/hoodie39.jpg', 'designs/hoodie_designs/small/hoodie40.jpg', 'designs/hoodie_designs/small/hoodie41.jpg', 'designs/hoodie_designs/small/hoodie42.jpg', 'designs/hoodie_designs/small/hoodie43.jpg', 'designs/hoodie_designs/small/hoodie44.jpg', 'designs/hoodie_designs/small/hoodie45.jpg', 'designs/hoodie_designs/small/hoodie46.jpg', 'designs/hoodie_designs/small/hoodie47.jpg', 'designs/hoodie_designs/small/hoodie48.jpg', 'designs/hoodie_designs/small/hoodie49.jpg', 'designs/hoodie_designs/small/hoodie50.jpg', 'designs/hoodie_designs/small/hoodie51.jpg', 'designs/hoodie_designs/small/hoodie52.jpg', 'designs/hoodie_designs/small/hoodie53.jpg', 'designs/hoodie_designs/small/hoodie54.jpg', 'designs/hoodie_designs/small/hoodie55.jpg', 'designs/hoodie_designs/small/hoodie56.jpg', 'designs/hoodie_designs/small/hoodie57.jpg', 'designs/hoodie_designs/small/hoodie58.jpg', 'designs/hoodie_designs/small/hoodie59.jpg', 'designs/hoodie_designs/small/hoodie60.jpg', 'designs/hoodie_designs/small/hoodie61.jpg', 'designs/hoodie_designs/small/hoodie62.jpg', 'designs/hoodie_designs/small/hoodie63.jpg', 'designs/hoodie_designs/small/hoodie64.jpg', 'designs/hoodie_designs/small/hoodie65.jpg', 'designs/hoodie_designs/small/hoodie66.jpg', 'designs/hoodie_designs/small/hoodie67.jpg', 'designs/hoodie_designs/small/hoodie68.jpg', 'designs/hoodie_designs/small/hoodie69.jpg', 'designs/hoodie_designs/small/hoodie70.jpg', 'designs/hoodie_designs/small/hoodie71.jpg', 'designs/hoodie_designs/small/hoodie72.jpg', 'designs/hoodie_designs/small/hoodie73.jpg', 'designs/hoodie_designs/small/hoodie74.jpg', 'designs/hoodie_designs/small/hoodie75.jpg', 'designs/hoodie_designs/small/hoodie76.jpg', 'designs/hoodie_designs/small/hoodie77.jpg', 'designs/hoodie_designs/small/hoodie78.jpg', 'designs/hoodie_designs/small/hoodie79.jpg', 'designs/hoodie_designs/small/hoodie80.jpg', 'designs/hoodie_designs/small/hoodie81.jpg', 'designs/hoodie_designs/small/hoodie82.jpg', 'designs/hoodie_designs/small/hoodie83.jpg', 'designs/hoodie_designs/small/hoodie84.jpg', 'designs/hoodie_designs/small/hoodie85.jpg', 'designs/hoodie_designs/small/hoodie86.jpg', 'designs/hoodie_designs/small/hoodie87.jpg', 'designs/hoodie_designs/small/hoodie88.jpg', 'designs/hoodie_designs/small/hoodie89.jpg', 'designs/hoodie_designs/small/hoodie90.jpg', 'designs/hoodie_designs/small/hoodie91.jpg', 'designs/hoodie_designs/small/hoodie92.jpg', 'designs/hoodie_designs/small/hoodie93.jpg', 'designs/hoodie_designs/small/hoodie94.jpg', 'designs/hoodie_designs/small/hoodie95.jpg', 'designs/hoodie_designs/small/hoodie96.jpg', 'designs/hoodie_designs/small/hoodie97.jpg', 'designs/hoodie_designs/small/hoodie98.jpg', 'designs/hoodie_designs/small/hoodie99.jpg', 'designs/hoodie_designs/small/hoodie100.jpg', 'designs/hoodie_designs/small/hoodie101.jpg', 'designs/hoodie_designs/small/hoodie102.jpg', 'designs/hoodie_designs/small/hoodie103.jpg', 'designs/hoodie_designs/small/hoodie104.jpg', 'designs/hoodie_designs/small/hoodie105.jpg', 'designs/hoodie_designs/small/hoodie106.jpg', 'designs/hoodie_designs/small/hoodie107.jpg', 'designs/hoodie_designs/small/hoodie108.jpg', 'designs/hoodie_designs/small/hoodie109.jpg', 'designs/hoodie_designs/small/hoodie110.jpg', 'designs/hoodie_designs/small/hoodie111.jpg', 'designs/hoodie_designs/small/hoodie112.jpg', 'designs/hoodie_designs/small/hoodie113.jpg',];
for (let i = 1; i <= 113; i++){
var token = Math.floor(Math.random() * pictures.length)
var picture = pictures[token];
document.write('<button class="vote-button"><img src="' + picture + '" id="' + i + '" class="hoodie-unselected"/></button>');
var getrideof = pictures.splice(token, 1);
}
</script>
<script src="selector.js"></script>
</div>
</main>
</section>
<footer>
<p>Copyright © 2020-2021 Pupils' Commitee ESL1. All rights reserved</p>
</footer>
</body>
</html>