css

user/pages/01.home/01._accueil/text.md

@@ -5,9 +5,9 @@ visible: true
 debugger: true
 ---
 
-# GIP EPAU
+# EPAU
 
 
-## GROUPEMENT D'INTÉRÊT PUBLIC L'EUROPE DES PROJETS ARCHITECTURAUX ET URBAINS
+## L'EUROPE DES PROJETS ARCHITECTURAUX ET URBAINS
 
 Organisme de recherche et d’expérimentation opérant des programmes nationaux sous tutelles des Ministères en charge de l’architecture et de l’urbanisme, la Cité de l’architecture et du patrimoine et l’Association Europan France.

user/pages/01.home/02._programmes/programmes.md

@@ -3,8 +3,8 @@ title: Programmes
 body_classes: 'modular-row programmes'
 programmes:
     -
-        nom_du_programme: POPSU
+        nom_du_programme: 'Plateforme d’observation des projets et stratégies urbaine'
-        texte_de_presentation: "## # Plateforme d’observation des projets et stratégies urbaine : \r\nLieu de convergence des milieux de la recherche et de ceux qui font et gouvernent les villes, la Plateforme d’observation des projets et stratégies urbaines – **POPSU** – croise les savoirs scientifiques et l’expertise opérationnelle pour mieux comprendre les enjeux et les évolutions associés aux villes et aux territoires. _Elle capitalise, à des fins d’action, les connaissances établies sur les _métropoles et en assure la diffusion auprès de publics divers : professionnels, académiques, grand public... Lien vers le site\_: [popsu](http://www.popsu.archi.fr)"
+        texte_de_presentation: "Lieu de convergence des milieux de la recherche et de ceux qui font et gouvernent les villes, la Plateforme d’observation des projets et stratégies urbaines – **POPSU** – croise les savoirs scientifiques et l’expertise opérationnelle pour mieux comprendre les enjeux et les évolutions associés aux villes et aux territoires. _Elle capitalise, à des fins d’action, les connaissances établies sur les _métropoles et en assure la diffusion auprès de publics divers : professionnels, académiques, grand public... Lien vers le site\_: [popsu](http://www.popsu.archi.fr)"
         logo: popsu.png
     -
         nom_du_programme: Europan
@@ -26,4 +26,3 @@ process:
     twig: false
 ---
 
-# Programmes

user/pages/01.home/03._rapports-dactivitees/rapport_dactivitees.md

@@ -1,5 +1,5 @@
 ---
-title: 'Rapports d''activitées'
+title: Ressources
 body_classes: modular
 media_order: 'rapport_activite_V1.pdf,rapport_activite_V1.png'
 visible: true
@@ -16,4 +16,4 @@ process:
     twig: false
 ---
 
-###  Rapports d’activitées
+###  Ressources

user/themes/epau-antimatter/css-compiled/template.css

@@ -109,6 +109,7 @@ b, strong, label, th {
         color: #444; }
   #header #navbar {
     font-size: 0.9rem;
+    text-transform: capitalize;
     /* Child Indicator */ }
     #header #navbar .has-children > a > span {
       display: inline-block;

user/themes/epau-antimatter/css/custom.css

@@ -0,0 +1,52 @@
+#header #navbar ul.navigation {
+  text-transform: uppercase;
+}
+
+  .navigation a {
+    color: black;
+  }
+
+  #header.scrolled #navbar a {
+      color: black !important;
+  }
+
+
+.callout {
+  background-color: #000;
+  color: white;
+}
+
+.callout h1, h2, h3, p {
+  text-align: left !important;
+  }
+
+.align-left_centered {
+  display: block;
+  margin-left: 35%;
+}
+
+.programmes {
+  display: flex;
+  flex-wrap: wrap;
+  background-color: #d5d2d1;
+
+}
+.programme {
+  max-width: 30%;
+  padding: 3rem;
+  background-color: white;
+  margin: 0.5rem;
+}
+
+.programme h4 {
+  text-transform: uppercase;
+}
+
+.programme img {
+  max-width: 30%;
+}
+
+.programmes :hover {
+  background-color: black;
+  color: white;
+}

user/themes/epau-antimatter/scss/configuration/template/_colors.scss

@@ -1,6 +1,6 @@
 // Core
