This repository was archived by the owner on Aug 27, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
250 lines (242 loc) · 14.3 KB
/
about.html
File metadata and controls
250 lines (242 loc) · 14.3 KB
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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<!DOCTYPE html>
<html>
<head>
<!--Meta Tags-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="description" content="About the creation of Hebron TSA's Webmaster Project.">
<meta name="author" content="Eeshaan Pirani">
<title>Hebron TSA | About This Site</title>
<!--Favicon/Theme-->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#3f458f">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="theme-color" content="#ffffff">
<!--CSS-->
<link href="src/css/bootstrap.min.css" rel="stylesheet">
<link href="src/css/about.min.css" rel="stylesheet">
<!--Google Fonts-->
<link href="https://fonts.googleapis.com/css?family=Lato:200,300,400,400i,500,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,700,900" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<nav class="navbar navbar-expand-lg navbar-light navbar-trans fixed-top">
<a class="navbar-brand" href="./">
<span class="thicc">HEBRON</span> TSA</a>
<button aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"
data-target="#navbarSupportedContent" data-toggle="collapse" type="button">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a aria-expanded="false" aria-haspopup="true" class="nav-link hvr-underline-from-center dropdown-toggle" data-toggle="dropdown"
href="about-members.html" id="navbarDropdownMenuLink">MEMBERS</a>
<div aria-labelledby="navbarDropdownMenuLink" class="dropdown-menu">
<a class="dropdown-item" href="about-members.html">About Our Members</a>
<a class="dropdown-item" href="members.html">Help for Members</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link hvr-underline-from-center" href="gallery.html">GALLERY</a>
</li>
<li class="nav-item">
<a class="nav-link hvr-underline-from-center" href="love.html">WHY WE LOVE TSA</a>
</li>
<li class="nav-item">
<a class="nav-link hvr-underline-from-center" href="stem.html">STEM @ HEBRON</a>
</li>
<li class="nav-item dropdown">
<a aria-expanded="false" aria-haspopup="true" class="nav-link hvr-underline-from-center dropdown-toggle" data-toggle="dropdown"
href="robot.html" id="navbarDropdownMenuLink">ROBOTS AND AI</a>
<div aria-labelledby="navbarDropdownMenuLink" class="dropdown-menu">
<a class="dropdown-item" href="timeline.html">History</a>
<a class="dropdown-item" href="ai-today.html">AI in Today's World</a>
<a class="dropdown-item" href="robot.html">ZUBE Robotics</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link hvr-underline-from-center" href="about.html">ABOUT</a>
</li>
</ul>
</div>
</nav>
<div class="splash">
<div class="container">
<div class="row text-center">
<div class="col-12">
<h1 class="animated fadeInDown" id="tsa">ABOUT THIS SITE</h1>
</div>
<span class="hero__scroll aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease" data-aos-delay="800">
<br>
<i class="chevron bottom"></i>
</span>
</div>
</div>
</div>
<div class="container" id="main">
<div class="row col-12">
<h2 data-aos="zoom-in-down">Design Philosophy</h2>
<p data-aos="fade-left">As this is our first year competing in the TSA Webmaster event, we conducted a considerable amount of research and
looked at many past examples of Webmaster projects. We noticed that many sites lacked animations and were often
very serious and bland in their design. In order to differentiate ourselves, we decided to use bold colors and
playful animations wherever possible, making the site more enjoyable to navigate.</p>
</div>
<div class="row col-12">
<h2 data-aos="zoom-in-down">Web Technologies and Citation Information</h2>
<p data-aos="fade-right">This website is hosted on a virtual public server from GitHub Pages. Our site was made from scratch using HTML5,
CSS3, JavaScript, and JavaScript Libraries. The source code can be found on our public
<a href="https://github.com/eeshaan/zube-zube">GitHub Repository</a>. The content delivery networks of this site include jQuery CDN, Bootstrap CDN, and CDN JS.
For a more in-depth analysis of the web technologies we used, click
<a href="https://builtwith.com/hebrontsa.org">here.</a> Research articles for the design brief and images used in this site are cited at the bottom of this page.
All images are either created by us or are property of Hebron TSA unless otherwised mentioned.</p>
</div>
<div class="row col-12">
<h2 data-aos="zoom-in-down">About the Creators</h2>
</div>
<div class="row col-12">
<h4 data-aos="fade-right">Eeshaan Pirani</h4>
<p data-aos="fade-left">Eeshaan is a wonderful student in the classroom and the driving force behind the mock company "ZUBE Robotics" and
its website. He co-teaches a
<a href="https://itwd.us">web-development course</a> that assists non-profit organizations in need of new websites. Furthermore, he is very
musically talented and plays the trumpet for the
<a href="https://gdyo.org">local youth orchestra</a> as well as the bagpipe for his community's
<a href="https://facebook.com/ismailiband">pipe band</a>. In college, Eeshaan hopes to continue designing websites and study Computer Science.</p>
</div>
<div class="row col-12">
<h4 data-aos="fade-right">Ryan Kerch</h4>
<p data-aos="fade-left">Ryan's success in his academic and extracurricular endeavors stems from his persistence and tenacity. He is an active
member of a local cricket club, a section leader in the band, the president of the stock club, and a key member
for the Hebron TSA chapter. He hopes to study in the business honors college at A&M or UT or attend the US
Air Force Academy. He serves as the HTML editor and general auditor.</p>
</div>
<div class="row col-12">
<h4 data-aos="fade-right">Justin George</h4>
<p data-aos="fade-left">Justin George is an avid participant of TSA and a great student in the classroom. Justin works hard everyday to make
his school's TSA organization better. He is also involved at his church and often volunteers at the
local senior living center. Justin hopes to attend the University of Texas at Dallas or the University of Oklahoma. He
serves as a content aggregator.</p>
</div>
<div class="row col-12">
<h4 data-aos="fade-right">Jeremiah John</h4>
<p data-aos="fade-left">Jeremiah has been interested in coding since 7th grade. In the past few years, he has taken numerous classes in Computer
Science and programming. He has created many small projects for practice and has competed in Coding and Software
Programming for TSA. He is involved in the A/V team at his church. Jeremiah hopes to study at the University of
Texas or Carnegie Mellon University as a Computer Science major. He serves as a Git specialist and code inspector.
</p>
</div>
<div class="row col-12">
<h4 data-aos="fade-right">Timothy Philip</h4>
<p data-aos="fade-left">Timothy always takes care of his responsibilities. He tutors math for kids at the local Mathnasium and works as an
assistant webmaster for a restaurant called Chennai Cafe in Richardson, Texas. Timothy is also the leading programmer
for the school's robotics team and the VEX Robotics team. He serves as an HTML and CSS editor in order to ensure
the site is completely responsive and that the code is well-formatted.</p>
</div>
<div class="text-center">
<button type="button" class="btn btn-dark btn-lg text-center" data-toggle="modal" data-target="#judge" data-aos="fade" id="comp">
COMPETITION INFORMATION
</button>
</div>
<div class="container"></div>
<div class="container">
<div class="row col-12">
<h2 data-aos="zoom-in-down">Works Cited</h2>
</div>
<div class="row col-12">
<ol class="col-12">
<li>“Artificial Intelligence – What It Is and Why It Matters.” –
<i>What It Is and Why It Matters | SAS</i>,
<br>
<a href="http://www.sas.com/en_us/insights/analytics/what-is-artificial-intelligence.html" target="_blank">www.sas.com/en_us/insights/analytics/what-is-artificial-intelligence.html</a>.</li>
<li>Bandholz. “The Economic and Social Consequences of Robotization.”
<i>Jobs and Development</i>, 9 Sept. 2016,
<br>
<a href="http://blogs.worldbank.org/jobs/economic-and-social-consequences-robotization" target="_blank">blogs.worldbank.org/jobs/economic-and-social-consequences-robotization</a>.</li>
<li>Hanlon, Mike. “Kubota Developing Exoskeletons for Manual Workers and Fruit Pickers.”
<i>New Atlas - New Technology & Science News</i>, New Atlas, 7 Nov. 2013,
<br>
<a href="http://newatlas.com/kubota-exoskeletons-manual-workers/29706/" target="_blank">newatlas.com/kubota-exoskeletons-manual-workers/29706/</a>.</li>
<li>“Hebron High School.”
<i>Administration / School Leadership</i>,
<br>
<a href="http://www.lisd.net/domain/4049">www.lisd.net/domain/4049</a>.</li>
<li>Mashberg, Tom. “Robots as First Responders.”
<i>MIT Technology Review</i>, MIT Technology Review, 22 Oct. 2012,
<br>
<a href="http://www.technologyreview.com/s/405157/robots-as-first-responders/" target="_blank">www.technologyreview.com/s/405157/robots-as-first-responders/</a>.</li>
<li>Matuszek, Cynthia. “How Robots Could Help Bridge the Elder-Care Gap.”
<i>The Conversation</i>, 15 Mar. 2018,
<br>
<a href="http://theconversation.com/how-robots-could-help-bridge-the-elder-care-gap-82125" target="_blank">theconversation.com/how-robots-could-help-bridge-the-elder-care-gap-82125</a>.</li>
<li>Slepov, Dmitry. “The Real Cost of Robotics.”
<i>TechCrunch</i>, TechCrunch, 27 Mar. 2016,
<br>
<a href="http://techcrunch.com/2016/03/27/the-real-cost-of-robotics/" target="_blank">techcrunch.com/2016/03/27/the-real-cost-of-robotics</a>.</li>
</ol>
</div>
<div class="row col-12">
<h5>Image Sources</h5>
</div>
<div class="row col-12">
<ul class="col-12">
<li>
<a href="https://cbsdallas.files.wordpress.com/2012/04/hebron-high-school.jpg?w=640" target="_blank">https://cbsdallas.files.wordpress.com/2012/04/hebron-high-school.jpg?w=640</a>
</li>
<li>
<a href="https://inception-app-prod.s3.amazonaws.com/MWQ2NDhlZTMtMmFhZi00NDE2LWIxZmItYmY2MWRjMWZjNzc4/content/2015/10/Hebron.JPG"
target="_blank">https://inception-app-prod.s3.amazonaws.com/MWQ2NDhlZTMtMmFhZi00NDE2LWIxZmItYmY2MWRjMWZjNzc4/content/2015/10/Hebron.JPG</a>
</li>
<li>
<a href="http://cs.utdallas.edu/wp-content/uploads/2015/11/insp-aw-teach-3-stud.jpg" target="_blank">http://cs.utdallas.edu/wp-content/uploads/2015/11/insp-aw-teach-3-stud.jpg</a>
</li>
<li>
<a href="http://ih.constantcontact.com/fs128/1011073644635/img/2247.png?a=1114768253111" target="_blank">http://ih.constantcontact.com/fs128/1011073644635/img/2247.png?a=1114768253111</a>
</li>
<li>
<a href="https://www.curry.edu/Images/interior/campusLife/Clubs%20and%20Orgs/LI_VideoGameClub.jpg" target="_blank">https://www.curry.edu/Images/interior/campusLife/Clubs%20and%20Orgs/LI_VideoGameClub.jpg</a>
</li>
<li>
<a href="https://pbs.twimg.com/media/Cd7POzrUUAEWXqX.jpg:large" target="_blank">https://pbs.twimg.com/media/Cd7POzrUUAEWXqX.jpg:large</a>
</li>
<li>
<a href="https://pbs.twimg.com/profile_images/749005285956603905/aHNgiq7w_400x400.jpg" target="_blank">https://pbs.twimg.com/profile_images/749005285956603905/aHNgiq7w_400x400.jpg</a>
</li>
</ul>
</div>
</div>
</div>
<!--Modal-->
<div class="modal fade" id="judge">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content text-left">
<div class="modal-body text-center">
<button type="button" class="btn btn-outline-secondary" onclick="location.href = 'src/competition-resources/LEAP Resume.pdf';">LEAP Résumé</button>
<button type="button" class="btn btn-outline-secondary" onclick="location.href = 'src/competition-resources/copyright.pdf';">Copyright Checklist</button>
</div>
</div>
</div>
</div>
</div>
<div class="container"></div>
</div>
<footer class="card-footer text-center text-white bg-dark">
Created with ♥ by
<a class="text-white" style="text-decoration: underline;" href="https://github.com/TheHebronTSA">The Hebron TSA</a> | No templates in use.
</footer>
<script src="src/js/jquery-3.3.1.min.js"></script>
<script src="src/js/scroll.min.js"></script>
<script src="src/js/popper.min.js"></script>
<script src="src/js/bootstrap.min.js"></script>
<script src="src/js/about-navbar.js"></script>
<script src="src/js/prognroll.min.js"></script>
<script>
$(function () {
$("body").prognroll();
})
</script>
</body>
</html>