subscribe page, other tweaks

build.py

@@ -62,6 +62,13 @@ def clean_dir(path):
     page_content = read('templates/agenda/event/index.html'),
 )
 
+subscribe = dict(
+    base_url = '../..',
+    page_title = 'Adhérer au réseau',
+    page_content = read('templates/subscribe/index.html'),
+    subscribe_link = active_link,
+)
+
 network = dict(
     base_url = '..',
     page_title = 'Réseau local',
@@ -105,6 +112,13 @@ def render_account(params):
     punchclock_link = active_link,
 )
 
+card = dict(
+    base_url = '../..',
+    page_title = 'Carte',
+    page_content = read('templates/account/card/index.html'),
+    card_link = active_link,
+)
+
 settings = dict(
     base_url = '../..',
     page_title = 'Préférences',
@@ -120,10 +134,12 @@ def render_account(params):
 write('public/agenda/index.html', render('templates/base.html', agenda))
 write('public/agenda/boeuf-lampions/index.html', render('templates/base.html', agenda_event_free))
 write('public/agenda/see-you-in-the-pit-13/index.html', render('templates/base.html', agenda_event))
+write('public/adherer/index.html', render('templates/base.html', subscribe))
 write('public/reseau/index.html', render('templates/base.html', network))
 write('public/compte/index.html', render_account(piggybank))
 write('public/compte/adhesions/index.html', render_account(subscriptions))
 write('public/compte/badgeuse/index.html', render_account(punchclock))
+write('public/compte/carte/index.html', render_account(card))
 write('public/compte/preferences/index.html', render_account(settings))
 
 shutil.copytree('assets', 'public/assets')

templates/account/card/index.html

@@ -0,0 +1,38 @@
+<section class="card border-top-0 rounded-top-0">
+    <div class="card-body">
+        <h1 class="card-title d-md-none">Carte</h1>
+        <p class="lead">
+            Ici je peux retrouver les infos de ma carte, déclarer une carte
+            perdue et dissocier ma carte.
+        </p>
+        <table class="table">
+            <thead>
+                <tr>
+                    <th>Numéro de carte</th>
+                    <th>Origine</th>
+                    <th>Gen</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>C2B2400C</td>
+                    <td>Le Tiers-Lustre</td>
+                    <td>1</td>
+                </tr>
+            </tbody>
+        </table>
+        <div class="row">
+            <div class="col-md">
+                <a href="#" class="btn btn-primary d-block mb-3 mb-md-0">
+                    J'ai perdu ma carte
+                </a>
+            </div>
+            <div class="col-md">
+                <a href="#" class="btn btn-danger d-block">
+                    Dissocier la carte
+                </a>
+                <p>La carte redeviendra éphémère, non liée à une adresse mail </p>
+            </div>
+        </div>
+    </div>
+</section>

templates/account/subscriptions/index.html

@@ -7,15 +7,14 @@ <h1 class="card-title d-md-none">Adhésions</h1>
             réseau.
         </p>
     </div>
-</section>    
-
-<h2 class="pt-3">Mes adhésions</h2>
+</section>
 
 <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4 mt-3 mb-5">
     <div class="col">
         <div class="card h-100">
             <div class="card-body">
                 <h3 class="card-title">Adhésion Tiers-Lustre</h3>
+                <h4><i class="bi bi-person-badge"></i> Jackie Dulac</h4>
                 <p class="card-text">
                     L'adhésion donne accès au Fusible (fablab, ateliers
                     bois et élec) et à l'Ampoule (café-concert, scène
@@ -28,58 +27,60 @@ <h3 class="card-title">Adhésion Tiers-Lustre</h3>
                 <p><strong>Adhésion annuelle</strong> du 03/09/24 au 03/09/25</p>
 
                 <a href="#" class="btn btn-primary d-block mb-3">
-                    Renouveler pour un an à <strong>20</strong> tibillets
+                    Renouveler (6 mois restants)
+                </a>
+                <a href="#" class="btn btn-danger d-block mb-3">
+                    Résilier l'adhésion
                 </a>
             </div>
         </div>
     </div>
     <div class="col">
-        <div class="card h-100 opacity-50">
+        <div class="card h-100">
             <div class="card-body">
-                <h3 class="card-title">Pass-Noisette</h3>
+                <h3 class="card-title">Adhésion Tiers-Lustre</h3>
+                <h4><i class="bi bi-person-badge"></i> Renée Dulac</h4>
                 <p class="card-text">
-                    Avec le Pass-Noisette tu accède aux prix préférentiels
-                    des Assos du Bois, et as un accès gratuit aux concerts
-                    de l'été. Merci de nous soutenir !
+                    L'adhésion donne accès au Fusible (fablab, ateliers
+                    bois et élec) et à l'Ampoule (café-concert, scène
+                    musicale). L'atelier bois et géré à 80% par
+                    l'association Chantefrein, adhésion séparée à prévoir
+                    pour se servir des machines sur leurs créneaux.
                 </p>
             </div>
             <div class="card-footer">
-                <p><strong>Adhésion annuelle</strong> du 11/06/22 au 11/06/25</p>
+                <p><strong>Adhésion mensuelle</strong> du 03/09/24 au 03/09/25</p>
 
