Commit 88105dca authored by maxime's avatar maxime

beta banner and start support us page

parent 6e9a7c53
notepad
-->
imiter le fichier dans datamanager/models.py --> ajouter
#footer {
max-width: 1024px;
margin: 0 auto;
border: 1px solid red;
}
.footer-list{
display: flex;
justify-content: left;
}
.footer-left{
align-content: flex-start;
border: 1px solid black;
}
.footer-right{
align-content: flex-end;
border: 1px solid black;
}
/**PAGE**/
{% load staticfiles %}
<div id="participer" hidden>
<div class="center">
<img id="home-banner" src="{% static 'img/home-banner.jpg' %}" alt="Home Banner">
<h1>Unissons nous pour agir !</h1>
<h2>Participer à l'évolution de l'outil</h2>
</div>
<div>
<h2>Ce qui est en place</h2>
<p>Allocation des 11,5€ récoltés</p>
<div class="version-r4 version-1">
<h3>Version 0.1 - Les fondations</h3>
<p>Développement de la fonctionnalité des groupes d’action et la mise en place de la base de donnée mutualisée.</p>
</div>
<div class="version-r4 version-2">
<h3>Version 0.2 - Premiers modules</h3>
<p>Développement du calendrier, du module de conversation, la liaison entre les groupes et les élu.e.s.</p>
</div>
<div class="version-r4 version-3">
<h3>Version 0.3 – Mise en production</h3>
<p>Lancement sur le site de United4Earth et lobby-citoyen.fr juin 2019. Pré-lancement le 02.06 avec l’action des Citoyens en résistance contre le plastique lancé par Boycott Citoyen.</p>
</div>
<div class="version-r4 version-3">
<h3>Version 0.4 – Modules supplémentaires</h3>
<p>
<ul>
<li>Carte des événements (financé & en ligne)</li>
<li>Edition de texte collaboratif</li>
<li>Prise de décision collaborative (Loomio, jugement majoritaire)</li>
<li>Ciblage avancé des élu.e.s</li>
<li>Et d’autres</li>
</ul>
</p>
</div>
</div>
<div>
<h2>Aider à développemer la version 0.4 !</h2>
<h3>Votre financement participera au développement de :</h3>
<ul>
<li>Edition de texte collaboratif</li>
<li>Prise de décision collaborative (Loomio, jugement majoritaire)</li>
<li>Ciblage avancé des élu.e.s</li>
</ul>
</div>
<div>
<h2>Proposer des fonctionnalités</h2>
<p>Vous avez des choses que vous aimeriez voir en place sur l'outil? Participez à l'évolution de l'outil en proposant de nouvelles fonctionnalités ou votant sur les propositions en place</p>
<div>
<p>Bouton</p>
</div>
</div>
<div class="beta-banner">
<p class="beta-banner-text">Bienvenue sur la version bêta! <br/>
En cas de soucis veuillez <a target="_blank" class="beta-banner-linktext" href="https://git.happy-dev.fr/startinblox/applications/risefor-lobbying/issues/new?issue%5Bassignee_id%5D=&issue%5Bmilestone_id%5D="> créer un ticket ici </a> ou nous <a target="_blank" class="beta-banner-linktext" href="https://united4earth.org/fr/contact"> envoyer un email </a>afin de nous permettre de le résoudre</p>
</div>
/**HEADER**/
......@@ -20,4 +20,5 @@
@import "src/account-password-reset-done";
@import "src/account-password-reset-confirm";
@import "src/mes-actions";
@import "src/loader";
\ No newline at end of file
@import "src/loader";
@import "src/perso-maxime";
\ No newline at end of file
/*Bannière bêta*/
.beta-banner {
width: 100%;
background-color: green;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
text-align: center;
}
.beta-banner-text {
padding: 1px;
margin: 0px;
color: white;
}
a.beta-banner-linktext {
color: white;
text-decoration: underline white;
}
/*global classes*/
.border{
border: 1px dotted black;
}
.center{
text-align: center;
}
/*page participer*/
.version-r4{
border-width: 5px;
background: rgba(135, 197, 211, 0.68);
border-radius: 50%;
text-align: center;
height: 300px;
width: 300px;
display: inline-flex;
flex-grow: 1;
}
.version-r4-04{
border-width: 5px;
background: rgba(135, 197, 211, 0.68);
border-radius: 50%;
text-align: center;
height: 300px;
width: 300px;
display: inline-flex;
justify-content: center;
}
.version-content{
display: flex;
flex-direction: column;
justify-content: center;
}
.version-title{
order: 1;
}
.version-description{
order: 2;
}
.version-1{
width: 33%;
}
.version-2{
width: 33%;
}
.version-3{
width: 33%;
}
.version-4{
width: 33%;
}
/* footer */
#footer {
max-width: 1024px;
margin: 0 auto;
border: 1px solid red;
}
.footer-list{
display: flex;
justify-content: left;
}
.footer-left{
align-content: flex-start;
border: 1px solid black;
}
.footer-right{
align-content: flex-end;
border: 1px solid black;
}
/*footer*/
.footer-list{
display: inline-flex;
}
.footer-left{
border: 1px solid black;
}
.footer-right{
border: 1px solid black;
}
......@@ -2,6 +2,16 @@
<span id="call-mobile-menu"></span>
<div class="beta-banner">
<p class="beta-banner-text">Bienvenue sur la version bêta! <br/>
En cas de soucis veuillez <a target="_blank" class="beta-banner-linktext" href="https://git.happy-dev.fr/startinblox/applications/risefor-lobbying/issues/new?issue%5Bassignee_id%5D=&issue%5Bmilestone_id%5D="> créer un ticket ici </a> ou nous <a target="_blank" class="beta-banner-linktext" href="https://united4earth.org/fr/contact"> envoyer un email </a>afin de nous permettre de le résoudre</p>
</div>
<header id="header">
<sib-router default-route="home">
<sib-route name="home">
......@@ -12,6 +22,7 @@
<sib-route name="agir">Groupes d'action</sib-route>
<sib-route name="la-carte">Carte</sib-route>
<sib-route name="nos-elus">Nos élus</sib-route>
<sib-route name="soutenir">Soutenir</sib-route>
<nav id="account-menu">
<ul>
{% if user.is_authenticated %}
......
{% load staticfiles %}
<div id="soutenir" hidden>
<div class="center">
<img id="home-banner" src="{% static 'img/home-banner.jpg' %}" alt="Home Banner">
<h1>Unissons nous pour agir !</h1>
<h2>Participer à l'évolution de l'outil</h2>
</div>
<div>
<h2>Ce qui est en place</h2>
<p>Allocation des 11,5€ récoltés</p>
<div class="version-r4 version-1">
<div class="version-content">
<h3 class="version-title">Version 0.1 - Les fondations</h3>
<p class="version-description">Développement de la fonctionnalité des groupes d’action et la mise en place de la base de donnée mutualisée.</p>
</div>
</div>
<div class="version-r4 version-2">
<div class="version-content">
<h3 class="version-title">Version 0.2 - Premiers modules</h3>
<p class="version-description">Développement du calendrier, du module de conversation, la liaison entre les groupes et les élu.e.s.</p>
</div>
</div>
<div class="version-r4 version-3">
<div class="version-content">
<h3 class="version-title">Version 0.3 – Mise en production</h3>
<p class="version-description">Lancement sur le site de United4Earth et lobby-citoyen.fr juin 2019. Pré-lancement le 02.06 avec l’action des Citoyens en résistance contre le plastique lancé par Boycott Citoyen.</p>
</div>
</div>
<div class="version-4 version-r4-04">
<div class="version-content">
<h3 class="version-title">Version 0.4 – Modules supplémentaires</h3>
<p class="version-description">
<ul>
<li>Carte des événements (financé & en ligne)</li>
<li>Edition de texte collaboratif</li>
<li>Prise de décision collaborative (Loomio, jugement majoritaire)</li>
<li>Ciblage avancé des élu.e.s</li>
<li>Et d’autres</li>
</ul>
</p>
</div>
</div>
<div>
<h2>Aider à développemer la version 0.4 !</h2>
<h3>Votre financement participera au développement de :</h3>
<ul>
<li>Edition de texte collaboratif</li>
<li>Prise de décision collaborative (Loomio, jugement majoritaire)</li>
<li>Ciblage avancé des élu.e.s</li>
</ul>
</div>
<div>
<h2>Proposer des fonctionnalités</h2>
<p>Vous avez des choses que vous aimeriez voir en place sur l'outil? Participez à l'évolution de l'outil en proposant de nouvelles fonctionnalités ou votant sur les propositions en place</p>
<div>
<p>Bouton</p>
</div>
</div>
......@@ -38,6 +38,7 @@
{% include "data_manager/mes-actions.html" %}
{% include "data_manager/representatives.html" %}
{% include "data_manager/action-group-forms-script.html" %}
{% include "data_manager/soutenir.html" %}
<center id="u4e-loader" hidden>
<div class="loader rspin">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment