Skip to content

Commit

Permalink
More about / Link adjustments & footer
Browse files Browse the repository at this point in the history
  • Loading branch information
@KevinPayravi
KevinPayravi committed Oct 14, 2016
1 parent 585c124 commit 1095b82
Show file tree
Hide file tree
Showing 6 changed files with 192 additions and 51 deletions.
75 changes: 71 additions & 4 deletions about/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,10 +35,11 @@
<h1 class="animated flipInX"><span class="lt">OH</span><span class="bld">I/O</span><br><span class="lt">About Us</span></h1>
<h2>OHI/O's Mission</h2>
<p>
The OHI/O Program was created in 2013 with the goal of fostering a tech culture at Ohio State and its surrounding communities.
The OHI/O program was created in 2013 with the goal of fostering a tech culture at Ohio State and its surrounding communities.
The program has created Ohio State's first hackathon, as well as spin-off events including the hardware-focused Makeathon, ultimately providing students the opportunity to learn and build with real technologies outside of the classroom.
OHI/O is a student driven, self sustaining platform that now runs Ohio's largest Hackathon, bringing together over 500+ students from various schools nationwide with the support of over 20 industry partners.
OHI/O is a student driven, self-sustaining platform that now runs Ohio's largest hackathon, bringing together over 500+ students from various schools nationwide with the support of over 20 industry partners.
</p>

<h2>OHI/O History + Vision</h2>
<p>
The OHI/O program was founded with the goal of fostering a tech culture at Ohio State and its surrounding communities.
Expand All @@ -51,8 +52,74 @@ <h2>OHI/O History + Vision</h2>
<p>
OHI/O emphasizes on providing students an informal and diverse learning platform regardless of experience or background. The OHI/O organizers possess a fundamental belief in the power of creation and are dedicated to empowering students to develop skills such as technical ability, communication, creativity, and critical thinking. Through the platform, OHI/O better connect students to real world problems and opportunities by engaging with the community and industry partners.
</p>
<br><br>
<b><a href="../index.html">Back to Home</a></b>

<h2>Founding Sponsors</h2>
<div style="text-align: center; padding-top: 10px; width: 100%;">
<a href="https://aws.amazon.com/education/awseducate/"><img src="../img/sponsor-aws.png" alt="Amazon Web Services" style="width: 200px;"></a>
</div>

<h2>OHI/O Team</h2>
<h3>Leadership</h3>
<ul>
<li>&#8227; Arnab Nandi, CSE, Director</li>
<li>&#8227; Meris Mandernach, Univ. Libraries, Director</li>
</ul>

<h3>Executive Team</h3>
<p>
The Executive Team ensures the progress and execution of OHI/O projects and initiatives.
</p>
<ul>
<i>Presidents, Vice Presidents, and Representatives of...</i>
<li>&#8227;&nbsp;&nbsp;<a href="https://hackers.org.ohio-state.edu/">Buckeye Hackers</a></li>
<li>&#8227;&nbsp;&nbsp;<a href="https://opensource.cse.ohio-state.edu/">Open Source Club</a></li>
<li>&#8227;&nbsp;&nbsp;<a href="https://acmw.org.ohio-state.edu/">ACM-W</a></li>
<li>&#8227;&nbsp;&nbsp;<a href="http://electronicsosu.com/">Electronics Club</a></li>
<li>&#8227;&nbsp;&nbsp;<a href="https://mobileapposu.github.io/">Mobile App Developers Club</a></li>
<li>&#8227;&nbsp;&nbsp;<a href="https://en.wikipedia.org/wiki/Wikipedia:Wikipedia_Connection">Wikimedia Connection</a></li>
<li>&#8227;&nbsp;&nbsp;<a href="http://www.bdaaatohiostate.org/">BDAA</a></li>
</ul>

<div style="clear: both;"></div>

<h2>Contact</h2>
<p>
Want to get in touch? We're happy to discuss events, partnerships, collaborations, and any questions you may have. Reach out to us at
<script type="text/javascript">
name=('hackathon')
domain=('@osu.edu')
mailto=('mailto:')
document.write('<a href="' + mailto + name + domain + '">' + name + domain + '</a>.')
</script>
</p>

