Skip to content
Snippets Groups Projects
Code owners
Assign users and groups as approvers for specific file changes. Learn more.
header.vtl 6.03 KiB

 ## loads the html 5 doctype
#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/doctype_html5.vtl")
<head>
## loads the title and meta tags
#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/metadata.vtl")
## loads the fav icon
#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/a490d51a-8c80-4acd-96b6-3c1971dac3a5/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
</head>
## loads the body tag
#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/body.vtl")
## loads GTM script from share drive
#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/gtm.vtl")
## BROWSER UPGRADE MESSAGE INCLUDE
#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>
	      <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>
	</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">
				#dotParse('/includes/home-banner.vtl')
			</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")
		</ul>
	</nav>
	#dotParse('/includes/nav-promo.vtl')
</div>
	## content
	<article id="content" class="content small-12 large-9 columns" role="main">