docs: More design

Urigo · Urigo · commit 1a3c96dcb26f · 2014-11-06T16:47:41.000+02:00
diff --git a/docs/angular-meteor/.meteor/packages b/docs/angular-meteor/.meteor/packages
@@ -11,4 +11,5 @@ less
 simison:bootstrap3-less
 urigo:angular-ui-router@0.6.0
 showdown
+linto:fontawesome
 
diff --git a/docs/angular-meteor/.meteor/versions b/docs/angular-meteor/.meteor/versions
@@ -25,6 +25,7 @@ jquery@1.0.1
 json@1.0.1
 launch-screen@1.0.0
 less@1.0.11
+linto:fontawesome@4.2.2
 livedata@1.0.11
 logging@1.0.5
 markdown@1.0.2
diff --git a/docs/angular-meteor/client/index.html b/docs/angular-meteor/client/index.html
@@ -1,5 +1,7 @@
 <head>
   <title>angular-meteor</title>
+  <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">
+  <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
 </head>
 
 <body>
@@ -12,7 +14,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="/">Angular-Meteor</a>
+      <a class="navbar-brand" href="/"><img src="/images/no-text-logo.png"></a>
     </div>
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
       <ul class="nav navbar-nav">
diff --git a/docs/angular-meteor/client/styles/main.less b/docs/angular-meteor/client/styles/main.less
@@ -10,6 +10,18 @@ body {
   header {
     background-color: #2c2c2c;
 
+    .navbar-brand {
+      //width: 100px;
+      //height: 50px;
+      margin: auto 0;
+      padding: 5px 15px;
+
+      img {
+        width: auto;
+        height: 100%;
+      }
+    }
+
     .nav {
       li {
         a {
@@ -36,7 +48,7 @@ body {
   }
 
   .hero-unit {
-    padding:30px 80px;
+    padding:100px 80px;
     margin:0;
     background: -moz-linear-gradient(top,  rgba(221,221,221,1) 0%, rgba(225,225,225,0) 21%, rgba(235,235,235,0) 81%, rgba(238,238,238,1) 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(21%,rgba(225,225,225,0)), color-stop(81%,rgba(235,235,235,0)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
@@ -66,9 +78,16 @@ body {
       .github {
         font-size: 35px;
       }
+
+      iframe {
+        border: 3px solid gray;
+      }
     }
 
   }
+  .main-unit {
+    padding:30px 80px;
+  }
   .tutorial-container {
 
     .improve-button {
diff --git a/docs/angular-meteor/client/views/main.html b/docs/angular-meteor/client/views/main.html
@@ -1,5 +1,5 @@
 <template name="main.html">
-  <div class="hero-unit">
+  <div class="hero-unit main-unit">
     <div class="container">
       <div class="main-logo">
         <img src="/images/angular-meteor-logo.png">
@@ -9,19 +9,25 @@ <h1>Combining the best frameworks - FutureStack</h1>
       </div>
       <div>
         <a class="btn btn-default github" href="https://github.com/Urigo/angular-meteor">
-          <i class="icon-github-sign"></i>
+          <i class="fa fa-github"></i>
           View on Github</a>
       </div>
     </div>
   </div>
   <div class="hero-unit">
     <div class="container">
-      <h1><a href="/tutorial">The tutorial</a></h1>
+      <h1><a href="/tutorial">The tutorial (also in video)</a></h1>
       <div>
         <iframe width="960" height="720" src="//www.youtube.com/embed/LVuCeKswPPE?list=PLhCf3AUOg4PgQoY_A6xWDQ70yaNtPYtZd" frameborder="0" allowfullscreen></iframe>
       </div>
     </div>
   </div>
+  <div class="hero-unit">
+    <div class="container">
+      <h1>Why</h1>
+      <h3>Read our <a href="/manifest">manifest</a></h3>
+    </div>
+  </div>
   <div class="hero-unit">
     <div class="container">
       <h1>The Basics</h1>
diff --git a/docs/angular-meteor/public/images/favicon.ico b/docs/angular-meteor/public/images/favicon.ico
diff --git a/docs/angular-meteor/public/images/no-text-logo.png b/docs/angular-meteor/public/images/no-text-logo.png

-Original file line number
+Diff line change
 [email protected]
 [email protected]
 [email protected]
 +linto:[email protected]
 [email protected]
 [email protected]
 [email protected]