Skip to content

Commit b718056

Browse files
John-CamsJohn-Cams
committed
Added awards
1 parent e64a207 commit b718056

7 files changed

Lines changed: 183 additions & 86 deletions

File tree

‎css/main.css‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ html, body {
1818
padding-right: 10px;
1919
padding-left: 10px;
2020
padding-bottom: 10px;
21+
padding-top: 10px;
2122
}
2223

2324
.body p {
@@ -198,3 +199,22 @@ td{
198199
justify-content: space-evenly;
199200
}
200201

202+
.rowButCol{
203+
display: flex;
204+
flex-direction: row;
205+
align-items: center;
206+
justify-content: center;
207+
}
208+
209+
@media screen and (width < 1124px){
210+
.rowButCol{
211+
display: flex;
212+
flex-direction: column;
213+
align-items: center;
214+
justify-content: center;
215+
}
216+
}
217+
218+
.awards{
219+
table-layout: fixed;
220+
}

‎js/award.js‎

Lines changed: 26 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,31 @@
1-
// var currentAward = 0;
1+
var currentAward = 0;
22

3-
// const award1list1 = document.getElementById("award1-list-1");
4-
// const award1list2 = document.getElementById("award1-list-2");
5-
// const award1header = document.getElementById("award1-header")
6-
// const award1List = [award1, award2]
3+
function switchUp(a, b){
4+
currentAward += 1;
5+
if(currentAward >= document.getElementById('awardList').length){
6+
currentAward = 0;
7+
}
8+
for (let item of document.getElementById('awardList')){
9+
item.style.display = "none";
10+
}
11+
document.getElementById('awardList')[currentAward].style.display = "flex";
12+
}
713

8-
// function switchUp(){
9-
// currentAward += 1;
10-
// if(currentAward >= awardList.length){
11-
// currentAward = 0;
12-
// }
13-
// for (let item of awardList){
14-
// item.style.display = "none";
15-
// }
16-
// awardList[currentAward].style.display = "flex";
17-
// }
14+
function switchDown(){
15+
currentAward -= 1;
16+
if(currentAward < 0){
17+
currentAward = awardList.length-1;
18+
}
19+
for (let item of awardList){
20+
item.style.display = "none";
21+
}
22+
awardList[currentAward].style.display = "flex";
23+
}
1824

19-
// function switchDown(){
20-
// currentAward -= 1;
21-
// if(currentAward < 0){
22-
// currentAward = awardList.length-1;
23-
// }
24-
// for (let item of awardList){
25-
// item.style.display = "none";
26-
// }
27-
// awardList[currentAward].style.display = "flex";
28-
// }
29-
30-
// function test(a, b){
31-
// for (let item of b){
32-
// alert(item);
33-
// }
34-
// }
25+
function test(a, b){
26+
for (let item of b){
27+
alert(item);
28+
}
29+
}
3530

3631

‎seasons/chargedUp.html‎

Lines changed: 32 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
<link rel="stylesheet" type="text/css" href="../css/footer.css">
1111
<link rel="stylesheet" type="text/css" href="../seasons/season.css">
1212
<script src="../js/header.js" defer></script>
13+
<script src="../js/award.js" defer></script>
1314
<link rel="icon" href="../images/nerd.svg">
1415
<meta property="og:title" content="NerdHerd"/>
1516
<meta property="og:type" content="website"/>
@@ -78,7 +79,7 @@
7879
<div class="body">
7980

8081

81-
<p>yap about 2023</p>
82+
<!-- <p>yap about 2023</p>
8283
<p>2023 marked the __ competition season for 687. Our best season? Ended our season by making an appearance on Einstein with alliance partners 6328, blah blah, blah blah. </p>
8384
<h2>Awards:</h2>
8485
<ul>
@@ -91,7 +92,36 @@ <h2>Awards:</h2>
9192
Pictures:
9293
Robot: ISME
9394
94-
Yap about robot design
95+
Yap about robot design -->
96+
97+
<div class="row"> <h1>Awards</h1> </div>
98+
<table class="awards">
99+
<tr>
100+
<td>Los Angeles Regional</td>
101+
<td>FIRST Championship - FIRST Robotics Competition - Archimedes Division presented by Kettering University</td>
102+
<td>FIRST Championship - FIRST Robotics Competition</td>
103+
</tr>
104+
<tr>
105+
<td>
106+
<ul>
107+
<li>FIRST Dean's List Finalist Award</li>
108+
<li>Industrial Design Award sponsored by General Motors</li>
109+
<li>Regional Winners</li>
110+
</ul>
111+
</td>
112+
<td>
113+
<ul>
114+
<li>Champion Division Winner</li>
115+
</ul>
116+
</td>
117+
<td>
118+
<ul>
119+
<li>FIRST Dean's List Award</li>
120+
</ul>
121+
</td>
122+
</tr>
123+
</table>
124+
95125

96126

97127
</div>

‎seasons/crescendo.html‎

Lines changed: 36 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -76,19 +76,45 @@
7676
</div>
7777
</header>
7878
<div class="body">
79-
2024 our best yet
80-
Behind the Bumpers:
81-
https://www.youtube.com/watch?v=Kwxz9v-WoYA&t=25s
79+
<div class="column">
80+
2024 our best yet
81+
Behind the Bumpers:
8282

83-
<iframe width="560" height="315" src="https://www.youtube.com/embed/Kwxz9v-WoYA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
84-
<iframe width="560" height="315" src="https://www.youtube.com/embed/qZN4iUNxiVg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
83+
<iframe width="560" height="315" src="https://www.youtube.com/embed/Kwxz9v-WoYA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
84+
<iframe width="560" height="315" src="https://www.youtube.com/embed/qZN4iUNxiVg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
85+
</div>
86+
87+
<div class="row"> <h1>Awards</h1> </div>
88+
<table class="awards">
89+
<tr>
90+
<td>Ventura County Regional</td>
91+
<td>Los Angeles Regional</td>
92+
<td>Las Vegas Regional</td>
93+
</tr>
94+
<tr>
95+
<td>
96+
<ul>
97+
<li>FIRST Dean's List Finalist Award</li>
98+
<li>Team Sustainability Award sponsored by Dow</li>
99+
</ul>
100+
</td>
101+
<td>
102+
<ul>
103+
<li>Regional Engineering Inspiration Award</li>
104+
<li>Regional Finalists</li>
105+
</ul>
106+
</td>
107+
<td>
108+
<ul>
109+
<li>Regional Finalists</li>
110+
</ul>
111+
</td>
112+
</tr>
113+
</table>
85114

86-
Las Vegas Regional video
87-
Abruticus Robot Reveal
88-
https://www.youtube.com/watch?v=qZN4iUNxiVg
89115

90116

91-
Awards:
117+
<!-- Awards:
92118
Team Sustainability Award, Ventura County Regional
93119
FIRST Dean’s List Finalist (Daniela S), Ventura County Regional
94120
Regional Engineering Inspiration Award, Los Angeles Regional
@@ -101,7 +127,7 @@
101127
2024 Tech Binder
102128
103129
Documentation and yap about design
104-
photos:
130+
photos: -->
105131

106132
</div>
107133
<footer>

‎seasons/rebuilt.html‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,13 @@
8686
</div>
8787
</div>
8888

89+
<div class="row">
90+
<div class="column">
91+
<h1>Awards</h1>
92+
<p> Coming soon! </p>
93+
</div>
94+
</div>
95+
8996
</div>
9097
<footer>
9198
<div>

‎seasons/reefscape.html‎

Lines changed: 56 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -75,50 +75,69 @@
7575
</div>
7676
</header>
7777
<div class="body">
78-
<div class="robotinfo">
78+
<!-- <div class="robotinfo">
7979
<div style="width:200px;aspect-ratio:1/1;background-color:red">
8080
<p>Abruticus</p>
81-
<!-- image placeholder -->
81+
image placeholder
8282
</div>
8383
<div>
8484
<p>Yap about robot design. Yap about robot design. Yap about robot design. Yap about robot design. Yap about robot design. Yap about robot design. </p>
8585
</div>
86+
</div> -->
87+
88+
<div class="row">
89+
<div class="column">
90+
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/qZN4iUNxiVg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
91+
<br>
92+
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/Kwxz9v-WoYA?start=25" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
93+
</div>
94+
</div>
95+
96+
<div class="row">
97+
<p>
98+
Alliance at Worlds: <br>
99+
2046, 5809, 1781
100+
</p>
101+
</div>
102+
103+
<div class="section-spacer"></div>
104+
105+
<div class="row" style="height: 250px">
106+
<div style="position: relative; width: 180px; height: 200px; padding-top: 5%;
107+
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
108+
border-radius: 8px; will-change: transform; margin:2px" class="column">
109+
<iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
110+
src="https://www.canva.com/design/DAF9ET7l2M8/UwuXj85fuOanNDbh361Gsg/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
111+
</iframe>
112+
</div>
86113
</div>
87-
<br>
88-
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/qZN4iUNxiVg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
89-
<br>
90-
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/Kwxz9v-WoYA?start=25" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
91-
<br>
92-
<p>2024</p>
93-
<br>
94-
<p>Awards:</p>
95-
<ul>
96-
<li>
97-
<p>Team Sustainability Award, Ventura County Regional </p>
98-
</li>
99-
<li>
100-
<p>FIRST Dean's List Finalist (Daniela S), Ventura County Regional </p>
101-
</li>
102-
<li>
103-
<p>Regional Engineering Inspiration Award, Los Angeles Regional </p>
104-
</li>
105-
<li>
106-
<p>Regional Finalists, Los Angeles Regional </p>
107-
</li>
108-
<li>
109-
<p>Regional Finalists, Las Vegas Regional </p>
110-
</li>
111-
<li>
112-
<p>Event Finalist, Beach Blitz </p>
113-
</li>
114-
</ul>
115-
<br>
116-
<p>
117-
Alliance at Worlds: <br>
118-
2046, 5809, 1781
119-
</p>
120-
<br>
121-
<p><a href="https://www.canva.com/design/DAF9ET7l2M8/UwuXj85fuOanNDbh361Gsg/view">2024 Tech Binder</a></p>
114+
115+
<!-- <br> -->
116+
<!-- <p><a href="https://www.canva.com/design/DAF9ET7l2M8/UwuXj85fuOanNDbh361Gsg/view">2024 Tech Binder</a></p> -->
117+
118+
119+
<div class="row"> <h1>Awards</h1> </div>
120+
<table class="awards">
121+
<tr>
122+
<td>Los Angeles Regional</td>
123+
<td>Aerospace Valley Regional</td>
124+
</tr>
125+
<tr>
126+
<td>
127+
<ul>
128+
<li>Excellence in Engineering Award</li>
129+
</ul>
130+
</td>
131+
<td>
132+
<ul>
133+
<li>Gracious Progessionalism Award</li>
134+
<li>Regional Winners</li>
135+
</ul>
136+
</td>
137+
</tr>
138+
</table>
139+
140+
122141
</div>
123142
<footer>
124143
<div>

‎teams/ftc.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -85,9 +85,9 @@
8585
<div id="seven-squared">
8686
seven
8787
</div>
88-
<div id="singularity" class="column">
89-
<div class="row">
90-
<div style="position: relative; width: 360px; height: 480px; padding-top: 40%;
88+
<div id="singularity" class="rowButCol">
89+
<div class="column">
90+
<div style="position: relative; width: 180px; height: 240px; padding-top: 40%;
9191
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
9292
border-radius: 8px; will-change: transform; margin:2px">
9393
<iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
@@ -96,9 +96,9 @@
9696
</div>
9797
</div>
9898

99-
<div class="row">
100-
<iframe width="560" height="315" src="https://www.youtube.com/embed/lV8MxNlMiF4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
101-
<iframe width="560" height="315" src="https://www.youtube.com/embed/2LRV5UnnuB8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
99+
<div class="column">
100+
<iframe width="280" height="158" src="https://www.youtube.com/embed/lV8MxNlMiF4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
101+
<iframe width="280" height="158" src="https://www.youtube.com/embed/2LRV5UnnuB8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
102102
</div>
103103
</div>
104104
</div>

0 commit comments

Comments
 (0)