<div style="padding: 2px; width: 100%; text-align: center;">
<br><br>
<b><a href="../index.html">Back to Home</a></b>
<br><br>
<table style="margin: 0 auto; width: 25%;">
<tr>
<td style="text-align: center;">
<a class="social-media-image" href="https://www.facebook.com/hackohio"><i class="fa fa-facebook fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://twitter.com/hackohio"><i class="fa fa-twitter fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://www.instagram.com/hackohio/"><i class="fa fa-instagram fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://www.youtube.com/channel/UCJJzEGEjQrpVTY3zEQS0BpA"><i class="fa fa-youtube fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://medium.com/@hackohio"><i class="fa fa-medium fa-2x"></i></a>
</td>
</tr>
</table>
<br>
<a href="../privacy">Privacy Policy</a>
</div>
<br><br><br>
</div>
</body>
</html>
42 changes: 39 additions & 3 deletions archive/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,20 @@
<br><br><br>
<div class="content main">
<h1 class="animated flipInX"><span class="lt">OH</span><span class="bld">I/O</span><br><span class="lt">Event Archive</span></h1>
<h2>&#9656; Fall Picnic + Team Formation Social</h2>
<p>
<span class="bg">October 7 @ 5:30 PM&nbsp;&nbsp;//&nbsp;&nbsp;Dreese Labs Lobby</span>
<br>
Come to ACM-W's annual fall picnic for a chance to meet new people, brainstorm ideas and recruit teammates for the upcoming hackathon, HackOHI/O!
</p>

<h2>&#9656; UI Architecture for Web Dev</h2>
<p>
<span class="bg">September 26 @ 6:30 PM&nbsp;&nbsp;//&nbsp;&nbsp;Dreese Labs 264</span>
<br>
Join us at this workshop with Kevin Mack to learn about the architecture of user interfaces.
</p>

<h2>&#9656; How to Use Sketch 3 to Design a Winning Idea</h2>
<p>
<span class="bg">September 23 @ 7:00 PM&nbsp;&nbsp;//&nbsp;&nbsp;Dreese Labs 264&nbsp;&nbsp;</span>
Expand Down Expand Up @@ -95,9 +109,31 @@ <h2><a href="../2015">&#9656; OHI/O 2015</a></h2>
<br>
</p>

<br><br>
<b><a href="../index.html">Back to Home</a></b>
<br><br><br><br><br><br>
<div style="padding: 2px; width: 100%; text-align: center;">
<br><br>
<b><a href="../index.html">Back to Home</a></b>
<br><br>
<table style="margin: 0 auto; width: 25%;">
<tr>
<td style="text-align: center;">
<a class="social-media-image" href="https://www.facebook.com/hackohio"><i class="fa fa-facebook fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://twitter.com/hackohio"><i class="fa fa-twitter fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://www.instagram.com/hackohio/"><i class="fa fa-instagram fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://www.youtube.com/channel/UCJJzEGEjQrpVTY3zEQS0BpA"><i class="fa fa-youtube fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://medium.com/@hackohio"><i class="fa fa-medium fa-2x"></i></a>
</td>
</tr>
</table>
<br><br><br><br>
</div>
</div>
</body>
</html>
Binary file added img/sponsor-aws.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
69 changes: 36 additions & 33 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@

<!-- Always force latest IE rendering engine or request Chrome Frame -->
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="description" content="OHI/O 2016: Fostering a Tech Culture at Ohio State">
<meta name="keywords" content="Hackathon, OHIO, 2016">
<meta name="description" content="OHI/O: Fostering a Tech Culture at Ohio State">
<meta name="keywords" content="Hackathon, OHIO, tech">
<meta name="author" content="ohio, buckeye hackers">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
Expand All @@ -32,8 +32,9 @@
<body>
<div class="content">
<div class="main">
<div style="border: 2px solid #BB0000; padding: 0px 20px 15px; width: 100%;">
<h3>HackOHI/O 2016 registrations now open!</h3>
<br><br><br>
<div style="border: 0px solid #BB0000; padding: 2px; margin-top: -80px; width: 100%; text-align: center;">
<h2>HackOHI/O 2016 registrations now open!</h2>
Meet great people. Learn something new. Build something amazing. Will you join us?
<br>
<a href="2016"><b>Learn more &rarr;</b></a></a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ohio.typeform.com/to/HzIIv7"><b>Apply now &rarr;</b></a>
Expand All @@ -57,31 +58,21 @@ <h3>
<br><br>

