added animation

Author: blueneogeo

_layouts/default.html

@@ -3,25 +3,28 @@
 <div class="navbar-fixed">
 	<nav class="white">
 		<div class="nav-wrapper">
-			<a href="/" class="brand-logo grey-text text-darken-1">
-				<img src="https://github.com/flutter-view/website/raw/master/images/flutter-view.png" width="40px" height="40px">
-				Flutter View
+			<a href="/" class="left brand-logo black-text">
+				<img src="https://github.com/flutter-view/website/raw/master/images/flutter-view.png">
+				Flutter-View
 			</a>
-			<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
-			<ul class="right hide-on-med-and-down">
-				<li><a href="https://flutter-view.gitbook.io" class="grey-text text-darken-1">Documentation</a></li>
-				<li><a href="https://github.com/flutter-view/flutter-view" class="grey-text text-darken-1">Github</a></li>
-				<li><a href="/blog" class="grey-text text-darken-1">Blog</a></li>
+			<!-- <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a> -->
+			<!-- <ul class="right hide-on-med-and-down"> -->
+			<ul class="right">
+				<li><a href="https://flutter-view.gitbook.io" class="grey-text text-darken-2">Documentation</a></li>
+				<li><a href="https://github.com/flutter-view/flutter-view" class="grey-text text-darken-2">Github</a></li>
+				<li><a href="/blog" class="grey-text text-darken-2">Blog</a></li>
 				<li><a href="https://flutter-view.gitbook.io/project/get-started/installation" class="get-started waves-effect waves-light btn-flat blue white-text">Get Started</a></li>
 			</ul>
 		</div>
 	</nav>
 </div>
 
-<ul class="sidenav" id="mobile-demo">
-	<li><a href="https://flutter-view.gitbook.io">Documentation</a></li>
-	<li><a href="https://github.com/flutter-view/flutter-view">Github</a></li>
-</ul>
+<!-- <ul class="sidenav" id="mobile-demo">
+	<li><a href="https://flutter-view.gitbook.io" class="grey-text text-darken-1">Documentation</a></li>
+	<li><a href="https://github.com/flutter-view/flutter-view" class="grey-text text-darken-1">Github</a></li>
+	<li><a href="/blog" class="grey-text text-darken-1">Blog</a></li>
+	<li><a href="https://flutter-view.gitbook.io/project/get-started/installation" class="get-started waves-effect waves-light btn-flat blue white-text">Get Started</a></li>
+</ul> -->
 
 <div class="container">
 	{{ content }}

_sass/main.sass

@@ -11,8 +11,15 @@ nav ul a
 
 nav
 	.brand-logo
+		color: green
 		margin-left: 20px
 		text-transform: lowercase
+		img
+			position: relative
+			top: 10px
+			margin-right: 0px
+			width: 40px
+			height: 40px
 
 	.get-started
 		text-transform: none