-                <a href="#" class="btn btn-primary d-block mb-3 disabled">
-                    Renouveler pour un an à <strong>12</strong> tibillets
+                <a href="#" class="btn btn-primary d-block mb-3">
+                    Renouveler (27 jours restant)
+                </a>
+                <a href="#" class="btn btn-danger d-block mb-3">
+                    Résilier l'adhésion
                 </a>
             </div>
         </div>
     </div>
-</div>
-
-<h2 class="pt-3">Souscrire une nouvelle adhésion</h2>
-
-<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4 mt-3 mb-5">
     <div class="col">
-        <div class="card h-100">
+        <div class="card h-100 opacity-50">
             <div class="card-body">
-                <h3 class="card-title">Adhésion Chantefrein</h3>
+                <h3 class="card-title">Pass-Noisette</h3>
+                <h4><i class="bi bi-person-badge"></i> Jackie Dulac</h4>
                 <p class="card-text">
-                    L'adhésion donne accès à la réservation de créneaux, aux
-                    activités et formations sur des machines.
+                    Avec le Pass-Noisette tu accède aux prix préférentiels
+                    des Assos du Bois, et as un accès gratuit aux concerts
+                    de l'été. Merci de nous soutenir !
                 </p>
             </div>
             <div class="card-footer">
-                <p><strong>Adhésion mensuelle</strong> jusqu'au 18/11/24</p>
+                <p><strong>Adhésion annuelle</strong> du 11/06/22 au 11/06/25</p>
 
-                <a href="#" class="btn btn-secondary d-block mb-3">
-                    Souscrire pour un mois à <strong>5</strong> tibillets
+                <a href="#" class="btn btn-primary d-block mb-3 disabled">
+                    Renouveler (3 mois restant)
                 </a>
-
-                <p><strong>Adhésion annuelle</strong> jusqu'au 18/10/25</p>
-
-                <a href="#" class="btn btn-secondary d-block mb-3">
-                    Souscrire pour un an à <strong>50</strong> tibillets
+                <a href="#" class="btn btn-danger d-block mb-3">
+                    Résilier l'adhésion
                 </a>
             </div>
         </div>
     </div>
 </div>
-

templates/agenda/index.html

@@ -194,8 +194,9 @@ <h3 class="mb-0 mt-2 mt-md-0">22h00</h3>
       <a href="?location=Friche du Tiers-Lustre" class="btn btn-info btn-sm mb-1">
         Friche du Tiers-Lustre
       </a>
+      <a href="?price-cap=Payant" class="btn btn-info btn-sm mb-1">Payant</a>
       <a href="?price-cap=30€ max" class="btn btn-info btn-sm mb-1">30€ max</a>
-      <a href="?accessibility=PMR" class="btn btn-info btn-sm mb-1">PMR</a>
+      <a href="?accessibility=Accès PMR" class="btn btn-info btn-sm mb-1">Accès PMR</a>
     </div>
   </div>
   <h2 class="fs-5 p-3 text-dark" style="background: var(--mayaj-pons);">

templates/subscribe/index.html

@@ -0,0 +1,80 @@
+<main class="container-lg py-5">
+    <h1>Adhérer au réseau</h1>
+
+    <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4 mt-3 mb-5">
+        <div class="col">
+            <div class="card h-100">
+                <div class="card-body">
+                    <h3 class="card-title">Chantefrein</h3>
+                    <p class="card-text">
+                        L'adhésion donne accès à la réservation de créneaux, aux
+                        activités et formations sur des machines.
+                    </p>
+                </div>
+                <div class="card-footer">
+                    <p>Adhésion annuelle</p>
+
+                    <a href="#" class="btn btn-primary d-block mb-3">
+                        Prendre une adhésion
+                    </a>
+                </div>
+            </div>
+        </div>
+        <div class="col">
+            <div class="card h-100">
+                <div class="card-body">
+                    <h3 class="card-title">Danzavec'</h3>
+                    <p class="card-text">
+                        ...
+                    </p>
+                </div>
+                <div class="card-footer">
+                    <p>Adhésion mensuelle auto ou annuelle</p>
+
+                    <a href="#" class="btn btn-primary d-block mb-3">
+                        Prendre une adhésion
+                    </a>
+                </div>
+            </div>
+        </div>
+        <div class="col">
+            <div class="card h-100">
+                <div class="card-body">
+                    <h3 class="card-title">Le Sel de la Vie</h3>
+                    <p class="card-text">
+                        ...
+                    </p>
+                </div>
+                <div class="card-footer">
+                    <p>Adhésion annuelle</p>
+
+                    <a href="#" class="btn btn-primary d-block mb-3">
+                        Prendre une adhésion
+                    </a>
+                </div>
+            </div>
+        </div>
+        <div class="col">
+            <div class="card h-100">
+                <div class="card-body">
+                    <h3 class="card-title">Le Tiers-Lustre</h3>
+                    <p class="card-text">
+                        L'adhésion donne accès au Fusible (fablab, ateliers
+                        bois et élec) et à l'Ampoule (café-concert, scène
+                        musicale). L'atelier bois et géré à 80% par
+                        l'association Chantefrein, adhésion séparée à prévoir
+                        pour se servir des machines sur leurs créneaux.
+                    </p>
+                </div>
+                <div class="card-footer">
+                    <p>Adhésion annuelle</p>
+
+                    <a href="#" class="btn btn-primary d-block mb-3">
+                        Prendre une adhésion
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</main>