Skip to content

Commit 596cbbc

Browse files
John-CamsJohn-Cams
committed
Ftc
1 parent 458a5d8 commit 596cbbc

6 files changed

Lines changed: 180 additions & 5 deletions

File tree

‎404.html‎

Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>The Nerd Herd</title>
7+
<link rel="stylesheet" type="text/css" href="../css/base.css">
8+
<link rel="stylesheet" type="text/css" href="../css/header.css">
9+
<link rel="stylesheet" type="text/css" href="../css/main.css">
10+
<link rel="stylesheet" type="text/css" href="../css/footer.css">
11+
<script src="../js/header.js" defer></script>
12+
<link rel="icon" href="../images/nerd.svg">
13+
<meta property="og:title" content="NerdHerd"/>
14+
<meta property="og:type" content="website"/>
15+
<meta property="og:url" content="https://nerdherd.github.io/"/>
16+
<meta property="og:image" content="https://nerdherd.github.io/images/nerd.svg" />
17+
</head>
18+
<body>
19+
<div class="main-content">
20+
<header>
21+
22+
<div class="nav" id="nav">
23+
<div class="subtabs">
24+
<a href="../index.html"><img src="../images/nerd.svg" height="100%"></a>
25+
<!-- <div class="subtabs-content">
26+
<a href="#">Test</a>
27+
<a href="#">Test</a>
28+
<a href="#">Test</a>
29+
</div> -->
30+
</div>
31+
<div class="subtabs">
32+
<a href="javascript:">Programs</a>
33+
<div class="subtabs-content">
34+
<a href="../programs/join.html">Joining FRC 687</a>
35+
<hr>
36+
<a href="../programs/ftc-league-g.html">FTC League G</a>
37+
<hr>
38+
<a href="../programs/outreach.html">Outreach Initiatives</a>
39+
</div>
40+
</div>
41+
<div class="subtabs">
42+
<a href="javascript:">Team Resources</a>
43+
<div class="subtabs-content">
44+
<a href="../teams/asm.html">Assembly</a>
45+
<hr>
46+
<a href="../teams/bus.html">Business and Administration</a>
47+
<hr>
48+
<a href="../teams/cad.html">CAD</a>
49+
<hr>
50+
<a href="../teams/mfg.html">Manufacturing</a>
51+
<hr>
52+
<a href="../teams/prg.html">Programming</a>
53+
<hr>
54+
<a href="../teams/ftc.html">FTC</a>
55+
<hr>
56+
<a href="../teams/scout.html">Scouting and Strategy</a>
57+
</div>
58+
</div>
59+
<div class="subtabs">
60+
<a href="javascript:">Seasons</a>
61+
<div class="subtabs-content">
62+
<a href="../seasons/chargedUp.html">2023 Charged Up</a>
63+
<hr>
64+
<a href="../seasons/crescendo.html">2024 Crescendo</a>
65+
<hr>
66+
<a href="../seasons/reefscape.html">2025 Reefscape</a>
67+
<hr>
68+
<a href="../seasons/rebuilt.html">2026 Rebuilt</a>
69+
</div>
70+
</div>
71+
</div>
72+
<!-- <div id="spacer"></div> -->
73+
<div class="smallnav">
74+
<button onclick="toggleNav()">☰</button>
75+
</div>
76+
</header>
77+
<div class="body">
78+
79+
80+
Uh oh.
81+
82+
83+
</div>
84+
<footer>
85+
<div>
86+
<p>Contact</p>
87+
<div>
88+
<div>
89+
<a href="mailto:thenerdherd687@gmail.com">thenerdherd687@gmail.com</a>
90+
<a>Address:</a>
91+
<a>1000 E Victoria St, Carson, CA 90747</a>
92+
</div>
93+
</div>
94+
</div>
95+
<div>
96+
<p>About</p>
97+
<div>
98+
<div>
99+
<a href="#">Leadership</a>
100+
<a href="#">Mentors</a>
101+
<a href="#">Website</a>
102+
<a href="#">Test</a>
103+
</div>
104+
</div>
105+
</div>
106+
<div>
107+
<p>Socials</p>
108+
<div>
109+
<a href="https://www.instagram.com/nerdherd687/"><img src="../images/instagram.webp" style="height:25px"></a>
110+
<a href="https://www.youtube.com/@nerdherdfrcteam687"><img src="../images/youtube.webp" style="height:25px"></a>
111+
<a href="https://www.thebluealliance.com/team/687"><img src="../images/tba_lamp.svg" style="height:25px"></a>
112+
</div>
113+
</div>
114+
<div>
115+
<img src="../images/nerd.svg">
116+
</div>
117+
</footer>
118+
</div>
119+
</body>
120+
</html>

