bonohm/F-d-ration_de_groupes
3
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

relookage "insoumis"

Browse source
This commit is contained in:
Pierre 2020-10-20 01:55:08 +02:00
parent 7e637a121f
commit 626b8c913e
7 changed files with 96 additions and 57 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
content/charte.html Normal file
View file

@ -0,0 +1,6 @@
<section class="container section-top section-bottom">
<div class="cadre-blanc">
<h1>Charte d'usage</h1>
Comment échanger entre nous de manière efficace et agréable.
</div>
</section>

2
content/sommaire.html
View file

@ -17,7 +17,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-9"> <div class="col-lg-9">
<div class="cadre-transparent mt-3 p-3"> <div class="dernieres-nouvelles mt-3 p-3">
<h2 class="a-la-une h3">Derniers articles</h2> <h2 class="a-la-une h3">Derniers articles</h2>
<INCLURE{fond=inclure/a_la_une_contenu,env,ajax}> <INCLURE{fond=inclure/a_la_une_contenu,env,ajax}>
</div> </div>

18
css/_polices.scss
View file

@ -19,7 +19,7 @@
src: url("../fonts/Poppins500i.woff2?#iefix") format("woff2"); src: url("../fonts/Poppins500i.woff2?#iefix") format("woff2");
font-weight: 500; font-weight: 500;
font-style: italic; font-style: italic;
}*/ }
@font-face { @font-face {
font-family: 'Cabin'; font-family: 'Cabin';
@ -50,7 +50,7 @@
} }
/*
@font-face { @font-face {
font-family: 'Bitter'; font-family: 'Bitter';
src: url("../fonts/bitter.woff2?#iefix") format("woff2"); src: url("../fonts/bitter.woff2?#iefix") format("woff2");
@ -72,3 +72,17 @@
font-style: normal; font-style: normal;
} }
*/ */
@font-face {
font-family: 'Montserrat';
src: url("../webfonts/montserrat-regular/montserrat-regular.woff2?#iefix") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url("../webfonts/montserrat-bold/montserrat-bold.woff2?#iefix") format("woff2");
font-weight: 700;
font-style: normal;
}

12
css/_sq_balint.scss
View file

