Skip to content

Commit a4f8380

Browse files
author
Slacker87
committed
fix cards, major code overhaul, organize all the things!
1 parent adaa282 commit a4f8380

12 files changed

Lines changed: 649 additions & 537 deletions

File tree

‎assets/css/global.css‎

Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -77,4 +77,116 @@
7777
#chromefix {
7878
/* fix an issue where negative z-indexs in chrome cause the page to freak out */
7979
-webkit-backface-visibility: hidden; -webkit-transform: translateZ(0);
80+
position: absolute !important;
81+
z-index: 0;
82+
width: 100%;
83+
height: 100%
84+
}
85+
86+
#events {
87+
background: #000 url('/assets/img/real_cf.png') repeat scroll 0% 0%;
88+
border-top: 4px solid #111;
89+
border-bottom: 4px solid #111;
90+
background-attachment: fixed !important;
91+
}
92+
93+
#videos {
94+
background-image: url('/assets/img/bg-about.jpg');
95+
background-attachment: fixed !important;
96+
}
97+
98+
#resources {
99+
background: #000 url('/assets/img/real_cf.png') repeat scroll 0% 0%;
100+
border-top: 4px solid #111;
101+
border-bottom: 4px solid #111;
102+
background-attachment: fixed !important;
103+
}
104+
105+
#about {
106+
background-image: url('/assets/img/bg-about.jpg');
107+
width: 100vw;
108+
}
109+
110+
#team {
111+
background: #000 url('/assets/img/real_cf.png') repeat scroll 0% 0%;
112+
border-top: 4px solid #111;
113+
border-bottom: 4px solid #111;
114+
background-attachment: fixed !important;
115+
}
116+
117+
#swag {
118+
background-image: url('/assets/img/bg-about.jpg');
119+
background-attachment: fixed !important;
120+
}
121+
122+
#contact {
123+
background: #000 url('/assets/img/real_cf.png') repeat scroll 0% 0%;
124+
border-top: 4px solid #111;
125+
border-bottom: 4px solid #111;
126+
background-attachment: fixed !important;
127+
padding: 50px 0 20px;
128+
}
129+
#contact a {
130+
color: rgba(255, 255, 255, 0.7);
131+
}
132+
#contact a:hover {
133+
color: white;
134+
}
135+
#contact p {
136+
font-size: 22px;
137+
}
138+
#contact .contact-details {
139+
margin: 75px 0;
140+
}
141+
#contact .social {
142+
margin-bottom: 75px;
143+
}
144+
#contact .copyright p.small {
145+
font-size: 14px;
146+
}
147+
@media (min-width: 1025px) {
148+
#contact {
149+
background-attachment: fixed;
150+
}
151+
}
152+
153+
#headername {
154+
z-index: 5 !important;
155+
position: absolute !important;
156+
top: 150px;
157+
margin-left: auto !important;
158+
left: 20%;
159+
color: rgba(250, 250, 250, 0.9) !important;
160+
text-shadow: 5px 5px 3px rgba(0, 0, 0, 0.3);
161+
}
162+
163+
#headerborder {
164+
z-index: 5 !important;
165+
position: absolute !important;
166+
top: 250px;
167+
padding-left: 55% !important;
168+
left: 25%;
169+
box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.2);
170+
border-color: rgba(242,111,33, 0.9);
171+
}
172+
173+
#headersubtext {
174+
z-index: 5 !important;
175+
position: absolute !important;
176+
top: 290px;
177+
margin-left: auto !important;
178+
left: 30%;
179+
color: rgba(250, 250, 250, 0.9) !important;
180+
text-shadow: 5px 5px 3px rgba(0, 0, 0, 0.3);
181+
}
182+
183+
#navbar {
184+
display: inline;
185+
padding-left: 20px;
186+
padding-right: 35px;
187+
}
188+
189+
body {
190+
position: relative;
191+
overflow-x: hidden;
80192
}

‎assets/js/jquery.min.js‎

Lines changed: 4 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎index.html‎

Lines changed: 32 additions & 537 deletions
Large diffs are not rendered by default.

