Added logo and new color to site

closes #125
Hacklone · Apr 16, 2015 · f29f4b7 · f29f4b7
1 parent 50ba817
commit f29f4b7
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 3 deletions.
diff --git a/site/index.html b/site/index.html
@@ -6,6 +6,7 @@
 
     <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.1.0/animate.min.css">
+    <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700' rel='stylesheet' type='text/css'>
     <link rel="stylesheet" href="private-bower.css">
 
     <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
@@ -16,14 +17,16 @@
 <body ng-controller="mainController">
     <div id="wrap">
         <div class="jumbotron">
+            <img id="logo" class="hidden-xs animated fadeInLeft" src="logo.png">
+
             <a class="hidden-xs animated fadeInRight" href="https://github.com/Hacklone/private-bower">
                 <img style="position: absolute; top: 0; right: 0; border: 0; cursor: pointer;"
                      src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67"
                      alt="Fork me on GitHub">
             </a>
 
             <div class="container text-center animated fadeInDown">
-                <h1>Private Bower</h1>
+                <h1>private-bower</h1>
                 <div style="position: relative;">
                     <span class="glyphicon glyphicon-search" style="position: absolute;"></span>
                     <input ng-model="packageFilter" class="form-control search" placeholder="Search package">

diff --git a/site/private-bower.css b/site/private-bower.css
@@ -1,5 +1,7 @@
 body, html {
     height: 100%;
+
+    font-family: 'Source Sans Pro', sans-serif;
 }
 
 body {
@@ -45,6 +47,22 @@ footer h4 a {
     color: #b3fcfa;
 }
 
+#logo {
+    position: absolute;
+    height: 200px;
+    width: 200px;
+}
+
+.btn-warning {
+    background-color: #1695A3;
+    border-color: #16818f;
+}
+
+.btn-warning:hover {
+    background-color: #16b3c1;
+    border-color: #1692a0;
+}
+
 .bg-gray {
     background-color: #777;
 }
@@ -59,15 +77,18 @@ footer h4 a {
 }
 
 .jumbotron {
-    background-color: #1695A3;
+    background-color: #F4C53B;
     padding-top: 30px;
     padding-bottom: 15px;
 }
 
 .jumbotron h1, h2 {
     color: #ffffff;
 
-    text-shadow: 0 1px 0 rgba(0,0,0,.1);
+    text-shadow: 0 4px 0 rgba(0,0,0,.1);
+
+    font-family: 'Source Sans Pro', sans-serif;
+    font-weight: bold;
 }
 
 .glyphicon-search {