1: #set ($showTitle = false) 2: #if ($request.getParameter("showTitle") && $request.getParameter("showTitle") == true) 3: #set ($showTitle = true) 4: #end 5: 6: #set ($columnLimit = 0) 7: #if ($tool.math.toInteger($request.getParameter("columnLimit")) > 0) 8: #set ($columnLimit = $tool.math.toInteger($request.getParameter("columnLimit"))) 9: #end 10: 11: #if ($request.getParameter("dropdown")) 12: ## CREATE DROPDOWN INTERFACE 13: 14: #if ($entries.size() > 0) 15: 16: #set ($level = $tool.math.add($request.getParameter("level"), 1)) 17: #if ($showTitle && $page.title.length() > 0)<span class="submenu-title">$page.title</span>#end 18: 19: <ul class="clearfix" role="menu"> 20: #foreach ($entry in $entries) 21: #if ($request.getParameter("ariaLabel").length() > 0) 22: #set ($ariaLabel = "${request.getParameter('ariaLabel')}: ${entry.label}") 23: #else 24: #set ($ariaLabel = $entry.label) 25: #end 26: 27: #if ($entry.secondaryURL.length() > 1) 28: #if ($entry.targetURL.length() > 1) 29: #set ($followLink = true) 30: #set ($targetURL = $entry.targetURL) 31: #else 32: #set ($followLink = false) 33: #set ($targetURL = $entry.secondaryURL) 34: #end 35: 36: <li class="has-submenu" data-follow-link="${followLink}"> 37: <a href="${targetURL}" #if ($website.isExternalLink($entry.targetURL)) target="_blank" #end aria-label="${ariaLabel}">$entry.label</a> 38: <div class="submenu level${level} clearfix"> 39: 40: #if ($entry.secondaryURL.contains("tmpl=")) 41: #set ($secondaryURL = $entry.secondaryURL) 42: #else 43: #set ($secondaryURL = "$entry.secondaryURL?tmpl=navigation-template&dropdown=true&showTitle=${showTitle}&columnLimit=${columnLimit}&level=${level}&ariaLabel=${tool.esc.url($ariaLabel)}") 44: #end 45: $website.includeAgain("${secondaryURL}") 46: </div> 47: </li> 48: #else 49: <li><a href="$entry.targetURL" #if ($website.isExternalLink($entry.targetURL)) target="_blank" #end aria-label="$ariaLabel">$entry.label</a></li> 50: #end 51: 52: #if ($columnLimit > 0 && $velocityCount % $columnLimit == 0 && $velocityCount != $entries.size()) 53: </ul><ul class="clearfix"> 54: #end 55: 56: #end 57: 58: #if ($wiki.valid())<li class="wiki">$wiki</li>#end 59: 60: </ul> 61: 62: #end ## ENTRIES SIZE 63: 64: 65: #else 66: ## TOP NAVIGATION 67: 68: #set($navContent = "") 69: #if ($request.getParameter("navContent")) 70: #set ($navContent = $request.getParameter("navContent")) 71: #end 72: 73: #set($activateOn = "hover") 74: #if ($request.getParameter("activateOn")) 75: #set ($activateOn = $request.getParameter("activateOn")) 76: #end 77: 78: #set($splitNav = false) 79: #if ($request.getParameter("splitNav") == true) 80: #set ($splitNav = true) 81: #end 82: 83: #if ($request.getAttribute("navInstance")) 84: #set ($instance = $tool.math.toInteger($request.getAttribute("navInstance"))) 85: #set ($id = "nav${instance}") 86: #set ($instance = $instance + 1) 87: #else 88: #set ($id = "nav") 89: #set ($instance = 1) 90: #end 91: 92: $request.setAttribute("navInstance", $instance) 93: 94: #if ($request.getParameter("id")) 95: #set ($id = $request.getParameter("id")) 96: #end 97: 98: #set ($level = 1) 99: #if ($splitNav) 100: #set ($splitIndex = $tool.math.ceil($tool.math.div($entries.size(), 2))) 101: #end 102: 103: <nav id="${id}" class="dropnav" data-module="dropnav" data-activate-on="$activateOn"> 104: <div class="offscreen">Site Navigation</div> 105: <ul class="clearfix" role="menubar"> 106: #foreach ($entry in $entries) 107: #if ($entry.secondaryURL.length() > 1) 108: 109: #if ($entry.targetURL.length() > 1) 110: #set ($followLink = true) 111: #set ($targetURL = $entry.targetURL) 112: #else 113: #set ($followLink = false) 114: #set ($targetURL = $entry.secondaryURL) 115: #end 116: 117: <li class="nav nav${velocityCount} has-submenu" data-follow-link="${followLink}" aria-label="$entry.label"> 118: <a href="${targetURL}" class="nav-link" #if ($website.isExternalLink($entry.targetURL)) target="_blank" #end>$entry.label</a> 119: <div id="submenu${velocityCount}" class="submenu level${level} clearfix"> 120: 121: #if ($entry.secondaryURL.contains("tmpl=")) 122: #set ($secondaryURL = $entry.secondaryURL) 123: #else 124: #set ($secondaryURL = "$entry.secondaryURL?tmpl=navigation-template&dropdown=true&showTitle=${showTitle}&columnLimit=${columnLimit}&level=${level}&ariaLabel=${tool.esc.url($entry.label)}") 125: #end 126: $website.includeAgain("${secondaryURL}") 127: 128: ## NAVIGATION CONTENT 129: #if ($navContent.length() > 0) 130: $website.includeAgain("${navContent}?count=${velocityCount}") 131: #end 132: 133: </div> 134: </li> 135: #else 136: <li class="nav nav${velocityCount}"><a href="$entry.targetURL" #if ($website.isExternalLink($entry.targetURL)) target="_blank" #end class="nav-link">$entry.label</a></li> 137: #end 138: #if($splitIndex == $velocityCount) 139: </ul><ul class="clearfix" role="menubar"> 140: #end 141: #end 142: #if ($wiki.valid())<li class="wiki">$wiki</li>#end 143: </ul> 144: #if ($entries.size() > 0)<div class="none close">Close</div>#end 145: </nav> 146: 147: #end ## DROPDOWN CHECK
1: #if ($website.redesign) 2: ## NEW CODE 3: 4: 5: ## SKIP NAVIGATION 6: <a href="#nav" class="skip-navigation">Skip to navigation</a> 7: <a href="#mainbody" class="skip-navigation">Skip to content</a> 8: <a href="#site-footer" class="skip-navigation">Skip to footer</a> 9: 10: 11: <header id="site-header" class="site-header" role="banner"> 12: <div class="container clearfix"> 13: 14: ## LOGO / SITE TITLE 15: <h1 class="site-title"><a href="/">$website.profile.siteName</a></h1> 16: 17: ## MOBILE MENU 18: <div class="mobile-menu-bar clearfix"> 19: <ul class="clearfix"> 20: <li><a href="/composite"><span aria-hidden="true" class="gicon-calendar"></span> <span class="text">Composite</span></a></li> 21: <li><a href="/search"><span aria-hidden="true" class="gicon-search"></span> <span class="text">Search</span></a></li> 22: <li><a href="#" id="jump-to-nav"><span aria-hidden="true" class="gicon-menu"></span> <span class="text">Menu</span></a></li> 23: </ul> 24: </div> 25: 26: ## NAVIGATION 27: $website.include("navbar-global-redesign?tmpl=navigation-template&id=nav&navContent=nav-content&columnLimit=10") 28: 29: ## SOCIAL ICONS 30: $website.include("social-icons?tmpl=navbar-social-template") 31: 32: </div> 33: </header> 34: 35: 36: 37: 38: #else 39: ## OLD CODE 40: 41: 42: 43: 44: <header id="site-header" class="site-header clearfix"> 45: 46: ## LOGO / SITE TITLE 47: <h1 class="site-title"><a href="/">$website.profile.siteName</a></h1> 48: 49: ## MOBILE MENU 50: <div class="mobile-menu-bar clearfix"> 51: <ul class="clearfix"> 52: <li><a href="/composite"><i aria-hidden="true" class="gicon-calendar"></i> <span class="text">Composite</span></a></li> 53: <li><a href="#" id="search-trigger"><i aria-hidden="true" class="gicon-search"></i> <span class="text">Search</span></a></li> 54: <li><a href="#" id="jump-to-nav"><i aria-hidden="true" class="gicon-menu"></i> <span class="text">Menu</span></a></li> 55: </ul> 56: </div> 57: 58: ## SEARCH 59: <form id="search-bar" class="search-bar" method="get" action="/search"> 60: <input type="text" class="text-box" name="query" value="Search" onfocus="if(this.value == 'Search') this.value = ''" onblur="if(this.value == '') this.value = 'Search'" /> 61: <button class="submit"><i class="gicon-search"></i><span>Search</span></button> 62: </form> 63: 64: ## NAVIGATION 65: $website.include("navbar-global?tmpl=navigation-template") 66: 67: </header> 68: 69: <script> 70: (function($) { 71: $(function() { 72: $('#search-trigger').click(function(e) { 73: e.preventDefault(); 74: $(this).toggleClass('active'); 75: $('#search-bar').toggleClass('active'); 76: $("#search-bar .text-box").focus(); 77: }); 78: }); 79: })(jQuery); 80: </script> 81: 82: 83: #end 84: ## END OF NEW CODE
1: #if ($website.redesign) 2: ## NEW CODE 3: 4: 5: #set ($pageClass = "internal-page") 6: #set ($showBookmark = true) 7: 8: #if ($request.getAttribute("pageClass")) 9: #set ($pageClass = $request.getAttribute("pageClass")) 10: #end 11: 12: #if ($request.getAttribute("showBookmark") == false) 13: #set ($showBookmark = false) 14: #end 15: 16: <!DOCTYPE html> 17: <!--[if IE 8 ]> <html lang="en" class="${pageClass} no-js ie8" prefix="og: http://ogp.me/ns#"> <![endif]--> 18: <!--[if IE 9 ]> <html lang="en" class="${pageClass} no-js ie9" prefix="og: http://ogp.me/ns#"> <![endif]--> 19: <!--[if (gt IE 9)|!(IE)]><!--><html lang="en" class="${pageClass} no-js" prefix="og: http://ogp.me/ns#"><!--<![endif]--> 20: 21: <head> 22: <meta charset="UTF-8"> 23: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> 24: <title>$pageTitle</title> 25: 26: ## OGP META TAGS 27: $!request.setAttribute("pageObj", $page) 28: $website.include("ogp-tags") 29: 30: <script src="$website.cdn("/info/jquery.js")"></script> 31: <script src="$website.cdn("/info/modernizr.js")"></script> 32: 33: <link rel="stylesheet" href="$website.cdn("/info/boilerplate.css")" type="text/css" /> 34: <link rel="stylesheet" href="/css/styles-2023.css?t=${now.time}" type="text/css" /> 35: 36: $website.include("analytics") 37: 38: $!head 39: </head> 40: 41: <body> 42: 43: <div id="page" class="page clearfix"> 44: <div class="wrapper clearfix"> 45: 46: ## HEADER 47: $website.include("site-header") 48: 49: ## SECONDARY NAVIGATION 50: $website.includeAgain("navbar-secondary?tmpl=navbar-template&class=secondary-nav&moreAfter=4") 51: 52: ## BODY CONTAINER 53: <div class="body-container clearfix"> 54: 55: ## BODY CONTENT 56: <main id="mainbody" class="mainbody clearfix" role="main"> 57: 58: ## RELATED LINKING - 20090930 59: #if (!($request.getAttribute("disable_related_links").length() > 0)) 60: #set ($relatedPages = $page.relatedInSchedule) 61: #if ($relatedPages.size() > 1) 62: <div class="page-related-links clearfix"> 63: #foreach ($related in $relatedPages) 64: #if ($velocityCount > 1) | #end 65: #if ($related.id == $page.id) 66: <strong>${related.mapLabel}</strong> 67: #else 68: <a href="$related.url" #if ($website.isExternalLink($related.url)) target="_blank" #end>${related.mapLabel}</a> 69: #end 70: #end 71: </div> 72: #end ## related > 1 73: #end ## disable 74: 75: $body 76: 77: ## BOOK MARK 78: #if ($showBookmark) 79: $website.include("share-buttons") 80: #end 81: $wiki 82: 83: </main> ## mainbody 84: </div> ## body-container 85: 86: ## FOOTER 87: $website.include("site-footer") 88: 89: </div> ## wrapper 90: </div> ## page 91: 92: 93: ## ADDONS 94: <script src="/js/addons.js"></script> 95: 96: 97: $!wiki.su 98: 99: $website.usage 100: $website.include("dropoff-scripts") 101: 102: </body> 103: </html> 104: 105: 106: 107: 108: 109: #else 110: ## OLD CODE 111: 112: 113: 114: $website.include("login") 115: 116: #set ($pageClass = "internal-page") 117: #set ($showBookmark = true) 118: 119: #if ($request.getAttribute("pageClass")) 120: #set ($pageClass = $request.getAttribute("pageClass")) 121: #end 122: 123: #if ($request.getAttribute("showBookmark") == false) 124: #set ($showBookmark = false) 125: #end 126: 127: #set ($pageTitle = $page.title) 128: #if ($request.getAttribute("pageTitle")) 129: #set ($pageTitle = $request.getAttribute("pageTitle")) 130: #end 131: 132: <!DOCTYPE html> 133: <!--[if IE 8 ]> <html lang="en" class="${pageClass} no-js ie8" prefix="og: http://ogp.me/ns#"> <![endif]--> 134: <!--[if IE 9 ]> <html lang="en" class="${pageClass} no-js ie9" prefix="og: http://ogp.me/ns#"> <![endif]--> 135: <!--[if (gt IE 9)|!(IE)]><!--><html lang="en" class="${pageClass} no-js" prefix="og: http://ogp.me/ns#"><!--<![endif]--> 136: 137: <head> 138: <meta charset="UTF-8"> 139: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 140: <title>#if ($pageTitle.length() > 0)$pageTitle - #end $website.profile.siteName</title> 141: 142: ## OGP META TAGS 143: $!request.setAttribute("pageObj", $page) 144: $website.include("ogp-tags") 145: 146: <script src="$website.cdn("/info/jquery.js")"></script> 147: <script src="$website.cdn("/info/modernizr.js")"></script> 148: 149: <link rel="stylesheet" href="$website.cdn("/info/boilerplate.css")" type="text/css" /> 150: <link rel="stylesheet" href="/css/live.css" type="text/css" /> 151: 152: <!--[if lt IE 9]> 153: <script src="/js/mediaqueries.js"></script> 154: <![endif]--> 155: 156: $!head 157: </head> 158: 159: <body> 160: 161: <div id="page" class="page clearfix"> 162: <div id="wrapper" class="wrapper clearfix"> 163: 164: ## HEADER 165: $website.include("site-header") 166: 167: ## SECONDARY NAVIGATION 168: $website.includeAgain("navbar-secondary?tmpl=navbar-template&class=secondary-nav&moreAfter=4") 169: 170: ## BODY CONTAINER 171: <div id="body-container" class="body-container clearfix"> 172: 173: ## BODY CONTENT 174: <div id="mainbody" class="mainbody clearfix"> 175: 176: ## RELATED LINKING - 20090930 177: #if (!($request.getAttribute("disable_related_links").length() > 0)) 178: #set ($relatedPages = $page.relatedInSchedule) 179: #if ($relatedPages.size() > 1) 180: <div class="page-related-links clearfix"> 181: #foreach ($related in $relatedPages) 182: #if ($velocityCount > 1) | #end 183: #if ($related.id == $page.id) 184: <strong>${related.mapLabel}</strong> 185: #else 186: <a href="$related.url" #if ($website.isExternalLink($related.url)) target="_blank" #end>${related.mapLabel}</a> 187: #end 188: #end 189: </div> 190: #end ## related > 1 191: #end ## disable 192: 193: $body 194: 195: ## BOOK MARK 196: #if ($showBookmark) 197: $website.include("share-buttons") 198: #end 199: $wiki 200: 201: </div> ## mainbody 202: </div> ## body-container 203: 204: ## FOOTER 205: $website.include("site-footer") 206: 207: </div> ## wrapper 208: </div> ## page 209: 210: ## STICKY BAR 211: $website.include("sticky-bar") 212: 213: $!wiki.su 214: 215: ## LAZYLOAD IMAGES 216: <script src="$website.cdn("/info/jquery.lazyload.min.js")"></script> 217: <script> 218: $(function() { 219: $('.lazy').lazyload(); 220: }); 221: </script> 222: 223: $website.usage 224: $website.include("dropoff-scripts") 225: 226: </body> 227: </html> 228: 229: 230: #end 231: ## END OF NEW CODE