add id long lat content

system/blueprints/pages/default.yaml

@@ -39,6 +39,7 @@ form:
         options:
           type: tab
           title: PLUGIN_ADMIN.OPTIONS
+          multiple: true
 
           fields:
 
@@ -48,6 +49,7 @@ form:
               underline: true
 
               fields:
+    
                 header.published:
                   type: toggle
                   toggleable: true

user/config/system.yaml

@@ -38,7 +38,7 @@ pages:
     twig: true
   markdown:
     extra: false
-    auto_line_breaks: false
+    auto_line_breaks: true
     auto_url_links: false
     escape_markup: false
     special_chars:

user/pages/01._recits/_11-avril-2017/text.md

@@ -2,9 +2,10 @@
 title: '11 avril 2017'
 media_order: '2.png,20170606_162610.jpg'
 image_align: left
+id: rct_110417
 ---
 
-Première découverte du centre de Saint-Denis - [JOUR 1](#float-left)
+Première découverte du centre de Saint-Denis - [jour 1](#float-left)
 
 Aujourd'hui, je me rends pour la première fois dans la ville de Saint Denis.
 J’y découvre d'abord, en sortant de la station de métro, le quartier de la Basilique ou j’apprécie la place avec tous ses cafés. Le contraste entre l'architecture de la Basilique et celle de Gailhoustet sur la place du Caquet est frappant.

user/pages/02._interviews/_andrea/text.md

@@ -1,9 +1,10 @@
 ---
 title: Andrea
 image_align: left
+id: ac_110717
 ---
 
-Andreea Cerguta ;  [ 11 Juillet 2017]
+Andreea Cerguta ; [ 11 Juillet 2017]
 rencontrée le 11 Juillet 2017 dans la boutique Franciade.
 
 J’avais auparavant découvert Franciade en faisait des recherches web sur Saint Denis et m’était rendue à Franciade lors de ma premiere visite à Saint-Denis.
@@ -20,7 +21,7 @@ C’est un projet d’édition de photo et de témoignage et leur rapport a la b
 
 Comment est-ce que vous réunissez ces différents acteurs  ?
 Ce sont les années de travail de la directrice Carine qui font qu’elle a un grand réseau de contact, et parfois on répond à des appels à projets, d’autres fois on nous contacte de l’extérieur.
-On fonctionne beaucoup avec les appels à projets car la boutique ne suffit pas à faire vivre l’assocation et payer tous les salaires de Franciade. On a aussi des projets qu’on auto finance et qu’on lance nous même.
+On fonctionne beaucoup avec les appels à projets car la [boutique](/?rct=r110417&map=mp_maison_jaune) ne suffit pas à faire vivre l’assocation et payer tous les salaires de Franciade. On a aussi des projets qu’on auto finance et qu’on lance nous même.
 
 Comment est-ce que vous vous ancrez dans le territoire ?
 Déjà, nos clients se fidélisent car ils nous font confiance et parlent de nous à l’extérieur. Nous on essaye de se faire connaître aussi par des flyers et par Facebook car on est pas très bien placés et on a pas beaucoup de passage. On doit donc ramener des gens de l’extérieur qui ne passeraient pas autrement ici. On utilise donc les réseaux sociaux, ça nous permet de rappeller aux gens qu’on est présents.

user/pages/04._streetmap/_maison_jaune/mappoint.md

@@ -0,0 +1,7 @@
+---
+title: maisonjaune
+image_align: left
+id: mp_maisonjaune
+long: '2.287592'
+lat: '48.862725'
+---

user/pages/05._reseaux-sociaux/_reseaux/text.md

@@ -1,4 +1,4 @@
 ---
-title: Reseaux
+title: 
 image_align: left
 ---

user/pages/06._links/_link/text.md

@@ -1,5 +1,5 @@
 ---
-title: link
+title: 
 content:
     items: '@self.modular'
     order:

user/pages/_streetmap/_streetmap/text.md

@@ -1,4 +0,0 @@
----
-title: Streetmap
-image_align: left
----

user/themes/r2c/blueprints/modular/image.yaml

@@ -0,0 +1,33 @@
+title: Text
+'@extends': default
+
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          fields:
+            header.media_order:
+              label: Page Media (first one will be displayed next to your content)
+            header.image_align:
+              type: select
+              label: Image position
+              classes: fancy
+              default: left
+              options:
+                'left': 'Left'
+                'right': 'Right'
+        options:
+
+          fields:
+
+            identifiant:
+              type: section
+              title: Identifiant
+
+              fields:
+                header.id:
+                  type: text
+                  label: Id
+                  multiple: true
+                  

user/themes/r2c/blueprints/modular/mappoint.yaml

@@ -0,0 +1,45 @@
+title: Text
+'@extends': default
+
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          fields:
+            header.media_order:
+              label: Page Media (first one will be displayed next to your content)
+            header.image_align:
+              type: select
+              label: Image position
+              classes: fancy
+              default: left
+              options:
+                'left': 'Left'
+                'right': 'Right'
+        options:
+
+          fields:
+
+            identifiant:
+              type: section
+              title: Identifiant
+
+              fields:
+                header.id:
+                  type: text
+                  label: Id
+                  multiple: true
+
+            coordonees:
+              type: section
+              title: Coordonées
+
+              fields:
+                header.long:
+                  type: text
+                  label: Longitude
+
+                header.lat:
+                  type: text
+                  label: Latitude

user/themes/r2c/blueprints/modular/text.yaml

@@ -17,3 +17,17 @@ form:
               options:
                 'left': 'Left'
                 'right': 'Right'
+        options:
+
+          fields:
+
+            identifiant:
+              type: section
+              title: Identifiant
+
+              fields:
+                header.id:
+                  type: text
+                  label: Id
+                  multiple: true
+                  

user/themes/r2c/css-compiled/template.min.css

@@ -1 +1 @@
-@font-face{font-family:CooperHewitt;src:url(../fonts/CooperHewitt/CooperHewitt-Bold.eot);src:url(../fonts/CooperHewitt/CooperHewitt-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/CooperHewitt/CooperHewitt-Bold.woff) format('woff'),url(../fonts/CooperHewitt/CooperHewitt-Bold.ttf) format('truetype'),url(../fonts/CooperHewitt/CooperHewitt-Bold.svg#CooperHewitt) format('svg')}@font-face{font-family:CooperHewitt-BoldItalic;src:url(../fonts/CooperHewitt/CooperHewitt-BoldItalic.eot);src:url(../fonts/CooperHewitt/CooperHewitt-BoldItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/CooperHewitt/CooperHewitt-BoldItalic.woff) format('woff'),url(../fonts/CooperHewitt/CooperHewitt-BoldItalic.ttf) format('truetype'),url(../fonts/CooperHewitt/CooperHewitt-BoldItalic.svg#CooperHewitt-BoldItalic) format('svg')}@font-face{font-family:rubik;src:url(../fonts/rubik/Rubik-Light.eot);src:url(../fonts/rubik/Rubik-Light.eot?#iefix) format('embedded-opentype'),url(../fonts/rubik/Rubik-Light.woff) format('woff'),url(../fonts/rubik/Rubik-Light.ttf) format('truetype'),url(../fonts/rubik/Rubik-Light.svg#rubik) format('svg')}@font-face{font-family:Rubik-Bold;src:url(../fonts/rubik/Rubik-Bold.eot);src:url(../fonts/rubik/Rubik-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/rubik/Rubik-Bold.woff) format('woff'),url(../fonts/rubik/Rubik-Bold.ttf) format('truetype'),url(../fonts/rubik/Rubik-Bold.svg#Rubik-Bold) format('svg')}@font-face{font-family:cmu-concrete-ita;src:url(../fonts/Concrete/cmunoti.eot);src:url(../fonts/Concrete/cmunoti.eot?#iefix) format('embedded-opentype'),url(../fonts/Concrete/cmunoti.woff) format('woff'),url(../fonts/Concrete/cmunoti.ttf) format('truetype'),url(../fonts/Concrete/cmunoti.svg#cmu-concrete-ita) format('svg')}*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font:inherit;font-size:16px;margin:0;padding:0;vertical-align:baseline;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,html{height:100%}body{line-height:1}ol,ul{list-style:none}a{text-decoration:none;color:#000}blockquote,q{quotes:none}img{width:100%;height:100%;vertical-align:bottom}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}p{font-style:normal}em{font-style:italic}strong{font-family:Rubik-Bold}h1{font-size:1.2rem;line-height:50px}h1 a{font-family:CooperHewitt;font-weight:400}h2{font-family:CooperHewitt-BoldItalic;font-size:1.1rem;line-height:50px}p{font-family:rubik;font-size:1rem;line-height:1.3rem}p a{font-family:cmu-concrete-ita}.top>div:nth-child(1){color:#fff}.top>div:nth-child(1) a{color:#ff0054}#header{padding:0 20px}body{overflow:hidden}#page{height:100%;background:#e6e6e6}#page .navbar{width:100%;height:50px}#page .handler{position:absolute;z-index:999;top:50%;width:50px;height:50px;cursor:-webkit-grab;cursor:grab;border-radius:25px}#page .hand1{left:calc((100%/3) - 25px);opacity:.5;background:green}#page .hand2{right:calc((100%/3) - 25px);opacity:.5;background:red}#page .mouseDown{cursor:-webkit-grabbing;cursor:grabbing}#page #start{width:100%;height:calc(100% - 50px)}#page #start .bottom,#page #start .top{display:-ms-inline-flexbox;display:inline-flex;width:100%;-ms-flex-pack:justify;justify-content:space-between}#page #start img{transition:filter .5s;filter:grayscale(100%) contrast(4)}#page #start img:hover{transition:filter .5s;filter:grayscale(0)}#page #start .top{position:relative;height:calc(100% / 2)}#page #start .top>div:nth-child(-n+2){padding:0 20px}#page #start .top>div:nth-child(1){background:#969696}#page #start .bottom{position:absolute;top:calc(100% / 2 + 25px);bottom:0;height:auto}#page #start .bottom>div:nth-child(1){background:red}#page #start .blocs{overflow-y:auto;width:calc(100% / 3);min-width:200px;margin:2px}#page #start .blocs:nth-child(2){left:calc(100% / 3);background:#fff}#page #start .blocs:nth-child(3){background:#fff}#mapid{height:180px}
+@font-face{font-family:CooperHewitt;src:url(../fonts/CooperHewitt/CooperHewitt-Bold.eot);src:url(../fonts/CooperHewitt/CooperHewitt-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/CooperHewitt/CooperHewitt-Bold.woff) format('woff'),url(../fonts/CooperHewitt/CooperHewitt-Bold.ttf) format('truetype'),url(../fonts/CooperHewitt/CooperHewitt-Bold.svg#CooperHewitt) format('svg')}@font-face{font-family:CooperHewitt-BoldItalic;src:url(../fonts/CooperHewitt/CooperHewitt-BoldItalic.eot);src:url(../fonts/CooperHewitt/CooperHewitt-BoldItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/CooperHewitt/CooperHewitt-BoldItalic.woff) format('woff'),url(../fonts/CooperHewitt/CooperHewitt-BoldItalic.ttf) format('truetype'),url(../fonts/CooperHewitt/CooperHewitt-BoldItalic.svg#CooperHewitt-BoldItalic) format('svg')}@font-face{font-family:rubik;src:url(../fonts/rubik/Rubik-Light.eot);src:url(../fonts/rubik/Rubik-Light.eot?#iefix) format('embedded-opentype'),url(../fonts/rubik/Rubik-Light.woff) format('woff'),url(../fonts/rubik/Rubik-Light.ttf) format('truetype'),url(../fonts/rubik/Rubik-Light.svg#rubik) format('svg')}@font-face{font-family:Rubik-Bold;src:url(../fonts/rubik/Rubik-Bold.eot);src:url(../fonts/rubik/Rubik-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/rubik/Rubik-Bold.woff) format('woff'),url(../fonts/rubik/Rubik-Bold.ttf) format('truetype'),url(../fonts/rubik/Rubik-Bold.svg#Rubik-Bold) format('svg')}@font-face{font-family:cmu-concrete-ita;src:url(../fonts/Concrete/cmunoti.eot);src:url(../fonts/Concrete/cmunoti.eot?#iefix) format('embedded-opentype'),url(../fonts/Concrete/cmunoti.woff) format('woff'),url(../fonts/Concrete/cmunoti.ttf) format('truetype'),url(../fonts/Concrete/cmunoti.svg#cmu-concrete-ita) format('svg')}*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font:inherit;font-size:16px;margin:0;padding:0;vertical-align:baseline;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,html{height:100%}body{line-height:1}ol,ul{list-style:none}a{text-decoration:none;color:#000}blockquote,q{quotes:none}img{width:100%;height:100%;vertical-align:bottom}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}p{font-style:normal}em{font-style:italic}strong{font-family:Rubik-Bold}h1{font-size:1.2rem;line-height:50px}h1 a{font-family:CooperHewitt;font-weight:400}h2{font-family:CooperHewitt-BoldItalic;font-size:1.1rem;line-height:50px}p{font-family:rubik;font-size:1rem;line-height:1.3rem;margin-bottom:12px}p a{font-family:cmu-concrete-ita}p strong{font-family:CooperHewitt-BoldItalic}.top>div:nth-child(1){color:#fff}.top>div:nth-child(1) a{color:#00f}body{overflow:hidden;background:#e6e6e6}#page{height:100%}#page .navbar{width:100%;height:50px}#page .handler{position:absolute;z-index:999;top:50%;width:50px;height:50px;cursor:-webkit-grab;cursor:grab;border-radius:25px}#page .hand1{left:calc((100%/3) - 25px);opacity:.5;background:green}#page .hand2{right:calc((100%/3) - 25px);opacity:.5;background:red}#page .mouseDown{cursor:-webkit-grabbing;cursor:grabbing}#page #start{width:100%;height:calc(100% - 50px)}#page #start .bottom,#page #start .top{display:-ms-inline-flexbox;display:inline-flex;width:100%;-ms-flex-pack:justify;justify-content:space-between}#page #start img{transition:filter .5s;filter:grayscale(100%) contrast(4)}#page #start img:hover{transition:filter .5s;filter:grayscale(0)}#page #start .top{position:relative;height:calc(100% / 2)}#page #start .top>div:nth-child(-n+2){padding:0 20px}#page #start .top>div:nth-child(1){background:#969696}#page #start .bottom{position:absolute;top:calc(100% / 2 + 25px);bottom:0;height:auto}#page #start .blocs{overflow-y:auto;width:calc(100% / 3);min-width:200px;margin:2px}#page #start .blocs:nth-child(2){left:calc(100% / 3);background:#fff}#page #start .blocs:nth-child(3){background:#fff}#page #start #links canvas{top:0;left:0}#page #start #links canvas[resize]{width:100vw;height:100vh}#page #start #streetmap>div:nth-of-type(1){height:100%}#page #start #streetmap #mapid{width:100%;height:100%}

user/themes/r2c/css/styles_paperjs.css

@@ -1,4 +0,0 @@
-canvas[resize] {
-    width: 100%;
-    height: 100%;
-}

user/themes/r2c/js/script.js

@@ -22,7 +22,6 @@ function clickhand(){
 };
 
 function drag() {
-
   var $hand1 = $( ".hand1" );
   var $hand2 = $( ".hand2" );
 
@@ -98,7 +97,7 @@ function drag() {
           "top": yPos2 + 2,
         });
 
-        $links.css({
+        $stmp.css({
           "width": xPos,
           "top": yPos2 + 2,
         });
@@ -107,7 +106,7 @@ function drag() {
           "width": Bw2,
         });
 
-        $stmp.css({
+        $links.css({
           "width": Dw3,
         });
     }
@@ -169,27 +168,48 @@ function drag() {
           // "width": xPos,
           "height": yPos - 2,
         });
+
         $itw.css({
           "width": Bw2,
           "height": yPos - 2,
         });
+
         $img.css({
           "width": xPos3,
           "height": yPos - 2,
         });
+
         $bottom.css({
           "top": yPos2 + 2,
-        })
+        });
+
         $rs.css({
           "width": Bw2,
         });
-        $stmp.css({
+
+        $links.css({
           "width": xPos3,
         });
     }
   });
 };
 
+function dragcanvas() {
+  var $links = $('#links canvas');
+  var $reseau = $('#reseaux-sociaux svg')
+
+  $links.draggable({
+      // containment:".bottom",
+    scroll: false
+  });
+
+  $reseau.draggable({
+      // containment:".bottom",
+    scroll: false
+  });
+
+}
+
 function map() {
   var mymap = L.map('mapid').setView([51.505, -0.09], 13);
 
@@ -201,39 +221,13 @@ function map() {
 		id: 'mapbox.streets'
 	}).addTo(mymap);
 
-	L.marker([51.5, -0.09]).addTo(mymap)
-		.bindPopup("<b>Hello world!</b><br />I am a popup.").openPopup();
-
-	L.circle([51.508, -0.11], 500, {
-		color: 'red',
-		fillColor: '#f03',
-		fillOpacity: 0.5
-	}).addTo(mymap).bindPopup("I am a circle.");
-
-	L.polygon([
-		[51.509, -0.08],
-		[51.503, -0.06],
-		[51.51, -0.047]
-	]).addTo(mymap).bindPopup("I am a polygon.");
-
-
-	var popup = L.popup();
-
-	function onMapClick(e) {
-		popup
-			.setLatLng(e.latlng)
-			.setContent("You clicked the map at " + e.latlng.toString())
-			.openOn(mymap);
-	}
-
-	mymap.on('click', onMapClick);
-
 }
 
 $(document).ready(function() {
   wrap();
   map();
-  // scrollbar();
+  dragcanvas();
   clickhand();
   drag();
+  // scrollbar();
 });

user/themes/r2c/scss/configuration/_config.scss

@@ -13,6 +13,8 @@
 // $fem
 // $fbold
 
+
+$marginbody: 35px;
 // header
 $heightH: (25px);
 

user/themes/r2c/scss/template/_header.scss

@@ -1,3 +1,3 @@
-#header{
+#page{
-  padding: 0 20px;
+  // margin: 0 25px;
 }

user/themes/r2c/scss/template/_section.scss

@@ -1,10 +1,10 @@
 body{
   overflow: hidden;
+  background:rgb(230, 230, 230);
 }
 
 #page{
   height: 100%;
-  background:rgb(230, 230, 230);
   .navbar{
     width: 100%;
     height: 50px;
@@ -67,14 +67,9 @@ body{
       height: auto;
       top: $H50-25;
       bottom: 0;
-      & > div{
-        &:nth-child(1){
-          background: red;
-        }
-
-      }
     }
     .blocs{
+      // position: relative;
       overflow-y: auto;
       margin: 2px;
       width: $W33;
@@ -87,7 +82,31 @@ body{
         background: white;
       }
     }
+    
+    #links{
+      canvas{
+        top: 0;
+        left: 0;
+      }
+      canvas[resize] {
+          width: 100vw;
+          height: 100vh;
+      }
+    }
+    #reseaux-sociaux{
+      svg{
+        // width: 100vw;
+        // height: 100vh;
+      }
+    }
+    #streetmap{
+      & > div:nth-of-type(1){
+        height: 100%;
+      }
+      #mapid {
+        width: 100%;
+        height: 100%;
+      }
+    }
   }
 }
