Skip to content

Commit f4b6407

Browse files
s506ghs506gh
committed
add competition watch screen; add sponsor
1 parent 2d044fd commit f4b6407

File tree

5 files changed

+418
-0
lines changed

5 files changed

+418
-0
lines changed

‎assets/img/Sponsors2024-25/P/inst.svg‎

Lines changed: 26 additions & 0 deletions
Loading

‎competition.html‎

Lines changed: 222 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,222 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<title>Crevolution Robotics</title>
4+
<head>
5+
6+
<meta charset="UTF8" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1" />
8+
<link
9+
rel="icon"
10+
href="assets/img/CrevoSmaller.svg"
11+
type="image/png"
12+
sizes="16x16" />
13+
<link
14+
href="css/bootstrap.min.css"
15+
rel="stylesheet">
16+
<link rel="stylesheet" href="/css/lite-yt-embed.css"/>
17+
<link
18+
href="https://fonts.googleapis.com/css?family=Lato"
19+
rel="stylesheet"
20+
type="text/css" />
21+
<link rel="preconnect" href="https://fonts.googleapis.com">
22+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
23+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
24+
<link href="css/host.css" rel="stylesheet" type="text/css" />
25+
<script src="js/bootstrap.min.js"></script>
26+
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
27+
28+
<div id="nav-placeholder">
29+
</div>
30+
<script>
31+
$(function(){
32+
$("#nav-placeholder").load("assets/nav.html");
33+
});
34+
</script>
35+
</head>
36+
<body>
37+
<script src="js/lite-yt-embed.js"></script>
38+
<br>
39+
<br>
40+
<br>
41+
<br>
42+
43+
<h1 class="text-center textcolor">Watch: Ferndale Competition</h1>
44+
<br>
45+
<br>
46+
<lite-youtube class="livestream"
47+
videoid=""
48+
title="YouTube video player" frameborder="0"
49+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
50+
allowfullscreen="allowfullscreen"></lite-youtube>
51+
<p id="disclaimer">This embedded stream above is based on Youtube's TBA live stream. To view on Twitch, click <a href="/link/twitch.html">here</a>.</p>
52+
<br>
53+
<div class="game">
54+
55+
<div class="contained qual">
56+
<p class="gamenumber">#1</p>
57+
</div>
58+
<div class="contained rtm">
59+
<p class="team">1234</p>
60+
<p class="team">2345</p>
61+
<p class="team">3456</p>
62+
</div>
63+
<div class="contained score btn-group" role="group">
64+
<div class="btn redalliance lose">123</div>
65+
<div class="btn bluealliance win">456</div>
66+
</div>
67+
<div class="contained btm">
68+
<p class="team">1235</p>
69+
<p class="team crevo">2851</p>
70+
<p class="team">3457</p>
71+
</div>
72+
73+
</div>
74+
<br>
75+
76+
<br>
77+
<br>
78+
<!-- Footer -->
79+
<footer class="d-none d-lg-block">
80+
<div class="bg-1 bottomnav">
81+
<div class="container-fluid">
82+
<br />
83+
<div class="row">
84+
<div class="col-lg-3 ">
85+
<a href="#home" class
86+
style="height: 40px"><img
87+
class="bottomLogo "
88+
src="assets/img/CrevoSmall.svg" /></a>
89+
</div>
90+
<div class="col-lg-6 text-center">
91+
<p class="textcolor slogon">
92+
"A CREATIVE REVOLUTION" </p>
93+
<p class="textcolor">
94+
For any comments or questions that
95+
concern
96+
Crevolution,
97+
</p>
98+
<p class="textcolor">please
99+
contact us at
100+
<a
101+
href="mailto:crevo.robotics@gmail.com">crevo.robotics@gmail.com</a></p>
102+
103+
</div>
104+
<div class="col-lg-3 text-center">
105+
<a class="bottomA" target="_blank"
106+
rel="noopener noreferrer"
107+
href="https://instagram.com/crevolution.robotics?utm_source=ig_profile_share&igshid=jjtwtzz6dwv7"><img
108+
class="bottomPR"
109+
src="assets/img/Social Media/Instagram.svg"></a>
110+
<a class="bottomA" target="_blank"
111+
rel="noopener noreferrer"
112+
href="https://www.youtube.com/@crevolutionrobotics2851">
113+
<img class="bottomPR"
114+
src="assets/img/Social Media/Youtube.svg">
115+
</a>
116+
<br>
117+
<br>
118+
<a class="bottomA" target="_blank"
119+
rel="noopener noreferrer"
120+
href="https://www.facebook.com/Crevolution2851/"><img
121+
class="bottomPR"
122+
src="assets/img/Social Media/Facebook.svg"></a>
123+
<a class="bottomA" target="_blank"
124+
rel="noopener noreferrer"
125+
href="https://twitter.com/Crevolution2851">
126+
<img class="bottomPR"
127+
src="assets/img/Social Media/Twitter.svg">
128+
</a>
129+
</div>
130+
</div>
131+
<br>
132+
</div>
133+
</div>
134+
</footer>
135+
<!-- Moblie footer -->
136+
<footer class="d-lg-none">
137+
<div id="contact_us" class="bg-1 bottomnav">
138+
<div class="container-fluid text-center">
139+
<br />
140+
<a href="#home" class style="height: 40px"><img
141+
class="bottomLogom"
142+
src="assets/img/CrevoSmall.svg" /></a>
143+
144+
<p class="textcolor slogon">
145+
"A CREATIVE REVOLUTION" </p>
146+
<p class="textcolor">
147+
For any comments or questions that concern
148+
Crevolution,
149+
</p>
150+
<p class="textcolor">please
151+
contact us at
152+
<a
153+
href="mailto:crevo.robotics@gmail.com">crevo.robotics@gmail.com</a></p>
154+
<div class="row">
155+
<div class="col-3 text-center">
156+
<a class="bottomA" target="_blank"
157+
rel="noopener noreferrer"
158+
href="https://instagram.com/crevolution.robotics?utm_source=ig_profile_share&igshid=jjtwtzz6dwv7"><img
159+
class="bottomPR"
160+
src="assets/img/Social Media/Instagram.svg"></a>
161+
</div>
162+
<div class="col-3 text-center">
163+
<a class="bottomA" target="_blank"
164+
rel="noopener noreferrer"
165+
href="https://www.youtube.com/@crevolutionrobotics2851">
166+
<img class="bottomPR"
167+
src="assets/img/Social Media/Youtube.svg"></a>
168+
</div>
169+
<div class="col-3 text-center">
170+
<a class="bottomA" target="_blank"
171+
rel="noopener noreferrer"
172+
href="https://www.facebook.com/Crevolution2851/"><img
173+
class="bottomPR"
174+
src="assets/img/Social Media/Facebook.svg"></a>
175+
</div>
176+
<div class="col-3 text-center">
177+
<a class="bottomA" target="_blank"
178+
rel="noopener noreferrer"
179+
href="https://twitter.com/Crevolution2851">
180+
<img class="bottomPR"
181+
src="assets/img/Social Media/Twitter.svg"></a>
182+
183+
</div>
184+
</div>
185+
<br>
186+
</div>
187+
</div>
188+
</footer>
189+
190+
<script>
191+
$(document).ready(function () {
192+
// Initialize Tooltip
193+
$('[data-toggle="tooltip"]').tooltip();
194+
195+
// Add smooth scrolling to all links in navbar + footer link
196+
$(".navbar a, footer a[href='#myPage']").on("click", function (event) {
197+
// Make sure this.hash has a value before overriding default behavior
198+
if (this.hash !== "") {
199+
// Prevent default anchor click behavior
200+
event.preventDefault();
201+
202+
// Store hash
203+
var hash = this.hash;
204+
205+
// Using jQuery's animate() method to add smooth page scroll
206+
// The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
207+
$("html, body").animate(
208+
{
209+
scrollTop: $(hash).offset().top,
210+
},
211+
900,
212+
function () {
213+
// Add hash (#) to URL when done scrolling (default click behavior)
214+
window.location.hash = hash;
215+
}
216+
);
217+
} // End if
218+
});
219+
});
220+
</script>
221+
</body>
222+
</html>

0 commit comments

Comments
 (0)