-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgallery2020.html
129 lines (123 loc) · 11 KB
/
gallery2020.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
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/gallery2020.css">
<link rel="stylesheet" href="fontawesome-free-5.12.0-web/css/all.min.css">
<link rel="icon" type="image/png" href="http://achsrobotics.com/favicon.png">
</head>
<header>
<nav>
<div class="navbar-left">
<div class="cam-logo">
<img src="assets/scorps-logo.webp" id="cam-logo-picture">
</div>
<p><a href="index.html" id="name" style="font-weight: 900"><i>scorps</i></a></p>
</div>
<div class="nav-container">
<ul class="navbar-right">
<li><a href="2020Challenge.html"><i>THE CHALLENGE</i></a></li>
<li><a href="2020Team.html"> <i>THE TEAM</i></a></li>
<li>
<div class="memory-pulldown">
<a>
<i>MEMORIES</i>
<i class="fas fa-chevron-down"></i>
</a>
</div>
<ul>
<li><a href="gallery2019.html"> <i>2019 Season</i></a></li>
<li><a href="gallery2020.html"> <i>2020 Season</i></a></li>
</ul>
</li>
<li><a href="#"><i>SPONSORS</i></a></li>
</ul>
</div>
</nav>
</header>
<body><h2>Gallery </h2>
<div id="megaboi" class="megaboi"><img class="bigboi" src='gallery_assets/tl80.png'></div><!-- this is the gray semi-opaque background that appears when you click on an image-->
<div id="bigboi" class="bigboi"><img id="bigboiimg" class="bigboi" src='gallery_assets/void.png'></div><!-- this is the div that becomes the large image youre looking at-->
<div id="left" onclick="prev()" class="left"><img src='gallery_assets/previous.png'></div><!-- left arrow-->
<div id="right" onclick="next()" class="right"><img src='gallery_assets/next.png'></div><!-- right arrow-->
<div id="close" onclick="close_()" class="close"><img src='gallery_assets/close.png'></div><!-- close button-->
<div id="newtab" onclick="new_tab()" class="newtab"><img src='gallery_assets/newtab.png'></div><!-- open in new tab button-->
<div class = "gallery_label">The Time for Building is Now</div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Jan 12_thumbs_square/DSC_4167.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 12_thumbs/DSC_4159.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Jan 12_thumbs_square/DSC_4158.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 12_thumbs/DSC_4151.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Jan 12_thumbs_square/DSC_4149.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 12_thumbs/DSC_4145.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 12_thumbs/DSC_4141.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 12_thumbs/DSC_4137.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 12_thumbs/DSC_4131.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Jan 12_thumbs_square/DSC_4124.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 12_thumbs/DSC_4115.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Jan 12_thumbs_square/DSC_4113.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 12_thumbs/DSC_4110.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Jan 12_thumbs_square/DSC_4108.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 12_thumbs/DSC_4107.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 12_thumbs/DSC_4105.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 12_thumbs/DSC_4101.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 12_thumbs/DSC_4098.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Jan 12_thumbs_square/DSC_4095.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 12_thumbs/DSC_4090.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Jan 12_thumbs_square/DSC_4085.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 12_thumbs/DSC_4080.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Jan 12_thumbs_square/DSC_4077.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 12_thumbs/DSC_4076.JPG"></div>
<div class = "gallery_label">Week 2-4</div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Feb 5_thumbs_square/IMG_0574.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_thumbs/IMG_0600.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Feb 5_thumbs_square/IMG_0578.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_thumbs/IMG_0583.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Feb 5_thumbs_square/IMG_0586.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_thumbs/IMG_0594.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_thumbs/IMG_0597.JPG"></div>
<div class = "gallery_label">Weeks 5-7</div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Feb 5_1_thumbs_square/IMG_0296.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_1_thumbs/IMG_0132.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Feb 5_1_thumbs_square/IMG_0295.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_1_thumbs/IMG_0159.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Feb 5_1_thumbs_square/IMG_0161.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_1_thumbs/IMG_0162.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_1_thumbs/IMG_0165.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_1_thumbs/IMG_0293.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_1_thumbs/IMG_0344.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Feb 5_1_thumbs_square/IMG_0330.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_1_thumbs/IMG_0346.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Feb 5_1_thumbs_square/IMG_0390.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_1_thumbs/IMG_0564.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Feb 5_1_thumbs_square/IMG_0567.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_1_thumbs/IMG_0570.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_1_thumbs/IMG_0504.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_1_thumbs/IMG_0551.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_1_thumbs/IMG_0249.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Feb 5_1_thumbs_square/IMG_0272.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_1_thumbs/IMG_0354.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Feb 5_1_thumbs_square/IMG_0404.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_1_thumbs/IMG_0424.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Feb 5_1_thumbs_square/IMG_0452.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_1_thumbs/IMG_0528.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_1_thumbs/IMG_0556.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_1_thumbs/IMG_0562.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Feb 5_1_thumbs/IMG_0557.JPG"></div>
<div class = "gallery_label">Week 1</div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Jan 4_1_thumbs_square/DSC_4071.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 4_1_thumbs/DSC_4066.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Jan 4_1_thumbs_square/DSC_4064.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 4_1_thumbs/DSC_4062.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Jan 4_1_thumbs_square/DSC_4059.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 4_1_thumbs/DSC_4057.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 4_1_thumbs/DSC_4051.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 4_1_thumbs/DSC_4050.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 4_1_thumbs/DSC_4047.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Jan 4_1_thumbs_square/DSC_4043.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 4_1_thumbs/DSC_4042.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Jan 4_1_thumbs_square/DSC_4034.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 4_1_thumbs/DSC_4033.JPG"></div>
<div onclick="mediashow(this)" class="gallery_thin"><img src="images/2020 Jan 4_1_thumbs_square/DSC_4031.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 4_1_thumbs/DSC_4030.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 4_1_thumbs/DSC_4029.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 4_1_thumbs/DSC_4028.JPG"></div>
<div onclick="mediashow(this)" class="gallery_wide"><img src="images/2020 Jan 4_1_thumbs/DSC_4027.JPG"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.0.2/gsap.min.js"></script><script src="gallery2020.js"> </script></body></html>