basic tenant home, roadmap

TiBillet · Oct 7, 2024 · 34d3a63 · 34d3a63
1 parent af07cee
commit 34d3a63
Show file tree

Hide file tree

Showing 4 changed files with 314 additions and 28 deletions.
diff --git a/README.md b/README.md
@@ -0,0 +1,23 @@
+# TiBillet UI
+
+TiBillet v1 interface demo
+
+## Roadmap
+
+Pages
+
+- [ ] tenant home
+  - [x] agenda index
+    - [x] free event
+    - [x] paid event
+  - [ ] subscription index
+  - [ ] user wallet
+    - [ ] suscriptions
+    - [ ] cards
+- [ ] tenant setup
+
+Features
+
+- [ ] anon view
+- [ ] audience view
+- [ ] planner view
diff --git a/build.py b/build.py
@@ -41,11 +41,18 @@ def clean_dir(path):
 
 active_link = 'active" aria-current="page'
 
+tenant = dict(
+    base_url = '.',
+    page_title = 'Accueil',
+    page_content = read('templates/index.html'),
+    tenant_link = active_link,
+)
+
 agenda = dict(
     base_url = '..',
     page_title = 'Agenda',
     page_content = read('templates/agenda/index.html'),
-    agenda_link_class = active_link,
+    agenda_link = active_link,
 )
 
 
@@ -65,6 +72,7 @@ def clean_dir(path):
 
 clean_dir('public')
 
+write('public/index.html', render('templates/base.html', tenant))
 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))

diff --git a/templates/base.html b/templates/base.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>$page_title | Le Tiers-Lustre - TiBillet</title>
+  <title>$page_title | Le Tiers-Lustre</title>
 
   <!-- keep demo out of search results -->
   <meta name="robots" content="noindex, nofollow" />
@@ -19,7 +19,7 @@
   <!-- navbar -->
   <nav class="navbar navbar-expand-lg bg-body-tertiary">
     <div class="container-lg">
-      <a class="navbar-brand" href="$base_url/agenda/">
+      <a class="navbar-brand" href="$base_url/">
         Le Tiers-Lustre
       </a>
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainMenu"
@@ -29,14 +29,23 @@
       <div class="collapse navbar-collapse" id="mainMenu">
         <ul class="navbar-nav me-auto">
           <li class="nav-item">
-            <a class="nav-link $agenda_link_class" href="$base_url/agenda/">
-              Agenda
+            <a class="nav-link $tenant_link" href="$base_url/">
+              Accueil
             </a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="."> Appels à volontaires <span class="badge rounded-pill bg-info text-dark"> 7 <span
-                  class="visually-hidden">
-                  appels</span>
+            <a class="nav-link $agenda_link" href="$base_url/agenda/">
+              Évènements
+            </a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href=".">Espaces</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href=".">
+              Appels à volontaires
+              <span class="badge rounded-pill bg-info text-dark">
+                7 <span class="visually-hidden">appels</span>
               </span>
             </a>
           </li>
@@ -60,7 +69,10 @@
                 </a>
               </li>
               <li>
-                <a class="dropdown-item" href="#">Réservations</a>
+                <a class="dropdown-item" href="#">Adhésions</a>
+              </li>
+              <li>
+                <a class="dropdown-item" href="#">Badgeuse</a>
               </li>
               <li>
                 <a class="dropdown-item" href="#">Profil</a>
@@ -100,12 +112,16 @@
     <div class="container-lg py-5">
       <div class="row">
         <div class="col-md pb-5 pb-md-0">
-          <h4>
-            <a href="$base_url">Le Tiers-Lustre</a>
-          </h4>
+          <h4>Le Tiers-Lustre</h4>
           <ul class="nav flex-column">
             <li class="nav-item">
-              <a class="nav-link active" aria-current="page" href="$base_url/agenda/">Agenda</a>
+              <a class="nav-link $tenant_link" href="$base_url/">Accueil</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link $agenda_link" href="$base_url/agenda/">Évènements</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href=".">Espaces</a>
             </li>
             <li class="nav-item">
               <a class="nav-link" href=".">
@@ -125,7 +141,10 @@ <h4>
               <a class="nav-link" href="#">Tirelire</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="#">Réservations</a>
+              <a class="nav-link" href="#">Adhésions</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#">Badgeuse</a>
             </li>
             <li class="nav-item">
               <a class="nav-link" href="#">Profil</a>
@@ -139,19 +158,23 @@ <h4>
           </ul>
         </div>
         <div class="col-md pb-5 pb-md-0">
-          <h4>Réseau local</h4>
+          <h4>Le réseau local</h4>
           <ul class="nav flex-column">
