Newer
Older
#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/doctype_html5.vtl")
#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/metadata.vtl")
#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/fav_icon.vtl")
##<link rel="stylesheet" type="text/css" href="/DOTSASS/includes/css/test.css?debug=true">
## loads department template styles
<link rel="stylesheet" type="text/css" href="${domain}/contentAsset/raw-data/bca47354-e493-4cc7-87e6-0648c5f58f35/fileAsset">
<link rel="stylesheet" type="text/css" href="/includes/main.css">
## loads modernizer
<!--[if lt IE 9]><script type="text/javascript" src="${domain}/contentAsset/raw-data/d726d485-a94d-407e-a120-6657f7dd3596/fileAsset?byInode=true"></script><![endif]-->
## loads typekit
#if(${host.typekit} !="")#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/typekit.vtl")#end
#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/body.vtl")
#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/gtm.vtl")
#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/browser_upgrade.vtl")
<div id="outer-wrap"#if($VTLSERVLET_URI =="/index") class="home"#end>
<nav id="mobile-nav" aria-label="mobile">
<h2 class="landmark">Mobile Menu</h2>
<p class="close"><a href="#return" tabindex="0"><svg class="close-icon"><use xlink:href="#close-icon"></use></svg> Close</a></p>
<p class="title-mobile"><a href="/" title="$host.siteName">$host.siteName</a></p>
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<form action="/pages/search" id="cse-search-box-mobile">
<label class="hide" for="gse_query-mobile">Search Box</label>
<input type="text" id="gse_query-mobile" name="query" size="18" placeholder="Search...">
<label class="hide" for="searchbutton-mobile">Submit Search</label>
<input type="submit" value="Search" id="searchbutton-mobile">
</form>
<ul id="nav-menu-mobile">
#set($topnav = $navtool.getNav("/"))
<li class="level_1 #if($VTLSERVLET_URI =="/index") active #end"><a href="/">Home</a></li>
#foreach($item in $topnav)
<li class="level_1#if($item.active) active#end #if($item.children.size() > 0) parent#end"><a href="${item.href}">$item.title</a>
#if($item.active && $item.children.size() > 0)
<ul>
#foreach($two in $item.children)
<li class="level_2#if($two.active) active#end #if($two.children.size() > 0)parent#end"><a href="${two.href}">${two.title}</a>
#if($two.active && $two.children.size() > 0)
<ul>
#foreach($three in $two.children)
<li class="level_3#if($three.active) active#end"><a href="${three.href}">${three.title}</a></li>
#end
</ul>
#end
</li>
#end ## end $one
</ul>
#end
</li>
#end
</ul>
<p class="close"><a href="#return"><svg class="close-icon"><use xlink:href="#close-icon"></use></svg> Close</a></p>
</nav>
<div id="dark-cover" aria-label="Mobile Only - on click, close mobile menu"></div>
<header role="banner" #if($VTLSERVLET_URI =="/index") class="home"#end>
<div class="row masthead-row">
<div class="small-9 large-12 columns masthead">
<a href="http://www.msu.edu"><svg class="masthead">
<text>Michigan State University</text>
<use xlink:href="#msu-masthead-icon"></use>
</svg></a>
<div id="search-medium">
<form action="/pages/search" id="cse-search-box" role="search">
<label class="hide" for="gse_query">Search Box</label>
<input type="text" id="gse_query" name="query" size="18" aria-label="search box" placeholder="Search...">
<label class="hide" for="searchbutton">Submit Search</label>
<input type="submit" value="Search" id="searchbutton">
</form>
</div>
</div>
<div class="small-3 columns">
<p id="nav-button" class="nav-button green"><a href="#mobile-nav"><svg class="masthead"><text>Mobile Menu</text>
<use xlink:href="#menu-search-icon"></use></svg>
</a></p>
</div>
</div>
<div class="row title-row">
<div class="small-12 columns"><h1><a href="/" title="$host.siteName">#dotParse('/includes/siteTitle.vtl')</a></h1></div>
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
</div>
</header>
#if($VTLSERVLET_URI =="/index")
<div class="banner-wrap">
<div class="row home-banner">
<div class="small-12 medium-6 large-3 columns banner-text">
#foreach($banner in $dotcontent.pull("+contentType:Banner +(conhost:$host.identifier)",1,"modDate desc"))
$banner.caption1
#end
</div>
<div class="medium-6 large-9 columns banner-image">
</div>
</div>
</div>
#end
<div class="page-wrap">
<div class="fade">
<div id="page" class="page row">
## sidebar
<div class="large-3 columns" id="nav-medium">
<nav id="navigation" class="navigation">
<h2 class="landmark">Main Menu</h2>
<ul id="nav_sub">
#set($topnav = $navtool.getNav("/"))
<li class="level_1 #if($VTLSERVLET_URI =="/index") here #end"><a href="/">Home</a></li>
#foreach($level_1 in $topnav)
<li class="level_1#if($level_1.active) here#end #if($level_1.parent) parent#end"><a href="${level_1.href}">${level_1.title}</a>
#if($level_1.active && $level_1.children.size() > 0)
<ul>
#foreach($level_2 in $level_1.children)
<li class="level_2#if($level_2.active) here#end #if($level_2.parent) parent#end"><a href="${level_2.href}">${level_2.title}</a>
#if($level_2.active && $level_2.children.size() > 0)
<ul>
#foreach($level_3 in $level_2.children)
<li class="level_3#if($level_3.active) here#end"><a href="${level_3.href}">${level_3.title}</a></li>
#end
</ul>
#end
</li>
#end
</ul>
#end
</li>
#end
## code below allows the user to re-arrange nav
#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/nav-arrange.vtl")