Skip to content

Commit

Permalink
Configured menu system and linked up most advisor pages. Student page…
Browse files Browse the repository at this point in the history
…s didn't exist yet.

Didn't connect searching resource pages.  Didn't know how that was setup.
  • Loading branch information
kcalmes committed Dec 5, 2012
1 parent b43c0f3 commit c1bbc62
Show file tree
Hide file tree
Showing 5 changed files with 94 additions and 48 deletions.
4 changes: 4 additions & 0 deletions css/theme.css
Expand Up @@ -27,4 +27,8 @@ background-size: 100% 100%;
#header .btn{ #header .btn{
padding: 33px 12px; padding: 33px 12px;
width: 228px; width: 228px;
}
#subnav a{
text-decoration: none;
color: #000;
} }
2 changes: 2 additions & 0 deletions index.html
Expand Up @@ -70,3 +70,5 @@
</div> </div>
</body> </body>
</html> </html>
>
</html>
28 changes: 20 additions & 8 deletions js/partials.js
Expand Up @@ -5,15 +5,27 @@ $(function(){


function navigate(){ function navigate(){
var page = document.location.hash.substr(1); var page = document.location.hash.substr(1);
var scope = page.substr(0,page.indexOf('/')); var scope = page.substr(0,page.lastIndexOf('/'));
console.log(scope);
//set the buttons
$('#header .row').each(function(){
$(this).addClass('hide');
});

//set all of the nav to hidden
$('#subnav').each(function(){
$(this).find('.row').addClass('hide');
});
//set the menu to be used
if(scope == "students"){ if(scope == "students"){
$('#subnav .students').addClass('hide'); $('#header #student-buttons').removeClass('hide');
$('#subnav .advisors').addClass('hide'); $('#subnav #students-advisement').removeClass('hide');
$('#subnav .students').removeClass('hide'); } else if(scope == "advisors/students" || page == "advisors/students" || page == "advisors"){
} else if(scope == "advisors"){ $('#header #advisor-buttons').removeClass('hide');
$('#subnav .students').addClass('hide'); $('#subnav #advisors-students').removeClass('hide');
$('#subnav .advisors').addClass('hide'); } else if(scope == "advisors/resources" || page == "advisors/resources"){
$('#subnav .advisors').removeClass('hide'); $('#header #advisor-buttons').removeClass('hide');
$('#subnav #advisors-resources').removeClass('hide');
} }
if(page != ""){ if(page != ""){
$('#main-content').html(new EJS({url: './pages/'+page+'.ejs'}).render({})); $('#main-content').html(new EJS({url: './pages/'+page+'.ejs'}).render({}));
Expand Down
101 changes: 61 additions & 40 deletions pages.html
Expand Up @@ -45,7 +45,7 @@


<div id="header" class="header-texture"> <div id="header" class="header-texture">
<div class="container"> <div class="container">
<div class="row"> <div id="advisor-buttons" class="row hide">
<div class="span4"> <div class="span4">
<a href="#advisors/students" class="btn">STUDENTS</a> <a href="#advisors/students" class="btn">STUDENTS</a>
</div> </div>
Expand All @@ -56,68 +56,89 @@
<a href="#advisors/resources" class="btn">RESOURCES</a> <a href="#advisors/resources" class="btn">RESOURCES</a>
</div> </div>
</div> </div>
<div id="student-buttons" class="row hide">
<div class="span4">
<a href="#advisors/students" class="btn">ADVISEMENT</a>
</div>
<div class="span4">
<a href="./index.html"><img src="./img/logo.png" /></a>
</div>
<div class="span4">
<a href="#advisors/resources" class="btn">RESOURCES</a>
</div>
</div>
</div> </div>
</div> </div>


<div id="subnav" class="container"> <div id="subnav" class="container">
<div class="row students hide"> <div id="students-advisement" class="row hide">
<div class="span4 menu left"> <div class="span4 menu left">
<ul> <h5><a href="#">Past Sessions</a></h5>
</ul>
<h5>Past Sessions</h5>
</div> </div>
<div class="offset4 span4 menu middle"> <div class="offset4 span4 menu middle">
<ul> <h5><a href="#">Future Sessions</a></h5>
</ul>
<h5>Future Sessions</h5>
</div> </div>
</div> </div>
<div class="row advisors hide"> <div id="students-resources" class="row students hide">
<div class="span4 menu left">
<h5><a href="#">student resources</a></h5>
</div>
<div class="offset4 span4 menu middle">
<h5><a href="#">student resources</a></h5>
</div>
</div>
<div id="advisors-students" class="row hide">
<div class="span4 menu left">
<h5><a href="#advisors/students/past">Past Sessions</a></h5>
</div>
<div class="offset4 span4 menu middle">
<h5><a href="#advisors/students/future">Future Sessions</a></h5>
</div>
</div>
<div id="advisors-resources" class="row advisors hide">
<div class="span3 menu left"> <div class="span3 menu left">
<ul> <h5><a href="#advisors/resources/manage">Manage</a></h5>
</ul>
<h5>Manage</h5>
</div> </div>
<div class="offset3 span3 menu middle"> <div class="offset3 span3 menu middle">
<ul> <ul>
<li>Business</li> <li><a href="#">Business</a></li>
<li>Continuing Education</li> <li><a href="#">Continuing Education</a></li>
<li>Education</li> <li><a href="#">Education</a></li>
<li>Engineering and Tech</li> <li><a href="#">Engineering and Tech</a></li>
<li>Family, Home, and Social</li> <li><a href="#">Family, Home, and Social</a></li>
<li>Fine Arts and Comm</li> <li><a href="#">Fine Arts and Comm</a></li>
<li>Graduate Studies</li> <li><a href="#">Graduate Studies</a></li>
<li>Humanities</li> <li><a href="#">Humanities</a></li>
<li>International Studies</li> <li><a href="#">International Studies</a></li>
<li>Law School</li> <li><a href="#">Law School</a></li>
<li>Life Sciences</li> <li><a href="#">Life Sciences</a></li>
<li>Nursing</li> <li><a href="#">Nursing</a></li>
<li>Phys and Math Sciences</li> <li><a href="#">Phys and Math Sciences</a></li>
<li>Religious Education</li> <li><a href="#">Religious Education</a></li>
</ul> </ul>
<h5>Departments</h5> <h5>Departments</h5>
</div> </div>
<div class="offset6 span3 menu middle"> <div class="offset6 span3 menu middle">
<ul> <ul>
<li>Resumes</li> <li><a href="#">Resumes</a></li>
<li>Networking</li> <li><a href="#">Networking</a></li>
<li>Interviewing</li> <li><a href="#">Interviewing</a></li>
<li>Career Development</li> <li><a href="#">Career Development</a></li>
<li>Internships</li> <li><a href="#">Internships</a></li>
<li>Employers</li> <li><a href="#">Employers</a></li>
</ul> </ul>
<h5>Career</h5> <h5>Career</h5>
</div> </div>
<div class="offset9 span3 menu right"> <div class="offset9 span3 menu right">
<ul> <ul>
<li>Course Catalog</li> <li><a href="#">Course Catalog</a></li>
<li>Helpful Course Outlines</li> <li><a href="#">Helpful Course Outlines</a></li>
<li>MAPs</li> <li><a href="#">MAPs</a></li>
<li>Choosing a Major</li> <li><a href="#">Choosing a Major</a></li>
<li>Choosing a Career</li> <li><a href="#">Choosing a Career</a></li>
<li>Graduate School</li> <li><a href="#">Graduate School</a></li>
<li>Advisement Services</li> <li><a href="#">Advisement Services</a></li>
<li>Staff</li> <li><a href="#">Staff</a></li>
</ul> </ul>
<h5>Academic</h5> <h5>Academic</h5>
</div> </div>
Expand Down
7 changes: 7 additions & 0 deletions pages/home.ejs
@@ -0,0 +1,7 @@
<div class="container">
<div class="row">
<div class="span12">
HOME
</div>
</div>
</div>

0 comments on commit c1bbc62

Please sign in to comment.