Skip to content

Commit

Permalink
updating navbar to be uniform across all pages
Browse files Browse the repository at this point in the history
  • Loading branch information
mrfarmer7771 committed Sep 11, 2018
1 parent b530353 commit 624bbd5
Show file tree
Hide file tree
Showing 4 changed files with 139 additions and 192 deletions.
104 changes: 49 additions & 55 deletions Events.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,10 +13,56 @@
<meta name="keywords" content="Mundelein,High,School,Programming,Byte,Club,Farmer,Rouvinov,Cygnus,Palacios">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Border of Binary Code -->


<!-- Site title. Shows up on tab. -->
<title>Byte Club</title>

<!-- Stylesheets. Specify how the content of the site should look and feel, e.g. { color: red; font-family: Comic Sans MS; } -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/style.css">
<!-- Add a sign in when we can use javascript -->
<script src="js/vendor/modernizr-2.8.0.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>

<body>


<!--binary message-->
<div class="binary">
</div>
<style>

<!-- Navigation Bar -->
<div id="wrap" class="container"></div>
<div id="wrap" class="container">
<!-- Upcoming events -->
<h2 id="Events">Upcoming Events</h2>
<ul>
<li><a href="https://codeday.org/chicago">CodeDay</a></li>
<ul>
<li>Events TBA!</li>
</ul>
</li>
</ul>
<!-- Footer -->
<br>
<hr>
<footer>Site source available on <a href="https://github.com/MHSByteClub/mhsbyteclub.github.io">GitHub</a>.</footer>
<footer><a href="contacts.html">Contact Us</a></footer>
<footer>To go back to the <a href="index.html">Home Page</a></footer>
</div>


<script>
//Loadin' in that tasty navbar
$(function(){
$("#wrap").load('nav.html');
});
</script>

<style>
.binary {
position: fixed;
top: 0px;
Expand All @@ -37,57 +83,5 @@
div.innerText += binaryString[i];
}
</script>


<!-- Banner -->
<h1><a href="/"><img src="img/byteclub-banner-teal-low.jpg" alt="Byte Club: Start Right"></a></h1>

<div class="menu-wrap">
<nav class="menu">
<ul class='clearfix'>
<li><a href="https://goo.gl/forms/bH1CFkqKaf6pSQpc2">Sign-In</a></li>
<li><a href="/contacts.html">Contacts</a></li>
<li><a href="/Events.html">Events</a></li>
<li><a href="/16-17Ideas.html">17-18 Ideas</a></li>
<li><a href="#buttonfun">Have Fun.</a></li>
</ul>

</nav>
</div>


<!-- Site title. Shows up on tab. -->
<title>Byte Club</title>

<!-- Stylesheets. Specify how the content of the site should look and feel, e.g. { color: red; font-family: Comic Sans MS; } -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/style.css">
<!-- Add a sign in when we can use javascript -->
<script src="js/vendor/modernizr-2.8.0.min.js"></script>
</head>
<!-- Javascript. -->
<!-- Modernizr.js is supposed to make development better by reducing cross-browser compatibility issues-->
<body>
<div id="wrap" class="container">
<!-- Upcoming events -->
<h2 id="Events">Upcoming Events</h2>
<p></p>
<ul>
<li><a href="https://codeday.org/chicago">CodeDay</a></li>
<ul>
<li>Events TBA!</li>
</ul>
</li>

</ul>
<p></p>
<!-- Footer -->
<br>
<hr>
<footer>Site source available on <a href="https://github.com/MHSByteClub/mhsbyteclub.github.io">GitHub</a>.</footer>
<footer><a href="contacts.html">Contact Us</a></footer>
<footer>To go back to the <a href="index.html">Home Page</a></footer>
</div>
</body>
</body>
</html>
107 changes: 42 additions & 65 deletions contacts.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,79 +20,24 @@
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/style.css">
<!-- Add a sign in when we can use javascript -->
<!-- Add a sign in when we can use javascript -->
<script src="js/vendor/modernizr-2.8.0.min.js"></script>
<!-- added JQuery --->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<!-- Javascript. -->
<!-- Modernizr.js is supposed to make development better by reducing cross-browser compatibility issues-->

<body>

