This repository has been archived by the owner on Oct 20, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathsteming-out.html
147 lines (133 loc) · 7.64 KB
/
steming-out.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Biohazard - STEMing Out</title>
<!--Import Materialize Styles-->
<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="//cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css" rel="stylesheet">
<!--Import Sitewide Styles-->
<link href="css/main.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>
<!--Theme color and stuff, cuz yanno, that's important :D-->
<meta name="msapplication-TileColor" content="#00C853">
<meta name="theme-color" content="#00C853">
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--Icons-->
<link rel="apple-touch-icon" sizes="57x57" href="images/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="images/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="images/favicons/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="images/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="images/favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="images/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="images/favicons/manifest.json">
<link rel="mask-icon" href="images/favicons/safari-pinned-tab.svg" color="#00c853">
<meta name="msapplication-TileColor" content="#00a300">
<meta name="msapplication-TileImage" content="images/favicons/mstile-144x144.png">
<meta name="theme-color" content="#4caf50">
<script>
function loadJS(scripts) {
scripts.forEach(function (el) {
$.getScript(el, function () {
console.log(el + " successfully loaded");
});
});
}
</script>
</head>
<body>
<main>
<div class="page-content">
<h1 class="center-align"><span class="stem-header"><span class="stem-caps"><span
class="red-highlight">S</span><span class="blue-highlight">T</span><span
class="red-highlight">E</span><span class="blue-highlight">M</span></span>ing Out</span></h1>
<div class="divider div-green div-80"></div>
<div class="flow-text center-align padding-4 paddingv-1">
STEMing Out is a collaboration between FIRST Robotics Competition teams to get the ideas, values, and
purposes of FIRST outside of the FIRST community. Together, we can flood social networks and our local
communities with STEM.
</div>
<div class="youtube-vid center-align padding-4">
<iframe width="854" height="480" src="https://www.youtube.com/embed/i--BPvzepF4" frameborder="0"
allowfullscreen></iframe>
</div>
<div class="flow-text center-align padding-4 paddingv-1">
Participation in STEMing Out is simple: find a creative way to incorporate STEM and FIRST values into our
culture. Write and publish a book. Create parody songs, or film skits, and upload them to YouTube. Make a
meme. Hold robot demonstrations in unlikely
places.
</div>
<div class="divider div-green div-80"></div>
<div class="row padding-3">
<div class="col s12 m4 animated fade-in-left">
<h2 class="center color-green">
<i class="medium material-icons main-desc">done</i>
</h2>
<h5 class="center color-grey">Quality</h5>
<p class="center description">We want to represent ourselves as a community in the best way we can.</p>
</div>
<div class="col s12 m4 animated fade-in-up">
<h2 class="center color-green">
<i class="medium material-icons main-desc">perm_identity</i>
</h2>
<h5 class="center color-grey">Relevance</h5>
<p class="center description">If you’re struggling with an idea, look to FIRST values and STEM for
inspiration. The <a class="fancy-underline underline-green"
href="http://www.firstinspires.org/about/vision-and-mission" target="_blank">FIRST</a>
website explains exactly what FIRST is all about.</p>
</div>
<div class="col s12 m4 animated fade-in-right">
<h2 class="center color-green">
<i class="medium material-icons main-desc">new_releases</i>
</h2>
<h5 class="center color-grey">Creativity</h5>
<p class="center description">Think outside of the box. Make an old idea your own.</p>
</div>
</div>
<div class="flow-text center-align padding-4 paddingv-1">
If your team chooses to STEM Out, we would love to hear about it! Send us a message so we can share the
story of you and your team with our audience. This movement is about you, your experience with FIRST, and
sharing that to inspire others. No one can
recreate your story.
</div>
<div class="divider div-green div-80"></div>
<div class="row padding-3">
<div class="col s12 m4 animated fade-in-left">
<h2 class="center color-green">
<i class="medium material-icons main-desc">settings_input_antenna</i>
</h2>
<h5 class="center color-grey">Mission</h5>
<p class="center description">Flooding unconventional places with STEM and the message of FIRST.</p>
</div>
<div class="col s12 m4 animated fade-in-up">
<h2 class="center color-green">
<i class="medium material-icons main-desc">language</i>
</h2>
<h5 class="center color-grey">Vision</h5>
<p class="center description">Through the FRC community, more students will become familiar and involved
with FIRST programs to brighten their present and future lives.</p>
</div>
<div class="col s12 m4 animated fade-in-right">
<h2 class="center color-green">
<i class="medium material-icons main-desc">chat</i>
</h2>
<h5 class="center color-grey">Motto</h5>
<p class="center description">You never know where the next engineer is hiding.</p>
</div>
</div>
</div>
</main>
<div class="static-content"></div>
<script src="js/main.js" onerror="loadJS(['js/setup.js'])"></script>
</body>
</html>