Permalink
Browse files

Site: Lots of changes

- Added in correct screenshot
- Cleanup - CSS/HTML
- Compress images
- Cave to my perfectionism syndrome
- Update content
- Labs app list now uses columns to auto wrap
- Lots more
  • Loading branch information...
1 parent accfecf commit cfc335e08778ae08ea424fdee532d5d8e80f40fe @sindresorhus sindresorhus committed Jul 19, 2012
View

Large diffs are not rendered by default.

Oops, something went wrong.
View
Deleted file not rendered
View
@@ -1,8 +1,21 @@
+html,
body {
- font: 15px "Helvetica Neue", Helvetica, Arial;
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ font: 15px 'Helvetica Neue', Helvetica, Arial;
font-weight: 300;
line-height: 1.5;
width: auto;
+ background: #EAEAEA url('../../assets/bg.png');
+ color: #4D4D4D;
+ -webkit-font-smoothing: antialiased;
+ -moz-font-smoothing: antialiased;
+ -ms-font-smoothing: antialiased;
+ -o-font-smoothing: antialiased;
+ font-smoothing: antialiased;
}
h1,
@@ -11,9 +24,9 @@ h3,
h4,
h5,
h6 {
- font-weight: 600;
+ font-weight: 500;
+ line-height: 1.2;
color: #000;
- font:100% Oswald, Helvetica;
}
h2 {
@@ -30,13 +43,13 @@ a:hover {
color: #787e7e;
}
-.nav-tabs > li > a, .nav-pills > li > a{
- line-height:23px;
+.nav-tabs > li > a,
+.nav-pills > li > a {
+ line-height: 23px;
}
p {
- /*font: 100% Merriweather, Georgia;*/
- font-size:14px;
+ font-size: 15px;
line-height: 1.5;
font-weight: 300;
}
@@ -46,36 +59,28 @@ hr {
border-bottom: 1px dashed #F7F7F7;
}
-header h1 {
- font-size: 100px;
- line-height: 1.2;
- /*text-shadow: 2px 2px 1px #7D2A2F;*/
- font-weight: 900;
-}
-
header p {
font-size: 30px;
-}
-
-header .btn-large {
- font-size: 20px;
- margin-right: 10px;
+ line-height: 1.2;
+ margin-top: 10px;
}
header nav {
- margin: 20px 0;
+ margin-top: 20px;
}
-header nav a {
+header nav a:first-child {
margin-right: 5px;
+ margin-bottom: 5px;
}
-.logo{
+.logo {
margin-top:70px;
}
-.nav-tabs > li, .nav-pills > li{
- clear:both;
+.nav-tabs > li,
+.nav-pills > li{
+ clear: both;
}
.vertical-space li {
@@ -88,122 +93,69 @@ header nav a {
margin-bottom: 20px;
}
-.hero-unit {
- padding: 0;
- margin: 0;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- background-color: #f5f5f5;
-}
-
-.hero-unit h1 {
- font-size: 80px;
- margin-bottom: 10px;
-}
-
-.hero-unit p {
- font-size: 24px;
- line-height: 32px;
-}
-
-.hero-unit .btn-large {
- font-size: 20px;
- font-weight: normal;
- padding: 14px 24px;
- width: 160px;
-}
-
-.hero-unit .btn-large:first-child {
- margin-right: 10px;
-}
-
-.hero-unit nav {
- margin-top: 35px;
- margin-bottom: 10px;
-}
-
.screenshot {
- width: 528px;
- float: right;
-}
-
-.header-title {
- margin: 43px 60px;
- float: none;
-}
-
-.container {
- margin-top: 50px;
- margin-bottom: 50px;
-}
-
-.nav-pills {
- margin-left: -10px;
-}
-
-#icon {
- float: right;
-}
-
-#screenshot {
width: 100%;
height: auto;
max-width: 570px;
- margin-top: 50px;
+ margin-top: 12px;
}
-#app-preview {
- display: none;
- margin-top: 43px;
- margin-left: -25px;
+.tagline2 {
+ font-size: 21px;
+ font-style: italic;
+ margin-top: 40px;
}
-#demos {
- display: inline-block;
+.container {
+ margin-top: 10px;
+ margin-bottom: 20px;
}
-#demos ul {
- float: left;
+.nav-pills {
+ margin-left: -10px;
}
-#demos ul li {
- float: none;
+.applist a {
+ white-space: nowrap;
}
-#demos ul li a {
+.applist .label {
position: relative;
+ top: -3px;
+ font-size: 9px;
+ padding: 1px 3px 1px;
+ background-color: rgba(0, 0, 0, .2);
}
-#demos .popover {
+.applist .popover {
margin: 0;
cursor: default;
color: #333;
}
-#demos .popover-title {
+.applist .popover-title {
padding: 9px 70px 9px 15px;
}
-#demos .popover-title a {
+.applist .popover-title a {
font-size: 13px;
line-height: 18px;
position: absolute;
top: 16px;
right: 20px;
}
-.applist a {
- white-space: nowrap;
-}
-
-.applist .label {
- font-size: 9px;
- padding: 1px 3px 1px;
- background-color: rgba(0, 0, 0, .2);
+.applist.labs {
+ -webkit-columns: 3;
+ -moz-columns: 3;
+ -ms-columns: 3;
+ -o-columns: 3;
+ columns: 3;
}
.credit a {
margin: 0 5px;
+ white-space: nowrap;
}
.credit a img {
@@ -215,8 +167,13 @@ header nav a {
background-color: #a82400;
}
-.zocial.black {
- background-color: #333;
+.zocial.gray {
+ background-color: rgba(0, 0, 0, .5);
+}
+
+.zocial.small {
+ font-size: 12px;
+ padding: 2px 10px;
}
.zocial,
@@ -249,45 +206,54 @@ a.zocial {
}
@media (max-width: 480px) {
- #demos ul {
- float: none;
+ .applist.labs {
+ -webkit-columns: auto !important;
+ -moz-columns: auto !important;
+ -ms-columns: auto !important;
+ -o-columns: auto !important;
+ columns: auto !important;
+ }
+
+ .credit a {
+ display: block;
}
}
@media (min-width: 768px) and (max-width: 980px) {
- .screenshot {
- width: 420px;
- }
- .header-title h1 {
- font-size: 60px;
- }
}
@media (max-width: 768px) {
- .screenshot {
- max-width: 528px !important;
- margin: 0 auto !important;
+ h2 {
+ margin-top: 20px;
}
- .header-title {
- margin: 30px !important;
- text-align: center;
- max-width: 540px;
- margin: 30px auto !important;
+
+ .row,
+ .credit {
+ margin-left: 10px;
+ margin-right: 10px;
}
- .header-title h1 {
- font-size: 60px;
+
+ .logo {
+ max-width: 100%;
+ margin-top: 0;
}
- #demos ul {
- margin: 0;
- font-size: 16px;
+
+ .logo-icon {
+ display: none;
}
-}
-@media (max-width: 1200px) {
- .header-title {
- margin: 20px;
+ .container {
+ margin: auto;
}
- .hero-unit .btn-large {
- margin: 5px;
+
+ .applist.labs {
+ -webkit-columns: 2;
+ -moz-columns: 2;
+ -ms-columns: 2;
+ -o-columns: 2;
+ columns: 2;
}
+}
+
+@media (max-width: 1200px) {
}
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Deleted file not rendered

0 comments on commit cfc335e

Please sign in to comment.