wip2
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
12c1d8ffc6
commit
8da4f868a3
|
@ -1,12 +1,13 @@
|
|||
$line-height: 1.15
|
||||
$size-small: 600px
|
||||
$layout-size: 960px
|
||||
|
||||
html
|
||||
font-size: 1.25rem
|
||||
line-height: $line-height
|
||||
|
||||
p, li
|
||||
line-height: 1.4
|
||||
line-height: 1.6
|
||||
|
||||
// COLOR
|
||||
|
||||
|
@ -17,7 +18,7 @@ $color-main: #abd1c6
|
|||
$color-light: #e8e4e6
|
||||
$color-lightest: #fffffe
|
||||
$color-secondary: #f9bc60
|
||||
$color-tertiary: #A91804
|
||||
$color-tertiary: #a91804
|
||||
|
||||
@mixin theme
|
||||
// https://www.happyhues.co/palettes/10
|
||||
|
@ -28,8 +29,8 @@ $color-tertiary: #A91804
|
|||
--color-tertiary: #{$color-tertiary}
|
||||
|
||||
--color-background: #{$color-dark}
|
||||
--color-headline: #{$color-lightest}
|
||||
--color-paragraph: var(--color-secondary)
|
||||
--color-headline: var(--color-highlight)
|
||||
--color-paragraph: var(--color-main)
|
||||
--color-link: var(--color-highlight)
|
||||
--color-button: var(--color-highlight)
|
||||
--color-button-text: var(--color-stroke)
|
||||
|
@ -39,7 +40,7 @@ $color-tertiary: #A91804
|
|||
--color-card-paragraph: #{$color-darken}
|
||||
--color-card-link: var(--color-background)
|
||||
--color-card-button: var(--color-background)
|
||||
--color-card-button-text: var(--color-headline)
|
||||
--color-card-button-text: #{$color-lightest}
|
||||
|
||||
|
||||
--color-secondary-background: var(--color-secondary)
|
||||
|
@ -88,6 +89,8 @@ $color-tertiary: #A91804
|
|||
color: var(--color-link)
|
||||
|
||||
@mixin theme-secondary
|
||||
--color-link: var(--color-secondary-link)
|
||||
--color-headline: var(--color-secondary-headline)
|
||||
color: var(--color-secondary-paragraph)
|
||||
background: var(--color-secondary-background)
|
||||
h1, h2, h3, h4, h5, h6
|
||||
|
@ -108,6 +111,7 @@ $color-tertiary: #A91804
|
|||
a
|
||||
color: var(--color-secondary-card-link)
|
||||
|
||||
|
||||
svg
|
||||
height: 120px
|
||||
.st0
|
||||
|
@ -122,17 +126,35 @@ body
|
|||
.theme-secondary
|
||||
@include theme-secondary
|
||||
|
||||
.card, .cards > *
|
||||
padding: 1rem
|
||||
margin: 1rem
|
||||
.cards
|
||||
display: grid
|
||||
grid-auto-columns: 1fr
|
||||
grid-template-columns: 1fr 1fr
|
||||
grid-template-rows: auto auto auto
|
||||
column-gap: var(--tile)
|
||||
row-gap: var(--tile)
|
||||
margin: 0
|
||||
padding: 0
|
||||
list-style-type: none
|
||||
|
||||
@media screen and (max-width: 800px)
|
||||
grid-template-columns: 1fr
|
||||
|
||||
& > *
|
||||
padding: var(--tile)
|
||||
border-radius: var(--border-radius)
|
||||
|
||||
@media screen and (max-width: 800px)
|
||||
text-align: center
|
||||
|
||||
body
|
||||
--tile: 2rem
|
||||
|
||||
--border-style: dashed
|
||||
--border-size: 4px
|
||||
--border-radius: calc(var(--tile)/2)
|
||||
--link-style: dotted
|
||||
|
||||
--tile: 2rem
|
||||
|
||||
font-size: 1.125rem
|
||||
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
|
||||
|
||||
|
@ -146,16 +168,29 @@ body
|
|||
font-size: .9rem
|
||||
|
||||
.content
|
||||
max-width: 800px
|
||||
max-width: $layout-size
|
||||
padding: var(--tile)
|
||||
margin: 0 auto
|
||||
|
||||
.blogDate:first-child + h1
|
||||
padding-top: 0
|
||||
|
||||
h1:first-child
|
||||
padding-top: 0
|
||||
|
||||
.quote:first-child
|
||||
margin-top: 0
|
||||
|
||||
img
|
||||
max-width: 100%
|
||||
@media screen and (max-width: $size-small)
|
||||
max-width: calc(100% + 1rem)
|
||||
margin-left: -.5rem
|
||||
|
||||
.half
|
||||
max-width: 50%
|
||||
margin: 0 auto
|
||||
|
||||
hr
|
||||
border: 0
|
||||
border-bottom: var(--border-size) var(--border-style) var(--color-highlight)
|
||||
|
@ -166,10 +201,10 @@ hr
|
|||
.center
|
||||
text-align: center
|
||||
|
||||
p + ol, p + ul
|
||||
margin: 0
|
||||
> li:first-child
|
||||
padding-top: 0
|
||||
// p + ol, p + ul
|
||||
// margin: 0
|
||||
// > li:first-child
|
||||
// padding-top: 0
|
||||
|
||||
ol, ul
|
||||
padding-left: 1.2rem
|
||||
|
@ -185,32 +220,45 @@ ul.no-style
|
|||
|
||||
li
|
||||
padding: 0
|
||||
line-height: $line-height
|
||||
|
||||
a
|
||||
text-decoration: underline var(--link-style)
|
||||
text-decoration: none
|
||||
border-bottom: 2px var(--link-style)
|
||||
&:hover
|
||||
text-decoration: underline
|
||||
border-bottom: 2px solid
|
||||
|
||||
.header .title
|
||||
font-size: 2.25rem
|
||||
font-weight: 700
|
||||
margin: 1.5rem 0
|
||||
&:active, &:visited
|
||||
border-bottom: 2px dashed
|
||||
|
||||
a[href^="http"]::after
|
||||
content: "\2197"
|
||||
font-size: .8rem
|
||||
display: inline-block
|
||||
position: relative
|
||||
margin-left: .2em
|
||||
|
||||
h1
|
||||
margin: 0 auto calc(var(--tile)*2)
|
||||
padding: calc(var(--tile)*2.5) 0 0
|
||||
|
||||
h2
|
||||
margin: calc(var(--tile)*1.5) auto
|
||||
margin: 0 auto calc(var(--tile)*1.5)
|
||||
padding: calc(var(--tile)*2) 0 0
|
||||
|
||||
h3
|
||||
// display: inline-block
|
||||
margin: calc(var(--tile)*1.5) auto var(--tile)
|
||||
margin: 0 auto var(--tile)
|
||||
padding: calc(var(--tile)*1.5) 0 0
|
||||
|
||||
h1 + h2, h2 + h3, h3 + h4
|
||||
padding-top: 0
|
||||
|
||||
|
||||
.frame
|
||||
border: var(--border-size) var(--border-style) var(--color-highlight)
|
||||
padding: var(--tile)
|
||||
|
||||
.footer
|
||||
font-size: 0.8rem
|
||||
padding-bottom: calc(var(--tile)/2)
|
||||
font-family: monospace
|
||||
line-height: 1.2
|
||||
|
||||
@media screen and (max-width: $size-small)
|
||||
.cell, .cell.-right
|
||||
|
@ -218,6 +266,11 @@ h3
|
|||
flex: 0 0 100%
|
||||
padding-bottom: calc(var(--tile)/2)
|
||||
|
||||
ul + ul
|
||||
border-top: 2px dotted
|
||||
padding-top: var(--tile)
|
||||
margin-top: var(--tile)
|
||||
|
||||
.flex
|
||||
--margin-tile: calc(var(--tile)/2)
|
||||
margin: calc(var(--margin-tile) * -1)
|
||||
|
@ -229,7 +282,7 @@ h3
|
|||
li
|
||||
text-align: center
|
||||
padding: var(--margin-tile)
|
||||
flex: 0 0 50%
|
||||
flex: 0 0 calc(100% / 2 - var(--tile))
|
||||
box-sizing: border-box
|
||||
|
||||
img
|
||||
|
@ -242,8 +295,41 @@ h3
|
|||
li
|
||||
flex: 0 0 100%
|
||||
|
||||
|
||||
.header
|
||||
justify-content: space-between
|
||||
.title
|
||||
font-size: 2.25rem
|
||||
font-weight: 700
|
||||
margin: 0
|
||||
padding: 0
|
||||
|
||||
a
|
||||
border: none
|
||||
.menu
|
||||
ul
|
||||
margin: 0
|
||||
padding: 0
|
||||
list-style-type: none
|
||||
|
||||
li
|
||||
padding: 0
|
||||
margin-top: .3rem
|
||||
|
||||
a
|
||||
padding: .3rem calc(var(--tile)/4)
|
||||
|
||||
@media screen and (max-width: $size-small)
|
||||
ul
|
||||
display: flex
|
||||
flex-direction: row-reverse
|
||||
li
|
||||
display: inline
|
||||
margin: var(--tile) auto
|
||||
|
||||
.quote
|
||||
border: var(--border-size) var(--border-style) var(--color-highlight)
|
||||
border-radius: var(--border-radius)
|
||||
padding: var(--tile)
|
||||
margin: calc(1.5 * var(--tile)) 0
|
||||
position: relative
|
||||
|
@ -251,6 +337,7 @@ h3
|
|||
|
||||
h2
|
||||
margin: 0
|
||||
padding: 0
|
||||
|
||||
strong
|
||||
font-size: 130%
|
||||
|
|
|
@ -16,7 +16,7 @@ permalinks:
|
|||
|
||||
params:
|
||||
FaviconFile: logo.svg
|
||||
ImageSize: 800x
|
||||
ImageSize: 960x
|
||||
|
||||
minify:
|
||||
tdewolff:
|
||||
|
|
|
@ -24,40 +24,40 @@ RésiLien est géré par un **collectif** d'entreprises de l'**Économie Sociale
|
|||
<div class="theme-secondary">
|
||||
<div class="content">
|
||||
|
||||
### Quels services propose RésiLien ?
|
||||
{.center .frame}
|
||||
## Quels services propose RésiLien ?
|
||||
{.center}
|
||||
|
||||
- ![Collaboration sur un document](/icons/writting.svg)
|
||||
#### Prise de notes collaborative
|
||||
### Prise de notes collaborative
|
||||
Avec le logiciel libre Hedgedoc, prenez des notes à plusieurs au format Markdown.
|
||||
- ![Partager ses fichiers avec son équipe](/icons/share-file.svg)
|
||||
#### Partage de fichiers
|
||||
### Partage de fichiers
|
||||
Avec le logiciel libre Nextcloud, stockez vos fichiers sur un serveur pour les partager à d'autres personnes ou avec votre équipe.
|
||||
- ![Partage de calendriers et contacts](/icons/calendar-contacts.svg)
|
||||
#### Calendriers et contacts partagés
|
||||
### Calendriers et contacts partagés
|
||||
Avec le logiciel libre Nextcloud, partagez votre calendrier et vos contacts avec les membres de votre organisation.
|
||||
- ![Éco-conception de site internet](/icons/website.svg)
|
||||
#### Site web statique
|
||||
### Site web statique
|
||||
Avec le logiciel libre Hugo, l'équipe de RésiLien peut concevoir un site web selon votre demande et l'héberger sur son infrastructure.
|
||||
{ .flex .services .cards }
|
||||
{ .cards }
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="theme-primary">
|
||||
<div class="content">
|
||||
|
||||
### Comment bénéficier des services de RésiLien ?
|
||||
{.center .frame}
|
||||
## Comment bénéficier des services de RésiLien ?
|
||||
{.center}
|
||||
|
||||
Pour tous les services hébergés par RésiLien, ce sera l'entreprise Weko (département de la Loire) ou Libenume (département des Côtes d'Armor) votre interlocutrice principale selon votre proximité géographique.
|
||||
|
||||
- #### [Weko](https://weko.io)
|
||||
- ### [Weko](https://weko.io)
|
||||
[simon@weko.io](mailto:simon@weko.io)
|
||||
[07 57 18 01 68](tel:0757180168)
|
||||
- #### [Libenume](https://libenume.fr/)
|
||||
- ### [Libenume](https://libenume.fr/)
|
||||
[contact@libenume.fr](mailto:contact@libenume.fr)
|
||||
[07 64 70 62 94](tel:0764706294)
|
||||
{ .flex }
|
||||
{ .cards }
|
||||
|
||||
Ayant à cœur d'avoir une **relation de proximité**, nous vous conseillons de contacter l'entreprise la plus proche. Celle-ci vous enverra une proposition commerciale en fonction de vos besoins. Chaque prestation inclut une **période d'accompagnement pour l'utilisation des services**.
|
||||
|
||||
|
@ -66,10 +66,10 @@ Ayant à cœur d'avoir une **relation de proximité**, nous vous conseillons de
|
|||
<div class="theme-secondary">
|
||||
<div class="content">
|
||||
|
||||
### Blog
|
||||
{.center .frame}
|
||||
## Blog
|
||||
{.center}
|
||||
|
||||
Voici nos derniers articles de blog :
|
||||
Voici nos derniers articles de blog :
|
||||
|
||||
{{< blog-article-last >}}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
title: Lancement de RésiLien, hébergeur d’un numérique responsable !
|
||||
title: Lancement de RésiLien, hébergeur d’un numérique responsable !
|
||||
description: RésiLien est un projet fondé par Simon Constans et Killian Kemps, sous le nom de nos entreprises respectivement Weko et Libenume, dans le but de proposer une offre commerciale alternative aux services de collaboration en ligne déjà existants tels que Google Drive et Dropbox pour n'en citer que quelques uns.
|
||||
date: 2021-12-20
|
||||
---
|
||||
|
|
|
@ -8,6 +8,9 @@ date: 2021-12-21
|
|||
|
||||
RésiLien a déposé sa candidature le 25 octobre 2021 afin d'intégrer la portée n°13 des [CHATONS](https://www.chatons.org). Les résultats des votes ont été publiés ce 21 décembre 2021 et [RésiLien fait officiellement partie des CHATONS](https://www.chatons.org/chatons/resilien) !
|
||||
|
||||
![Logo des CHATONS](/logo_chatons_v3.1.svg)
|
||||
{.half}
|
||||
|
||||
## CHATONS ? Késako ?
|
||||
|
||||
Avec un tel nom, on éveille souvent la curiosité ! Le collectif des CHATONS, dont l'acronyme CHATONS signifie « Collectif des Hébergeurs Alternatifs Transparents Ouverts Neutres et Solidaires », a été initié par l'association française [Framasoft](https://framasoft.org). Il regroupe des entités de toutes formes (associations, entreprises, personnes en nom propres) qui sont liées par une même [charte](https://www.chatons.org/charte). Tel que détaillé dans ce [manifeste](https://www.chatons.org/manifeste), toutes ces entités pensent que la direction générale que prend le numérique ne sert pas les intérêts des citoyennes et des citoyens. Le but de ce collectif est de réunir toutes les personnes qui souhaitent proposer une forme alternative du numérique qui sert les intérêts de toutes et tous.
|
||||
|
|
|
@ -4,3 +4,4 @@ description: Vous trouverez sur cette page les différents articles de blog conc
|
|||
---
|
||||
|
||||
# Blog
|
||||
{.center}
|
||||
|
|
|
@ -0,0 +1,7 @@
|
|||
{{ define "main" }}
|
||||
<div class="theme-secondary">
|
||||
<div class="content">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
|
@ -1,8 +1,12 @@
|
|||
{{ define "main" }}
|
||||
<div class="theme-secondary">
|
||||
<div class="content">
|
||||
{{ .Content }}
|
||||
<ul>
|
||||
{{ range .Pages }}
|
||||
<li>{{ .Date | time.Format ":date_medium" }} - {{ partial "article-link" . }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
|
@ -1,15 +1,17 @@
|
|||
{{ define "main" }}
|
||||
<div class="content">
|
||||
<p class="blogDate">
|
||||
Publié le <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date | time.Format ":date_full" }}</time>{{ if isset .Params "auteur" }} - {{ .Params.auteur }}{{ end }}
|
||||
</p>
|
||||
{{ .Content }}
|
||||
<aside>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="theme-secondary">
|
||||
<aside class="content">
|
||||
<p>Lire les articles précédents et suivants :</p>
|
||||
<ul>
|
||||
<li>Suivant : {{ with .NextInSection }}{{ partial "article-link" . }}{{ else }}Vous êtes sur notre article le plus récent 😇{{ end }}</li>
|
||||
<li>Précédent : {{ with .PrevInSection }}{{ partial "article-link" . }}{{ else }}Vous êtes sur notre premier article 😇{{ end }}</li>
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<hr>
|
||||
<footer class="content footer grid -bottom">
|
||||
<ul class="cell no-style">
|
||||
<li><img src="/logo_chatons_v3.1.svg" height="100"></li>
|
||||
<li>Membre du <a href="https://chatons.org/">collectif CHATONS</a></li>
|
||||
<li>Site web alimenté par <a href="https://www.enercoop.fr/" rel="noopener">Enercoop</a> ⚡</li>
|
||||
<li>Réalisé avec ❤️ de façon éco-responsable,</li>
|
||||
|
@ -8,8 +8,8 @@
|
|||
</ul>
|
||||
<ul class="cell -right no-style">
|
||||
<li><a href="/politique/">Politique de protection des données</a></li>
|
||||
<li><a href="/mentions-legales/">Mentions légales</a> - <a href="/cgv/">CGV</a> - <a href="/cgu/">CGU</a></li>
|
||||
<li><a href="/infrastructure/">Infrastructure</a> - <a href="/sous-traitance">Sous-traitance</a></li>
|
||||
<li><a href="/mentions-legales/">Mentions légales</a> - <a href="/cgv/">CGV</a> - <a href="/cgu/">CGU</a></li>
|
||||
<li><a href="https://notes.resilien.fr/s/R%C3%A9silien.md">Documentation générale</a></li>
|
||||
<li><a rel="me" href="https://mastodon.qowala.org/@resilien">Mastodon</a></li>
|
||||
</ul>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<header class="content header grid -middle">
|
||||
<header class="content header grid">
|
||||
{{ if .IsHome }}
|
||||
<h1 class="cell -left title"><a href="/">
|
||||
<h1 class="cell -left title" title="RésiLien"><a title="RésiLien" href="/">
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 182.1 81.1" style="enable-background:new 0 0 182.1 81.1;" xml:space="preserve">
|
||||
<path class="st0" d="M0,4.9c0-1.2,1-2.3,2.3-2.3H11c6.9,0,11.3,4.8,11.3,10.8c0,5.2-3.5,9.1-8.1,9.7l-1.1,0.1l11.7,13.9
|
||||
|
@ -629,9 +629,9 @@
|
|||
</a></div>
|
||||
{{ end }}
|
||||
<nav class="menu cell -right">
|
||||
<ul class="no-style">
|
||||
<li><a href="#comment-bénéficier-des-services-de-résilien-">Contact</a></li>
|
||||
<li><a href="#quels-services-propose-résilien">Services</a></li>
|
||||
<ul>
|
||||
<li><a href="/#comment-bénéficier-des-services-de-résilien-">Contact</a></li>
|
||||
<li><a href="/#quels-services-propose-résilien">Services</a></li>
|
||||
<li><a href="/blog/">Blog</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
|
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 14 KiB |
Reference in New Issue