Skip to content

Commit

Permalink
Make common files for header, footer, and navigation bar
Browse files Browse the repository at this point in the history
  • Loading branch information
@pkoenig10
pkoenig10 committed Jan 23, 2016
1 parent cd398c2 commit 8e31797
Show file tree
Hide file tree
Showing 12 changed files with 83 additions and 455 deletions.
2 changes: 2 additions & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,2 +1,4 @@
# Website
The Carnegie Mellon Spring Carnival website. <http://www.springcarnival.org>

When testing locally you will need to use a webserver that supports server-side includes (SSI). A lightweight and easy-to-use webserver is [ssi-server](https://github.com/danvk/ssi-server).
60 changes: 3 additions & 57 deletions booth.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,51 +14,10 @@
<body>
<div id="all">
<header class="row header booth">
<div class="logo">
<a href="index.html"><img src="img/2016-game-night-logos/dark-blur/game-night-logo-final-dark-blur.png" width="600" alt="CMU Spring Carnival 2016" /></a>
</div>
<!--#include file="logo.html" -->
</header>

<!-- Navigation -->
<div class="sticky navcontainer contain-to-grid">
<nav class="top-bar" data-topbar role="navigation" data-options="sticky_on: small; scrolltop: false;">
<ul class="title-area">
<li class="name"><h1></h1></li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>

<section class="top-bar-section">
<ul>
<!-- Home -->
<li class="root"><a class="active" href="index.html">Home</a></li>
<!-- Traditions menu -->
<li class="root has-dropdown">
<a href="#">Traditions</a>
<ul class="dropdown">
<li><a href="booth.html">Booth</a></li>
<li><a href="buggy.html">Buggy</a></li>
<li><a href="mobot.html">Mobot</a></li>
</ul>
</li>
<!-- Schedule menu -->
<li class="root has-dropdown">
<a href="#">Schedule</a>
<ul class="dropdown">
<!-- TO DO: Get schedule of events from alumni relations / make schedule -->
<!-- <li><a href="http://carnival2015.mobmovr.com">Full Schedule</a></li> -->
<li><a href="events.html">Featured Events</a></li>
</ul>
</li>
<!-- Timelapse -->
<li class="root"><a href="timelapse.html">Timelapse</a></li>
<!-- Webcam -->
<!-- <li class="root"><a href="webcam.html">Webcam</a></li> -->
<!-- Committee -->
<li class="root"><a href="committee.html">Committee</a></li>
</ul>
</section>
</nav>
</div> <!-- end navigation -->
<!--#include file="navigation.html" -->

<article class="main">
<div class="row">
Expand Down Expand Up @@ -184,20 +143,7 @@ <h3>Blitz</h3>
<br class="largespacer" />
</article>

<footer>
<div class="row">
<!-- Credits -->
<div class="large-8 columns">
<p>Photos courtesy of Carnegie Mellon University, The Thistle, The Tartan, and the School of Computer Science.<br />Website by <a href="http://aahmedsam.com" target="_blank">Sam Ahmed</a> and <a href="http://jakekushner.com" target="_blank">Jake Kushner</a></p>
</div>
<!-- Social media -->
<div class="large-4 columns text-right links">
<a href="https://www.facebook.com/cmuspringcarnival" target="_blank"><img src="img/footer/fb.png" width="25" /></a>
<a href="https://twitter.com/cmucarnival" target="_blank"><img src="img/footer/twitter.png" width="25" /></a>
<a href="http://instagram.com/cmucarnival " target="_blank"><img src="img/footer/instagram.png" width="25" /></a>
</div>
</div>
</footer>
<!--#include file="footer.html" -->
</div><!-- end all-->

<script src="js/vendor/jquery.js"></script>
Expand Down
60 changes: 3 additions & 57 deletions buggy.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,51 +14,10 @@
<body>
<div id="all">
<header class="row header buggy">
<div class="logo">
<a href="index.html"><img src="img/2016-game-night-logos/dark-blur/game-night-logo-final-dark-blur.png" width="600" alt="CMU Spring Carnival 2016" /></a>
</div>
<!--#include file="logo.html" -->
</header>

<!-- Navigation -->
<div class="sticky navcontainer contain-to-grid">
<nav class="top-bar" data-topbar role="navigation" data-options="sticky_on: small; scrolltop: false;">
<ul class="title-area">
<li class="name"><h1></h1></li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>

<section class="top-bar-section">
<ul>
<!-- Home -->
<li class="root"><a class="active" href="index.html">Home</a></li>
<!-- Traditions menu -->
<li class="root has-dropdown">
<a href="#">Traditions</a>
<ul class="dropdown">
<li><a href="booth.html">Booth</a></li>
<li><a href="buggy.html">Buggy</a></li>
<li><a href="mobot.html">Mobot</a></li>
</ul>
</li>
<!-- Schedule menu -->
<li class="root has-dropdown">
<a href="#">Schedule</a>
<ul class="dropdown">
<!-- TO DO: Get schedule of events from alumni relations / make schedule -->
<!-- <li><a href="http://carnival2015.mobmovr.com">Full Schedule</a></li> -->
<li><a href="events.html">Featured Events</a></li>
</ul>
</li>
<!-- Timelapse -->
<li class="root"><a href="timelapse.html">Timelapse</a></li>
<!-- Webcam -->
<!-- <li class="root"><a href="webcam.html">Webcam</a></li> -->
<!-- Committee -->
<li class="root"><a href="committee.html">Committee</a></li>
</ul>
</section>
</nav>
</div> <!-- end navigation -->
<!--#include file="navigation.html" -->

<article class="main">
<div class="row">
Expand Down Expand Up @@ -95,20 +54,7 @@
<br class="largespacer" />
</article>

<footer>
<div class="row">
<!-- Credits -->
<div class="large-8 columns">
<p>Photos courtesy of Carnegie Mellon University, The Thistle, The Tartan, and the School of Computer Science.<br />Website by <a href="http://aahmedsam.com" target="_blank">Sam Ahmed</a> and <a href="http://jakekushner.com" target="_blank">Jake Kushner</a></p>
</div>
<!-- Social media -->
<div class="large-4 columns text-right links">
<a href="https://www.facebook.com/cmuspringcarnival" target="_blank"><img src="img/footer/fb.png" width="25" /></a>
<a href="https://twitter.com/cmucarnival" target="_blank"><img src="img/footer/twitter.png" width="25" /></a>
<a href="http://instagram.com/cmucarnival " target="_blank"><img src="img/footer/instagram.png" width="25" /></a>
</div>
</div>
</footer>
<!--#include file="footer.html" -->
</div><!-- end all-->

<script src="js/vendor/jquery.js"></script>
Expand Down
60 changes: 3 additions & 57 deletions committee.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,51 +14,10 @@
<body>
<div id="all">
<header class="row header committee">
<div class="logo">
<a href="index.html"><img src="img/2016-game-night-logos/dark-blur/game-night-logo-final-dark-blur.png" width="600" alt="CMU Spring Carnival 2016" /></a>
</div>
<!--#include file="logo.html" -->
</header>

<!-- Navigation -->
<div class="sticky navcontainer contain-to-grid">
<nav class="top-bar" data-topbar role="navigation" data-options="sticky_on: small; scrolltop: false;">
<ul class="title-area">
<li class="name"><h1></h1></li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>

<section class="top-bar-section">
<ul>
<!-- Home -->
<li class="root"><a class="active" href="index.html">Home</a></li>
<!-- Traditions menu -->
<li class="root has-dropdown">
<a href="#">Traditions</a>
<ul class="dropdown">
<li><a href="booth.html">Booth</a></li>
<li><a href="buggy.html">Buggy</a></li>
<li><a href="mobot.html">Mobot</a></li>
</ul>
</li>
<!-- Schedule menu -->
<li class="root has-dropdown">
<a href="#">Schedule</a>
<ul class="dropdown">
<!-- TO DO: Get schedule of events from alumni relations / make schedule -->
<!-- <li><a href="http://carnival2015.mobmovr.com">Full Schedule</a></li> -->
<li><a href="events.html">Featured Events</a></li>
</ul>
</li>
<!-- Timelapse -->
<li class="root"><a href="timelapse.html">Timelapse</a></li>
<!-- Webcam -->
<!-- <li class="root"><a href="webcam.html">Webcam</a></li> -->
<!-- Committee -->
<li class="root"><a href="committee.html">Committee</a></li>
</ul>
</section>
</nav>
</div> <!-- end navigation -->
<!--#include file="navigation.html" -->

<article class="main">
<div class="row">
Expand Down Expand Up @@ -195,20 +154,7 @@ <h4>Advisor</h4>
<br class="largespacer" />
</article>

<footer>
<div class="row">
<!-- Credits -->
<div class="large-8 columns">
<p>Photos courtesy of Carnegie Mellon University, The Thistle, The Tartan, and the School of Computer Science.<br />Website by <a href="http://aahmedsam.com" target="_blank">Sam Ahmed</a> and <a href="http://jakekushner.com" target="_blank">Jake Kushner</a></p>
</div>
<!-- Social media -->
<div class="large-4 columns text-right links">
<a href="https://www.facebook.com/cmuspringcarnival" target="_blank"><img src="img/footer/fb.png" width="25" /></a>
<a href="https://twitter.com/cmucarnival" target="_blank"><img src="img/footer/twitter.png" width="25" /></a>
<a href="http://instagram.com/cmucarnival " target="_blank"><img src="img/footer/instagram.png" width="25" /></a>
</div>
</div>
</footer>
<!--#include file="footer.html" -->
</div><!-- end all-->

<script src="js/vendor/jquery.js"></script>
Expand Down
60 changes: 3 additions & 57 deletions events.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,51 +14,10 @@
<body>
<div id="all">
<header class="row header schedule">
<div class="logo">
<a href="index.html"><img src="img/2016-game-night-logos/dark-blur/game-night-logo-final-dark-blur.png" width="600" alt="CMU Spring Carnival 2016" /></a>
</div>
<!--#include file="logo.html" -->
</header>

<!-- Navigation -->
<div class="sticky navcontainer contain-to-grid">
<nav class="top-bar" data-topbar role="navigation" data-options="sticky_on: small; scrolltop: false;">
<ul class="title-area">
<li class="name"><h1></h1></li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>

<section class="top-bar-section">
<ul>
<!-- Home -->
<li class="root"><a class="active" href="index.html">Home</a></li>
<!-- Traditions menu -->
<li class="root has-dropdown">
<a href="#">Traditions</a>
<ul class="dropdown">
<li><a href="booth.html">Booth</a></li>
<li><a href="buggy.html">Buggy</a></li>
<li><a href="mobot.html">Mobot</a></li>
</ul>
</li>
<!-- Schedule menu -->
<li class="root has-dropdown">
<a href="#">Schedule</a>
<ul class="dropdown">
<!-- TO DO: Get schedule of events from alumni relations / make schedule -->
<!-- <li><a href="http://carnival2015.mobmovr.com">Full Schedule</a></li> -->
<li><a href="events.html">Featured Events</a></li>
</ul>
</li>
<!-- Timelapse -->
<li class="root"><a href="timelapse.html">Timelapse</a></li>
<!-- Webcam -->
<!-- <li class="root"><a href="webcam.html">Webcam</a></li> -->
<!-- Committee -->
<li class="root"><a href="committee.html">Committee</a></li>
</ul>
</section>
</nav>
</div> <!-- end navigation -->
<!--#include file="navigation.html" -->

<article class="main">
<div class="row">
Expand Down Expand Up @@ -145,20 +104,7 @@ <h3>5. MOBOT RACES</h3>
<br class="largespacer" />
</article>

<footer>
<div class="row">
<!-- Credits -->
<div class="large-8 columns">
<p>Photos courtesy of Carnegie Mellon University, The Thistle, The Tartan, and the School of Computer Science.<br />Website by <a href="http://aahmedsam.com" target="_blank">Sam Ahmed</a> and <a href="http://jakekushner.com" target="_blank">Jake Kushner</a></p>
</div>
<!-- Social media -->
<div class="large-4 columns text-right links">
<a href="https://www.facebook.com/cmuspringcarnival" target="_blank"><img src="img/footer/fb.png" width="25" /></a>
<a href="https://twitter.com/cmucarnival" target="_blank"><img src="img/footer/twitter.png" width="25" /></a>
<a href="http://instagram.com/cmucarnival " target="_blank"><img src="img/footer/instagram.png" width="25" /></a>
</div>
</div>
</footer>
<!--#include file="footer.html" -->
</div><!-- end all-->

<script src="js/vendor/jquery.js"></script>
Expand Down
14 changes: 14 additions & 0 deletions footer.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<footer>
<div class="row">
<!-- Credits -->
<div class="large-8 columns">
<p>Photos courtesy of Carnegie Mellon University, The Thistle, The Tartan, and the School of Computer Science.<br />Website by <a href="http://aahmedsam.com" target="_blank">Sam Ahmed</a> and <a href="http://jakekushner.com" target="_blank">Jake Kushner</a></p>
</div>
<!-- Social media -->
<div class="large-4 columns text-right links">
<a href="https://www.facebook.com/cmuspringcarnival" target="_blank"><img src="img/footer/fb.png" width="25" /></a>
<a href="https://twitter.com/cmucarnival" target="_blank"><img src="img/footer/twitter.png" width="25" /></a>
<a href="http://instagram.com/cmucarnival " target="_blank"><img src="img/footer/instagram.png" width="25" /></a>
</div>
</div>
</footer>
Loading

0 comments on commit 8e31797

Please sign in to comment.