mrumel/WMU-Iclub-Website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Head bar works

Browse source 
This is the final commit before the fork, All work will now be done on forks and pull requests be submitted and reviewed before being appened to the Master branch
This commit is contained in:
Maxunm 2017-06-12 14:27:23 -04:00
parent e85dad705e
commit 7188c1cb9d
4 changed files with 31 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

15
about/index.html
View file

@ -36,18 +36,23 @@
<div class="nav-wrapper container"> <div class="nav-wrapper container">
<a id="logo-container" href="" class="brand-logo"> <img class="responsive-img" src="../logo.png" width="100"> </a> <a id="logo-container" href="" class="brand-logo"> <img class="responsive-img" src="../logo.png" width="100"> </a>
<ul class="right hide-on-med-and-down"> <ul class="right hide-on-med-and-down">
<li><a class="waves-effect" href="../about/index.html">About</a></li> <li><a class="waves-effect grey-text text-lighten-5" href="../index.html">Home</a></li>
<li><a class="waves-effect" href="../donate/index.html">Donate</a></li> <li><a class="waves-effect grey-text text-lighten-5" href="../about/index.html">About</a></li>
<li><a class="waves-effect grey-text text-lighten-5" href="../donate/index.html">Donate</a></li>
</ul> </ul>
<ul id="slide-out" class="side-nav"> <ul id="slide-out" class="side-nav grey darken-2">
<li><a class="waves-effect" href="../about/index.html">About</a></li> <li><a class="waves-effect grey-text text-lighten-5" href="../index.html">Home</a></li>
<li><a class="waves-effect" href="../donate/index.html">Donate</a></li> <li><a class="waves-effect grey-text text-lighten-5" href="../about/index.html">About</a></li>
<li><a class="waves-effect grey-text text-lighten-5" href="../donate/index.html">Donate</a></li>
</ul> </ul>
<a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a> <a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>
</div> </div>
</nav> </nav>
<br> <br>
<b>About page</b> <b>About page</b>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../js/materialize.min.js"></script>
<script type="text/javascript" src="../js/SideNav.js"></script>
</body> </body>
</html> </html>

15
donate/index.html
View file

@ -37,18 +37,23 @@
<div class="nav-wrapper container"> <div class="nav-wrapper container">
<a id="logo-container" href="" class="brand-logo"> <img class="responsive-img" src="../logo.png" width="100"> </a> <a id="logo-container" href="" class="brand-logo"> <img class="responsive-img" src="../logo.png" width="100"> </a>
<ul class="right hide-on-med-and-down"> <ul class="right hide-on-med-and-down">
<li><a class="waves-effect" href="../about/index.html">About</a></li> <li><a class="waves-effect grey-text text-lighten-5" href="../index.html">Home</a></li>
<li><a class="waves-effect" href="../donate/index.html">Donate</a></li> <li><a class="waves-effect grey-text text-lighten-5" href="../about/index.html">About</a></li>
<li><a class="waves-effect grey-text text-lighten-5" href="../donate/index.html">Donate</a></li>
</ul> </ul>
<ul id="slide-out" class="side-nav"> <ul id="slide-out" class="side-nav grey darken-2">
<li><a class="waves-effect" href="../about/index.html">About</a></li> <li><a class="waves-effect grey-text text-lighten-5" href="../index.html">Home</a></li>
<li><a class="waves-effect" href="../donate/index.html">Donate</a></li> <li><a class="waves-effect grey-text text-lighten-5" href="../about/index.html">About</a></li>
<li><a class="waves-effect grey-text text-lighten-5" href="../donate/index.html">Donate</a></li>
</ul> </ul>
<a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a> <a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>
</div> </div>
</nav> </nav>
<br> <br>
<b>Donate page</b> <b>Donate page</b>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../js/materialize.min.js"></script>
<script type="text/javascript" src="../js/SideNav.js"></script>
</body> </body>
</html> </html>

14
index.html
View file

@ -36,13 +36,15 @@
<div class="nav-wrapper container"> <div class="nav-wrapper container">
<a id="logo-container" href="" class="brand-logo"> <img class="responsive-img" src="logo.png" width="100"> </a> <a id="logo-container" href="" class="brand-logo"> <img class="responsive-img" src="logo.png" width="100"> </a>
<ul class="right hide-on-med-and-down"> <ul class="right hide-on-med-and-down">
<li><a class="waves-effect" href="./about/index.html">About</a></li> <li><a class="waves-effect grey-text text-lighten-5" href="./index.html">Home</a></li>
<li><a class="waves-effect" href="./donate/index.html">Donate</a></li> <li><a class="waves-effect grey-text text-lighten-5" href="./about/index.html">About</a></li>
<li><a class="waves-effect grey-text text-lighten-5" href="./donate/index.html">Donate</a></li>
</ul> </ul>
<ul id="slide-out" class="side-nav"> <ul id="slide-out" class="side-nav grey darken-2">
<li><a class="waves-effect" href="./about/index.html">About</a></li> <li><a class="waves-effect grey-text text-lighten-5" href="./index.html">Home</a></li>
<li><a class="waves-effect" href="./donate/index.html">Donate</a></li> <li><a class="waves-effect grey-text text-lighten-5" href="./about/index.html">About</a></li>
<li><a class="waves-effect grey-text text-lighten-5" href="./donate/index.html">Donate</a></li>
</ul> </ul>
<a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a> <a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>
</div> </div>
@ -142,10 +144,10 @@
</div> </div>
</div> </div>
</footer> </footer>
<!--Import jQuery before materialize.js--> <!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script> <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script> <script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/SideNav.js"></script>
</body> </body>
</html> </html>

3
js/SideNav.js Normal file
View file

@ -0,0 +1,3 @@
// Initialize collapse button
$(".button-collapse").sideNav();