<h1 class="animated flipInX"><span class="lt"> // Upcoming Events</span></h1>

<h2>&#9656; UI Architecture for Web Dev</h2>
<h2>&#9656; <a href="https://techhub.osu.edu/news/2016/10/06/coding-workshop-introduction-swift-ios">Introduction to Swift for iOS</a></h2>
<p>
<span class="bg">September 26 @ 6:30 PM&nbsp;&nbsp;//&nbsp;&nbsp;Dreese Labs 264</span>
<span class="bg">October 26 @ 6:00 PM&nbsp;&nbsp;//&nbsp;&nbsp;<a href="https://techhub.osu.edu/location-hours">Tech Hub</a></span>
<br>
Join us at this workshop with Kevin Mack to learn about the architecture of user interfaces.
</p>
Learn iOS development with Swift! Please <a href="https://osu.az1.qualtrics.com/jfe/form/SV_3s1febZu43NEgw5">register here</a>. A Mac with the latest macOS release, along with Xcode and an Applie ID, are needed. </p>

<h2>&#9656; Paxata Tech Talk</h2>
<p>
<span class="bg">October 26 @ 7:00 PM&nbsp;&nbsp;//&nbsp;&nbsp;Dreese Labs 264</span>
<br>
<span class="bg">November 2 @ 7:00 PM&nbsp;&nbsp;//&nbsp;&nbsp;Dreese Labs 264</span> <br>
HackOHI/O sponsor <a href="http://www.paxata.com/">Paxata</a> will be giving a tech talk on a yet-to-be-announced topic - stay tuned!
</p>

<h2>&#9656; Ruby on Rails Workshop</h2>
<p>
<span class="bg">November 7 @ 7:00 PM&nbsp;&nbsp;//&nbsp;&nbsp;Room TBD</span>
<br>
<a href="https://hackers.org.ohio-state.edu/">Buckeye Hackers</a> will be giving a workshop on using Ruby on Rails for your next web development project.
</p>

<h2>&#9656; How to Hack a Tesla and Coding with the Artisan</h2>
<p>
<span class="bg">November 8 @ 5:30 PM&nbsp;&nbsp;//&nbsp;&nbsp;<a href="https://www.google.com/maps/dir/''/pillar+technology+columbus/@39.974839,-83.0677131,12z/data=!3m1!4b1!4m8!4m7!1m0!1m5!1m1!1s0x88234f6a744fc7b9:0xd0c230a717d372f2!2m2!1d-82.9976732!2d39.9748601">Pillar Technology</a></span>
<span class="bg">November 7 @ 5:30 PM&nbsp;&nbsp;//&nbsp;&nbsp;<a href="https://www.google.com/maps/dir/''/pillar+technology+columbus/@39.974839,-83.0677131,12z/data=!3m1!4b1!4m8!4m7!1m0!1m5!1m1!1s0x88234f6a744fc7b9:0xd0c230a717d372f2!2m2!1d-82.9976732!2d39.9748601">Pillar Technology</a></span>
<br>
HackOHI/O sponsor <a href="http://pillartechnology.com/">Pillar Technology</a> will be presenting on hacking and developing with Tesla cars.
</p>
Expand All @@ -97,25 +88,37 @@ <h2><a href="2016">&#9656; HackOHI/O 2016</a></h2>
<p>
<span class="bg">November 19 - 20&nbsp;&nbsp;//&nbsp;&nbsp;Ohio Union</span>
<br>
Our last hackathon, <a href="2015">OHI/O 2015</a>, drew in over 500 students last November for a fantastic event. Our next hackathon will be known as HackOHI/O 2016, and we're looking to make this year even better! Visit <a href="2016">our website</a> to learn more.
Join us at at Ohio State's largest annual hackathon, powered by AWS. HackOHI/O is the Ohio State University's largest hackathon for a weekend of building and creating real projects with awesome people. Over 700 undergraduate and graduate students will design, build, and demonstrate projects to a live audience of students, faculty, and representatives from tech companies. Visit <a href="2016">our website</a> to learn more.
</p>

