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/02._interviews/_andrea/text.md

@@ -1,12 +1,13 @@
 ---
 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. 
+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.
 
 **Depuis quand travaillez-vous à Franciade, est-ce que vous êtes à l’origine de cette structure ?**
 Non pas du tout, moi je suis arrivée il y a un peu plus de trois ans, mais ça va faire treize ans que l’association existe. Tout était déjà lancé quand je suis arrivée.
@@ -20,13 +21,13 @@ 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.
 
 C’est plus efficace pour vous les réseaux sociaux que le site internet ?
-Oui car on en a pas la même utilité, sur le site on présente surtout l’association et ses projets mais on ne présente pas les produits que l’on vend. C’est surtout pour archiver les 13 années d’activités, avec tous les artistes qui passent, c’est bien d’avoir un endroit ou l’on peut retrouver la trace de tout ça. 
+Oui car on en a pas la même utilité, sur le site on présente surtout l’association et ses projets mais on ne présente pas les produits que l’on vend. C’est surtout pour archiver les 13 années d’activités, avec tous les artistes qui passent, c’est bien d’avoir un endroit ou l’on peut retrouver la trace de tout ça.
 
 Je vois sur le comptoir un flyer qui indique «  racontez nous votre ville », qu’est ce c’est ?
 Ca c’est un projet auto-financé, en cours, ou l’ambition c’est d’écrire un « guide amoureux de la ville », on a recueilli des témoignages, commencé des ateliers d’écriture.
@@ -44,9 +45,9 @@ J’avais croisé Dechets D’art qui intervenait a la maison des seniors..
 Oui, ils font partis d’Artefact aussi, on connaît bien tous les acteurs de ce groupe là.
 
 Et dans votre vie quotidienne, quelle place ont les outils numériques ?
-Dans le travail, on utilise beaucoup les mails, tout le temps, entre nous pour s’organiser et monter les projets. 
+Dans le travail, on utilise beaucoup les mails, tout le temps, entre nous pour s’organiser et monter les projets.
 Dans ma vie personnelle ça a une importance énorme car ma famille habite ailleurs.
-Ca nous facilite la vie. Ils sont en Roumanie alors skype, c’est tous les jours.. je pourrais les appeler mais c’est pas pareil. Avec mes amies aussi, elles sont éparpillées un peu partout dans le monde donc j’aurais du mal à m’en passer. C’est sûr que je préférerais un contact face à face, mais sans ça je ne sais pas comment je pourrais tenir sans voir ma famille, là je les vois. 
+Ca nous facilite la vie. Ils sont en Roumanie alors skype, c’est tous les jours.. je pourrais les appeler mais c’est pas pareil. Avec mes amies aussi, elles sont éparpillées un peu partout dans le monde donc j’aurais du mal à m’en passer. C’est sûr que je préférerais un contact face à face, mais sans ça je ne sais pas comment je pourrais tenir sans voir ma famille, là je les vois.
 
 Alors, une dernière question avec qui est-ce que vous pourriez me mettre en contact ?
 Elie ou Wiebke de Point Carré. Passez les voir directement, il y a plein de choses à découvrir là bas.

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/_reseaux-sociaux/_reseaux/text.md → user/pages/05._reseaux-sociaux/_reseaux/text.md

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

user/pages/_links/_link/text.md → 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/default.yaml

@@ -12,4 +12,4 @@ form:
                    fields:
                      header.body_classes:
                        markdown: true
-                       description: 'Available classes in Quark Theme (space separated):<br />`header-fixed`, `header-animated`, `header-dark`, `header-transparent`, `sticky-footer`'
+                       description: 'Available classes in Quark Theme (space separated):<br />`header-fixed`, `header-animated`, `header-dark`, `header-transparent`, `sticky-footer`'

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/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{
-  padding: 0 20px;
+#page{
+  // 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=="
-  crossorigin=""/>
+      <link rel="stylesheet" href="user/themes/r2c/css/leaflet.css" 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"
-        integrity="sha512-nMMmRyTVoLYqjP9hrbed9S+FzjZHW5gY1TWCHA5ckwXZBadntCNs8kEqAWdrb9O7rxbCaA4lKTIWjDXZxflOcA=="
-        crossorigin=""></script>
+        <script src="user/themes/r2c/js/leaflet.js" crossorigin=""></script>
+
     {% endblock %}
 
     {{ assets.js() }}