Merge branch 'main' into BLK_nonfree

This commit is contained in:
Jonas Legion 2021-12-07 13:05:48 +04:00
commit d53d8481c2
3 changed files with 209 additions and 170 deletions

View File

@ -39,9 +39,9 @@ class index(APIView):
# return render(request, self.template_name , context=context)
if configuration.template_billetterie :
return render(request, f'{configuration.template_billetterie}/index.html', context=context)
return render(request, f'{configuration.template_billetterie}/lieu.html', context=context)
else :
return render(request, 'arnaud_mvc/index.html', context=context)
return render(request, 'arnaud_mvc/lieu.html', context=context)
# class adhesion(APIView):

View File

@ -118,12 +118,10 @@
<div class="content-center">
<div class="row row-grid justify-content-between align-items-center text-left">
<div class="col-lg-6 col-md-6">
<h1 class="text-white">We keep your coin
<h1 class="text-white">Réseau culturel coopératif à monnaie local
<br/>
<span class="text-white">secured</span>
</h1>
<p class="text-white mb-3">A wonderful serenity has taken possession of my entire soul, like these
sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel...</p>
<p class="text-white mb-3">TiBillet est un système de paiement sans contact et de gestion pour lévènementiel ou la restauration. Cest aussi un outil d'engagement associatif, de promotion artistique d'achat de billet en ligne... et bien plus encore !</p>
<div class="btn-wrapper mb-3">
<p class="category text-success d-inline">From 9.99%/mo</p>
<a href="#blk" class="btn btn-success btn-link btn-sm"><i
@ -149,6 +147,194 @@
</div>
</div>
</div>
<section class="section section-lg">
<section class="section">
<img src="../assets/img/path4.png" class="path">
</section>
</section>
<section class="section section-lg">
<img src="../assets/img/path4.png" class="path">
<img src="../assets/img/path5.png" class="path2">
<img src="../assets/img/path2.png" class="path3">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<h1 class="text-center">L'intérêt commun au centre du projet</h1>
<div class="row row-grid justify-content-center">
<div class="col-lg-3">
<div class="info">
<div class="icon icon-primary">
<i class="tim-icons icon-money-coins"></i>
</div>
<h4 class="info-title">Réseau circulaire</h4>
<hr class="line-primary">
<p>Des centaines de lieux interconnectés afin de faciliter les échanges (café-concert, tiers lieux ou même dartisans).</p>
</div>
</div>
<div class="col-lg-3">
<div class="info">
<div class="icon icon-warning">
<i class="tim-icons icon-chart-pie-36"></i>
</div>
<h4 class="info-title">Cashless</h4>
<hr class="line-warning">
<p>Paiement dématérialisé pour faciliter la gestion dévènement.</p>
</div>
</div>
<div class="col-lg-3">
<div class="info">
<div class="icon icon-success">
<i class="tim-icons icon-single-02"></i>
</div>
<h4 class="info-title">Non Lucratif</h4>
<hr class="line-success">
<p>Les fonds générés par les évènements sont reversés dans le réseau culturel.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="row row-grid justify-content-center">
<div class="col-lg-3">
<div class="info">
<div class="icon icon-primary">
<i class="tim-icons icon-money-coins"></i>
</div>
<h4 class="info-title">Monnaie locale</h4>
<hr class="line-primary">
<p>Largent de votre carte convertie en monnaies locales pour favoriser la transition écologique (lien social, circuits-courts, définanciarisation).</p>
</div>
</div>
<div class="col-lg-3">
<div class="info">
<div class="icon icon-warning">
<i class="tim-icons icon-chart-pie-36"></i>
</div>
<h4 class="info-title">Open-Source</h4>
<hr class="line-warning">
<p>Nous croyons aux solutions et à la philosophie du logiciel libre. Tout notre code est publié sur Github. </p>
</div>
</div>
<div class="col-lg-3">
<div class="info">
<div class="icon icon-success">
<i class="tim-icons icon-single-02"></i>
</div>
<h4 class="info-title">Transparence</h4>
<hr class="line-success">
<p>Anonymisation des données personnelles / donnée et code sont 100% ouvert.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section section-lg section-safe">
<img src="../assets/img/path5.png" class="path">
<div class="container">
<div class="row row-grid justify-content-between">
<div class="col-md-5">
<img src="../assets/img/chester-wade.jpg" class="img-fluid floating">
<div class="card card-stats bg-danger">
<div class="card-body">
<div class="justify-content-center">
<div class="numbers">
<p class="card-title">100%</p>
<p class="card-category text-white">Transparent</p>
</div>
</div>
</div>
</div>
<div class="card card-stats bg-info">
<div class="card-body">
<div class="justify-content-center">
<div class="numbers">
<p class="card-title">573 K</p>
<p class="card-category text-white">Utilisateurs</p>
</div>
</div>
</div>
</div>
<div class="card card-stats bg-default">
<div class="card-body">
<div class="justify-content-center">
<div class="numbers">
<p class="card-title">10 425</p>
<p class="card-category text-white">Partenaires</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="px-md-5">
<hr class="line-success">
<h3>Comment ça marche ?</h3>
<ul class="list-unstyled mt-5">
<li class="py-2">
<div class="d-flex align-items-center">
<div class="icon icon-success mb-2">
<i class="tim-icons icon-vector"></i>
</div>
<div class="ml-3">
<h6>Une carte unique qui vous permet de réserver vos places pour vos évènements préférés mais aussi de commander à manger ou à boire une fois sur place, et ceux, dans nimporte quel lieux partenaire.</h6>
</div>
</div>
</li>
<li class="py-2">
<div class="d-flex align-items-center">
<div class="icon icon-success mb-2">
<i class="tim-icons icon-tap-02"></i>
</div>
<div class="ml-3">
<h6>Des adhésions et rechargements simples et rapides soit dans un lieu culturel du réseau, soit par vous-même directement en ligne.</h6>
</div>
</div>
</li>
<li class="py-2">
<div class="d-flex align-items-center">
<div class="icon icon-success mb-2">
<i class="tim-icons icon-single-02"></i>
</div>
<div class="ml-3">
<h6>L'argent sur votre portefeuille cashless (votre carte) disponible à vie et remboursable à n'importe quel moment* </h6>
<p>*Passé un an dinactivité votre carte est remise à zéro</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="section section-lg">
<img src="../assets/img/path4.png" class="path">
<img src="../assets/img/path2.png" class="path2">
<div class="col-md-12">
<div class="card card-chart card-plain">
<div class="card-header">
<div class="row">
<div class="col-sm-6 text-left">
<hr class="line-primary">
<h5 class="card-category">Les dates importantes</h5>
<h2 class="card-title">Progression de TiBillets</h2>
</div>
</div>
</div>
<div class="card-body">
<div class="chart-area">
<canvas id="chartBig"></canvas>
</div>
</div>
</div>
</div>
<section class="section section-lg">
<section class="section">
<img src="../assets/img/path4.png" class="path">
@ -169,7 +355,7 @@
<div class="numbers">
<p class="card-title">3,237
<p>
<p class="card-category">Awards</p>
<p class="card-category">Que</p>
</div>
</div>
</div>
@ -189,7 +375,7 @@
<div class="numbers">
<p class="card-title">3,653
<p>
<p class="card-category">Commits</p>
<p class="card-category">faire</p>
</div>
</div>
</div>
@ -211,7 +397,7 @@
<div class="numbers">
<p class="card-title">593
<p>
<p class="card-category">Presents</p>
<p class="card-category">de ce</p>
</div>
</div>
</div>
@ -231,7 +417,7 @@
<div class="numbers">
<p class="card-title">10,783
<p>
<p class="card-category">Forks</p>
<p class="card-category">dessin</p>
</div>
</div>
</div>
@ -242,15 +428,16 @@
</div>
<div class="col-md-6">
<div class="pl-md-5">
<h1>Large
<br/>Achivements</h1>
<p>I should be capable of drawing a single stroke at the present moment; and yet I feel that
I never was a greater artist than now. </p>
<h1>En utilisant TiBillet :</h1>
<p>-Je soutien les acteurs locaux, les artistes et lieux culturels.</p>
<br/>
<p>When, while the lovely valley teems with vapour around me, and the meridian sun strikes
the upper surface of the impenetrable foliage of my trees, and but a few stray.</p>
<p>-Je choisi la transparence sur lutilisation de mes données.</p>
<br/>
<a href="#" class="font-weight-bold text-info mt-5">Show all <i
<p>-Je simplifie ma consommation dévènement culturel.</p>
<br/>
<p>-Jadhère à un modèle qui me ressemble (circuit court, monnaie locale, gouvernance horizontale et coopération).</p>
<br/>
<a href="#" class="font-weight-bold text-info mt-5">Pour en savoir plus  vers le wiki<i
class="tim-icons icon-minimal-right text-info"></i></a>
</div>
</div>
@ -258,154 +445,6 @@
</div>
</section>
</section>
<section class="section section-lg">
<img src="../assets/img/path4.png" class="path">
<img src="../assets/img/path5.png" class="path2">
<img src="../assets/img/path2.png" class="path3">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<h1 class="text-center">Your best benefit</h1>
<div class="row row-grid justify-content-center">
<div class="col-lg-3">
<div class="info">
<div class="icon icon-primary">
<i class="tim-icons icon-money-coins"></i>
</div>
<h4 class="info-title">Low Commission</h4>
<hr class="line-primary">
<p>Divide details about your work into parts. Write a few lines about each one. A
paragraph describing a feature will.</p>
</div>
</div>
<div class="col-lg-3">
<div class="info">
<div class="icon icon-warning">
<i class="tim-icons icon-chart-pie-36"></i>
</div>
<h4 class="info-title">High Incomes</h4>
<hr class="line-warning">
<p>Divide details about your product or agency work into parts. Write a few lines about
each one. A paragraph describing feature will be a feature. </p>
</div>
</div>
<div class="col-lg-3">
<div class="info">
<div class="icon icon-success">
<i class="tim-icons icon-single-02"></i>
</div>
<h4 class="info-title">Verified People</h4>
<hr class="line-success">
<p>Divide details about your product or agency work into parts. Write a few lines about
each one. A paragraph describing be enough.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section section-lg section-safe">
<img src="../assets/img/path5.png" class="path">
<div class="container">
<div class="row row-grid justify-content-between">
<div class="col-md-5">
<img src="../assets/img/chester-wade.jpg" class="img-fluid floating">
<div class="card card-stats bg-danger">
<div class="card-body">
<div class="justify-content-center">
<div class="numbers">
<p class="card-title">100%</p>
<p class="card-category text-white">Safe</p>
</div>
</div>
</div>
</div>
<div class="card card-stats bg-info">
<div class="card-body">
<div class="justify-content-center">
<div class="numbers">
<p class="card-title">573 K</p>
<p class="card-category text-white">Satisfied customers</p>
</div>
</div>
</div>
</div>
<div class="card card-stats bg-default">
<div class="card-body">
<div class="justify-content-center">
<div class="numbers">
<p class="card-title">10 425</p>
<p class="card-category text-white">Business</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="px-md-5">
<hr class="line-success">
<h3>Awesome features</h3>
<p>The design system comes with three pre-built pages to help you get started faster. You can
change the text and images and you're good to go.</p>
<ul class="list-unstyled mt-5">
<li class="py-2">
<div class="d-flex align-items-center">
<div class="icon icon-success mb-2">
<i class="tim-icons icon-vector"></i>
</div>
<div class="ml-3">
<h6>Carefully crafted components</h6>
</div>
</div>
</li>
<li class="py-2">
<div class="d-flex align-items-center">
<div class="icon icon-success mb-2">
<i class="tim-icons icon-tap-02"></i>
</div>
<div class="ml-3">
<h6>Amazing page examples</h6>
</div>
</div>
</li>
<li class="py-2">
<div class="d-flex align-items-center">
<div class="icon icon-success mb-2">
<i class="tim-icons icon-single-02"></i>
</div>
<div class="ml-3">
<h6>Super friendly support team</h6>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="section section-lg">
<img src="../assets/img/path4.png" class="path">
<img src="../assets/img/path2.png" class="path2">
<div class="col-md-12">
<div class="card card-chart card-plain">
<div class="card-header">
<div class="row">
<div class="col-sm-6 text-left">
<hr class="line-primary">
<h5 class="card-category">Total Investments</h5>
<h2 class="card-title">Performance</h2>
</div>
</div>
</div>
<div class="card-body">
<div class="chart-area">
<canvas id="chartBig"></canvas>
</div>
</div>
</div>
</div>
</section>
<section class="section section-lg section-coins">
<img src="../assets/img/path3.png" class="path">
@ -413,8 +452,8 @@
<div class="row">
<div class="col-md-4">
<hr class="line-info">
<h1>Choose the coin
<span class="text-info">that fits your needs</span>
<h1>Choisissez
<span class="text-info">votre degré d'implication</span>
</h1>
</div>
</div>
@ -427,7 +466,7 @@
<div class="card-body">
<div class="row">
<div class="col-md-12 text-center">
<h4 class="text-uppercase">Light Coin</h4>
<h4 class="text-uppercase">Adhérent / Bénévole</h4>
<span>Plan</span>
<hr class="line-primary">
</div>
@ -453,7 +492,7 @@
<div class="card-body">
<div class="row">
<div class="col-md-12 text-center">
<h4 class="text-uppercase">Dark Coin</h4>
<h4 class="text-uppercase">Partenaire</h4>
<span>Plan</span>
<hr class="line-success">
</div>
@ -479,7 +518,7 @@
<div class="card-body">
<div class="row">
<div class="col-md-12 text-center">
<h4 class="text-uppercase">Bright Coin</h4>
<h4 class="text-uppercase">Client</h4>
<span>Plan</span>
<hr class="line-info">
</div>