<br><br>

<p>Check out our <a href="archive/">Event Archive</a> for our previous activities.</p>
<h4>Check out our <a href="archive/">Event Archive</a> for our previous activities.</h4>

<br><br>

<h3>
Stay Connected:
<br><br>
<a class="social-media-image" href="https://www.facebook.com/hackohio"><i class="fa fa-facebook fa-2x"></i></a>
<a class="social-media-image" href="https://twitter.com/hackohio"><i class="fa fa-twitter fa-2x"></i></a>
<a class="social-media-image" href="https://www.instagram.com/hackohio/"><i class="fa fa-instagram fa-2x"></i></a>
<a class="social-media-image" href="https://www.youtube.com/channel/UCJJzEGEjQrpVTY3zEQS0BpA"><i class="fa fa-youtube fa-2x"></i></a>
<a class="social-media-image" href="https://medium.com/@hackohio"><i class="fa fa-medium fa-2x"></i></a>
</h3>
<a href="privacy">Privacy Policy</a>
<div style="padding: 2px; width: 100%; text-align: center;">
<table style="margin: 0 auto; width: 25%;">
<tr>
<td style="text-align: center;">
<a class="social-media-image" href="https://www.facebook.com/hackohio"><i class="fa fa-facebook fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://twitter.com/hackohio"><i class="fa fa-twitter fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://www.instagram.com/hackohio/"><i class="fa fa-instagram fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://www.youtube.com/channel/UCJJzEGEjQrpVTY3zEQS0BpA"><i class="fa fa-youtube fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://medium.com/@hackohio"><i class="fa fa-medium fa-2x"></i></a>
</td>
</tr>
</table>
<br>
<a href="privacy">Privacy Policy</a>
</div>

<br><br><br>
</div>
</div>
Expand Down
28 changes: 26 additions & 2 deletions privacy/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,8 +60,32 @@ <h1 class="animated flipInX"><span class="lt">OH</span><span class="bld">I/O</sp
<b>Childrens Online Privacy Protection Act Compliance</b>
<br>
We are in compliance with the requirements of COPPA (Childrens Online Privacy Protection Act), as we do not collect any information from anyone under 13 years of age. Our website, products and services are all directed to people who are at least 13 years old or older.
<br><br><br><br>
<b><a href="../index.html">Back to Home</a></b>
<br><br>

<div style="padding: 2px; width: 100%; text-align: center;">
<br><br>
<b><a href="../index.html">Back to Home</a></b>
<br><br>
<table style="margin: 0 auto; width: 25%;">
<tr>
<td style="text-align: center;">
<a class="social-media-image" href="https://www.facebook.com/hackohio"><i class="fa fa-facebook fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://twitter.com/hackohio"><i class="fa fa-twitter fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://www.instagram.com/hackohio/"><i class="fa fa-instagram fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://www.youtube.com/channel/UCJJzEGEjQrpVTY3zEQS0BpA"><i class="fa fa-youtube fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://medium.com/@hackohio"><i class="fa fa-medium fa-2x"></i></a>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
29 changes: 20 additions & 9 deletions style/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,33 +34,44 @@ h1 {
font-size: 36pt;
text-transform: uppercase;
line-height: 37pt;
margin: 0;
margin: 0;
margin-bottom: 26px;
box-sizing: border-box;
color: rgb(187, 0, 0);
color: rgb(187, 0, 0);
}

h2 {
font-weight: 400;
font-weight: 400;
font-size: 25pt;
line-height: 25pt;
margin: 0;
margin-top: 25px;
margin: 0;
margin-top: 25px;
margin-bottom: 15px;
box-sizing: border-box;
}

h3 {
font-weight: 400;
font-weight: 400;
font-size: 15pt;
line-height: 16pt;
margin-top: 15px;
line-height: 16pt;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 35px;
box-sizing: border-box;
}

h4 {
font-weight: 400;
font-size: 12pt;
line-height: 16pt;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 15px;
box-sizing: border-box;
}

p {
margin-left: 30px;
margin-left: 35px;
}

ul {
Expand Down

0 comments on commit 1095b82

Please sign in to comment.