plein d'améliorations, flemme de lister

content/creation/_index.md

@@ -9,4 +9,4 @@ button = "Découvrir mes réalisations"
 
 Mes services de créations sur mesure peuvent comprendre de l'impression 3D, du bois et des matériaux de récupération.
 
-<!-- more -->
+<!-- cut -->

content/reparation/_index.md

@@ -9,4 +9,4 @@ button = "Mes réparations passées"
 
 Je propose mes services de réparation d'objets mécaniques, électriques, électromécaniques et d'objets "simples".
 
-<!-- more -->
+<!-- cut -->

content/yunohost/_index.md

@@ -0,0 +1,69 @@
++++
+title = "YunoHost"
+template = "home.html"
+weight = 3
+[extra]
+subtitle = "Avoir son propre serveur et services informatiques"
+button = "Voir la liste de mes packages"
++++
+
+Je suis une des bénévoles principales de [YunoHost](https://yunohost.org) depuis plusieurs années.  
+Je maintiens ainsi une dizaine de packages, aussi bien bénévolement que profesionellement.  
+<br>
+Je propose mes services de **création et de maintenance de package** YunoHost.  
+Mais aussi **l'installation, la maintenance ou le dépannage de serveur** YunoHost.
+
+<!-- cut -->
+---
+
+<div class="grid is-col-min-13">
+
+{% ynh_package(name="AdGuard Home", slug="adguardhome",
+    website="https://adguard.com/en/adguard-home/overview.html") %}
+AdGuard Home est un logiciel à l'échelle du réseau pour bloquer les publicités et le pistage.  
+Après l'avoir configuré, il couvrira TOUS vos appareils domestiques et vous n'avez besoin d'aucun logiciel côté client pour cela.
+{% end %}
+
+{% ynh_package(name="Feber", slug="feber",
+    website="https://simonrepp.com/feber/") %}
+Feber est un calendrier de groupe simple et auto-hébergé.
+{% end %}
+
+{% ynh_package(name="Fluffychat", slug="fluffychat",
+   website="https://fluffychat.im/") %}
+FluffyChat est un client [matrix] open-source, à but non lucratif et mignon écrit en Flutter.  
+Le but de cette app est de créer un client de messagerie instantanée facile d'utilisation, open-source et accessible pour tout le monde.
+{% end %}
+
+{% ynh_package(name="GoToSocial", slug="gotosocial",
+    website="https://gotosocial.org/") %}
+Un serveur de réseau social véloce basé sur ActivityPub écrit en Golang.  
+Avec GoToSocial, vous pouvez rester en contact avec vos amis, publier, lire et partager des images et des articles. Tout cela sans être pisté ni subir de publicité !
+{% end %}
+
+{% ynh_package(name="Litecart", slug="litecart",
+    website="https://www.litecart.net") %}
+E-commerce léger et personnalisabl
+{% end %}
+
+{% ynh_package(name="Mycart", slug="mycart",
+    website="https://github.com/shurco/mycart") %}
+Boutique en ligne minimaliste
+{% end %}
+
+{% ynh_package(name="InvoiceShelf", slug="invoiceshelf",
+    website="https://invoiceshelf.com/") %}
+InvoiceShelf est une application Web et mobile open source qui vous aide à suivre les dépenses, les paiements et à créer des factures et des devis professionnels.
+{% end %}
+
+{% ynh_package(name="Karadav", slug="karadav",
+    website="https://fossil.kd2.org/karadav/doc/main/README.md") %}
+This is a simple and lightweight WebDAV server, allowing to easily set up a file sharing server compatible with WebDAV and NextCloud clients. It has no dependencies and good performance.
+{% end %}
+
+{% ynh_package(name="Readeck", slug="readeck",
+    website="https://readeck.org/") %}
+Readeck est une application Web simple qui vous permet de sauvegarder le précieux contenu lisible des pages Web que vous aimez et que vous souhaitez conserver pour toujours.
+{% end %}
+
+</div>

templates/home.html

@@ -2,9 +2,9 @@
 
 <div class="section">
     <div class="container is-desktop">
-    <div class="columns is-vcentered is-centered is-desktop">
+    <div class="columns is-centered is-desktop">
         <div class="column is-narrow is-two-third-touch">
-            <div class="card has-background-primary-light">
+            <div class="card has-background-primary-light" style="position: sticky; top: 3em;">
                 <div class="card-content">
                     <div class="media">
                         <div class="media-left">
@@ -17,11 +17,14 @@
                         <div class="media-content">
                             <h1 class="title is-1 has-text-primary-dark has-text-right">{{ config.title }}</h1>
                             <p class="subtitle is-4 has-text-primary-dark has-text-right">Créatrice d'objets singuliers</p>
-                            {%- if page and page.title == "Contact" -%}
+                            <div class="buttons has-addons is-pulled-right">
-                                <a class="button is-link is-outlined is-pulled-right" href="/">Retour à l'accueil</a>
+                            {%- if not current_path == "/" -%}
-                            {%- else -%}
+                                <a class="button is-link is-outlined is-pulled-right" href="/">Accueil</a>
+                            {%- endif -%}
+                            {%- if not page or page and not page.title == "Contact" -%}
                                 <a class="button is-link is-outlined is-pulled-right" href="/contact">Me contacter</a>
                             {%- endif -%}
+                            </div>
                         </div>
                     </div>
                 </div>
@@ -39,15 +42,21 @@
                 {% for sect in section.subsections %}
                     {%- set sect = get_section(path=sect) %}
                     <section class="content-section">
-                        <h2 class="title is-4"><a href="{{ get_url(path=sect.path | safe) }}">{{ sect.title }}</a></h2>
+                        <div class="columns is-mobile">
-                        <p class="subtitle is-5">{{ sect.extra.subtitle }}</p>
+                            <div class="column">
-                        {{- sect.content | safe -}}
+                                <h2 class="title is-4"><a href="{{ get_url(path=sect.path | safe) }}">{{ sect.title }}</a></h2>
-                        {%- if sect.extra.button -%}
+                                <p class="subtitle is-5">{{ sect.extra.subtitle }}</p>
-                        <p>
+                            </div>
-                            <a class="button is-pulled-right" href="{{ get_url(path=sect.path | safe) ~ '#continue-reading' }}">{{- sect.extra.button -}}</a>
+                            {%- if sect.extra.button -%}
-                        </p>
+                            <div class="column is-pulled-right is-narrow">
+                                <p>
+                                    <a class="button" href="{{ get_url(path=sect.path | safe) ~ '#continue-reading' }}">{{- sect.extra.button -}}</a>
+                                </p>
+                            </div>
+                            {%- endif -%}
+                        </div>
+                            {{- sect.content  | split(pat="<!-- cut -->") | first | safe -}}
                         <br>
-                        {%- endif -%}
                     </section>
                     {% if not loop.last %} <hr> {% endif %}
                 {% endfor -%}

templates/shortcodes/ynh_package.html

@@ -0,0 +1,44 @@
+<div class="box cell">
+    <article class="media">
+        <div class="media-left">
+            <figure class="image is-64x64">
+                <img
+                    src="https://raw.githubusercontent.com/YunoHost/apps/refs/heads/main/logos/{{ slug }}.png"
+                    alt="Logo de {{ name }}"
+                    loading="lazy"
+                />
+            </figure>
+        </div>
+        <div class="media-content">
+            <div class="content">
+                <p><strong>{{ name }}</strong></p>
+                <p>{{ body | markdown(inline=true) | safe }}</p>
+            </div>
+            <nav class="is-mobile">
+                <div class="grid buttons">
+                    <a
+                        class="cell button"
+                        aria-label="website"
+                        href="{{ website }}"
+                    >
+                        <p>Site officiel</p>
+                    </a>
+                    <a
+                        class="cell button"
+                        aria-label="catalogue"
+                        href="https://apps.yunohost.org/app/{{ slug }}"
+                    >
+                        <p>Catalogue YunoHost</p>
+                    </a>
+                    <a
+                        class="cell button"
+                        aria-label="repo"
+                        href="https://github.com/YunoHost-Apps/{{ slug }}_ynh"
+                    >
+                        <p>Dépôt du code</p>
+                    </a>
+                </div>
+            </nav>
+        </div>
+    </article>
+</div>