Website improvements (#56)

.gitattributes

@@ -4,6 +4,8 @@
 *.gif   binary
 *.jpg   binary
 *.png   binary
+*.svg   binary
+*.ico   binary
 
 # fonts
 *.eot   binary

site/_layouts/default.html

@@ -12,6 +12,7 @@
 
 
     <link rel="prefetch" href="{{site.baseurl}}/fonts/OpenSansCondensedBold.woff">
+    <link rel="shortcut icon" type="image/png" href="{{ "/favicon.ico" | prepend: site.baseurl }}" >
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
     <link rel="stylesheet" href="{{site.baseurl}}/css/syntax.css">
     <link rel="stylesheet" href="{{site.baseurl}}/css/site.css">
@@ -29,7 +30,7 @@
             <span class="icon-bar"></span>
           </button>
           <a class="navbar-brand" href="{{site.baseurl}}/react/datagrid/">
-            <img src="{{site.baseurl}}/img/react-datagrid-logo.png" alt="{{ site.title }}">
+            <img src="{{site.baseurl}}/img/react-datagrid-logo.svg" alt="{{ site.title }}">
           </a>
         </div>
         <div id="navbar" class="navbar-collapse collapse">

site/css/site.css

@@ -119,12 +119,15 @@ section {
 }
 
 .main-menu ul li {
-    color: #000;
+    color: #f05b41;
     margin-bottom: 5px;
 }
 
 .main-menu ul li > a {
-    color: #337ab7;
+    color: #1b4461;
+}
+.main-menu ul li > a.active {
+    color: #f05b41;
 }
 
 .lead {
@@ -212,7 +215,7 @@ ul.banner-action-buttons .btn.demos:hover {
 
 @media(max-width: 767px) {
     .intro-message {
-        padding-bottom: 15%;
+        padding-bottom: 0;
     }
 
     .intro-message > h1 {
@@ -415,7 +418,7 @@ footer ul > li.active > a {
     }
 
     .intro-header {
-        background-image: none;
+        background: #173952 url({{site.baseurl}}/img/banner-bg-mobile.jpg) no-repeat center center;
     }
 
     footer {