Toward the minimal mockup

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

_config.yml

@@ -30,7 +30,7 @@ incremental: false
 
 #theme: minima
 theme: minimal-mistakes-jekyll
-minimal_mistakes_skin: dirt # Out of "default", "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum" "sunrise"
+minimal_mistakes_skin: default # Out of "default", "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum" "sunrise"
 logo: "/assets/images/logo_199x300.png"
 locale: "en-US"
 

src/_sass/_custom.scss

@@ -1,20 +1,127 @@
-.initial-content {
-  background: url(../images/pattern-1.png) repeat left top;
+body {
+  font-family: system-ui;
 }
 
-form {
-  background-color: transparent;
-  padding: 0em;
+.page__hero--overlay {
+  padding-left: 10em;
+  padding-right: 10em;
 }
 
-td {
-  border-bottom: 10px;
+.page__hero--overlay .page__title {
+  color: #000;
+  text-shadow: unset;
 }
 
-.pagination--pager.disabled {
-  background-color: #e9dcbe;
+.page__hero--overlay .page__lead {
+  color: #000;
+  text-shadow: unset;
 }
 
-.pagination--pager {
-  background-color: #e9dcbe;
+.btn {
+  font-family: sans-serif;
+  font-weight: bold;
+  font-variant-caps: all-small-caps;
+  border-radius: 58px;
+}
+
+.page__hero--overlay .btn {
+  background-color: #fff;
+  color: #0075a2;
+  text-shadow: unset;
+}
+
+.page__hero--overlay .btn:hover {
+  background-color: #777;
+  color: #fff;
+}
+
+#main {
+  padding-left: 5em;
+  padding-right: 5em;
+}
+
+#documentation .feature__wrapper {
+  display: flex;
+  margin-bottom: auto;
+}
+
+.feature__item {
+  background-color: #eee;
+}
+
+.feature__item .archive__item-title {
+  text-align: center;
+}
+
+.feature__item .archive__item-body {
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+}
+
+.feature__item .archive__item-teaser img {
+  width: initial;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.feature__item .btn {
+  background-color: #0075a2;
+  color: #fff;
+}
+
+.feature__item .btn:hover {
+   background-color: #777;
+   color: #fff;
+}
+
+#contribute .feature__wrapper {
+  display: flex;
+  margin-bottom: auto;
+}
+
+#blog {
+  margin-top: 2em;
+  background-color: #eee;
+}
+
+.entries-grid {
+  background-color: #eee;
+  display: flex;
+  margin-bottom: auto;
+  padding-left: 2em;
+  padding-right: 2em;
+}
+
+.grid__item {
+  background-color: #ccc;
+}
+
+.grid__item .archive__item-title {
+  text-align: center;
+}
+
+.grid__item .archive__item-excerpt {
+  padding-left: 0.5em;
+  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;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+#about {
+  background-color: #fff;
+}
+
+.page__footer {
+  background-color: #eeeeee;
 }

src/index.html

@@ -3,37 +3,32 @@ title: "Welcome <i>The</i> Least-Authority File Store"
 layout: splash
 author_profile: false
 header:
-  overlay_color: "#000"
-  overlay_filter: "0.4"
-  overlay_image: /assets/images/overlay.jpg
+  overlay_color: "#ccc"
   actions:
     - label: "Download"
       url: "https://tahoe-lafs.org/downloads"
-  caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
-excerpt: "Tahoe-LAFS is a Free and Open decentralized cloud storage system.
+excerpt: >-
+  Tahoe-LAFS is a Free and Open decentralized cloud storage system.
   It distributes your data across multiple servers.<br/>
   Even if some of the servers fail or are taken over by an attacker,
-  the entire file store continues to function correctly, preserving your privacy and security."
+  the entire file store continues to function correctly, preserving your privacy and security.
 documentation:
   - title: "Read Some Nice Docs"
 documentation_list:
-  - image_path: /assets/images/overview.jpg
-    image_caption: "Image courtesy of [Unsplash](https://unsplash.com/)"
+  - image_path: /assets/images/overview.png
     alt: "overview"
     title: "Overview"
     excerpt: '
       This [one-page summary](https://tahoe-lafs.readthedocs.io/en/latest/about-tahoe.html) explains the unique properties of this system
     '
-  - image_path: /assets/images/manual.jpg
-    image_caption: "Image courtesy of [Unsplash](https://unsplash.com/)"
+  - image_path: /assets/images/manual.png
     alt: "manual"
     title: "Manual"
     excerpt: '<ul>
       <li><a href="https://tahoe-lafs.readthedocs.io/en/latest/Installation/install-tahoe.html">Installation Instructions</a></li>
       <li><a href="http://tahoe-lafs.readthedocs.org/">Tahoe-LAFS Manual</a></li>
     </ul>'
-  - image_path: /assets/images/wiki.jpg
-    image_caption: "Image courtesy of [Unsplash](https://unsplash.com/)"
+  - image_path: /assets/images/wiki.png
     alt: "wiki"
     title: "Wiki"
     excerpt: '<ul>
@@ -44,8 +39,7 @@ contribute:
   - title: "Get Involved"
     excerpt: ""
 contribute_list:
-  - image_path: /assets/images/messaging.jpg
-    image_caption: "Image courtesy of [Unsplash](https://unsplash.com/)"
+  - image_path: /assets/images/discussions.png
     alt: "discussions"
     title: "Discussions"
     excerpt: '<ul>
@@ -56,16 +50,14 @@ contribute_list:
         <li>First of the month for project governance</li>
         <li>Others for technical discussions</li>
     </ul>'
-  - image_path: /assets/images/tickets.jpg
-    image_caption: "Image courtesy of [Unsplash](https://unsplash.com/)"
+  - image_path: /assets/images/issues.png
     alt: "issues"
     title: "Issues"
     excerpt: '<ul>
       <li>Visit the <a href="https://code.lafs.eval.latfa.net/tahoe-lafs/trac/issues"><b>issue</b></a> tracker</li>
       <li>Register an <a href="https://code.lafs.eval.latfa.net/user/sign_up"><b>account</b></a> to interact</li>
     </ul>'
-  - image_path: /assets/images/code.jpg
-    image_caption: "Image courtesy of [Unsplash](https://unsplash.com/)"
+  - image_path: /assets/images/code.png
     alt: "code"
     title: "Code"
     excerpt: '<ul>