‎pages/about.html‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<div class="container wow fadeIn">
2+
<div class="row text-center">
3+
<div class="col-lg-12" style="color: #eaeaea !important;">
4+
<h2 style="color: rgba(230, 230, 230, 0.9); text-shadow: 10px 10px 3px rgba(0, 0, 0, 0.4);">What we stand for</h2>
5+
<hr class="colored" style="box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.9); border-color: rgba(242,111,33, 0.7);">
6+
<p style="color: rgba(230, 230, 230, 0.9); text-shadow: 10px 10px 3px rgba(0, 0, 0, 0.4);">We are racers. Dedicated, focused and ambitious.</p>
7+
</div>
8+
</div>
9+
<br/>
10+
<div class="row content-row">
11+
<div class="col-md-8 col-md-offset-2">
12+
<div class="media well" style="margin-left: 10px;margin-right: 10px;background-color: rgba(255,255,255,0.5);">
13+
<h3 align="center" style="margin-top: 5px; olor: #333;">Our vision</h3>
14+
<p align="center" style="color: #333; font-weight: 500;">To establish Safety Third Racing as a nationally recognized and ranked FPV multirotor racing organization.</p>
15+
</div>
16+
</div>
17+
</div>
18+
<br/><br/><br/><br/><br/>
19+
<div class="col-md-8 col-md-offset-2">
20+
<div class="media well" style="margin-top: -45px;background-color: rgba(255,255,255,0.5);">
21+
<h3 align="center" style="margin-top: 5px; color: #333;">Our Mission</h3>
22+
<p align="center" style="color: #333; font-weight: 500;">To advance FPV multirotor racing sport through inclusive education, open innovation, and competitive racing.</p>
23+
</div>
24+
</div>
25+
</div>
26+
<br/><br/>

‎pages/events.html‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<div class="container-fluid">
2+
<div class="row text-center"><br/>
3+
<div class="col-lg-12 wow fadeIn">
4+
<h1 style="color: rgba(230, 230, 230, 0.9); text-shadow: 10px 10px 3px rgba(0, 0, 0, 0.4);">Epic Events</h1>
5+
<hr class="colored" style="box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.9); border-color: rgba(242,111,33, 0.5);">
6+
<p style="color: rgba(230, 230, 230, 0.9); text-shadow: 10px 10px 3px rgba(0, 0, 0, 0.4);">Our events are coordinated via Meetup and MultiGP. Join us there for our latest race schedule!</p>
7+
</div>
8+
</div>
9+
<br/><br/>
10+
<div class="row text-center content-row">
11+
<a href="http://www.meetup.com/Team-S3-FPV-Multirotor-Racing/" target="_blank" class="btn btn-lg btn-default" id="smoothbutton" style="border-radius: 20px !important; padding-top: 30px;padding-bottom: 30px;box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.9);"><img src="assets/img/meetup_icon.png" border="0" width="60%" /></a>
12+
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
13+
<a href="http://www.multigp.com/chapters/view/Safety-Third-Racing-Team" target="_blank" id="smoothbutton" class="btn btn-lg btn-default" style="border-radius: 20px !important; padding-top: 30px;padding-bottom: 30px;box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.9);"><img src="assets/img/multigp-logo.png" border="0" width="60%" style="padding-top:38px;padding-bottom:38px;"/></a>
14+
</div>
15+
<br/><br/><br/>
16+
</div>

‎pages/footer.html‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<div class="container text-center">
2+
<div class="row copyright">
3+
<div class="col-lg-12">
4+
<br/><br/>
5+
<div class="row social">
6+
<ul class="list-inline">
7+
<li>
8+
<a href="https://www.facebook.com/s3fpv/"><i class="fa fa-facebook fa-fw fa-2x"></i></a>
9+
</li>
10+
<li>
11+
<a href="https://twitter.com/Safety3rdRacing"><i class="fa fa-twitter fa-fw fa-2x"></i></a>
12+
</li>
13+
</ul>
14+
</div>
15+
<p class="small" style="color: rgba(230, 230, 230, 0.8); text-shadow: 10px 10px 3px rgba(0, 0, 0, 0.4);margin-top: -55px;">
16+
&copy; 2015 Safetythirdracing. All rights reserved.
17+
<br/><br/><br/><br/>
18+
</p>
19+
</div>
20+
</div>
21+
</div>

‎pages/navbar.html‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<div class="navbar-header">
2+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
3+
<span class="sr-only">Toggle navigation</span>
4+
<span class="icon-bar"></span>
5+
<span class="icon-bar"></span>
6+
<span class="icon-bar"></span>
7+
</button>
8+
<a class="navbar-brand page-scroll" href="#page-top">
9+
<img src="assets/img/logo.png" class="img-responsive" alt="" id="logoimage">
10+
</a>
11+
</div>
12+
<div class="collapse navbar-collapse" id="navbar-collapse">
13+
<ul class="nav navbar-nav navbar-right">
14+
<li class="hidden">
15+
<a class="page-scroll" href="#page-top"></a>
16+
</li>
17+
<li>
18+
<a class="page-scroll" href="#events">Events</a>
19+
</li>
20+
<li>
21+
<a class="page-scroll" href="#videos">Videos</a>
22+
</li>
23+
<li>
24+
<a class="page-scroll" href="#resources">Resources</a>
25+
</li>
26+
<li>
27+
<a class="page-scroll" href="#about">About Us</a>
28+
</li>
29+
<li>
30+
<a class="page-scroll" href="#team">Team S3</a>
31+
</li>
32+
<li>
33+
<a class="page-scroll" href="#swag">Swag</a>
34+
</li>
35+
<li>
36+
<a class="page-scroll" href="#contact">Contact</a>
37+
</li>
38+
</ul>
39+
</div>