-
-#mapid { height: 180px; }

user/themes/r2c/scss/template/_typography.scss

@@ -17,9 +17,13 @@ p{
   font-family: $rubik;
   font-size: 1rem;
   line-height: 1.3rem;
+  margin-bottom: 12px;
   a{
     font-family: $cmu;
   }
+  strong{
+    font-family: $CooperHewitt-italic;
+  }
 }
 
 .top{
@@ -27,7 +31,7 @@ p{
     &:nth-child(1){
       color: white;
       a{
-        color: rgb(255, 0, 84);
+        color: rgb(0, 0, 255);
       }
     }
   }

user/themes/r2c/templates/modular/mappoint.html.twig

@@ -0,0 +1,4 @@
+{% set grid_size = theme_var('grid-size') %}
+{% set image = page.media.images|first %}
+
+{{ content }}

user/themes/r2c/templates/modular/streetmap.html.twig

@@ -3,10 +3,10 @@
 {% macro pageLinkName(text) %}{{ text|lower|replace({' ':'_'}) }}{% endmacro %}
 
 {% block body %}
+  <div id="mapid"></div> 
     {% for module in page.collection %}
       <div id="{{ _self.pageLinkName(module.folder)|replace({"0":"", "1":"", "2":"", "3":"", "4":"", "5":"", "6":"", "7":"", "8":"", "9":"", ".":"","_":"" }) }}">
           {{ module.content }}
-           <div id="mapid"></div>
       </div>
     {% endfor %}
   {% endblock %}

user/themes/r2c/templates/partials/base.html.twig

@@ -21,8 +21,7 @@
       {% do assets.addCss('theme://css/styles_3djs.css') %}
       {% do assets.addCss('theme://css/styles_paperjs.css') %}
       {# % do assets.addCss('theme://css/leaflet.css.css') % #}
-      <link rel="stylesheet" href="user/themes/r2c/css/leaflet.css" integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA=="
+      <link rel="stylesheet" href="user/themes/r2c/css/leaflet.css" crossorigin=""/>
-  crossorigin=""/>
     {% endblock %}
 
     {{ assets.css() }}
@@ -34,13 +33,14 @@
         {% do assets.addJs('theme://js/d3.js', {group:'bottom'}) %}
         {% do assets.addJs('theme://js/script_d3js.js', {group:'bottom'}) %}
         {% do assets.addJs('theme://js/paper_full.js', {group:'bottom'}) %}
+        {% do assets.addJs('theme://js/paper_full.js', {group:'bottom'}) %}
+
         {# % do assets.addJs('theme://js/leaflet.js', {group:'bottom'}) % #}
         {# do assets.addJs('theme://js/script_paperjs.js', {type:'text/paperscript', canvas:'canvas', group:'bottom'}) #}
 
         <script type="text/paperscript" src="user/themes/r2c/js/script_paperjs.js" canvas="canvas"></script>
-        <script src="user/themes/r2c/js/leaflet.js"
+        <script src="user/themes/r2c/js/leaflet.js" crossorigin=""></script>
-        integrity="sha512-nMMmRyTVoLYqjP9hrbed9S+FzjZHW5gY1TWCHA5ckwXZBadntCNs8kEqAWdrb9O7rxbCaA4lKTIWjDXZxflOcA=="
+
-        crossorigin=""></script>
     {% endblock %}
 
     {{ assets.js() }}