anchor.diff:  	<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
   	<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
   	<%= csrf_meta_tags %>
  -	<script type="text/javascript">
  -		$(document).ready(function(){
  -			$(".button-collapse").sideNav();
  -		});
  -	</script>
   </head>
  +<nav class="navbar navbar-default">
  +  <div class="container">
  +    <div class="navbar-header">
  +      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  +        <span class="sr-only">Toggle navigation</span>
  +        <span class="icon-bar"></span>
  +        <span class="icon-bar"></span>
  +        <span class="icon-bar"></span>
  +      </button>
  +			<%= link_to 'New Game', articles_path, class: "navbar-brand"%>
  +    </div>
  +    <div id="navbar" class="collapse navbar-collapse">
  +      <ul class="nav navbar-nav">
  +        <%= nav_link 'Skapa nyhet', new_article_path %>
  +				<%= nav_link 'Alla nyheter', articles_path %>
  +      </ul>
  +			<ul class="nav navbar-nav navbar-right">
  +				<% if user_signed_in? %>
  +				<li><%= link_to(image_tag(current_user.gravatar_url(:size => 20)), "/profile", class: "valign-wrapper") %></li>
  +				<li class="dropdown">
  +					<a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><%= current_user.username %><span class="caret"></span></a>
  +					<ul class="dropdown-menu">
  +						<li><%= link_to('Logout', destroy_user_session_path, :method => :delete) %></li>
  +						<li><%= link_to('Profile', '/profile') %></li>
  +					</ul>
  +				</li>
  +				<% else %>
  +					<li><%= link_to('Login', new_user_session_path) %></li>
  +				<% end %>
  +			</ul>
  +    </div><!--/.nav-collapse -->
  +  </div>
  +</nav>
   <body>
  +	<br>
  +	<br>
  +	<br>
  +  <div class="container">
  +
  +    <%= yield %>
  +
  +  	<p class="notice red-text"><%= notice %></p>
  +  	<p class="alert red-text"><%= alert %></p>
  +  </div><!-- /.container -->
  +
  +
  +  <!-- Bootstrap core JavaScript
  +  ================================================== -->
  +  <!-- Placed at the end of the document so the pages load faster -->
  +  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  +  <script src="../../dist/js/bootstrap.min.js"></script>
  +  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  +  <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
  +
  +</body>
  +<!--<body>
   	<header>
   	<nav>
   		<div class="nav-wrapper purple lighten-1">
  
positive.code: 					</div>
  				</div>
  			</div>
  		</div>	
  	</main>
  
      <footer class="page-footer purple lighten-1">
  
negative.code: 			</ul>
  		</div>
  	</nav>
  	</header>
  
  	<main>
  		<div class="container">
  			<br>
  			<div class="row">
  				<div class="col s9 l12 offset-s2 grey lighten-2">
  					<div class="container">
  						<%= yield %>
  		            	<p class="notice red-text"><%= notice %></p>
  		            	<p class="alert red-text"><%= alert %></p>
  