home page styling coming along nicely

webapp/public/bootstrap/less/ss-social.less

@@ -11,22 +11,22 @@
 
 @font-face {
   font-family: "SSSocial";
-  src: url('../../fonts/ss-social-circle.eot');
-  src: url('../../fonts/ss-social-circle.eot?#iefix') format('embedded-opentype'),
-       url('../../fonts/ss-social-circle.woff') format('woff'),
-       url('../../fonts/ss-social-circle.ttf') format('truetype'),
-       url('../../fonts/ss-social-circle.svg#SSSocialCircle') format('svg');
+  src: url('/fonts/ss-social-circle.eot');
+  src: url('/fonts/ss-social-circle.eot?#iefix') format('embedded-opentype'),
+       url('/fonts/ss-social-circle.woff') format('woff'),
+       url('/fonts/ss-social-circle.ttf') format('truetype'),
+       url('/fonts/ss-social-circle.svg#SSSocialCircle') format('svg');
   font-weight: bold;
   font-style: normal;
 }
 
 @font-face {
   font-family: "SSSocial";
-  src: url('../../fonts/ss-social-regular.eot');
-  src: url('../../fonts/ss-social-regular.eot?#iefix') format('embedded-opentype'),
-       url('../../fonts/ss-social-regular.woff') format('woff'),
-       url('../../fonts/ss-social-regular.ttf') format('truetype'),
-       url('../../fonts/ss-social-regular.svg#SSSocialRegular') format('svg');
+  src: url('/fonts/ss-social-regular.eot');
+  src: url('/fonts/ss-social-regular.eot?#iefix') format('embedded-opentype'),
+       url('/fonts/ss-social-regular.woff') format('woff'),
+       url('/fonts/ss-social-regular.ttf') format('truetype'),
+       url('/fonts/ss-social-regular.svg#SSSocialRegular') format('svg');
   font-weight: normal;
   font-style: normal;
 }

webapp/public/bootstrap/less/ss-standard.less

@@ -10,11 +10,11 @@
 
 @font-face {
   font-family: "SSStandard";
-  src: url('../../fonts/ss-standard.eot');
-  src: url('../../fonts/ss-standard.eot?#iefix') format('embedded-opentype'), 
-       url('../../fonts/ss-standard.woff') format('woff'), 
-       url('../../fonts/ss-standard.ttf')  format('truetype'),
-       url('../../fonts/ss-standard.svg#SSStandard') format('svg');
+  src: url('/fonts/ss-standard.eot');
+  src: url('/fonts/ss-standard.eot?#iefix') format('embedded-opentype'), 
+       url('/fonts/ss-standard.woff') format('woff'), 
+       url('/fonts/ss-standard.ttf')  format('truetype'),
+       url('/fonts/ss-standard.svg#SSStandard') format('svg');
   font-weight: normal;
   font-style: normal;
 }

webapp/public/bootstrap/less/variables.less

@@ -20,7 +20,7 @@
 
 // Accent colors
 // -------------------------
-@blue:                  #049cdb;
+@blue:                  #44A1E1;
 @blueDark:              #0064cd;
 @green:                 #46a546;
 @red:                   #9d261d;
@@ -38,7 +38,7 @@
 
 // Links
 // -------------------------
-@linkColor:             #08c;
+@linkColor:             #44A1E1;
 @linkColorHover:        darken(@linkColor, 15%);
 
 

webapp/public/css/kitchenly.css

@@ -38,11 +38,15 @@ body.has-bg-photo {
 h1.tag-line {
   color: #fff;
   font-size: 48px;
+  line-height: 52px;
+
 }
 
 h2.description {
   color: #fff;
   font-size: 24px;
+  line-height: 36px;
+  margin-top: 20px;
   font-weight: normal;
 }
 
@@ -94,31 +98,47 @@ h4.result-title {
 
 #navbar-main {
   margin-top: 24px;  
+  clear: both;
 }
 
 #navbar-main .navbar-inner {
   padding-right: 0px;
 }
 
 .navbar-form {
-  margin-left: -15px;
+  margin-left: -16px;
 }
 
 .navbar-form div {
-  margin-right: 3px;
+  margin-right: 4px;
 }
 
 #navbar-main input {
-  height: 34px;
+  height: 42px;
+  line-height: 42px;
   font-size: 18px;
   top: -1px;
+  border: none;
+  padding-left: 10px;
 }
 
 #navbar-main .add-on {
-  height: 34px;
-  font-size: 24px;
+  height: 33px;
+  width: 25px;
+  font-size: 18px;
+  line-height: 35px;
   top: -1px;
+  padding-top: 5px;
   position: relative;
+  color: #333;
+}
+
+.homepage-feature {
+  background: #2B2B29;
+  margin-left: 0px;
+  padding: 20px;
+  margin-bottom: 20px;
+
 }
 
 #guest-number-picker .btn{

webapp/views/index.jade

@@ -7,23 +7,24 @@ header.site-header
      a(href='/') kitchen.ly
 
 div.page-contain.container
-  h1.tag-line.tk-proxima-nova Easily host dinners in your own kitchen.
-  h2.description.tk-pt-serif-caption The best way to turn your kitchen into a restaurant and also find great dinners around town.
+  div.homepage-feature.span5
+    h1.tag-line.tk-proxima-nova Easily host dinners in your own kitchen.
+    h2.description.tk-pt-serif-caption The best way to turn your kitchen into a restaurant and also find great dinners around town.
 
   div#navbar-main.navbar.navbar-inverse    
     div.navbar-inner
       form(class="navbar-form pull-left")
         div#city-picker.input-append.pull-left
             input(type="input", placeholder="What city do you want to eat in?")#date-time.span4
             span.add-on
-              i.icon-map-marker
+              span.ss-icon.ss-standard location
         div#date-picker.input-append.pull-left
             input(type="input", placeholder="When do you want to eat?")#location.span4
             span.add-on
-              i.icon-calendar
+              span.ss-icon.ss-standard date
         div#guest-number-picker.btn-group.pull-left
             button.btn.dropdown-toggle.btn-large(data-toggle="dropdown") 1 Guest
-                i.icon-user.pull-right
+                span.ss-icon.ss-standard.pull-right users
             ul.dropdown-menu
                 li
                   a(href="#") 1 Guest

webapp/views/layout.jade

@@ -1,5 +1,5 @@
 !!!
-html
+html.no-js
   head
     title= title