-            <li class="nav-item"><a class="nav-link icon-link link-secondary $agenda_link_class" href="#">
-              <i class="bi bi-crosshair"></i>
-              Le Tiers-Lustre
+            <li class="nav-item"><a class="nav-link icon-link" href="#">
+              <i class="bi bi-arrow-right"></i>
+              Association Chantefrain
             </a></li>
             <li class="nav-item"><a class="nav-link icon-link" href="#">
               <i class="bi bi-arrow-right"></i>
-              Danzavec'
+              Bonnie Market
             </a></li>
             <li class="nav-item"><a class="nav-link icon-link" href="#">
               <i class="bi bi-arrow-right"></i>
-              Association Chantefrain
+              Danzavec'
+            </a></li>
+            <li class="nav-item"><a class="nav-link icon-link link-secondary $agenda_link_class" href="#">
+              <i class="bi bi-crosshair"></i>
+              Le Tiers-Lustre
             </a></li>
             <li class="nav-item"><a class="nav-link icon-link" href="#">
               <i class="bi bi-arrow-right"></i>
@@ -165,26 +188,27 @@ <h4>Réseau local</h4>
               <i class="bi bi-arrow-right"></i>
               Le Sel de la Vie
             </a></li>
-            <li class="nav-item"><a class="nav-link icon-link" href="#">
-              <i class="bi bi-arrow-right"></i>
-              Bonnie Market
-            </a></li>
           </ul>
         </div>
         <div class="col-md">
           <h4>
