nos valeurs

user/themes/lecampus/blueprints/modular/section-nos-valeurs.yaml

@@ -0,0 +1,38 @@
+title: Section lieux
+'@extends': default
+
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          fields:
+            header.media_order:
+              label: Page Media (first one will be displayed next to your content)
+
+            header.section:
+              type: fieldset
+              title: Nos valeurs
+              underline: true
+              fields:
+                header.list:
+                  name: Les lieux à découvrir
+                  type: list
+                  style: vertical
+                  btnLabel: "Ajouter une valeur"
+                  fields:
+                    .section-thumbnail:
+                      type: section
+                      title: Nos Valeurs
+                      underline: true
+                    .title:
+                      type: text
+                      label: Titre
+                    .text:
+                      type: markdown
+                      label: description
+                    .img_thumb:
+                      type: filepicker
+                      folder: '@self'
+                      preview_images: true
+                      label: Selectionner le document

user/themes/lecampus/css-compiled/theme.css

@@ -2579,22 +2579,19 @@ header nav.dropmenu > ul {
         margin-right: 5px; }
 
 #item .content, #item-article .content {
-  width: calc(50% + 150px);
+  display: -webkit-inline-box;
-  margin-left: 15%;
+  display: -ms-inline-flexbox;
-  display: flex;
+  display: inline-flex;
-  flex-direction: column; }
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap; }
   #item .content .images_s, #item-article .content .images_s {
-    display: inline-flex;
+    width: 40%;
-    justify-content: space-between;
-    width: 100%;
     align-self: center;
     margin-right: 15px; }
     #item .content .images_s img, #item-article .content .images_s img {
-      margin-right: 15px;
       margin-bottom: 15px; }
   #item .content .content_s, #item-article .content .content_s {
-    width: calc(60% - 30px);
+    width: calc(60% - 30px); }
-    display: contents; }
   #item .content .icones, #item-article .content .icones {
     margin: 70px 0;
     display: -webkit-inline-box;
@@ -2673,13 +2670,13 @@ header nav.dropmenu > ul {
         width: 100%;
         height: 100%; }
 
-#devis.item, #devis.sublog, #devis.item-article, #devis.nos-offres, #devis.nos-packs {
+#devis.item, #devis.sublog, #devis.item-article, #devis.nos-offres, #devis.nos-packs, #devis.le_campus {
   background: #9e0027;
   height: auto;
   padding: 20px 0; }
-  #devis.item a, #devis.sublog a, #devis.item-article a, #devis.nos-offres a, #devis.nos-packs a {
+  #devis.item a, #devis.sublog a, #devis.item-article a, #devis.nos-offres a, #devis.nos-packs a, #devis.le_campus a {
     color: white; }
-    #devis.item a .title, #devis.sublog a .title, #devis.item-article a .title, #devis.nos-offres a .title, #devis.nos-packs a .title {
+    #devis.item a .title, #devis.sublog a .title, #devis.item-article a .title, #devis.nos-offres a .title, #devis.nos-packs a .title, #devis.le_campus a .title {
       vertical-align: baseline;
       border-radius: 30px;
       border: 1px solid white;
@@ -2688,9 +2685,9 @@ header nav.dropmenu > ul {
       width: auto;
       -webkit-transform: translateX(0);
       transform: translateX(0); }
-    #devis.item a:hover, #devis.sublog a:hover, #devis.item-article a:hover, #devis.nos-offres a:hover, #devis.nos-packs a:hover {
+    #devis.item a:hover, #devis.sublog a:hover, #devis.item-article a:hover, #devis.nos-offres a:hover, #devis.nos-packs a:hover, #devis.le_campus a:hover {
       color: black; }
-      #devis.item a:hover .title, #devis.sublog a:hover .title, #devis.item-article a:hover .title, #devis.nos-offres a:hover .title, #devis.nos-packs a:hover .title {
+      #devis.item a:hover .title, #devis.sublog a:hover .title, #devis.item-article a:hover .title, #devis.nos-offres a:hover .title, #devis.nos-packs a:hover .title, #devis.le_campus a:hover .title {
         background: white;
         transition: background 0.3s ease; }
 

user/themes/lecampus/scss/theme/_blog.scss

@@ -1108,32 +1108,20 @@
 
 #item, #item-article{
   .content{
-    width: calc(50% + 150px);
+    @include inlineflex;
-    // width: 65%;
-    margin-left: 15%;
-    display:flex;
-    flex-direction: column;
-
-    // @include inlineflex;
     .images_s{
-      display: inline-flex;
-      justify-content: space-between;
       // width: calc(100% / 2 - 15px);
-      width: 100%;
+      width: 40%;
-      // width: 40%;
       align-self: center;
       // min-width: 300px;
       margin-right: 15px;
       img{
-        margin-right: 15px;
         margin-bottom: 15px;
       }
     }
     .content_s{
       width: calc(60% - 30px);
-      display: contents;
     }
-
     .icones{
       margin: 70px 0;
       @include inlineflex;
@@ -1222,7 +1210,7 @@
 }
 
 #devis{
-  &.item, &.sublog, &.item-article, &.nos-offres, &.nos-packs{
+  &.item, &.sublog, &.item-article, &.nos-offres, &.nos-packs, &.le_campus{
     background: $red;
     height: auto;
     padding: 20px 0;

user/themes/lecampus/templates/item.html.twig

@@ -44,6 +44,7 @@
   {% endif %}
   {% endblock %}
 
+
 {% endblock %}
 
 {% block newsletter %}

user/themes/lecampus/templates/le_campus.html.twig

@@ -0,0 +1,54 @@
+{% extends 'partials/base.html.twig' %}
+{% set collection = page.collection() %}
+{% set image = page.media.images|first %}
+
+{% block body %}
+<div class="header-wrapper">
+  {% include 'partials/bandeau.html.twig' %}
+</div>
+
+
+<script type="application/ld+json">
+{
+ "@type": "Article",
+ "headline": "{{page.title}}",
+ "alternativeHeadline": "{{page.summary}}",
+ "image": "http://example.com/image.jpg",
+ "author": "",
+ "award": "{{page.title}}",
+ "editor": "Le Campus",
+ "genre": "{{page.title}}",
+ "keywords": " le_campus_valdedrome ",
+ "wordcount": "1120",
+"publisher": {
+    "@type": "Organization",
+    "name": "Le Campus",
+    "logo": {
+      "@type": "ImageObject",
+      "url": "/user/themes/lecampus/images/logo_lecampus.svg"
+    }
+  },
+ "url": "{{uri.base}}",
+ "datePublished": "2015-09-20",
+ "dateCreated": "2015-09-20",
+ "dateModified": "2015-09-20",
+ "description": "We love to do stuff to help people and stuff",
+ "articleBody": "You can paste your entire post in here, and yes it can get really really long."
+ }
+</script>
+
+<div class="module">
+  {% include 'modular/section-nos-valeurs.html.twig' %}
+</div>
+
+{% endblock %}
+
+
+
+{% block devis %}
+  {% include 'partials/devis.html.twig' %}
+{% endblock %}
+
+{% block newsletter %}
+  {% include 'partials/newsletters.html.twig' %}
+{% endblock %}

user/themes/lecampus/templates/modular/section-nos-valeurs.html.twig

@@ -0,0 +1,8 @@
+
+
+{{ page.content|raw }}
+{% for module in page.collection() %}
+    <div id="{{ _self.pageLinkName(module.menu) }}"></div>
+
+    {{ module.content|raw }}
+{% endfor %}