-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (141 loc) · 7.44 KB
/
index.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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0">
<link rel="icon" type="image/svg+xml" href="assets/img/logo.svg">
<title>WΔRP | Home</title>
<link href="assets/css/global.css" rel="stylesheet">
<link href="assets/css/footer.css" rel="stylesheet">
<link href="assets/css/navbar.css" rel="stylesheet">
<link href="assets/css/pages/index.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="assets/js/global.js"></script>
<script defer src="https://eu.umami.is/script.js" data-website-id="34c0f985-73f0-4f79-a58e-33f5daa4d064"></script>
<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.4.0/model-viewer.min.js"></script>
</head>
<body>
<nav>
<div id="nav-logo">
<img src="assets/img/logo.svg" alt="WΔRP logo">
</div>
<ul id="nav-links">
</ul>
</nav>
<div id="title-section" class="cover">
<div id="title">
<h1>UK NATIONALS</h1>
<h1>
<span class="gradient-text">2023 - 24 DEV</span>
</h1>
<h1 class="hover-colour">WINNERS</h1>
</div>
<model-viewer src="assets/model-viewer/car.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls
tone-mapping="commerce" poster="assets/model-viewer/poster.png" shadow-intensity="1" disable-tap disable-pan
auto-rotate disable-zoom min-camera-orbit="auto 70deg 14.02m" max-camera-orbit="auto 70deg 14.02m"
exposure="1" camera-orbit="42.71deg 70deg 14.02m" min-field-of-view="5deg" max-field-of-view="20deg"
interaction-prompt="none">
<div class="progress-bar hide" slot="progress-bar">
<div class="update-bar"></div>
</div>
<button slot="ar-button" id="ar-button">
View in your space
</button>
<div id="ar-prompt">
<img src="https://modelviewer.dev/shared-assets/icons/hand.webp" alt="AR Prompt">
</div>
</model-viewer>
</div>
<div class="side-by-side" id="we-are-team-warp">
<div class="left">
<h2>WE ARE</h2>
<h2 class="hover-colour" style="background: var(--opposite-color-accent); color: var(--background-color)">
WΔRP
</h2>
</div>
<div class="right">
<p>We are five 15-16 year-old boys from Saint Olave's Grammar School, who are competing in the F1 in Schools
competition as a pro class team. We are a team of leaders, innovators, and designers who love STEM based
activities, since we believe they provide valuable, real-life experience through hands-on-learning.
</p>
</div>
</div>
<div id="our-members">
<div class="card">
<img src="assets/img/team/abhinav.webp" alt="Abhinav Malladi">
<div class="card-text">
<h3>ABHINAV MALLADI</h3>
<h4>Team Manager / Engineer</h4>
<p>When I first heard of the F1iS competition, I found it compelling and quickly formed a team. I never
knew that it would become such a deep and demanding project at the start, but it is something that I
truly enjoy and value. The feeling of winning is something you can't beat, and I want to help my
team on its journey.</p>
</div>
</div>
<div class="card">
<img src="assets/img/team/aneeq.webp" alt="Aneeq Weerasinghe">
<div class="card-text">
<h3>ANEEQ WEERASINGHE</h3>
<h4>Sponsorship & Marketing Manager</h4>
<p>F1iS has always sounded like an amazing stem project, and as an avid DT enthusiast I knew that it was
the right decision to partake. Free time is also very hard to fill, and I knew F1iS would make that
time well spent. I also love the adrenalin rush that comes with winning, and I hope to share that
feeling with my teammates.</p>
</div>
</div>
<div class="card">
<img src="assets/img/team/michael.webp" alt="Michael Qu">
<div class="card-text">
<h3>MICHAEL QU</h3>
<h4>Portfolio / Marketing</h4>
<p>F1iS seems like an awesome, incredibly fun, and difficult project that I can use to challenge myself.
It gives me an opportunity to learn new skills and work to my best. Although my job is not on the
car itself, I would love to see through its development and hopefully help throughout.</p>
</div>
</div>
<div class="card">
<img src="assets/img/team/neal.webp" alt="Neal Ye">
<div class="card-text">
<h3>NEAL YE</h3>
<h4>Engineer / Graphics Manager</h4>
<p>I've always taken a liking towards motorsports (especially F1), and when I heard of F1iS I knew this
was a perfect opportunity for me. The concept of racing a miniature car along a 20m track captured
my interest immediately. Being a part of a team and seeing its growth throughout the years feels
awesome!</p>
</div>
</div>
<div class="card">
<img src="assets/img/team/thomas.webp" alt="Thomas Howcroft">
<div class="card-text">
<h3>THOMAS HOWCROFT</h3>
<h4>Finance Manager / Graphics</h4>
<p>I enjoy various aspects of DT, and view F1iS as a way to challenge myself in a way that could benefit
my career path. Although there are a few aspects of technology and engineering that I have explored
in depth, F1iS is new to me, and I hope I can learn new things about it and help my team along our
journey.</p>
</div>
</div>
</div>
<footer>
<div id="footer-text">
<p id="copyright">©<a href="https://github.com/warp-racing/warp-racing.github.io/blob/main/LICENSE.md"
data-umami-event="Footer; Copyright" target="_blank">WΔRP</a> 2022 - {current_year}. All rights
reserved.</p>
</div>
<div id="footer-links">
<a href="https://www.instagram.com/warp_racing_" data-umami-event="Footer; Instagram" target="_blank">
<i class="fa fa-instagram"></i></a>
<a href="https://www.twitter.com/warp_racing_" data-umami-event="Footer; Twitter" target="_blank">
<i class="fa fa-twitter"></i></a>
<a href="https://www.youtube.com/@warp_racing_" data-umami-event="Footer; YouTube" target="_blank">
<i class="fa fa-youtube-play"></i></a>
<a href="https://facebook.com/warp.racing.fb" data-umami-event="Footer; Facebook" target="_blank">
<i class="fa fa-facebook"></i></a>
<a href="https://www.linkedin.com/company/warp-racing" data-umami-event="Footer; LinkedIn"
target="_blank"><i class="fa fa-linkedin"></i></a>
<a href="mailto:[email protected]" data-umami-event="Footer; Email" target="_blank">
<i class="fa fa-envelope"></i></a>
</div>
</footer>
</body>
</html>