-$core-text:						#444;
+$core-text:						#000;
-$core-accent:					#1BB3E9;
+$core-accent:					#000;
 $secondary-link:				#F6635E;
 $white:							#fff;
 $black:							#000;

user/themes/epau-antimatter/scss/nucleus/_core.scss

@@ -54,6 +54,7 @@ template {
 a {
 	background: transparent;
 	text-decoration: none;
+
 }
 
 a:active,

user/themes/epau-antimatter/scss/template/_header.scss

@@ -8,7 +8,7 @@ $dropdown-color: #f6f6f6;
 	z-index: 10;
 	width: 100%;
 	height: $header-height;
-	background-color: rgba(255,255,255,0.90);
+	background-color: black;
 	box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15);
 
 
@@ -25,10 +25,11 @@ $dropdown-color: #f6f6f6;
 		}
 
 		#logo a, #navbar span {
-			color: $core-text !important;
+			color: $black !important;
 		}
 		#navbar a {
-			color: $core-accent !important;
+			color: $black !important;
+
             &:hover {
                 color: darken($core-accent, 20%) !important;
             }
@@ -39,29 +40,12 @@ $dropdown-color: #f6f6f6;
 
 		.navigation {
 			margin-top: 0.5rem !important;
+
 		}
 	}
 
 
-	/*
-	// ajout ouidade marche pas
 
-		#header #logo h3 > a {
-			display: inline-block;
-		}
-
-
-		.toplogo {
-			max-width: 230px;
-			width: 100%;
-			transition: width 500ms ease;
-		}
-
-		.scrolled .toplogo {
-			width: 50%;
-		}
-//
-*/
 
 	// set heights for vertical centering
 	> .grid, #logo, #navbar {
@@ -76,9 +60,9 @@ $dropdown-color: #f6f6f6;
 			font-size: 2rem;
 			line-height: 2rem;
 			margin: 0;
-			text-transform: uppercase;
+
 			a {
-				color: $core-text;
+				color: $black;
 			}
 		}
 	}
@@ -128,6 +112,8 @@ $dropdown-color: #f6f6f6;
 			margin: 0;
 			padding: 0;
 			list-style: none;
+			text-transform: uppercase;
+
 
 			&.navigation {
 				display: inline-block;
@@ -145,6 +131,7 @@ $dropdown-color: #f6f6f6;
 						display: inline-block;
 						padding: 0.3rem 0.8rem;
 
+
 						-webkit-backface-visibility: hidden;
 
 

user/themes/epau-antimatter/templates/modular/programmes.html.twig

@@ -1,24 +1,21 @@
-<div class="modular-row programmes{{ page.header.class}}">
+<div class="programmes{{ page.header.class}}">
     {{ content|raw }}
 
-    <div class="">
+
     {% for programme in page.header.programmes %}
 
-        <div class="">
+        <div class="programme">
-            <div class="">
+            {% if programme.logo %}
+            <img src="{{page.media[programme.logo].url|e }}" alt="logo du programme {{programme.nom_du_programme}}" />
+            {% endif %}
             {% if programme.nom_du_programme %}
             <h4>{{ programme.nom_du_programme }}</h4>
             {% endif %}
             {% if programme.texte_de_presentation %}
             <p>{{ programme.texte_de_presentation|markdown }}</p>
             {% endif %}
-            {% if programme.logo %}
-            <img src="{{page.media[programme.logo].url|e }}" alt="logo du programme {{programme.nom_du_programme}}" />
-
-
-            {% endif %}
-            </div>
         </div>
+
     {% endfor %}
-    </div>
+
 </div>

user/themes/epau-antimatter/templates/modular/text.html.twig

@@ -3,5 +3,7 @@
     {% if image %}
         {{ image.cropResize(400,400).html('','','align-'~page.header.image_align)|raw }}
     {% endif %}
-{{ content|raw }}
+  <div class="align-left_centered">
+  {{ content|raw }}
+  </div>
 </div>

user/themes/epau-antimatter/templates/partials/base.html.twig

@@ -25,6 +25,7 @@
             {% do assets.addCss('theme://css/nucleus-ie9.css') %}
             {% do assets.addJs('theme://js/html5shiv-printshiv.min.js') %}
         {% endif %}
+
     {% endblock %}
 
     {% block javascripts %}