some styling
This commit is contained in:
parent
7771113fef
commit
22fe049e96
3 changed files with 68 additions and 36 deletions
|
@ -1,4 +1,6 @@
|
|||
La page d'accueil de la mare des crapauds fous
|
||||
===============================================
|
||||
|
||||
[![pipeline status](https://gitlab.com/crapaud-fou/portail/badges/master/pipeline.svg)](https://gitlab.com/crapaud-fou/portail/commits/master)
|
||||
|
||||
Ceci est la page d'atterrissage du site des crapauds fous.
|
||||
|
|
|
@ -20,7 +20,6 @@ a:hover {
|
|||
.link:hover a {
|
||||
padding-right: 2.4em;
|
||||
padding-left: 2.4em;
|
||||
margin-right: -2em;
|
||||
border-radius: 1em;
|
||||
}
|
||||
.nombre {
|
||||
|
@ -32,7 +31,7 @@ a:hover {
|
|||
color: #666;
|
||||
background-color: #eee;
|
||||
margin: 0 -.3em;
|
||||
padding: .5em 1.5em;
|
||||
padding: .5em .5em;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
.stats-title {
|
||||
|
|
|
@ -34,7 +34,7 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
|
@ -70,9 +70,9 @@
|
|||
<div class="card idees">
|
||||
<div class="card-body">
|
||||
<div class="link">
|
||||
<h5 class="card-title">
|
||||
<a href="https://idees.crapaud-fou.org" class="badge badge-success float-right stretched-link">https://idees.crapaud-fou.org</a>
|
||||
Avoir des idées
|
||||
<h5 class="card-title text-center">
|
||||
Avoir des idées ...<br>
|
||||
<a href="https://idees.crapaud-fou.org" class="badge badge-success stretched-link">https://idees.crapaud-fou.org</a>
|
||||
</h5>
|
||||
<p>Les idées folles ne sont que des rêves tant qu'on ne les explique pas. Notre boite à idées part du principe qu'il n'y a pas d'idée stupide.</p>
|
||||
</div>
|
||||
|
@ -91,7 +91,7 @@
|
|||
<div class="recent">
|
||||
<div title="Nombre d'utilisateurs s'étant connecté au moins une fois"><span class="nombre crapauds">0</span> crapauds actifs</div>
|
||||
<div title="Nombre d'idées récentes"><span class="nombre idees">0</span> nouvelles idées</div>
|
||||
<div title="Nombre de nouveaux commentaires"><span class="nombre commentaires">0</span> nouveaux commentaires</div>
|
||||
<div title="Nombre de nouveaux commentaires"><span class="nombre commentaires">0</span> commentaires</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -112,6 +112,9 @@
|
|||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btn btn-outline-primary btn-outline btn-block" data-toggle="modal" data-target="#helpid">Comment proposer une idée</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -119,9 +122,9 @@
|
|||
<div class="card chat">
|
||||
<div class="card-body">
|
||||
<div class="link">
|
||||
<h5 class="card-title">
|
||||
<a href="https://coa.crapaud-fou.org" class="badge badge-success float-right stretched-link">https://coa.crapaud-fou.org</a>
|
||||
... en discuter ...
|
||||
<h5 class="card-title text-center">
|
||||
... en discuter ...<br>
|
||||
<a href="https://coa.crapaud-fou.org" class="badge badge-success stretched-link">https://coa.crapaud-fou.org</a>
|
||||
</h5>
|
||||
<p>Cette espace de discussion en temps réel est un vrai espace social, pour débattre et partager. C'est là qu'on trouve la force du lien avec les autres crapauds.</p>
|
||||
</div>
|
||||
|
@ -150,9 +153,9 @@
|
|||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btn btn-outline-primary btn-outline btn-block" data-toggle="modal" data-target="#helpchat">Premiers pas dans le Chat</button>
|
||||
<div>
|
||||
<button type="button" class="btn btn-outline-primary btn-outline btn-block" data-toggle="modal" data-target="#helpchat">Les premiers pas dans le Chat</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -161,31 +164,32 @@
|
|||
<div class="card wiki">
|
||||
<div class="card-body">
|
||||
<div class="link">
|
||||
<h5 class="card-title">
|
||||
<a href="https://wiki.crapaud-fou.org" class="badge badge-success float-right stretched-link">https://wiki.crapaud-fou.org</a>
|
||||
... et partager!
|
||||
<h5 class="card-title text-center">
|
||||
... et agir!<br>
|
||||
<a href="https://wiki.crapaud-fou.org" class="badge badge-success stretched-link">https://wiki.crapaud-fou.org</a>
|
||||
</h5>
|
||||
<p>Le site collaboratif qui permet de publier des textes et projets crapaud fou.</p>
|
||||
<p>Le wiki permet de formaliser des plans d'action mais aussi et surtout de partager les méthodes pour que tout le monde puisse en profiter.</p>
|
||||
</div>
|
||||
<p>
|
||||
<div>Depuis mars 2018</div>
|
||||
<div>
|
||||
<span class="nombre">0</span> crapauds
|
||||
<span class="nombre">0</span> pages
|
||||
<span class="nombre">0</span> photos
|
||||
<div class="row mb-3">
|
||||
<div class="col stats">
|
||||
<div class="stats-title">Depuis mars 2018</div>
|
||||
<div class="total">
|
||||
<div><span class="nombre crapauds">0</span> crapauds</div>
|
||||
<div><span class="nombre pages">0</span> pages</div>
|
||||
<div><span class="nombre photos">0</span> photos</div>
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
<p>
|
||||
<div>Sur les 30 derniers jours</div>
|
||||
<div>
|
||||
<span class="nombre">0</span> crapauds actifs
|
||||
<span class="nombre">0</span> pages modifiées
|
||||
<span class="nombre">0</span> nouvelles photos
|
||||
<div class="col stats">
|
||||
<div class="stats-title">Sur les 30 derniers jours</div>
|
||||
<div class="recent">
|
||||
<div><span class="nombre crapauds">0</span> crapauds actifs</div>
|
||||
<div><span class="nombre pages">0</span> pages modifiées</div>
|
||||
<div><span class="nombre photos">0</span> nouvelles photos</div>
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
<p>
|
||||
</div>
|
||||
<div>
|
||||
<div>Les dernières pages modifiées</div>
|
||||
<div>
|
||||
<ul>
|
||||
<li><a href="">#general</a></li>
|
||||
<li><a href="">#general</a></li>
|
||||
|
@ -198,19 +202,46 @@
|
|||
<li><a href="">#general</a></li>
|
||||
<li><a href="">#general</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btn btn-outline-primary btn-outline btn-block" data-toggle="modal" data-target="#helpwiki">Mode d'emploi du wiki</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="modal fade" id="helpid" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Comment proposer une idée</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="helpchat" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Premiers pas dans le Chat</h5>
|
||||
<h5 class="modal-title">Les premiers pas dans le Chat</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="helpwiki" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Mode d'emploi du Wiki</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
|
|
Loading…
Reference in a new issue