@ -56,10 +56,10 @@ textarea[name="texte"]{
} }
/* polices */ /* polices */
* { font-family: 'Cabin', sans-serif; font-size: 1.1rem} * { font-family: 'Montserrat', sans-serif; font-size: 1.1rem}
i.fas { font-family: fontawesome; font-style: normal; font-weight: 400; } i.fas { font-family: fontawesome; font-style: normal; font-weight: 400; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend, h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend,
.h1-like, .h2-like, .h3-like, .h4-like { font-family: 'Cabin', sans-serif; } .h1-like, .h2-like, .h3-like, .h4-like { font-family: 'Montserrat', sans-serif; }
/* liens */ /* liens */
@ -99,7 +99,7 @@ img{
border-radius: 0.2rem; border-radius: 0.2rem;
} strong{ } strong{
cursor:initial; cursor:initial;
color: $page-active; color: $pagination-active;
} }
.lien_pagination{ .lien_pagination{
color: $light; color: $light;
@ -141,8 +141,8 @@ body{
} }
.nav-link, .dropdown-item{ .nav-link, .dropdown-item{
color: $texte-menu; color: $texte-menu;
font-weight: 500; font-weight: 400;
font-family: 'Cabin', sans-serif; font-family: 'Montserrat', sans-serif;
text-align: center; text-align: center;
transition: height 1s ease; transition: height 1s ease;
} }
@ -311,7 +311,7 @@ body{
.dernieres-nouvelles{ .dernieres-nouvelles{
text-align: left; text-align: left;
padding: 0 1.2rem; padding: 0 1.2rem;
border-left: solid 1px $couleur-liens; //border-left: solid 1px $couleur-liens;
} }
.agenda-evenement{ .agenda-evenement{

9
css/_variables.scss
View file

@ -3,15 +3,16 @@ $dark: #595959;
//$fond-menu: #3b3f8a; bleu-violet plus foncé //$fond-menu: #3b3f8a; bleu-violet plus foncé
//$fond-menu: #478E7E; vert-bleu plus foncé //$fond-menu: #478E7E; vert-bleu plus foncé
$fond-menu: white; $fond-menu: white;
$texte-menu: #3CAAFF; $texte-menu: #00ADCB;
//$couleur-liens : #dc7544; orange moins vif //$couleur-liens : #dc7544; orange moins vif
$couleur-liens: #dd7f51; $couleur-liens: #C84227;
// $couleur-liens : #f67638; orange vif // $couleur-liens : #f67638; orange vif
$gris-moyen : #7d7d7d; $gris-moyen : #7d7d7d;
$gris-clair : #f2f2f2; $gris-clair : #f2f2f2;
$page-active-clair: #fff99d; $page-active-clair: #fff99d;
$page-active: #FF8C00; $page-active: #C84227;
$pagination-active: #FF8A00;
//$fond-footer: #464ba3; bleu-violet //$fond-footer: #464ba3; bleu-violet
//$fond-footer: #4B9886; vert-bleu //$fond-footer: #4B9886; vert-bleu
$fond-footer: $texte-menu; $fond-footer: $texte-menu;
@ -31,4 +32,4 @@ $bg-nous-contacter: url('../images/Fond-contact-vert.jpg');
$bg-diapo : rgba(255,255,255,0.55); $bg-diapo : rgba(255,255,255,0.55);
// $bg-diapo-texte: rgba(0,13,158,0.65); // $bg-diapo-texte: rgba(0,13,158,0.65);
// $bg-diapo-texte: #478E7E; vert-bleu // $bg-diapo-texte: #478E7E; vert-bleu
$bg-diapo-texte: #0c8d5c $bg-diapo-texte: #00ADCB

101
css/mon_site.css
View file

@ -11570,36 +11570,38 @@ a.text-dark:focus, a.text-dark:hover {
src: url("../fonts/Poppins500i.woff2?#iefix") format("woff2"); src: url("../fonts/Poppins500i.woff2?#iefix") format("woff2");
font-weight: 500; font-weight: 500;
font-style: italic; font-style: italic;
}*/
@font-face {
font-family: 'Cabin';
src: url("../fonts/Cabin400.woff2?#iefix") format("woff2");
font-weight: 400;
font-style: normal;
} }
@font-face { @font-face {
font-family: 'Cabin'; font-family: 'Cabin';
src: url("../fonts/Cabin500.woff2?#iefix") format("woff2"); src: url("../fonts/Cabin400.woff2?#iefix") format("woff2");
font-weight: 500; font-weight: 400;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'Cabin'; font-family: 'Cabin';
src: url("../fonts/Cabin700.woff2?#iefix") format("woff2"); src: url("../fonts/Cabin500.woff2?#iefix") format("woff2");
font-weight: 700; font-weight: 500;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'Cabin'; font-family: 'Cabin';
src: url("../fonts/Cabin500i.woff2?#iefix") format("woff2"); src: url("../fonts/Cabin700.woff2?#iefix") format("woff2");
font-weight: 500; font-weight: 700;
font-style: italic; font-style: normal;
}
@font-face {
font-family: 'Cabin';
src: url("../fonts/Cabin500i.woff2?#iefix") format("woff2");
font-weight: 500;
font-style: italic;
} }
/*
@font-face { @font-face {
font-family: 'Bitter'; font-family: 'Bitter';
src: url("../fonts/bitter.woff2?#iefix") format("woff2"); src: url("../fonts/bitter.woff2?#iefix") format("woff2");
@ -11621,6 +11623,20 @@ a.text-dark:focus, a.text-dark:hover {
font-style: normal; font-style: normal;
} }
*/ */
@font-face {
font-family: 'Montserrat';
src: url("../webfonts/montserrat-regular/montserrat-regular.woff2?#iefix") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url("../webfonts/montserrat-bold/montserrat-bold.woff2?#iefix") format("woff2");
font-weight: 700;
font-style: normal;
}
/* ------------------------------------------ /* ------------------------------------------
/* Habillage des formulaires SPIP /* Habillage des formulaires SPIP
/* ------------------------------------------ */ /* ------------------------------------------ */
@ -11911,7 +11927,7 @@ textarea[name="texte"] {
.bordure-top { .bordure-top {
padding-top: 1.5rem; padding-top: 1.5rem;
border-top: solid 1px #dd7f51; border-top: solid 1px #C84227;
} }
.loading > * { .loading > * {
@ -11920,7 +11936,7 @@ textarea[name="texte"] {
/* polices */ /* polices */
* { * {
font-family: 'Cabin', sans-serif; font-family: 'Montserrat', sans-serif;
font-size: 1.1rem; font-size: 1.1rem;
} }
@ -11932,13 +11948,13 @@ i.fas {
h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend, h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend,
.h1-like, .h2-like, .h3-like, .h4-like { .h1-like, .h2-like, .h3-like, .h4-like {
font-family: 'Cabin', sans-serif; font-family: 'Montserrat', sans-serif;
} }
/* liens */ /* liens */
a, a:hover { a, a:hover {
text-decoration: none; text-decoration: none;
color: #dd7f51; color: #C84227;
} }
/* images */ /* images */
@ -11967,14 +11983,14 @@ img {
} }
.pagination strong, .pagination .lien_pagination { .pagination strong, .pagination .lien_pagination {
background-color: #3CAAFF; background-color: #00ADCB;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 0.2rem; border-radius: 0.2rem;
} }
.pagination strong { .pagination strong {
cursor: initial; cursor: initial;
color: #FF8C00; color: #FF8A00;
} }
.pagination .lien_pagination { .pagination .lien_pagination {
@ -12020,9 +12036,9 @@ body {
} }
#menu-principal .nav-link, #menu-principal .dropdown-item { #menu-principal .nav-link, #menu-principal .dropdown-item {
color: #3CAAFF; color: #00ADCB;
font-weight: 500; font-weight: 400;
font-family: 'Cabin', sans-serif; font-family: 'Montserrat', sans-serif;
text-align: center; text-align: center;
-webkit-transition: height 1s ease; -webkit-transition: height 1s ease;
transition: height 1s ease; transition: height 1s ease;
@ -12040,7 +12056,7 @@ body {
} }
#menu-principal .active a.nav-link { #menu-principal .active a.nav-link {
color: #FF8C00; color: #C84227;
} }
#menu-principal .navbar-toggler { #menu-principal .navbar-toggler {
@ -12187,7 +12203,7 @@ body {
} }
.a-la-une { .a-la-une {
color: #0c8d5c; color: #00ADCB;
} }
#agenda, .dernieres-nouvelles { #agenda, .dernieres-nouvelles {
@ -12204,7 +12220,7 @@ body {
#agenda .h3, .dernieres-nouvelles .h3 { #agenda .h3, .dernieres-nouvelles .h3 {
font-weight: 700; font-weight: 700;
margin: 1.5rem; margin: 1.5rem;
color: #0c8d5c; color: #00ADCB;
} }
#agenda .h5, .dernieres-nouvelles .h5 { #agenda .h5, .dernieres-nouvelles .h5 {
@ -12214,7 +12230,6 @@ body {
.dernieres-nouvelles { .dernieres-nouvelles {
text-align: left; text-align: left;
padding: 0 1.2rem; padding: 0 1.2rem;
border-left: solid 1px #dd7f51;
} }
.agenda-evenement { .agenda-evenement {
@ -12281,7 +12296,7 @@ body {
} }
.bloc-ville:hover div { .bloc-ville:hover div {
color: #dd7f51; color: #C84227;
} }
#nous-contacter { #nous-contacter {
@ -12349,7 +12364,7 @@ body {
} }
.diapo-texte { .diapo-texte {
background-color: #0c8d5c; background-color: #00ADCB;
padding: 2rem; padding: 2rem;
align-self: center; align-self: center;
width: 70%; width: 70%;
@ -12357,7 +12372,7 @@ body {
} }
.diapo-bouton { .diapo-bouton {
background-color: #0c8d5c; background-color: #00ADCB;
border: solid 2px white; border: solid 2px white;
border-radius: 0.2rem; border-radius: 0.2rem;
padding: 0.5rem 2rem; padding: 0.5rem 2rem;
@ -12403,7 +12418,7 @@ body {
/***************************** FOOTER *********************************/ /***************************** FOOTER *********************************/
/**********************************************************************/ /**********************************************************************/
#footer-infos { #footer-infos {
background: #3CAAFF; background: #00ADCB;
padding: 3rem 0; padding: 3rem 0;
} }
@ -12429,7 +12444,7 @@ body {
} }
.footer .footer-options { .footer .footer-options {
background: #3CAAFF; background: #00ADCB;
padding: 0 0 2rem 0; padding: 0 0 2rem 0;
} }
@ -12524,7 +12539,7 @@ body {
/************************ PAGE ASSOCIATION ****************************/ /************************ PAGE ASSOCIATION ****************************/
/**********************************************************************/ /**********************************************************************/
#menu-association, #menu-methode, #menu-groupes, #menu-medias, #menu-espace_membre { #menu-association, #menu-methode, #menu-groupes, #menu-medias, #menu-espace_membre {
background: #dd7f51; background: #C84227;
margin: 1rem 0; margin: 1rem 0;
border-radius: 0.2rem; border-radius: 0.2rem;
padding: 0; padding: 0;
@ -12619,7 +12634,7 @@ body {
.articles-groupe { .articles-groupe {
display: inline-block; display: inline-block;
padding: 1rem; padding: 1rem;
background: #dd7f51; background: #C84227;
border-radius: 0.5rem 0.5rem 0 0; border-radius: 0.5rem 0.5rem 0 0;
color: white; color: white;
} }
@ -12667,7 +12682,7 @@ body {
} }
.formulaire_spip .boutons .submit, .formulaire_spip .boutons .btn_editer, .boutons .submit, .boutons .btn_editer { .formulaire_spip .boutons .submit, .formulaire_spip .boutons .btn_editer, .boutons .submit, .boutons .btn_editer {
background-color: #3CAAFF; background-color: #00ADCB;
color: #f8f9fa; color: #f8f9fa;
padding: 1rem; padding: 1rem;
line-height: 1rem; line-height: 1rem;
@ -12684,14 +12699,14 @@ body {
} }
.btn.bouton-login { .btn.bouton-login {
background: #dd7f51; background: #C84227;
border-radius: 0.2rem; border-radius: 0.2rem;
color: #333 !important; color: #333 !important;
} }
.btn.bouton-login:hover { .btn.bouton-login:hover {
color: black; color: black;
background-color: #FF8C00; background-color: #C84227;
} }
.bouton-toggle { .bouton-toggle {
@ -12944,7 +12959,7 @@ body {
} }
#page-contact .formulaire_nous_contacter input.submit { #page-contact .formulaire_nous_contacter input.submit {
background-color: #3CAAFF; background-color: #00ADCB;
color: #f8f9fa; color: #f8f9fa;
padding: 1rem; padding: 1rem;
line-height: 1rem; line-height: 1rem;

5
inclure/menu_principal.html
View file

@ -7,7 +7,7 @@
<div class="collapse navbar-collapse" id="liste-deroulante"> <div class="collapse navbar-collapse" id="liste-deroulante">
<ul class="navbar-nav ml-auto"> <ul class="navbar-nav ml-auto">
<li class="nav-item [(#SI_PAGE{sommaire}|oui) active]"> <li class="nav-item [(#SI_PAGE{sommaire}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{sommaire})]">Accueil</a> <a class="nav-link" href="[(#URL_PAGE{sommaire})]">Actus</a>
</li> </li>
<li class="nav-item dropdown [(#SI_PAGE{groupes}|oui) active]"> <li class="nav-item dropdown [(#SI_PAGE{groupes}|oui) active]">
<a class="nav-link dropdown-toggle" href="[(#URL_PAGE{groupes})]" id="groupesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Groupes</a> <a class="nav-link dropdown-toggle" href="[(#URL_PAGE{groupes})]" id="groupesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Groupes</a>
@ -36,6 +36,9 @@
<li class="nav-item [(#SI_PAGE{forum_discussion}|oui) active]"> <li class="nav-item [(#SI_PAGE{forum_discussion}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{agora}|parametre_url{rub_forum,#CONFIG{balint/id_rub_forum}})]">Agora</a> <a class="nav-link" href="[(#URL_PAGE{agora}|parametre_url{rub_forum,#CONFIG{balint/id_rub_forum}})]">Agora</a>
</li> </li>
<li class="nav-item [(#SI_PAGE{charte}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{charte})]">Charte d'usage</a>
</li>
<li class="nav-item [(#SI_PAGE{nous-contacter}|oui) active]"> <li class="nav-item [(#SI_PAGE{nous-contacter}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{nous-contacter})]">Contact</a> <a class="nav-link" href="[(#URL_PAGE{nous-contacter})]">Contact</a>
</li> </li>