<!-- The following comment only runs if you're on less than (lt) Internet Explorer (IE) 8 -->
<!--[if lt IE 8]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->

<!-- content goes in here -->
<div id="wrap" class="container">

<!-- Border of Binary Code -->

<!--binary message-->
<div class="binary">
</div>
<style>
.binary {
position: fixed;
top: 0px;
left: 0px;
font-size: 8px;

-webkit-transform: translateX(-50%) rotate(-90deg) translateY(50%) translateX(-50%);
-moz-transform: translateX(-50%) rotate(-90deg) translateY(50%) translateX(-50%);
-ms-transform: translateX(-50%) rotate(-90deg) translateY(50%) translateX(-50%);
-o-transform: translateX(-50%) rotate(-90deg) translateY(50%) translateX(-50%);
transform: translateX(-50%) rotate(-90deg) translateY(50%) translateX(-50%);
}
</style>
<script>
var binaryString = "01001001011001100010000001111001011011110111010100100111011100100110010100100000011100100110010101100001011001000110100101101110011001110010000001110100011010000110100101110011001000000100101001001111010010010100111000100000010000100101100101010100010001010010000001000011010011000101010101000010";
for(var i=0; i<binaryString.length; i++) {
var div = document.getElementsByClassName("binary")[0];
div.innerText += binaryString[i];
}
</script>

<!-- Banner -->
<h1><a href = "http://www.mhsbyte.org"><img src="img/byteclub-banner-teal-low.jpg" alt="Byte Club: Start Right"></a></h1>
<!-- Navigation Bar -->
<div id="wrap" class="container">
</div>

<!-- Navigation Bar -->
<div class="menu-wrap">
<nav class="menu">
<ul class="clearfix">
<li><a href="/members.html">Member Sites<span class="arrow">&#9660;</span></a>
<ul class="sub-menu">
<li><a href="https://mrfarmer777.github.io">Mr Farmer's Site</a></li>
<li><a href="http://rentarosatomi520.github.io/">Kenny Stepney's Site</a></li>
<li><a href="http://zame012.github.io/">Kyle Koeller's Site</a></li>
<li><a href="http://bigal65.github.io/">Anuj's Site</a></li>
<li><a href="http://angelmontheod.github.io">Angel's Site</a></li>
<!--<li><a href="http://nduncan52.github.io/">Nick Duncan's Site</a></li>-->
<!--<li><a href="http://seanbobagins.github.io/">Sean Santore's Site</a></li>-->
<!--<li><a href="http://definitelynottyler.github.io/">Tyler's Site</a></li>-->
<!--<li><a href="http://nyodrax-nyodrax.c9.io/hello-world.html">Nyodrax's Site</a></li>-->
<!--<li><a href="https://raphaelrk.github.io">Raphael Rouvinov's Site</a></li>-->
<!--<li><a href="https://salamanderdan.github.io">Daniel Balogh's Site</a></li>-->
</ul>
</li>
<li><a href="/contacts.html">Contacts</a></li>
<li><a href="/Events.html">Events</a></li>
<li><a href="/16-17Ideas.html">16-17 Ideas</a></li>
<!-- We don't need this till next year -->
<!--<li><a href="/match.html">Match</a></li>-->
</ul>
</nav>
</div>



<h2>Contact Information</h2>
<h3>Advisor and Officers of MHS Byte Club:</h3>
<ul>
Expand Down Expand Up @@ -142,6 +87,38 @@ <h3>Notable Graduated Members:</h3>
</ul>
<footer>Go back to the <a href="index.html">Home Page</a></footer>
<footer>Site source available on <a href="https://github.com/MHSByteClub/mhsbyteclub.github.io">GitHub</a>.</footer>
<script>
//Loadin' in that tasty navbar
$(function(){
$("#wrap").load('nav.html');
});
</script>

<!-- Border of Binary Code -->