-            <svg width="90" height="20" fill="currentColor" viewBox="0 0 50.357453 11.821528"
+            <svg class="align-baseline" width="90" height="20" fill="currentColor" viewBox="0 0 50.357453 11.821528"
               xmlns="http://www.w3.org/2000/svg">
               <g id="logo-short" transform="translate(-2296.8485,-25.724932)">
                 <path id="path96-5-1-8-2-0-9-8-5-7-3-0-59-4-1-5-6-1-9-6-4-4-7-1-8-9-3"
                   style="opacity:1;fill-opacity:1;stroke:none;stroke-width:0.864997;stroke-linejoin:round;stroke-dasharray:none"
                   d="m 2300.6912,25.725045 c -2.2162,0 -3.7477,0.941544 -3.7477,0.941544 -0.068,0.0019 -0.078,0.0057 -0.078,0.06769 l -0.017,6.384623 v 0.0113 0.606681 0.02119 1.045931 l 0.017,-0.0057 c 0,0 0.8948,0.106617 1.2223,0.380339 0.8724,0.729124 1.0259,1.934652 1.0521,2.271696 v 0.09612 h 1.4898 c 0,-0.431735 0.3505,-0.781313 0.7823,-0.781348 0.4318,0 0.7814,0.349595 0.7814,0.781348 h 1.4904 c 0,-0.431753 0.3501,-0.781348 0.7819,-0.781348 0.4318,0 0.7813,0.349595 0.7813,0.781348 h 1.4903 c 0,-0.431753 0.3496,-0.781348 0.7814,-0.781348 0.017,0 0.024,0.0016 0.037,0.0016 0,-5.39e-4 0.017,-0.0013 0.021,-0.0016 0.3178,4.9e-5 0.6044,0.192497 0.7244,0.486793 v -0.02222 c 0.045,0.09938 0.071,0.206225 0.071,0.316777 h 1.3698 c 0,-0.436517 0.3528,-0.788381 0.782,-0.788583 0.4228,1.22e-4 0.7689,0.34171 0.7812,0.77153 0.4943,-0.03807 0.9502,-0.173807 1.3628,-0.419612 0.4985,-0.301238 0.8935,-0.700336 1.1843,-1.198894 0.2909,-0.498578 0.4357,-1.049665 0.4357,-1.652096 0,-0.436249 -0.084,-0.851751 -0.2491,-1.246436 -0.1669,-0.394723 -0.4004,-0.742637 -0.7016,-1.043864 0.2804,-0.238891 0.5199,-0.550509 0.7172,-0.934825 0.2078,-0.384312 0.3115,-0.79927 0.3115,-1.24592 0,-0.550502 -0.1355,-1.06015 -0.405,-1.527556 -0.27,-0.467406 -0.6385,-0.840403 -1.106,-1.12086 -0.4674,-0.290837 -0.997,-0.436667 -1.5891,-0.436667 h -2.9914 c -9e-4,0 0,0.001 0,0.001 -0.05,-0.0017 -1.7798,-0.06253 -2.6588,-0.161742 -1.6525,-0.186474 -1.7349,-0.817004 -4.9216,-0.817004 z m 15.7742,0.912089 c -0.042,0 -0.063,0.02046 -0.063,0.06201 l -0.017,10.70374 c 0,0.05198 0.026,0.07804 0.078,0.07804 h 1.7607 c 0.042,0 0.063,-0.02606 0.063,-0.07804 l -0.017,-10.70374 c 0,-0.04155 -0.021,-0.06201 -0.063,-0.06201 z m 4.3851,0 c -0.052,0 -0.078,0.02606 -0.078,0.07804 l -0.017,10.687719 c 0,0.05198 0.021,0.07804 0.063,0.07804 h 5.0323 c 0.052,0 0.078,-0.02606 0.078,-0.07804 v -1.760616 c 0,-0.0518 -0.026,-0.07752 -0.078,-0.07752 h -3.2096 l 0.017,-8.849589 c 0,-0.05198 -0.026,-0.07804 -0.078,-0.07804 z m 6.8337,0 c -0.052,0 -0.078,0.02606 -0.078,0.07804 l -0.017,10.687719 c 0,0.05198 0.021,0.07804 0.063,0.07804 h 5.0322 c 0.052,0 0.078,-0.02606 0.078,-0.07804 v -1.760616 c 0,-0.0518 -0.026,-0.07752 -0.078,-0.07752 h -3.2095 l 0.017,-8.849589 c 0,-0.05198 -0.026,-0.07804 -0.078,-0.07804 z m 6.7491,0 c -0.042,0 -0.063,0.02046 -0.063,0.06201 l -0.017,10.70374 c 0,0.05198 0.021,0.07804 0.063,0.07804 h 5.0322 c 0.042,0 0.062,-0.02063 0.062,-0.06201 v -1.775609 c 0,-0.05181 -0.021,-0.07854 -0.062,-0.07854 h -3.2097 v -2.726449 h 3.2097 c 0.042,0 0.062,-0.02098 0.062,-0.06253 l -0.017,-1.760098 c 0,-0.04155 -0.021,-0.06305 -0.063,-0.06305 h -3.1947 v -2.43086 h 3.1947 c 0.042,0 0.063,-0.02046 0.063,-0.06201 v -1.744597 c 0,-0.05198 -0.021,-0.07804 -0.063,-0.07804 z m 6.7753,0 c -0.042,0 -0.063,0.02046 -0.063,0.06201 l -0.017,1.745631 c 0,0.05198 0.026,0.07699 0.078,0.07699 h 2.0258 v 8.881112 c 0,0.05198 0.021,0.07804 0.063,0.07804 h 1.7606 c 0.042,0 0.063,-0.02606 0.063,-0.07804 l -0.017,-8.881112 h 2.0411 c 0.042,0 0.063,-0.02502 0.063,-0.07699 v -1.745631 c 0,-0.04155 -0.026,-0.06201 -0.078,-0.06201 z m -34.8114,1.208194 h 5e-4 c 0.057,0.01751 0.2797,0.04854 0.3405,0.109555 0.082,0.07666 0.1235,0.193903 0.1235,0.352951 0,0.164975 -0.05,0.312733 -0.1495,0.44235 -0.094,0.129685 -0.2469,0.193786 -0.459,0.193786 -0.1304,0 -0.2364,-0.03755 -0.3188,-0.114214 -0.082,-0.0824 -0.1234,-0.200312 -0.1234,-0.353467 0,-0.170886 0.047,-0.321537 0.1408,-0.451136 0.068,-0.08763 0.335,-0.151746 0.4454,-0.179833 z m -3.5568,0.559657 v 0 c 0,0 0.283,0.02726 0.336,0.08011 0.052,0.05302 0.063,0.132172 0.026,0.238229 l -0.4331,1.714624 h 1.1142 c 0.071,0 0.1199,0.02943 0.1495,0.08836 0.03,0.05302 0.03,0.140864 0,0.264583 -0.024,0.117865 -0.061,0.206185 -0.1148,0.2651 -0.054,0.05893 -0.1147,0.08836 -0.1849,0.08836 h -1.1488 l -0.45,1.714625 c -0.064,0.242423 -0.097,0.456424 -0.097,0.64492 0,0.188491 0.033,0.344502 0.08,0.46819 0.054,0.123775 0.1234,0.218378 0.2122,0.283186 0.094,0.05893 0.2003,0.08784 0.318,0.08784 v 0.001 c 0,8.7e-5 2e-4,-0.001 0.017,-0.001 0.1356,0 0.2886,-0.06762 0.4593,-0.203088 0.1703,-0.135423 0.3683,-0.350406 0.5922,-0.644923 0.2179,-0.300431 0.4774,-0.69841 0.7778,-1.193209 0.2655,-0.437312 0.5699,-0.964436 0.909,-1.571996 l 0.037,-0.150895 c 0.035,-0.111954 0.08,-0.185815 0.1322,-0.221175 0.059,-0.03529 0.1477,-0.05271 0.2661,-0.05271 0.1704,0 0.2818,0.02622 0.3348,0.07906 0.052,0.05302 0.063,0.132797 0.026,0.238745 l -0.8391,3.313493 c -0.03,0.129512 -0.038,0.227164 -0.026,0.29197 0.017,0.05893 0.064,0.08786 0.1408,0.08786 0.054,0 0.1026,-0.01777 0.1495,-0.05323 0.047,-0.03529 0.1008,-0.08503 0.1582,-0.149869 0.064,-0.07075 0.1391,-0.162037 0.2208,-0.273885 0.042,-0.05893 0.085,-0.09142 0.1321,-0.09714 0.054,-0.01217 0.1113,0.0031 0.1766,0.04393 0.094,0.05302 0.153,0.109033 0.1763,0.167948 0.024,0.05302 0.017,0.109016 -0.017,0.167949 -0.1112,0.194387 -0.2291,0.35668 -0.3529,0.486274 -0.1234,0.129512 -0.2566,0.223772 -0.3979,0.28267 -0.1356,0.06484 -0.2828,0.09716 -0.4419,0.09716 -0.3122,0 -0.5179,-0.117256 -0.618,-0.352949 -0.094,-0.24153 -0.077,-0.592658 0.054,-1.052134 l 0.2486,-1.030944 c -0.045,0.0791 -0.09,0.162107 -0.1339,0.236162 -0.324,0.553718 -0.6121,0.992228 -0.8656,1.316199 -0.2532,0.323985 -0.4952,0.556263 -0.725,0.697631 -0.2356,0.135423 -0.48,0.204123 -0.7333,0.204123 0,0 2e-4,-0.0016 -0.017,-0.0016 l -0.017,0.0016 c -0.2651,0 -0.4859,-0.05898 -0.6625,-0.176734 -0.1704,-0.123775 -0.3,-0.285999 -0.3885,-0.486275 -0.089,-0.206158 -0.1356,-0.441861 -0.1408,-0.706935 0,-0.265065 0.026,-0.539418 0.097,-0.822171 l 0.4325,-1.669665 h -0.6706 c -0.071,0 -0.12,-0.02943 -0.1495,-0.08836 -0.024,-0.05893 -0.024,-0.147226 0,-0.265099 0.024,-0.123602 0.062,-0.211579 0.1147,-0.264584 0.059,-0.05893 0.1217,-0.08836 0.1856,-0.08836 h 0.7064 l 0.4506,-1.759066 c 0.028,-0.110424 0.064,-0.185316 0.1234,-0.220658 0.059,-0.03529 0.1478,-0.05407 0.2641,-0.05323 z m 7.2408,0.151937 h 1.1839 c 0.3323,0 0.618,0.124297 0.8568,0.37362 0.2389,0.238911 0.3576,0.524946 0.3576,0.857312 0,0.301232 -0.1147,0.581094 -0.3421,0.840777 -0.2182,0.249287 -0.5087,0.374653 -0.8723,0.374653 h -1.1839 z m 0,4.331001 h 0.9493 c 0.374,0 0.6963,0.135127 0.9664,0.405145 0.27,0.270043 0.4367,0.475248 0.4501,0.773078 0.017,0.250365 -0.1234,0.524038 -0.3188,0.680579 -0.2926,0.234032 -0.7237,0.241328 -1.0977,0.241328 h -0.9658 z" />
               </g>
             </svg>
-            <span class="visually-hidden">TiBillet</span>
+            <span class="visually-hidden">TiBillet</span> / Lespass
           </h4>
-          <p class="lead">Boîte à outils d'orga collective</p>
-          <p>TiBillet, c'est une tirelire digitale, un logiciel de caisse, une billetterie, un aggrégateur local… Le tout open-source et auto-hébergeable. On ne fais pas de profit sur nos outils, alors profite 😉 (et contribue !)</p>
+          <p class="lead">La billetterie en ligne</p>
+          <p>
+            TiBillet, c'est une boîte à outils d'orga collective : tirelire
+            digitale, caisse enregistreuse, billetterie en ligne, réseau local,
+            le tout libre et auto-hébergeable.
+          </p>
+          <p>On ne fais pas de profit sur nos outils, alors profite 😉 (et contribue !)</p>
           <ul class="nav flex-column">
             <li class="nav-item"><a class="nav-link" href="#">TiBillet.org</a></li>
             <li class="nav-item"><a class="nav-link" href="#">Documentation</a></li>