‎pages/resources.html‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<div class="container text-center wow fadeIn">
2+
<br/><br/>
3+
<div class="row">
4+
<div class="col-lg-12">
5+
<h2 style="color: rgba(230, 230, 230, 0.8); text-shadow: 10px 10px 3px rgba(0, 0, 0, 0.4);">Team Resources</h2>
6+
<hr class="colored" style="box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.9); border-color: rgba(242,111,33, 0.5);">
7+
<p style="color: rgba(230, 230, 230, 0.8); text-shadow: 10px 10px 3px rgba(0, 0, 0, 0.4);">The ever expanding, collective knowlege base of the Safety Third racing team</p>
8+
</div>
9+
</div>
10+
<br/><br/>
11+
<div class="row content-row">
12+
<div class="col-lg-6 col-lg-offset-3">
13+
<a href="http://s3fpv.com/wiki/index.php?title=Main_Page" id="smoothbutton" target="_blank" class="btn btn-lg btn-default" style="border-radius: 20px !important;display: inline-block;min-width: 200px;box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.9);">
14+
<img src="assets/img/s3.png" border="0" width="100px" style="vertical-align: middle;">
15+
<i class="fa fa-plus fa-4" style="font-size: 4em !important;padding-top: 10px;padding-left: 20px; padding-right: 20px; color: #aaa !important; vertical-align: middle;"></i>
16+
<img src="assets/img/Wikipedia_icon.png" border="0" width="100px" style="vertical-align: middle; color: #eee;">
17+
</a>
18+
</div>
19+
</div>
20+
<br/><br/><br/><br/>
21+
</div>

‎pages/scripts.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!-- Core Scripts -->
2+
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/js/materialize.min.js"></script>
3+
<script src="assets/js/bootstrap/bootstrap.min.js"></script>
4+
<!-- Plugin Scripts -->
5+
<script src="assets/js/plugins/jquery.easing.min.js"></script>
6+
<script src="assets/js/plugins/classie.js"></script>
7+
<script src="assets/js/plugins/cbpAnimatedHeader.js"></script>
8+
<script src="assets/js/plugins/jquery.mixitup.js"></script>
9+
<script src="assets/js/plugins/wow/wow.min.js"></script>
10+
<script src="assets/js/plugins/iframetracker.js"></script>
11+
<!-- Vitality Theme Scripts -->
12+
<script src="assets/js/vitality.js"></script>
13+
<!-- Google analytics -->
14+
<script src="assets/js/analytics.js"></script>
15+
<script>
16+
jQuery(document).ready(function($){
17+
$('#carousel.slide').carousel({
18+
interval: 4000,
19+
pause: "false"
20+
});
21+
$('.item iframe').iframeTracker({
22+
blurCallback: function(){
23+
$("#carousel").carousel('pause');
24+
}
25+
});
26+
});
27+
</script>

‎pages/swag.html‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<div class="container wow fadeIn">
2+
<div class="row">
3+
<div class="col-lg-12 text-center">
4+
<h2 style="color: rgba(230, 230, 230, 0.8); text-shadow: 10px 10px 3px rgba(0, 0, 0, 0.4);">Swag</h2>
5+
<hr class="colored" style="box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.9); border-color: rgba(242,111,33, 0.5);">
6+
<p style="color: rgba(230, 230, 230, 0.9); text-shadow: 10px 10px 3px rgba(0, 0, 0, 0.4);">Support the team, and look good doing it.</p>
7+
<br/>
8+
</div>
9+
</div>
10+
<div class="row content-row" align="center">
11+
<a id="smoothbutton" href="https://society6.com/safetythirdracing" target="_blank" class="btn btn-lg btn-default" style="border-radius: 20px !important;"><img src="assets/img/s3shirt.png" border="0" width="220"></a>
12+
<br/>
13+
<p style="color: rgba(230, 230, 230, 0.8); text-shadow: 10px 10px 3px rgba(0, 0, 0, 0.4);">By Society6.com</p>
14+
</div>
15+
</div>
16+
<br/><br/>

0 commit comments

Comments
 (0)