Toward the minimal mockup #13

Merged
btlogy merged 14 commits from 12.toward-minimal-mockup into main 2024-11-19 11:55:00 +00:00
18 changed files with 178 additions and 41 deletions

View File

@ -30,7 +30,7 @@ incremental: false
#theme: minima #theme: minima
theme: minimal-mistakes-jekyll 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" logo: "/assets/images/logo_199x300.png"
locale: "en-US" locale: "en-US"

View File

@ -17,8 +17,7 @@ services:
tty: true tty: true
hostname: jekyll.local hostname: jekyll.local
container_name: jekyll.local container_name: jekyll.local
networks: network_mode: "bridge"
- bridge
deploy: deploy:
resources: resources:
limits: limits:

View File

@ -1,20 +1,165 @@
.initial-content { body {
background: url(../images/pattern-1.png) repeat left top; font-family: system-ui;
} }
form { .page__hero--overlay {
background-color: transparent; padding: 1em;
padding: 0em;
} }
td { .page__hero--overlay .page__title {
border-bottom: 10px; text-shadow: unset;
} }
.pagination--pager.disabled { .page__hero--overlay .page__lead {
background-color: #e9dcbe; text-shadow: unset;
} }
.pagination--pager { .btn {
background-color: #e9dcbe; 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: 1em;
padding-right: 1em;
}
.page__content .archive__item-title {
margin-top: 2em;
}
#documentation .feature__wrapper {
margin-bottom: auto;
}
.feature__wrapper {
border-bottom: unset;
margin-bottom: unset;
}
.feature__item {
background-color: #eee;
height: 15em;
margin-bottom: 1em;
border-radius: 4px;
}
.feature__item .archive__item-title {
text-align: center;
}
.feature__item .archive__item-body {
padding-left: 0.5em;
padding-right: 0.5em;
padding-bottom: 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 {
margin-bottom: auto;
}
#contribute .feature__item {
height: 16em;
}
#blog {
margin-top: 2em;
background-color: #eee;
border-radius: 4px;
}
.entries-grid {
background-color: #eee;
margin-bottom: auto;
padding-left: 1em;
padding-right: 1em;
}
.grid__item {
background-color: #ccc;
padding: 0.5em;
border-radius: 4px;
}
.grid__item .archive__item-title {
text-align: center;
}
.grid__item .archive__item-excerpt {
padding-left: 0.5em;
padding-right: 0.5em;
}
.grid__item .grid__item-teaser img {
width: initial;
display: block;
margin-left: auto;
margin-right: auto;
}
.entries-grid::after {
clear: both;
content: "";
display: table;
}
#about {
background-color: #fff;
}
#about .feature__item {
height: 12em;
}
#about .feature__item .archive__item-title {
padding-top: 0.5em;
}
.feature__item--center {
text-align: center;
}
.page .page__inner-wrap {
background-color: #eee;
padding: 0.5em;
border-radius: 4px;
}
.page__share + .pagination {
padding-top: 0;
background-color: #fff;
}
.page__footer {
background-color: #eee;
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 74 KiB

BIN
src/assets/images/code.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 197 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 108 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 132 KiB

BIN
src/assets/images/wiki.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -3,37 +3,32 @@ title: "Welcome <i>The</i> Least-Authority File Store"
layout: splash layout: splash
author_profile: false author_profile: false
header: header:
overlay_color: "#000" overlay_color: "#101820"
overlay_filter: "0.4"
overlay_image: /assets/images/overlay.jpg
actions: actions:
- label: "Download" - label: "Download"
url: "https://tahoe-lafs.org/downloads" url: "https://tahoe-lafs.org/downloads"
caption: "Photo credit: [**Unsplash**](https://unsplash.com)" excerpt: >-
excerpt: "Tahoe-LAFS is a Free and Open decentralized cloud storage system. Tahoe-LAFS is a Free and Open decentralized cloud storage system.
It distributes your data across multiple servers.<br/> It distributes your data across multiple servers.<br/>
Even if some of the servers fail or are taken over by an attacker, 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: documentation:
- title: "Read Some Nice Docs" - title: "Documentation"
documentation_list: documentation_list:
- image_path: /assets/images/overview.jpg - image_path: /assets/images/overview.png
image_caption: "Image courtesy of [Unsplash](https://unsplash.com/)"
alt: "overview" alt: "overview"
title: "Overview" title: "Overview"
excerpt: ' excerpt: '
This [one-page summary](https://tahoe-lafs.readthedocs.io/en/latest/about-tahoe.html) explains the unique properties of this system 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_path: /assets/images/manual.png
image_caption: "Image courtesy of [Unsplash](https://unsplash.com/)"
alt: "manual" alt: "manual"
title: "Manual" title: "Manual"
excerpt: '<ul> excerpt: '<ul>
<li><a href="https://tahoe-lafs.readthedocs.io/en/latest/Installation/install-tahoe.html">Installation Instructions</a></li> <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> <li><a href="http://tahoe-lafs.readthedocs.org/">Tahoe-LAFS Manual</a></li>
</ul>' </ul>'
- image_path: /assets/images/wiki.jpg - image_path: /assets/images/wiki.png
image_caption: "Image courtesy of [Unsplash](https://unsplash.com/)"
alt: "wiki" alt: "wiki"
title: "Wiki" title: "Wiki"
excerpt: '<ul> excerpt: '<ul>
@ -41,31 +36,25 @@ documentation_list:
<li><a href="https://tahoe-lafs.org/trac/tahoe-lafs/wiki/FAQ">Frequently Asked Questions</a></li> <li><a href="https://tahoe-lafs.org/trac/tahoe-lafs/wiki/FAQ">Frequently Asked Questions</a></li>
</ul>' </ul>'
contribute: contribute:
- title: "Get Involved" - title: "Contribute"
excerpt: "" excerpt: ""
contribute_list: contribute_list:
- image_path: /assets/images/messaging.jpg - image_path: /assets/images/discussions.png
image_caption: "Image courtesy of [Unsplash](https://unsplash.com/)"
alt: "discussions" alt: "discussions"
title: "Discussions" title: "Discussions"
excerpt: '<ul> excerpt: '<ul>
<li>Join <a href="https://lists.tahoe-lafs.org/mailman/listinfo/tahoe-dev" target="_blank">the <b>tahoe-dev</b></a> mailing list</li> <li>Join <a href="https://lists.tahoe-lafs.org/mailman/listinfo/tahoe-dev" target="_blank">the <b>tahoe-dev</b></a> mailing list</li>
<li>Join the <a href="https://libera.chat/" target="_blank"><b>#tahoe-lafs</b></a> channel on Libera</li> <li>Join the <a href="https://libera.chat/" target="_blank"><b>#tahoe-lafs</b></a> channel on Libera</li>
<li>Join our <a href="https://meet.jit.si/AccurateFiltersManipulateBefore" target="blank"><b>Tuesday 1700 UTC meetings</b></a> <li>Meet us on <a href="https://meet.jit.si/AccurateFiltersManipulateBefore" target="blank"><b>Tuesday</b></a> at 17:00 UTC on Jitsi </li>
<ul>
<li>First of the month for project governance</li>
<li>Others for technical discussions</li>
</ul>' </ul>'
- image_path: /assets/images/tickets.jpg - image_path: /assets/images/issues.png
image_caption: "Image courtesy of [Unsplash](https://unsplash.com/)"
alt: "issues" alt: "issues"
title: "Issues" title: "Issues"
excerpt: '<ul> excerpt: '<ul>
<li>Visit the <a href="https://code.lafs.eval.latfa.net/tahoe-lafs/trac/issues"><b>issue</b></a> tracker</li> <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> <li>Register an <a href="https://code.lafs.eval.latfa.net/user/sign_up"><b>account</b></a> to interact</li>
</ul>' </ul>'
- image_path: /assets/images/code.jpg - image_path: /assets/images/code.png
image_caption: "Image courtesy of [Unsplash](https://unsplash.com/)"
alt: "code" alt: "code"
title: "Code" title: "Code"
excerpt: '<ul> excerpt: '<ul>
@ -73,11 +62,11 @@ contribute_list:
<li>Submit pull request with a valid issue number</li> <li>Submit pull request with a valid issue number</li>
</ul>' </ul>'
blog: 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: about:
- title: "About us" - title: "About us"
excerpt: "Here comes something about us..." excerpt: ""
about_list: about_list:
- title: "Volunteers" - title: "Volunteers"
excerpt: "Tahoe-LAFS is an open-source project supported by donations and maintained by a group of hardy volunteers...<br/>" excerpt: "Tahoe-LAFS is an open-source project supported by donations and maintained by a group of hardy volunteers...<br/>"
@ -103,10 +92,12 @@ about_list:
{% include feature_row id="documentation" type="center" %} {% include feature_row id="documentation" type="center" %}
{% include feature_row id="documentation_list" %} {% include feature_row id="documentation_list" %}
</div> </div>
<div id="contribute"> <div id="contribute">
{% include feature_row id="contribute" type="center" %} {% include feature_row id="contribute" type="center" %}
{% include feature_row id="contribute_list" %} {% include feature_row id="contribute_list" %}
</div> </div>
<div id="blog"> <div id="blog">
{% include feature_row id="blog" type="center" %} {% include feature_row id="blog" type="center" %}
<div class="entries-grid"> <div class="entries-grid">
@ -124,6 +115,8 @@ about_list:
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
</div>
<div id="about"> <div id="about">
{% include feature_row id="about" type="center" %} {% include feature_row id="about" type="center" %}
{% include feature_row id="about_list" %} {% include feature_row id="about_list" %}