Mise en avant des possibilités de soutien
This commit is contained in:
@@ -7,6 +7,10 @@ main:
|
||||
title: "Comment me contacter ?"
|
||||
pageRef: /contact/
|
||||
parent: Accueil
|
||||
- name: Me soutenir
|
||||
title: "Comment les dons aident le site ?"
|
||||
pageRef: /me-soutenir/
|
||||
parent: Accueil
|
||||
- name: Forge logicielle
|
||||
title: "Mes dépôts git"
|
||||
pageRef: https://git.dern.ovh
|
||||
|
||||
@@ -1,14 +1,6 @@
|
||||
---
|
||||
aliases:
|
||||
- /pages/contact/
|
||||
entreprises:
|
||||
- Microsoft
|
||||
- Google
|
||||
- Steam
|
||||
- Paypal
|
||||
oeuvres:
|
||||
- L'Humain, cette espèce primitive
|
||||
- L'Anankéisme
|
||||
tags:
|
||||
- RSS
|
||||
- Neutralité
|
||||
@@ -21,33 +13,10 @@ title: Me contacter
|
||||
Deux méthodes simples pour suivre mon actualité :
|
||||
|
||||
- venir régulièrement sur le site
|
||||
- utiliser un [agrégateur de flux RSS](https://fr.wikipedia.org/wiki/Comparaison_des_agrégateurs_de_flux) et y ajouter l'adresse de mon flux
|
||||
|
||||
Si vous n'êtes pas déjà un utilisateur de [RSS](https://fr.wikipedia.org/wiki/RSS), sachez que vous l'êtes probablement sans le savoir !
|
||||
En revanche, vous allez devoir [trouver](https://alternativeto.net/category/books--news/rss-feed-reader/) et installer un agrégateur par vous-même.
|
||||
|
||||
Le lien vers mon flux RSS est disponible en bas de chaque page du site.
|
||||
- utiliser un [agrégateur de flux RSS](https://fr.wikipedia.org/wiki/Comparaison_des_agrégateurs_de_flux) et y ajouter l'adresse de mon flux (disponible en bas de chaque page du site).
|
||||
|
||||
## Me contacter directement
|
||||
|
||||
Vous pouvez me contacter directement par email uniquement, à l'adresse suivante : `blpg@richard-dern.fr` (remplacez le "p" par la lettre qui va bien...).
|
||||
|
||||
Mon temps de réponse est de l'ordre d'un à trois jours en fonction de la taille de votre message.
|
||||
|
||||
### Si votre messagerie est hébergée par Microsoft ou Google
|
||||
|
||||
Microsoft et Google suppriment silencieusement les emails provenant de serveurs qu'ils n'estiment pas dignes de confiance (dans mon cas, [OVH](https://www.ovhcloud.com/fr/)).
|
||||
Si vous m'envoyez un email depuis une adresse hébergée par l'un ou l'autre, il est hautement probable que vous ne recevrez pas ma réponse (même dans votre dossier de spam), sans que ni vous ni moi ne soyons notifiés de la suppression silencieuse de ma réponse.
|
||||
|
||||
Si vous avez choisi une adresse hébergée par Microsoft ou Google (et probablement d'autres fournisseurs tiers), vous devez changer pour un fournisseur de messagerie respectueux de la [neutralité du Net](https://fr.wikipedia.org/wiki/Neutralité_du_réseau).
|
||||
|
||||
## Montrer votre ❤️
|
||||
|
||||
Si vous aimez ce que je fais, et que vous souhaitez faire quelque chose pour moi, j'ai plusieurs options à vous proposer.
|
||||
|
||||
- En cliquant sur des liens affiliés (affichés en rose), vous me permettez de récolter une faible contrepartie, si vous concluez un achat ensuite
|
||||
- Vous pouvez me faire un don via [Paypal](https://paypal.me/richarddern)
|
||||
- Vous pouvez m'offrir un jeu de ma [wishlist Steam](https://store.steampowered.com/wishlist/id/richarddern/#sort=order) ou [Gog](https://www.gog.com/fr/u/RichardDern/wishlist)
|
||||
- Vous pouvez m'offrir un produit de ma [wishlist Amazon](https://www.amazon.fr/hz/wishlist/ls/24XQEFC7L3GQB)
|
||||
|
||||
Vous pouvez également acheter mes livres :
|
||||
Mon temps de réponse est de l'ordre de un à trois jours en fonction de la taille de votre message.
|
||||
|
||||
42
content/me-soutenir/index.md
Normal file
42
content/me-soutenir/index.md
Normal file
@@ -0,0 +1,42 @@
|
||||
---
|
||||
entreprises:
|
||||
- Ko-fi
|
||||
- PayPal
|
||||
tags:
|
||||
- Blog
|
||||
- Soutien
|
||||
- Hébergement
|
||||
- Serveur
|
||||
title: Me soutenir
|
||||
oeuvres:
|
||||
- L'Humain, cette espèce primitive
|
||||
- L'Anankéisme
|
||||
---
|
||||
|
||||
Si vous appréciez ce que je fais et que vous souhaitez me soutenir, plusieurs possibilités existent.
|
||||
|
||||
- Vous pouvez me soutenir directement via les plateformes indiquées ci-dessous ;
|
||||
- En cliquant sur des liens affiliés (affichés en rose), vous me permettez de toucher une faible commission si vous effectuez ensuite un achat ;
|
||||
- Vous pouvez m'offrir un jeu de ma [wishlist Steam](https://store.steampowered.com/wishlist/id/richarddern/#sort=order) ou [GOG](https://www.gog.com/fr/u/RichardDern/wishlist) ;
|
||||
- Vous pouvez m'offrir un produit de ma [wishlist Amazon](https://www.amazon.fr/hz/wishlist/ls/24XQEFC7L3GQB).
|
||||
|
||||
## Pourquoi me soutenir ?
|
||||
|
||||
Je consacre aujourd'hui mon temps à mes projets d'écriture, de publication et d'hébergement.
|
||||
|
||||
Ils ne me procurent pas, à l'heure actuelle, de revenus réguliers.
|
||||
Je ne suis ni salarié, ni soutenu par une structure, ni inscrit dans une logique d'entreprise.
|
||||
|
||||
**Si vous avez aimé ce que vous avez lu ici, ou si vous souhaitez simplement encourager mes efforts, votre soutien m'aide à continuer.**
|
||||
|
||||
## Quelques frais récurrents
|
||||
|
||||
> Chiffres donnés à titre indicatif.
|
||||
|
||||
- Noms de domaine : ~7 € par mois
|
||||
- Électricité : ~12 € par mois
|
||||
- Connexion internet : ~40 € par mois
|
||||
|
||||
Ces montants ne résument pas tout, mais ils donnent une idée concrète de ce que représente le maintien de mes projets dans la durée.
|
||||
|
||||
À cela s'ajoutent l'entretien du matériel, son remplacement lorsqu'il devient nécessaire, ainsi que certains outils et services que je n'ai pas inclus ici.
|
||||
9
data/support.yaml
Normal file
9
data/support.yaml
Normal file
@@ -0,0 +1,9 @@
|
||||
platforms:
|
||||
- title: Ko-fi
|
||||
url: https://ko-fi.com/richarddern
|
||||
image: /icons/support/kofi.png
|
||||
description: Plateforme spécialisée dans le soutien aux créateurs, adaptée aux dons ponctuels sans engagement.
|
||||
- title: PayPal
|
||||
url: https://paypal.me/richarddern
|
||||
image: /icons/support/paypal.svg
|
||||
description: Service de paiement très répandu, pratique si vous l'utilisez déjà.
|
||||
BIN
static/icons/support/kofi.png
Normal file
BIN
static/icons/support/kofi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
1
static/icons/support/paypal.svg
Normal file
1
static/icons/support/paypal.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48"><g clip-path="url(#a)"><path fill="#002991" d="M38.914 13.35c0 5.574-5.144 12.15-12.927 12.15H18.49l-.368 2.322L16.373 39H7.056l5.605-36h15.095c5.083 0 9.082 2.833 10.555 6.77a9.687 9.687 0 0 1 .603 3.58z"/><path fill="#60CDFF" d="M44.284 23.7A12.894 12.894 0 0 1 31.53 34.5h-5.206L24.157 48H14.89l1.483-9 1.75-11.178.367-2.322h7.497c7.773 0 12.927-6.576 12.927-12.15 3.825 1.974 6.055 5.963 5.37 10.35z"/><path fill="#008CFF" d="M38.914 13.35C37.31 12.511 35.365 12 33.248 12h-12.64L18.49 25.5h7.497c7.773 0 12.927-6.576 12.927-12.15z"/></g><defs><clipPath id="a"><path fill="#fff" d="M7.056 3h37.35v45H7.056z"/></clipPath></defs></svg>
|
||||
|
After Width: | Height: | Size: 709 B |
@@ -603,6 +603,11 @@ main > article > section.article-asides section.article-complementary-files {
|
||||
background: linear-gradient(180deg, rgba(136, 112, 63, 0.18) 0%, rgba(17, 27, 42, 0.56) 100%);
|
||||
}
|
||||
|
||||
main > article > section.article-asides section.article-support {
|
||||
border-top-color: var(--color-link-affiliated);
|
||||
background: linear-gradient(180deg, rgba(94, 36, 112, 0.34) 0%, rgba(31, 18, 43, 0.68) 100%);
|
||||
}
|
||||
|
||||
main > article > section.article-asides section.article-change-history {
|
||||
border-top-color: var(--color-section-divider-2);
|
||||
background: linear-gradient(180deg, rgba(143, 106, 216, 0.2) 0%, rgba(17, 27, 42, 0.56) 100%);
|
||||
@@ -631,6 +636,77 @@ main > article > section.article-asides section.article-aside-block > p {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
main > article > section.article-asides section.article-support > ul {
|
||||
list-style: none;
|
||||
margin-top: var(--space-3);
|
||||
padding-left: 0;
|
||||
display: grid;
|
||||
gap: var(--space-2);
|
||||
}
|
||||
|
||||
main > article > section.article-asides section.article-support > ul > li {
|
||||
margin-top: 0;
|
||||
border-top: 1px solid rgba(231, 146, 255, 0.34);
|
||||
padding-top: var(--space-2);
|
||||
display: grid;
|
||||
grid-template-columns: minmax(8.5rem, auto) minmax(0, 1fr);
|
||||
align-items: center;
|
||||
gap: var(--space-2);
|
||||
}
|
||||
|
||||
main > article > section.article-asides section.article-support > ul > li:first-child {
|
||||
border-top: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
main > article > section.article-asides section.article-support > ul > li > a.ui-button {
|
||||
min-width: 8.5rem;
|
||||
justify-content: flex-start;
|
||||
border-color: var(--color-link-affiliated);
|
||||
background: linear-gradient(180deg, rgba(139, 62, 162, 0.72) 0%, rgba(65, 31, 84, 0.94) 100%);
|
||||
}
|
||||
|
||||
main > article > section.article-asides section.article-support > ul > li > a.ui-button:is(:hover, :focus-visible) {
|
||||
border-color: var(--color-link-affiliated-hover);
|
||||
background: linear-gradient(180deg, rgba(168, 83, 190, 0.82) 0%, rgba(82, 42, 104, 0.98) 100%);
|
||||
}
|
||||
|
||||
main > article > section.article-asides section.article-support > ul > li > a.ui-button > img {
|
||||
width: 1.35rem;
|
||||
height: 1.35rem;
|
||||
flex: none;
|
||||
object-fit: contain;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
main > article > section.article-asides section.article-support > ul > li > p {
|
||||
margin-top: 0;
|
||||
color: var(--color-text-muted);
|
||||
font-size: 0.95rem;
|
||||
line-height: 1.35;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
main > article > section.article-asides section.article-support > p:last-child {
|
||||
margin-top: var(--space-3);
|
||||
}
|
||||
|
||||
main > article > section.article-asides section.article-support > p:last-child > a {
|
||||
color: var(--color-heading);
|
||||
font-size: 0.92rem;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
main > article > section.article-asides section.article-support > ul > li {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
main > article > section.article-asides section.article-support > ul > li > a.ui-button {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
main > article > section.article-asides section.article-taxonomies > div.article-taxonomies-groups {
|
||||
margin-top: var(--space-2);
|
||||
display: grid;
|
||||
|
||||
@@ -297,7 +297,33 @@ body > main > section > div.spotlight > aside:first-child {
|
||||
padding-right: var(--space-4);
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > div {
|
||||
body > main.home-main > div.home-books-support {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 2fr) minmax(18rem, 0.82fr);
|
||||
align-items: start;
|
||||
gap: var(--space-4) var(--space-5);
|
||||
}
|
||||
|
||||
body > main.home-main > div.home-books-support > section.home-books,
|
||||
body > main.home-main > div.home-books-support > aside.home-support {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
body > main.home-main > div.home-books-support > section.home-books {
|
||||
border-top: var(--border-width-regular) solid var(--color-section-divider-1);
|
||||
padding-top: var(--space-4);
|
||||
}
|
||||
|
||||
body > main.home-main > section + div.home-books-support > section.home-books {
|
||||
border-top-color: var(--color-section-divider-2);
|
||||
}
|
||||
|
||||
body > main.home-main > section + section + div.home-books-support > section.home-books {
|
||||
border-top-color: var(--color-section-divider-3);
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > div,
|
||||
body > main.home-main > div.home-books-support > section.home-books > div {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(18rem, 22rem));
|
||||
justify-content: center;
|
||||
@@ -305,7 +331,108 @@ body > main.home-main > section.home-books > div {
|
||||
margin-top: var(--space-3);
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > header > p {
|
||||
body > main.home-main > div.home-books-support > aside.home-support {
|
||||
margin-top: 0;
|
||||
border-top: var(--border-width-regular) solid var(--color-link-affiliated);
|
||||
padding: var(--space-3);
|
||||
background: linear-gradient(180deg, rgba(94, 36, 112, 0.34) 0%, rgba(31, 18, 43, 0.68) 100%);
|
||||
}
|
||||
|
||||
body > main.home-main > div.home-books-support > aside.home-support > header,
|
||||
body > main.home-main > div.home-books-support > aside.home-support > p,
|
||||
body > main.home-main > div.home-books-support > aside.home-support > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
body > main.home-main > div.home-books-support > aside.home-support > header > h2 {
|
||||
margin-top: 0;
|
||||
font-size: clamp(1.12rem, 1.8vw, 1.38rem);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.06em;
|
||||
}
|
||||
|
||||
body > main.home-main > div.home-books-support > aside.home-support > header > p,
|
||||
body > main.home-main > div.home-books-support > aside.home-support > p {
|
||||
margin-top: var(--space-2);
|
||||
color: var(--color-text-muted);
|
||||
font-size: 1rem;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
body > main.home-main > div.home-books-support > aside.home-support > ul.support-platforms {
|
||||
list-style: none;
|
||||
margin-top: var(--space-3);
|
||||
padding-left: 0;
|
||||
display: grid;
|
||||
gap: var(--space-2);
|
||||
}
|
||||
|
||||
body > main.home-main > div.home-books-support > aside.home-support > ul.support-platforms > li {
|
||||
margin-top: 0;
|
||||
border-top: 1px solid rgba(231, 146, 255, 0.34);
|
||||
padding-top: var(--space-2);
|
||||
display: grid;
|
||||
gap: var(--space-2);
|
||||
}
|
||||
|
||||
body > main.home-main > div.home-books-support > aside.home-support > ul.support-platforms > li:first-child {
|
||||
border-top: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
body > main.home-main > div.home-books-support > aside.home-support > ul.support-platforms > li > a.ui-button {
|
||||
width: 100%;
|
||||
justify-content: flex-start;
|
||||
border-color: var(--color-link-affiliated);
|
||||
background: linear-gradient(180deg, rgba(139, 62, 162, 0.72) 0%, rgba(65, 31, 84, 0.94) 100%);
|
||||
}
|
||||
|
||||
body > main.home-main > div.home-books-support > aside.home-support > ul.support-platforms > li > a.ui-button:is(:hover, :focus-visible) {
|
||||
border-color: var(--color-link-affiliated-hover);
|
||||
background: linear-gradient(180deg, rgba(168, 83, 190, 0.82) 0%, rgba(82, 42, 104, 0.98) 100%);
|
||||
}
|
||||
|
||||
body > main.home-main > div.home-books-support > aside.home-support > ul.support-platforms > li > a.ui-button > img {
|
||||
width: 1.35rem;
|
||||
height: 1.35rem;
|
||||
flex: none;
|
||||
object-fit: contain;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
body > main.home-main > div.home-books-support > aside.home-support > ul.support-platforms > li > p {
|
||||
margin-top: 0;
|
||||
color: var(--color-text-muted);
|
||||
font-size: 0.95rem;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
body > main.home-main > div.home-books-support > aside.home-support > p:last-child {
|
||||
margin-top: var(--space-3);
|
||||
}
|
||||
|
||||
body > main.home-main > div.home-books-support > aside.home-support > p:last-child > a {
|
||||
color: var(--color-heading);
|
||||
font-size: 0.92rem;
|
||||
}
|
||||
|
||||
body > main.home-main > div.home-books-support > section.home-books > header {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
gap: var(--space-2);
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
body > main.home-main > div.home-books-support > section.home-books > header > h2 {
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.06em;
|
||||
font-size: clamp(1.08rem, 1.8vw, 1.45rem);
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > header > p,
|
||||
body > main.home-main > div.home-books-support > section.home-books > header > p {
|
||||
margin-top: var(--space-2);
|
||||
width: 100%;
|
||||
border-left: var(--border-width-regular) solid var(--color-accent-2);
|
||||
@@ -318,13 +445,15 @@ body > main.home-main > section.home-books > header > p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > div > section {
|
||||
body > main.home-main > section.home-books > div > section,
|
||||
body > main.home-main > div.home-books-support > section.home-books > div > section {
|
||||
margin-top: 0;
|
||||
width: 100%;
|
||||
max-width: 22rem;
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > div > section > article {
|
||||
body > main.home-main > section.home-books > div > section > article,
|
||||
body > main.home-main > div.home-books-support > section.home-books > div > section > article {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-top: 0;
|
||||
@@ -335,15 +464,18 @@ body > main.home-main > section.home-books > div > section > article {
|
||||
padding-bottom: var(--space-3);
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > div > section:nth-child(2n+1) > article {
|
||||
body > main.home-main > section.home-books > div > section:nth-child(2n+1) > article,
|
||||
body > main.home-main > div.home-books-support > section.home-books > div > section:nth-child(2n+1) > article {
|
||||
border-top-color: var(--color-accent-2);
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > div > section:nth-child(2n) > article {
|
||||
body > main.home-main > section.home-books > div > section:nth-child(2n) > article,
|
||||
body > main.home-main > div.home-books-support > section.home-books > div > section:nth-child(2n) > article {
|
||||
border-top-color: var(--color-accent-3);
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > div > section figure {
|
||||
body > main.home-main > section.home-books > div > section figure,
|
||||
body > main.home-main > div.home-books-support > section.home-books > div > section figure {
|
||||
margin-top: 0;
|
||||
width: min(13rem, 100%);
|
||||
align-self: center;
|
||||
@@ -354,25 +486,29 @@ body > main.home-main > section.home-books > div > section figure {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > div > section figure img {
|
||||
body > main.home-main > section.home-books > div > section figure img,
|
||||
body > main.home-main > div.home-books-support > section.home-books > div > section figure img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > div > section h2 {
|
||||
body > main.home-main > section.home-books > div > section h2,
|
||||
body > main.home-main > div.home-books-support > section.home-books > div > section h2 {
|
||||
font-size: clamp(1.12rem, 1.8vw, 1.38rem);
|
||||
margin-top: var(--space-3);
|
||||
line-height: 1.2;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > div > section p {
|
||||
body > main.home-main > section.home-books > div > section p,
|
||||
body > main.home-main > div.home-books-support > section.home-books > div > section p {
|
||||
margin-top: 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > div > section p:last-child {
|
||||
body > main.home-main > section.home-books > div > section p:last-child,
|
||||
body > main.home-main > div.home-books-support > section.home-books > div > section p:last-child {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
@@ -380,7 +516,8 @@ body > main.home-main > section.home-books > div > section p:last-child {
|
||||
margin-top: var(--space-3);
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > div > section p:last-child > a.ui-button {
|
||||
body > main.home-main > section.home-books > div > section p:last-child > a.ui-button,
|
||||
body > main.home-main > div.home-books-support > section.home-books > div > section p:last-child > a.ui-button {
|
||||
width: 100%;
|
||||
min-height: 2.35rem;
|
||||
border-color: var(--color-link-external-button-border);
|
||||
@@ -391,7 +528,8 @@ body > main.home-main > section.home-books > div > section p:last-child > a.ui-b
|
||||
);
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > div > section p:last-child > a.ui-button:is(:hover, :focus-visible) {
|
||||
body > main.home-main > section.home-books > div > section p:last-child > a.ui-button:is(:hover, :focus-visible),
|
||||
body > main.home-main > div.home-books-support > section.home-books > div > section p:last-child > a.ui-button:is(:hover, :focus-visible) {
|
||||
border-color: var(--color-link-external-button-border-hover);
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
|
||||
@@ -44,12 +44,18 @@
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > div {
|
||||
body > main.home-main > div.home-books-support {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > div,
|
||||
body > main.home-main > div.home-books-support > section.home-books > div {
|
||||
grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > div > section {
|
||||
body > main.home-main > section.home-books > div > section,
|
||||
body > main.home-main > div.home-books-support > section.home-books > div > section {
|
||||
max-width: 22rem;
|
||||
}
|
||||
|
||||
@@ -231,7 +237,8 @@
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
body > main.home-main > section.home-books > div > section figure {
|
||||
body > main.home-main > section.home-books > div > section figure,
|
||||
body > main.home-main > div.home-books-support > section.home-books > div > section figure {
|
||||
min-height: 0;
|
||||
width: min(11rem, 100%);
|
||||
}
|
||||
|
||||
@@ -1,18 +1,22 @@
|
||||
{{- $complementaryFilesMarkup := strings.TrimSpace (partial "asides/complementary-images.html" .) -}}
|
||||
{{- $keywordsMarkup := strings.TrimSpace (partial "asides/keywords.html" .) -}}
|
||||
{{- $supportMarkup := strings.TrimSpace (partial "asides/support.html" .) -}}
|
||||
{{- $dossierMarkup := strings.TrimSpace (partial "asides/dossier.html" .) -}}
|
||||
{{- $changeHistoryMarkup := strings.TrimSpace (partial "article-change-history.html" .) -}}
|
||||
{{- $furtherReadingMarkup := strings.TrimSpace (partial "article-further-reading.html" .) -}}
|
||||
{{- $relatedMarkup := strings.TrimSpace (partial "article-related.html" .) -}}
|
||||
{{- if or (ne $complementaryFilesMarkup "") (ne $keywordsMarkup "") (ne $dossierMarkup "") (ne $changeHistoryMarkup "") (ne $furtherReadingMarkup "") (ne $relatedMarkup "") -}}
|
||||
{{- if or (ne $complementaryFilesMarkup "") (ne $keywordsMarkup "") (ne $supportMarkup "") (ne $dossierMarkup "") (ne $changeHistoryMarkup "") (ne $furtherReadingMarkup "") (ne $relatedMarkup "") -}}
|
||||
<section class="article-asides">
|
||||
{{- with $complementaryFilesMarkup -}}
|
||||
{{- . | safeHTML -}}
|
||||
{{- end -}}
|
||||
{{- with $keywordsMarkup -}}
|
||||
<div class="article-asides-grid">
|
||||
{{- with $supportMarkup -}}
|
||||
{{- . | safeHTML -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- if (ne $keywordsMarkup "") -}}
|
||||
{{- with $keywordsMarkup -}}
|
||||
{{- . | safeHTML -}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
{{- with $dossierMarkup -}}
|
||||
{{- . | safeHTML -}}
|
||||
|
||||
17
themes/2026/layouts/_partials/asides/support.html
Normal file
17
themes/2026/layouts/_partials/asides/support.html
Normal file
@@ -0,0 +1,17 @@
|
||||
{{- $platformsMarkup := strings.TrimSpace (partial "support-platforms.html" .) -}}
|
||||
{{- $supportPageURL := "/me-soutenir/" -}}
|
||||
{{- with .Site.GetPage "/me-soutenir" -}}
|
||||
{{- $supportPageURL = .RelPermalink -}}
|
||||
{{- end -}}
|
||||
|
||||
{{- if ne $platformsMarkup "" -}}
|
||||
<section class="article-aside-block article-support">
|
||||
<h2>Soutenir le site</h2>
|
||||
<p>Si cet article vous a été utile, vous pouvez contribuer aux frais qui permettent au site de rester en ligne, sans publicité intrusive.</p>
|
||||
<p>Le paiement se fait sur la plateforme choisie : je ne reçois ni ne stocke vos données bancaires.</p>
|
||||
{{- $platformsMarkup | safeHTML -}}
|
||||
{{- if ne .RelPermalink $supportPageURL -}}
|
||||
<p><a href="{{ $supportPageURL }}">À quoi servent les dons ?</a></p>
|
||||
{{- end -}}
|
||||
</section>
|
||||
{{- end -}}
|
||||
31
themes/2026/layouts/_partials/support-platforms.html
Normal file
31
themes/2026/layouts/_partials/support-platforms.html
Normal file
@@ -0,0 +1,31 @@
|
||||
{{- $platforms := slice -}}
|
||||
{{- range default slice .Site.Data.support.platforms -}}
|
||||
{{- $url := strings.TrimSpace (default "" .url) -}}
|
||||
{{- $title := strings.TrimSpace (default "" .title) -}}
|
||||
{{- if and (ne $url "") (ne $title "") -}}
|
||||
{{- $platforms = $platforms | append (dict
|
||||
"title" $title
|
||||
"url" $url
|
||||
"image" (strings.TrimSpace (default "" .image))
|
||||
"description" (strings.TrimSpace (default "" .description))
|
||||
) -}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
|
||||
{{- if gt (len $platforms) 0 -}}
|
||||
<ul class="support-platforms">
|
||||
{{- range $platforms -}}
|
||||
<li>
|
||||
<a class="ui-button support-primary link-external" href="{{ .url }}" title="Faire un don via {{ .title }}" rel="noreferrer noopener">
|
||||
{{- with .image -}}
|
||||
<img src="{{ . }}" width="32" height="32" alt="" loading="lazy" decoding="async">
|
||||
{{- end -}}
|
||||
<span>{{ .title }}</span>
|
||||
</a>
|
||||
{{- with .description -}}
|
||||
<p>{{ . }}</p>
|
||||
{{- end -}}
|
||||
</li>
|
||||
{{- end -}}
|
||||
</ul>
|
||||
{{- end -}}
|
||||
@@ -3,7 +3,6 @@
|
||||
<main>
|
||||
<article>
|
||||
{{ partial "rendered-content.html" . }}
|
||||
{{ partial "article-books.html" . }}
|
||||
{{ partial "article-footer.html" . }}
|
||||
</article>
|
||||
{{ partial "asides/toc.html" . }}
|
||||
|
||||
@@ -100,6 +100,11 @@
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
{{- $collectionsEntries = sort $collectionsEntries "LatestDateKey" "desc" -}}
|
||||
{{- $supportPlatformsMarkup := strings.TrimSpace (partial "support-platforms.html" .) -}}
|
||||
{{- $supportPageURL := "/me-soutenir/" -}}
|
||||
{{- with $site.GetPage "/me-soutenir" -}}
|
||||
{{- $supportPageURL = .RelPermalink -}}
|
||||
{{- end -}}
|
||||
|
||||
{{- $critiquesCategoryDefs := slice -}}
|
||||
{{- $critiquesCategoryDefs = $critiquesCategoryDefs | append (dict "Path" "/critiques/films") -}}
|
||||
@@ -159,16 +164,29 @@
|
||||
</section>
|
||||
{{- end -}}
|
||||
|
||||
<section class="home-books">
|
||||
<header>
|
||||
<h2>Mes livres</h2>
|
||||
<p>Si vous aimez ce blog, vous apprécierez mes livres. En les achetant, vous m'aidez à continuer de le faire vivre.</p>
|
||||
</header>
|
||||
<div>
|
||||
{{ partial "oeuvres/l-anankeisme.html" . }}
|
||||
{{ partial "oeuvres/l-humain-cette-espece-primitive.html" . }}
|
||||
</div>
|
||||
</section>
|
||||
<div class="home-books-support">
|
||||
<section class="home-books">
|
||||
<header>
|
||||
<h2>Mes livres</h2>
|
||||
<p>Si vous aimez ce blog, vous apprécierez mes livres. En les achetant, vous m'aidez à continuer de le faire vivre.</p>
|
||||
</header>
|
||||
<div>
|
||||
{{ partial "oeuvres/l-anankeisme.html" . }}
|
||||
{{ partial "oeuvres/l-humain-cette-espece-primitive.html" . }}
|
||||
</div>
|
||||
</section>
|
||||
{{- with $supportPlatformsMarkup -}}
|
||||
<aside class="home-support">
|
||||
<header>
|
||||
<h2>Me soutenir</h2>
|
||||
<p>Vous pouvez aussi contribuer directement aux frais du site et à mon travail d'écriture.</p>
|
||||
</header>
|
||||
<p>Le paiement se fait sur la plateforme choisie : je ne reçois ni ne stocke vos données bancaires.</p>
|
||||
{{- . | safeHTML -}}
|
||||
<p><a href="{{ $supportPageURL }}">Voir les détails</a></p>
|
||||
</aside>
|
||||
{{- end -}}
|
||||
</div>
|
||||
|
||||
{{- if gt (len $interestsSectionEntries) 0 -}}
|
||||
<section class="home-rubrics">
|
||||
|
||||
Reference in New Issue
Block a user