An other step closer to the mockup

Signed-off-by: Benoit Donneaux <benoit@leastauthority.com>

src/_sass/_custom.scss

@@ -3,17 +3,16 @@ body {
 }
 
 .page__hero--overlay {
-  padding-left: 1em;
+  padding: 1em;
-  padding-right: 1em;
 }
 
 .page__hero--overlay .page__title {
-  color: #000;
+  color: #fff;
   text-shadow: unset;
 }
 
 .page__hero--overlay .page__lead {
-  color: #000;
+  color: #fff;
   text-shadow: unset;
 }
 
@@ -55,6 +54,7 @@ body {
 .feature__item .archive__item-body {
   padding-left: 0.5em;
   padding-right: 0.5em;
+  padding-bottom: 0.5em;
 }
 
 .feature__item .archive__item-teaser img {
@@ -86,12 +86,13 @@ body {
 .entries-grid {
   background-color: #eee;
   margin-bottom: auto;
-  padding-left: 2em;
+  padding-left: 1em;
-  padding-right: 2em;
+  padding-right: 1em;
 }
 
 .grid__item {
   background-color: #ccc;
+  padding: 0.5em;
 }
 
 .grid__item .archive__item-title {
@@ -103,11 +104,6 @@ body {
   padding-right: 0.5em;
 }
 
-.grid__item .archive__item-teaser {
-    max-height: 150px;
-    min-height: 150px;
- }
-
 .grid__item .grid__item-teaser img {
   width: initial;
   display: block;
@@ -115,10 +111,20 @@ body {
   margin-right: auto;
 }
 
+.entries-grid::after {
+  clear: both;
+  content: "";
+  display: table;
+}
+
 #about {
   background-color: #fff;
 }
 
-.page__footer {
+.feature__item--center {
-  background-color: #eeeeee;
+  text-align: center;
+}
+
+.page__footer {
+  background-color: #eee;
 }

src/index.html

@@ -3,7 +3,7 @@ title: "Welcome <i>The</i> Least-Authority File Store"
 layout: splash
 author_profile: false
 header:
-  overlay_color: "#ccc"
+  overlay_color: "#101820"
   actions:
     - label: "Download"
       url: "https://tahoe-lafs.org/downloads"
@@ -65,11 +65,11 @@ contribute_list:
       <li>Submit pull request with a valid issue number</li>
     </ul>'
 blog:
-  - title: "News"
+  - title: "Latest News"
-    excerpt: "Find here under a list of the latest articles on the subjects that matter for us."
+    excerpt: ""
 about:
   - title: "About us"
-    excerpt: "Here comes something about us..."
+    excerpt: ""
 about_list:
   - title: "Volunteers"
     excerpt: "Tahoe-LAFS is an open-source project supported by donations and maintained by a group of hardy volunteers...<br/>"
@@ -95,10 +95,12 @@ about_list:
 {% include feature_row id="documentation" type="center" %}
 {% include feature_row id="documentation_list" %}
 </div>
+
 <div id="contribute">
 {% include feature_row id="contribute" type="center" %}
 {% include feature_row id="contribute_list" %}
 </div>
+
 <div id="blog">
 {% include feature_row id="blog" type="center" %}
 <div class="entries-grid">
@@ -116,6 +118,8 @@ about_list:
   </div>
   {% endfor %}
 </div>
+</div>
+
 <div id="about">
 {% include feature_row id="about" type="center" %}
 {% include feature_row id="about_list" %}