simplification du sommaire + changement menu + changements de couleurs etc. CSS

content/sommaire.html

@@ -1,17 +1,13 @@
-<section id="presentation-accueil">
+[(#REM)<section id="presentation-accueil">
 	<div class="container">
-		<h1 class="text-center">[(#CHEMIN{images/Titre-AIPB.png}|inserer_attribut{alt,#NOM_SITE_SPIP}|image_reduire{900,120})]</h1>
+		
-		<div class="row">
+	</div>
+</section>]
+
+<section id="mis-en-avant" class="section-top">
+	<div class="container">
+		<div class="row mb-3">
 			<BOUCLE_presentation(ARTICLES){grigri=presentation_accueil}{0,1}{! par date}>
-				<div id="images-presentation" class="col-lg">
-					<BOUCLE_image_pres(DOCUMENTS){id_article}{0,1}>
-						<div class="image-encadree text-dark">
-							[(#FICHIER|balise_img{#TITRE}|image_recadre{380:362,-,focus}|image_reduire{380,362})]
-							<span class="#EDIT{descriptif}">#DESCRIPTIF</span>
-						</div>
-						
-					</BOUCLE_image_pres>
-				</div>
 				<article id="texte-presentation" class="col-lg">
 					<div class="contenu text-dark #EDIT{texte}">
 						#TEXTE
@@ -19,21 +15,15 @@
 				</article>
 			</BOUCLE_presentation>
 		</div>
-	</div>
-</section>
-
-<section id="mis-en-avant">
-	<div class="container">
 		<div class="row">
 			<div class="col-lg-9">
-				<INCLURE{fond=inclure/diaporama_accueil}/>
 				<div class="cadre-transparent mt-3 p-3">
-					<h2 class="a-la-une h3">Actualités</h2>
+					<h2 class="a-la-une h3">Derniers articles</h2>
 					<INCLURE{fond=inclure/a_la_une_contenu,env,ajax}>
 				</div>
 			</div>
 			<aside class="col-lg-3">
-				<div id="agenda" class="mt-4 mt-lg-0">
+				<div id="agenda" class="mt-4 mt-lg-3">
 					<h2 class="h3">Agenda</h2>
 					<BOUCLE_agenda(ARTICLES){titre_mot=agenda}{par rang}>
 						<div class="agenda-evenement">
@@ -58,21 +48,3 @@
 	</div>
 </section>
 ]
-
-<section id="nous-contacter">
-	<div class="container">
-		<h2 class="h3">Nous contacter</h2>
-		<div class="row">
-			<div class="col-lg-6">
-				<BOUCLE_webmaster(AUTEURS){id_auteur=#CONFIG{balint/id_contact}}{tout}>
-						#FORMULAIRE_NOUS_CONTACTER{#ID_AUTEUR}
-				</BOUCLE_webmaster>
-			</div>
-			<div class="col-lg-6 text-center">
-				<BOUCLE_image_rousseau(DOCUMENTS){credits=rousseau}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}>
-					[(#FICHIER|balise_img{Jardin du Luxembourg peint par Henri Rousseau}|image_recadre{510:420,-,focus}|image_reduire{510,420})]				
-				</BOUCLE_image_rousseau>
-			</div>
-		</div>
-	</div>
-</section>

css/_sq_balint.scss

@@ -140,7 +140,7 @@ body{
 		font-size: 1.2rem;
 	}
 	.nav-link, .dropdown-item{
-		color: $light;
+		color: $texte-menu;
 		font-weight: 500;
 		font-family: 'Cabin', sans-serif;
 		text-align: center;
@@ -169,7 +169,7 @@ body{
 		}	
 	}
 	.dropdown-menu{
-		background: #399975;
+		background: white;
 		border-radius: 0 0 0.2rem 0.2rem;
 		border: none;
 	}
@@ -484,7 +484,7 @@ body{
 }
 
 .footer{
-	color: $light;
+	color: $dark;
 	margin-bottom:0;
 	text-align: left;
 	position:relative;
@@ -571,19 +571,7 @@ body{
 	}
 }
 
-.page_sommaire .footer-options, .page_sommaire #footer-infos{
+
-	background: #FFF0C7;
-	color: black !important;
-	h4{
-		color: $fond-footer;
-	}
-	a, .grille a{
-		color: black;
-	}
-	.pages-footer li:hover a{
-		color: $dark;
-	}
-}
 
 /**********************************************************************/
 /************************ PAGE ASSOCIATION ****************************/

css/_variables.scss

@@ -2,7 +2,8 @@ $couleur-texte : black;
 $dark: #595959;
 //$fond-menu: #3b3f8a; bleu-violet plus foncé
 //$fond-menu: #478E7E; vert-bleu plus foncé
-$fond-menu: #087f52;
+$fond-menu: white;
+$texte-menu: #3CAAFF;
 
 //$couleur-liens : #dc7544; orange moins vif
 $couleur-liens: #dd7f51;
@@ -10,10 +11,10 @@ $couleur-liens: #dd7f51;
 $gris-moyen : #7d7d7d;
 $gris-clair : #f2f2f2;
 $page-active-clair: #fff99d;
-$page-active: #ffb284;
+$page-active: #FF8C00;
 //$fond-footer: #464ba3; bleu-violet
 //$fond-footer: #4B9886; vert-bleu
-$fond-footer: #3E8050;
+$fond-footer: $texte-menu;
 //$titres-footer : #4B9886; vert plus clair
 $titres-footer : #ffb284;
 $fond-formulaires: rgba(255,255,255,0.8);
@@ -22,7 +23,7 @@ $breadcrumb-bg: none;
 
 $bg-body: url('../images/bg-web.jpg');
 $bg-presentation: url('../images/bg-gris-vert2.jpg');
-$bg-texte-presentation: url('../images/bg-encadre-blanc3.jpg');
+$bg-texte-presentation: $fond-transparent;
 $bg-mis-en-avant: url('../images/fond-une-jaune.jpg');
 $bg-a-la-une: url('../images/bg-web.jpg');
 $bg-nous-contacter: url('../images/Fond-contact-vert.jpg');

css/mon_site.css

@@ -11967,14 +11967,14 @@ img {
 }
 
 .pagination strong, .pagination .lien_pagination {
-  background-color: #3E8050;
+  background-color: #3CAAFF;
   padding: 0.5rem 1rem;
   border-radius: 0.2rem;
 }
 
 .pagination strong {
   cursor: initial;
-  color: #ffb284;
+  color: #FF8C00;
 }
 
 .pagination .lien_pagination {
@@ -12005,7 +12005,7 @@ body {
 /**********************************************************************/
 #menu-principal {
   padding: 1rem 2rem;
-  background-color: #087f52;
+  background-color: white;
   -webkit-transition: all 1s;
   transition: all 1s;
 }
@@ -12020,7 +12020,7 @@ body {
 }
 
 #menu-principal .nav-link, #menu-principal .dropdown-item {
-  color: #f8f9fa;
+  color: #3CAAFF;
   font-weight: 500;
   font-family: 'Cabin', sans-serif;
   text-align: center;
@@ -12040,7 +12040,7 @@ body {
 }
 
 #menu-principal .active a.nav-link {
-  color: #ffb284;
+  color: #FF8C00;
 }
 
 #menu-principal .navbar-toggler {
@@ -12057,7 +12057,7 @@ body {
 }
 
 #menu-principal .dropdown-menu {
-  background: #399975;
+  background: white;
   border-radius: 0 0 0.2rem 0.2rem;
   border: none;
 }
@@ -12151,7 +12151,7 @@ body {
 #texte-presentation .contenu {
   align-self: center;
   padding: 1.5rem;
-  background: url("../images/bg-encadre-blanc3.jpg");
+  background: rgba(255, 255, 255, 0.92);
   background-size: cover;
   background-repeat: no-repeat;
   border-radius: 0.2rem;
@@ -12403,7 +12403,7 @@ body {
 /***************************** FOOTER *********************************/
 /**********************************************************************/
 #footer-infos {
-  background: #3E8050;
+  background: #3CAAFF;
   padding: 3rem 0;
 }
 
@@ -12412,7 +12412,7 @@ body {
 }
 
 .footer {
-  color: #f8f9fa;
+  color: #595959;
   margin-bottom: 0;
   text-align: left;
   position: relative;
@@ -12429,7 +12429,7 @@ body {
 }
 
 .footer .footer-options {
-  background: #3E8050;
+  background: #3CAAFF;
   padding: 0 0 2rem 0;
 }
 
@@ -12520,23 +12520,6 @@ body {
   color: #ffb284;
 }
 
-.page_sommaire .footer-options, .page_sommaire #footer-infos {
-  background: #FFF0C7;
-  color: black !important;
-}
-
-.page_sommaire .footer-options h4, .page_sommaire #footer-infos h4 {
-  color: #3E8050;
-}
-
-.page_sommaire .footer-options a, .page_sommaire .footer-options .grille a, .page_sommaire #footer-infos a, .page_sommaire #footer-infos .grille a {
-  color: black;
-}
-
-.page_sommaire .footer-options .pages-footer li:hover a, .page_sommaire #footer-infos .pages-footer li:hover a {
-  color: #595959;
-}
-
 /**********************************************************************/
 /************************ PAGE ASSOCIATION ****************************/
 /**********************************************************************/
@@ -12684,7 +12667,7 @@ body {
 }
 
 .formulaire_spip .boutons .submit, .formulaire_spip .boutons .btn_editer, .boutons .submit, .boutons .btn_editer {
-  background-color: #3E8050;
+  background-color: #3CAAFF;
   color: #f8f9fa;
   padding: 1rem;
   line-height: 1rem;
@@ -12708,7 +12691,7 @@ body {
 
 .btn.bouton-login:hover {
   color: black;
-  background-color: #ffb284;
+  background-color: #FF8C00;
 }
 
 .bouton-toggle {
@@ -12961,7 +12944,7 @@ body {
 }
 
 #page-contact .formulaire_nous_contacter input.submit {
-  background-color: #3E8050;
+  background-color: #3CAAFF;
   color: #f8f9fa;
   padding: 1rem;
   line-height: 1rem;

inclure/a_la_une_contenu.html

@@ -1,7 +1,7 @@
 <B_a_la_une>
 	<div class="row liste-articles">
 	#ANCRE_PAGINATION
-	<BOUCLE_a_la_une(ARTICLES){titre_mot=Actualités}{par rang}{pagination 3}>
+	<BOUCLE_a_la_une(ARTICLES){id_rubrique=#CONFIG{balint/id_rub_articles}}{!par date}{pagination 3}>
 		<div class="col-lg-4 mt-4 mt-lg-0">
 			<INCLURE{fond=inclure/bloc_article, env, id_article}/>
 		</div>

inclure/menu_principal.html

@@ -9,59 +9,33 @@
 				<li class="nav-item [(#SI_PAGE{sommaire}|oui) active]">
 				<a class="nav-link" href="[(#URL_PAGE{sommaire})]">Accueil</a>
 				</li>
-				<li class="nav-item [(#SI_PAGE{methode}|oui) active]">
-					<a class="nav-link" href="[(#URL_PAGE{methode})]">Méthode</a>
-				</li>
-				<li class="nav-item dropdown [(#SI_PAGE{seminaires}|oui) active]">
-					<a class="nav-link dropdown-toggle" href="[(#URL_PAGE{seminaires})]" id="seminairesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Séminaires</a>
-					<div class="dropdown-menu" aria-labelledby="seminairesDropdown">
-					<BOUCLE_menu_seminaires(ARTICLES){titre_mot=seminaires}{par titre}>
-						<a class="dropdown-item" href="[(#URL_ARTICLE)]">#TITRE</a>
-					</BOUCLE_menu_seminaires>
-					</div>
-				</li>
 				<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>
 					<div class="dropdown-menu" aria-labelledby="groupesDropdown">
-					<BOUCLE_menu_groupes(RUBRIQUES){id_parent=#CONFIG{balint/id_rub_groupes}}{par num titre}{tout}>
+					<BOUCLE_menu_groupes(ARTICLES){id_rubrique=#CONFIG{balint/id_rub_groupes}}{par titre}>
-						<a class="dropdown-item" href="[(#URL_PAGE{groupes}|parametre_url{id_rubrique,#ID_RUBRIQUE})]">#TITRE</a>
+						<a class="dropdown-item" href="[(#URL_PAGE{groupes}|parametre_url{id_article,#ID_ARTICLE})]">#TITRE</a>
 					</BOUCLE_menu_groupes>
 					</div>
 				</li>
-				<li class="nav-item dropdown [(#SI_PAGE{mediatheque}|oui) active]">
+				<li class="nav-item dropdown [(#SI_PAGE{forums}|oui) active]">
-					<a class="nav-link dropdown-toggle" href="[(#URL_PAGE{mediatheque})]" id="mediasDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Médiathèque</a>
+					<a class="nav-link dropdown-toggle" href="[(#URL_PAGE{forums})]" id="mediasDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Forums</a>
 					<div class="dropdown-menu" aria-labelledby="mediasDropdown">
-					<BOUCLE_menu_medias(MOTS){id_groupe=#CONFIG{balint/id_mots_medias}}{par id_mot}{tout}>
+					<BOUCLE_menu_forums(ARTICLES){titre_mot=forums}{tout}>
-						<a class="dropdown-item" href="[(#URL_PAGE{mediatheque}|parametre_url{id_mot,#ID_MOT})]">#TITRE</a>
+						<a class="dropdown-item" href="[(#URL_PAGE{forums}|parametre_url{id_article,#ID_ARTICLE})]">#TITRE</a>
+					</BOUCLE_menu_forums>
+					</div>
+				</li>
+				<li class="nav-item dropdown [(#SI_PAGE{mediatheque}|oui) active]">
+					<a class="nav-link dropdown-toggle" href="[(#URL_PAGE{dossiers})]" id="mediasDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dossiers</a>
+					<div class="dropdown-menu" aria-labelledby="mediasDropdown">
+					<BOUCLE_menu_medias(ARTICLES){titre_mot=dossiers}{tout}>
+						<a class="dropdown-item" href="[(#URL_PAGE{dossiers}|parametre_url{id_article,#ID_ARTICLE})]">#TITRE</a>
 					</BOUCLE_menu_medias>
 					</div>
 				</li>
-				<li class="nav-item [(#SI_PAGE{association}|oui) active]">
-					<a class="nav-link" href="[(#URL_PAGE{association})]">L'association</a>
-				</li>
-				<?php
-					if (!isset($GLOBALS['visiteur_session']['statut']) OR $GLOBALS['visiteur_session']['statut']=="6forum") {
-				?>
 				<li class="nav-item [(#SI_PAGE{forum_discussion}|oui) active]">
-					<a class="nav-link" href="[(#URL_PAGE{espace_membre}|parametre_url{rub_forum,#CONFIG{balint/id_rub_forum}})]">Espace membre</a>
+					<a class="nav-link" href="[(#URL_PAGE{agora}|parametre_url{rub_forum,#CONFIG{balint/id_rub_forum}})]">Agora</a>
 				</li>
-				<?php
-					}
-					if (isset($GLOBALS['visiteur_session']['statut']) AND in_array($GLOBALS['visiteur_session']['statut'],['0minirezo','1comite'])) {
-				?>
-				<li class="nav-item dropdown [(#SI_PAGE{espace_membre}|oui) active]">
-					<a class="nav-link dropdown-toggle" href="[(#URL_PAGE{espace_membre})]" id="membresDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Espace membre</a>
-					<div class="dropdown-menu" aria-labelledby="membresDropdown">
-						<a class="dropdown-item" href="[(#URL_PAGE{espace_membre}|parametre_url{rub_forum,#CONFIG{balint/id_rub_forum}})]">Forum</a>
-					<BOUCLE_menu_prive(MOTS){id_groupe=#CONFIG{balint/id_mots_espace_membre}}{par rang}{tout}>
-						<a class="dropdown-item" href="[(#URL_PAGE{espace_membre}|parametre_url{id_mot,#ID_MOT})]">#TITRE</a>
-					</BOUCLE_menu_prive>
-					[(#AUTORISER{voir,forum,#CONFIG{balint/id_rub_forum_prive}}|oui)
-						<a class="dropdown-item" href="[(#URL_PAGE{espace_membre}|parametre_url{rub_forum,#CONFIG{balint/id_rub_forum_prive}})]">Échanges entre membres du bureau</a>
-					]
-					</div>
-				</li>	
-				<?php } ?>
 				<li class="nav-item [(#SI_PAGE{nous-contacter}|oui) active]">
 					<a class="nav-link" href="[(#URL_PAGE{nous-contacter})]">Contact</a>
 				</li>