<style>
.binary {
position: fixed;
top: 0px;
left: 0px;
font-size: 8px;

-webkit-transform: translateX(-50%) rotate(-90deg) translateY(50%) translateX(-50%);
-moz-transform: translateX(-50%) rotate(-90deg) translateY(50%) translateX(-50%);
-ms-transform: translateX(-50%) rotate(-90deg) translateY(50%) translateX(-50%);
-o-transform: translateX(-50%) rotate(-90deg) translateY(50%) translateX(-50%);
transform: translateX(-50%) rotate(-90deg) translateY(50%) translateX(-50%);
}
</style>
<script>
var binaryString = "01001001011001100010000001111001011011110111010100100111011100100110010100100000011100100110010101100001011001000110100101101110011001110010000001110100011010000110100101110011001000000100101001001111010010010100111000100000010000100101100101010100010001010010000001000011010011000101010101000010";
for(var i=0; i<binaryString.length; i++) {
var div = document.getElementsByClassName("binary")[0];
div.innerText += binaryString[i];
}
</script>


</body>
</html>

85 changes: 13 additions & 72 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,11 +28,12 @@

<!--Snazzy fonts-->
<link href="https://fonts.googleapis.com/css?family=Audiowide" rel="stylesheet">



<!-- Add a sign in when we can use javascript -->
<script src="js/vendor/modernizr-2.8.0.min.js"></script>
<!-- added JQuery --->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<!-- Let's have some button fun -->
<script src="js/buttonFun.js"></script>
Expand All @@ -54,47 +55,17 @@
</script>

<div id="wrap" class="container">

<!-- Banner, yeah we use a marquee - it's been deprecated since like 1996 --->
<marquee behavior="slide" direction="left" scrollamount="90">
<img src="img/byteclub-banner-teal-low.jpg" alt="Byte Club: Start Right">
</marquee>
<!-- Navigation Bar -->
<div class="menu-wrap">
<nav class="menu">
<ul class="clearfix">


<!--
<li><a href="https://mrfarmer777.github.io">Mr Farmer's Site</a></li>
<li><a href="https://djbmo.github.io">Alex N's Site</a></li>
<li><a href="http://theexceptionist.github.io//">Kenny Stepney's Site</a></li>
<li><a href="http://pinkerfish.github.io/">Natalia Ozymko's Site</a></li>
<li><a href="http://montyfish.github.io/">Victoria Ozymko's Site</a></li>
<li><a href="https://raphaelrk.github.io">Raphael Rouvinov's Site</a></li>
<li><a href="https://salamanderdan.github.io">Daniel Balogh's Site</a></li> -->

<li><a href="https://goo.gl/forms/bH1CFkqKaf6pSQpc2">Sign-In</a></li>
<li><a href="/contacts.html">Contacts</a></li>
<li><a href="/Events.html">Events</a></li>
<li><a href="/16-17Ideas.html">17-18 Ideas</a></li>
<li><a href="#buttonfun">Have Fun.</a></li>

</ul>
</nav>
</div>
<!---->
<!-- sign in to byte club -->
</div>


<div style = "text-align:center">


<h3 id ="fun-output"></h3>

<h1>Next Meeting</h1>
<h2>Next Meeting</h2>
<h3>Wednesday, 9/12 at 3:30 in C104</h3>
<h3><a href="https://goo.gl/forms/bH1CFkqKaf6pSQpc2">Sign in here</a></h3>



<div id = "connect">
<h4>Connect with us...</h4>
Expand Down Expand Up @@ -275,47 +246,17 @@ <h2>Meeting Minutes</h2>
<h6><i>Always be D.R.Y. (you can say that again...) </i></h6>
<footer>Site source available on <a href="https://github.com/MHSByteClub/mhsbyteclub.github.io">GitHub</a>.</footer>
<footer><a href="contacts.html">Contact Us</a></footer>
<!--<a href=""></a>-->
</div>



<!--
<script>
var outputJunk = [
'<img title = "This is a hedgehog, made by a pure mix of love, math, and malice." src="https://preview.ibb.co/nymVPQ/hedgehogg.png" alt="hedgehogg" border="0">',
]
var buttonFun = function (){
var outputHolder = document.getElementById('fun-output');
//outputHolder.innerHTML=outputJunk[1];
window.location = 'https://www.youtube.com/embed/IMyqasy2Lco?start=137&autoplay=1&controls=0'
}
-->


$(function(){
$("#wrap").load('nav.html');
});
</script>



<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<!--
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
</script>
-->

</body>
</html>

Loading

0 comments on commit 624bbd5

Please sign in to comment.