kevsimpson

<header role="banner">
	<div class="wrap wrap--large clearfix">
		<div class="clearfix">
			<a href="/" class="logo">
				<img src="/assets/img/tgdh-logo.svg" alt="" class="logo__site" />
			</a>
			<button class="button--primary toggle--nav--main" data-toggle="nav--main">Menu</button>
		</div>

		<nav class="nav nav--main" role="navigation">

kevsimpson

var toggleClass = function(el, className) {
    if(el.hasClass(className + '--open')) {
      el.removeClass(className + '--open');
    } else {
      el.addClass(className + '--open');
    }
}

$('[data-toggle]').on( "click", function() {
  var $className = $( this ).data("toggle");

kevsimpson

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
    var homePage = CurrentPage.AncestorsOrSelf(1).First();
    var menuItems = homePage.Children.Where("UmbracoNaviHide == false");
}
<nav id="siteNav" class="nav nav--header clearfix">
	@foreach (var item in menuItems){
		<a href="@item.Url" class="nav__link @item.IsAncestorOrSelf(CurrentPage, "active", "")">@item.Name</a>
	}
</nav>

kevsimpson

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
	
@{
    var homePage = CurrentPage.AncestorsOrSelf(1).First();
}

@RenderLinkIfNotEmpty(homePage.twitterUrl, "twitter", "Twitter")
@RenderLinkIfNotEmpty(homePage.facebookUrl, "facebook", "Facebook")
@RenderLinkIfNotEmpty(homePage.youtubeUrl, "youtube", "Youtube")
@RenderLinkIfNotEmpty(homePage.flickrUrl, "flickr", "Flickr")

kevsimpson

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage

@{    
    var homePage = CurrentPage.AncestorsOrSelf(2).First();
}

@* Render the sitemap by passing the root node to the traverse helper *@
<nav class="nav nav--sub">
@*	<a href="@homePage.Url" class="@(CurrentPage.Id == homePage.Id ? "active" : null) nav__link">@homePage.Name</a>	*@
    @Traverse(homePage)

kevsimpson

var body = document.getElementsByTagName('body')[0],
    sidebar = document.getElementById('sidebar');

// sidebar overflow hide
sidebar.onmouseover = function() { 
    body.style.overflow = 'hidden';
}

sidebar.onmouseout = function() { 
    body.style.overflow = 'auto';

kevsimpson

var body = $('body'),
    sidebar = $('#sidebar');
		
// sidebar overflow hide
sidebar.mouseenter(function() {
  body.css('overflow', 'hidden');
});
sidebar.mouseleave(function() {
  body.css('overflow', 'auto');
});

kevsimpson

// toggleClass function
function toggleClass(elem, className) {
    if(elem.hasClass(className + '-open')) {
      elem.removeClass(className + '-open');
      elem.addClass(className + '-closed');
    } else if(elem.hasClass(className + '-closed')) {
      elem.removeClass(className + '-closed');
      elem.addClass(className + '-open');
    } else {
      elem.addClass(className + '-open');