‎css/main.css‎

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -183,4 +183,17 @@ td{
183183

184184
.active{
185185
display: flex !important;
186-
}
186+
}
187+
188+
.top-btn{
189+
width: 49%;
190+
background-color: var(--nerd-herd-navy);
191+
color: white;
192+
border: none;
193+
height: 30px;
194+
}
195+
196+
.top-btns{
197+
justify-content: space-evenly;
198+
}
199+

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@ <h1>THE NERD HERD</h1>
100100
</iframe>
101101
</div>
102102
</div>
103-
<h2>Day in the life of the Nerd Herd</h2>
103+
<!-- <h2>Day in the life of the Nerd Herd</h2> -->
104104

105105
<div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%;
106106
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; overflow: hidden;

‎js/ftc.js‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
var vars = document.querySelector(':root').style;
2+
3+
document.addEventListener('DOMContentLoaded', function() {
4+
green();
5+
});
6+
7+
function green(){
8+
vars.setProperty('--nerd-herd-blue', '#3E7D51');
9+
vars.setProperty('--nerd-herd-navy', '#1f5b38');
10+
document.getElementById("seven-squared").style.display = "flex";
11+
document.getElementById("singularity").style.display = "none";
12+
}
13+
14+
function purple(){
15+
vars.setProperty('--nerd-herd-blue', '#725B91');
16+
vars.setProperty('--nerd-herd-navy', '#533e6d');
17+
document.getElementById("seven-squared").style.display = "none";
18+
document.getElementById("singularity").style.display = "flex";
19+
}

‎seasons/crescendo.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@
8181
https://www.youtube.com/watch?v=Kwxz9v-WoYA&t=25s
8282

8383
<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?si=JBBjBS6j4EMsGoNp" 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>
8585

8686
Las Vegas Regional video
8787
Abruticus Robot Reveal

‎teams/ftc.html‎

Lines changed: 25 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@
99
<link rel="stylesheet" type="text/css" href="../css/main.css">
1010
<link rel="stylesheet" type="text/css" href="../css/footer.css">
1111
<script src="../js/header.js" defer></script>
12+
<script src="../js/ftc.js" defer></script>
1213
<link rel="icon" href="../images/nerd.svg">
1314
<meta property="og:title" content="NerdHerd"/>
1415
<meta property="og:type" content="website"/>
@@ -75,10 +76,32 @@
7576
</div>
7677
</header>
7778
<div class="body">
78-
79+
<div class="row top-btns" style="padding: 5px;">
80+
<button onclick="green()" class="top-btn">FTC 49: 7²</button>
81+
<button onclick="purple()" class="top-btn">FTC 51: Singularity</button>
82+
</div>
7983

80-
84+
<div class="row">
85+
<div id="seven-squared">
86+
seven
87+
</div>
88+
<div id="singularity" class="column">
89+
<div class="row">
90+
<div style="position: relative; width: 360px; height: 480px; padding-top: 40%;
91+
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;
92+
border-radius: 8px; will-change: transform; margin:2px">
93+
<iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
94+
src="https://www.canva.com/design/DAG4dSg7Nuw/Euz088nBL48A7gxIOdssOg/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
95+
</iframe>
96+
</div>
97+
</div>
8198

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>
102+
</div>
103+
</div>
104+
</div>
82105

83106
</div>
84107
<footer>

0 commit comments

Comments
 (0)