This commit is contained in:
figureslibres
2018-09-27 00:34:27 +02:00
parent 5386cc9358
commit f1176a3546
65 changed files with 602 additions and 329 deletions
@@ -31,6 +31,11 @@ form:
label: Id
multiple: true
header.target:
type: text
label: Cible
multiple: true
coordonees:
type: section
title: Coordonées
@@ -39,7 +44,7 @@ form:
header.lat:
type: text
label: Latitude
header.long:
type: text
label: Longitude
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+15 -2
View File
@@ -3,11 +3,24 @@
stroke-opacity: 0.6;
}
/* .nodes text{
display: block;
} */
.nodes text {
-webkit-user-select: none!important;
-moz-user-select: none!important;
-ms-user-select: none!important;
user-select: none!important;
cursor: -webkit-grab;
cursor: grab;
cursor: -webkit-pointer;
cursor: pointer;
}
.nodes text.group1{
fill:black;
}
.nodes text.group2{
fill:grey;
}
.nodes text.group3{
fill:lightgrey;
}
+50
View File
@@ -0,0 +1,50 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="Calque_1"
x="0px"
y="0px"
viewBox="-258 -51.3 55.625 28.735001"
xml:space="preserve"
sodipodi:docname="fleche-03.svg"
width="55.625"
height="28.735001"
inkscape:version="0.92.2 2405546, 2018-03-11"><metadata
id="metadata8"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
id="defs6" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1051"
id="namedview4"
showgrid="false"
inkscape:zoom="4.6003899"
inkscape:cx="-34.472034"
inkscape:cy="25.65"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="Calque_1" />
<path
id="XMLID_279_"
d="m -202.89076,-40.200339 c 0.2,0 0.6,-0.3 0.5,-0.8 -1,-3.1 -1.7,-6.3 -2.3,-9.3 -0.1,-0.3 -0.3,-0.4 -0.5,-0.5 -0.3,-0.1 -0.7,0.1 -0.9,0.3 -2.1,3.2 -4.2,5.5 -6.5,7.4 -0.4,0.3 -0.3,0.6 -0.1,0.8 0.2,0.3 0.7,0.6 1.2,0.2 1.1,-0.8 2.1,-1.8 3.2,-3.1 l 1.4,-1.5 -0.5,2 c -2.9,11.4 -8.7,18.1 -17.3,20 -4.6,1 -9.1,0.5 -13.1,-1.3 -3.7,-1.8 -7.2,-5.2 -9.2,-8.9 l -0.4,-0.7 h 0.8 c 1.7,0 3.4,-0.2 5.3,-0.7 2.2,-0.8 3.7,-2 4.3,-3.6 0.8,-2.2 0.3,-4.7 -1.3,-6.6 -0.1,-0.1 -0.1,-0.2 -0.2,-0.2 -0.1,-0.1 -0.1,-0.1 -0.2,-0.2 -1.8,-1.4 -4,-2 -6.1,-1.5 -2.1,0.5 -3.9,1.9 -4.9,3.9 -0.1,0.1 -0.1,0.2 -0.1,0.2 -0.5,1.8 -0.5,3.8 -0.1,5.8 l 0.2,0.9 -0.9,-0.4 c -0.8,-0.4 -1.6,-0.8 -2.3,-1.4 -3.1,-2.7 -4.4,-6.9 -3.3,-11 0.1,-0.6 -0.3,-0.8 -0.6,-0.9 0,0 -0.1,0 -0.2,0 -0.2,0 -0.5,0.1 -0.6,0.5 -1.2,4.6 0.3,9.4 3.7,12.5 1.3,1.2 2.8,2 4.6,2.4 l 0.3,0.1 0.1,0.2 c 1.4,3.4 3.8,6.6 6.7,8.8 4.4,3.3 9.9,4.7 15.5,4.1 13.7,-1.6 18.9,-14.3 20.7,-21.7 l 0.5,-1.9 0.5,1.9 c 0.4,1.5 0.7,2.8 1.1,3.9 0.2,0.4 0.7,0.4 1,0.3 z m -45,2.9 -0.1,-0.3 c -0.5,-1.8 -0.7,-3.5 -0.4,-5.1 0.1,-0.9 0.4,-1.6 0.9,-2.2 1,-1.3 2.5,-2.1 4.1,-2.3 1.5,-0.1 2.9,0.4 4,1.4 1.2,1.3 1.7,2.9 1.3,4.4 -0.4,1.6 -1.7,3 -3.5,3.6 -1.7,0.5 -3.3,0.7 -4.7,0.7 -0.5,0 -0.9,0 -1.3,-0.1 z"
inkscape:connector-curvature="0"
style="fill:#0000ff" />
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

+49
View File
@@ -0,0 +1,49 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="Calque_1"
x="0px"
y="0px"
viewBox="-255 362.1 21.9 59.9"
xml:space="preserve"
sodipodi:docname="pointeur-04.svg"
width="21.9"
height="59.900002"
inkscape:version="0.92.2 2405546, 2018-03-11"><metadata
id="metadata8"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs6" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1051"
id="namedview4"
showgrid="false"
inkscape:zoom="1.9865319"
inkscape:cx="-17.403391"
inkscape:cy="59.400002"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="Calque_1" />
<polygon
id="XMLID_101_"
points="-211.3,392.5 -222.3,418.1 -211.3,452.4 -200.4,418.1 "
transform="translate(-32.7,-30.400003)" />
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

+59
View File
@@ -0,0 +1,59 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
id="svg854"
version="1.1"
viewBox="0 0 3.96875 12.964583"
height="49"
width="15">
<defs
id="defs848" />
<metadata
id="metadata851">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
style="display:none"
transform="translate(0,-284.0354)"
id="layer1">
<path
id="path1480"
d="m 1.8780692,288.5782 -1.04179696,2.07887 1.04179696,3.20099 1.0984933,-3.22461 z"
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
<path
id="path1484"
d="m 0.8362722,290.65707 1.041797,0.46066 1.0984933,-0.48428 v 0"
style="fill:none;stroke:#ffffff;stroke-width:0.05;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
id="path1486"
d="m 0.83627224,290.65707 1.04179696,-0.21852 1.0984933,0.1949"
style="fill:none;stroke:#ffffff;stroke-width:0.02;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
<g
id="layer2">
<path
id="path1489"
d="M 1.9398264,11.077231 0.14198693,5.5641112 1.9418591,6.3624417 3.8143069,5.5350812 Z"
style="fill:none;stroke:none;stroke-width:0.45981485px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
<path
id="path1491"
d="M 1.9398264,11.077231 0.14924447,5.5713689 1.9273441,6.3624417 3.8143069,5.5350812 Z"
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.45981485px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
<path
id="path1495"
d="M 1.9273441,1.9063066 0.16105623,5.434328 1.9346017,6.2194949 3.8124557,5.4039461 Z"
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.45981485px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

+87 -97
View File
@@ -1,13 +1,11 @@
function gestionarray() {
// dyn_data.split();
console.log(dyn_data.mappoints[1].id);
$("#page").addClass(dyn_data.mappoints[1].id);
// addClass
function Cmaplink() {
}
// Streetmap
function map() {
var mymap = L.map('mapid').setView([48.9367935,2.3569287], 17);
setTimeout(mymap.invalidateSize.bind(map));
setTimeout(mymap.invalidateSize.bind(map));
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
maxZoom: 18,
id: 'mapbox.streets'
@@ -15,13 +13,13 @@ setTimeout(mymap.invalidateSize.bind(map));
var LeafIcon = L.Icon.extend({
options: {
iconSize: [50, 50],
iconAnchor: [25, 25],
iconSize: [15, 49],
iconAnchor: [7.5, 5],
}
});
var markers = {};
var greenIcon = new LeafIcon({iconUrl: 'user/themes/r2c/images/handler.svg'})
var greenIcon = new LeafIcon({iconUrl: 'user/themes/r2c/images/pointeur2.svg'})
for (var i = 0; i < dyn_data.mappoints.length; i++) {
var id = dyn_data.mappoints[i].id;
@@ -30,17 +28,15 @@ setTimeout(mymap.invalidateSize.bind(map));
markers[id]._icon.id = id;
}
var mappoints = $('#streetmap img');
for (var i = 0; i < dyn_data.mappoints.length; i++) {
var target = dyn_data.mappoints[i].target;
console.log('target',target);
mappoints.attr('href', target );
}
};
function scrollbar(){
$(window).on("load",function(){
$("#start > div > div").mCustomScrollbar({
axis:"y",
setTop: 0,
});
});
}
// change mouse_event
function clickhand(){
$(".handler").on("mousedown", function (e) {
e.preventDefault();
@@ -50,17 +46,14 @@ function clickhand(){
});
};
function drag() {
function drag() {
var $hand = $( ".handler" );
var $hand1 = $( ".hand1" );
var $hand2 = $( ".hand2" );
var p = 100;
//marge
var mrg = 1;
// Blocs
// find
var $recits = $hand.parents('#page').find('#recits');
@@ -69,7 +62,6 @@ function drag() {
var $stmp = $hand.parents('#page').find("#streetmap");
var $rs = $hand.parents('#page').find("#reseaux-sociaux");
var $links = $hand.parents('#page').find("#links");
// handler
// dimension
var $Whand = parseFloat($hand.outerWidth(true));
@@ -78,40 +70,31 @@ function drag() {
$hand1.draggable({
containment: "#start",
scroll: false,
drag: function(event, ui){
var oW = parseFloat($("#start").outerWidth(true));
var oH = parseFloat($("#start").outerHeight(true));
var ajustH = (100 * ( 25/ oH )) + "%";
var stophand = (0.8 * oW) - 130;
ui.position.left = Math.max( 200, ui.position.left );
ui.position.left = Math.min( stophand, ui.position.left );
// handler
// position
var pos = $hand1.position();
var pos1 = $hand2.position();
var pos11 = parseFloat(pos1.left) + 25;
// center handler
var ajustW = $Whand / 2;
var ajustH = $Hhand / 2;
// position XY
var xPos = ( p * parseFloat( ((ui.position.left)) / oW) ) + "%" ;
var yPos = ( p * parseFloat( ((ui.position.top)) / oH ) ) + "%" ;
var xPos2 = ( p * parseFloat( ((ui.position.left ) ) / oW) ) + "%";
var yPos2 = ( p * parseFloat( ((ui.position.top ) ) / oH) ) + "%" ;
var xPos3 = ( p * parseFloat( (pos1.left + ajustW) / oW) ) + "%";
var yPos3 = ( p * parseFloat( (ui.position.top ) / oH) ) + "%" ;
//handler2
var $handler2 = $(this).parent().find('.hand2');
var PosHand = ( parseFloat(p * parseFloat((pos11 - 25) / oW)) - parseFloat(p * parseFloat( (ui.position.left) / oW)) ) + "%";
// application dimension
$hand2.css({
'top': yPos3,
@@ -121,26 +104,22 @@ function drag() {
"height": yPos,
"left": "-2px",
})
$itw.css({
"left":xPos2,
"width": PosHand,
"height": yPos,
"min-width": "200px"
})
$img.css({
"height": yPos,
"min-width": "200px",
})
$stmp.css({
"width":xPos,
"top": yPos2,
"bottom":"1px",
"height": 'auto',
})
$links.css({
"top": yPos2,
"left":xPos2,
@@ -148,13 +127,11 @@ function drag() {
"bottom":"1px",
"height": 'auto',
})
$rs.css({
"top": yPos2,
"bottom":0,
"height": 'auto',
})
// if itw < 200
var testPourcent = parseFloat( p * parseFloat(ui.position.left + 238) / oW ) + "%";
var img200 = parseFloat( p * parseFloat( (oW - (pos11 - 25 )) / oW) ) + "%" ;
@@ -189,93 +166,71 @@ function drag() {
drag: function(event, ui){
var oW = parseFloat($("#start").outerWidth(true));
var oH = parseFloat($("#start").outerHeight(true));
var stophand = (oW - 200) - 50;
console.log(stophand)
ui.position.left = Math.max( 400, ui.position.left );
ui.position.left = Math.min( stophand, ui.position.left );
// handler
// position
var pos = $hand1.position();
var pos1 = $hand2.position();
var pos11 = parseFloat(pos.left) + 25;
// center
var ajustW = $Whand / 2 - 1;
var ajustH = $Hhand / 2 + 1;
var ajustW200 = $Whand / 2 + 6;
var ajustW2 = $Whand / 2 + 1;
var ajustH2 = $Hhand / 2 + 1;
var ajustW3 = $Whand / 2 + 3;
var ajustH3 = $Hhand / 2 + 1;
// position XY
var xPos = ( p * parseFloat( ( oW - (ui.position.left) ) / oW) + "%" );
var yPos = ( p * parseFloat( (ui.position.top ) / oH ) ) + "%" ;
var xPos2 = ( p * parseFloat( ( oW - (ui.position.left) ) / oW ) ) + "%";
var yPos2 = ( p * parseFloat( (ui.position.top ) / oH ) ) + "%" ;
// var xPos3 = ( p * parseFloat( (oW - (pos.left)) / oW ) ) + "%";
var xPos3 = ( p * parseFloat( (pos1.left + ajustW) / oW) ) + "%";
var yPos3 = ( p * parseFloat( (ui.position.top ) / oH ) ) + "%" ;
//handler2
var $handler2 = $(this).parent().find('.hand2');
var PosHand = (parseFloat(xPos3) - parseFloat(xPos)) + "%";
var PosHand1 = ( parseFloat(p * parseFloat( (ui.position.left) / oW)) - parseFloat(p * parseFloat((pos11 - 25) / oW))) + "%";
// application dimension
$hand1.css({
'top': yPos3,
})
$recits.css({
"height": yPos,
})
$itw.css({
"width": PosHand1,
"height": yPos,
})
$img.css({
"width": xPos,
"height": yPos,
})
$stmp.css({
"top": yPos2,
"bottom":"1px",
"height": 'auto',
})
$rs.css({
"width":xPos,
"top": yPos2,
"bottom":0,
"height": 'auto',
})
})
$links.css({
"top": yPos2,
"width":PosHand1,
"bottom":"1px",
"height": 'auto',
})
// if itw < 200
var test = ui.position.left - 225;
var testPourcent = ( p * parseFloat(test) / oW ) + "%";
var img200 = ( p * parseFloat( ((pos.left) ) / oW) + "%" );
if ( $itw.width() < 200) {
$recits.css({
"width": img200,
@@ -292,21 +247,20 @@ function drag() {
$hand1.css({
'left':test,
})
}else {
}
}else {}
},
stop: function( event, ui ) {
var parent = $(this).parents("#start");
$(this).css({
left:parseInt($(this).css('left'))/parent.width()*100+"%",
top: parseInt($(this).css('top'))/parent.height()*100+"%",
});
},
});
};
// draggable
function dragcanvas() {
var $reseau = $('#reseaux-sociaux canvas');
var $links = $('#links svg')
@@ -314,60 +268,38 @@ function dragcanvas() {
$links.draggable({
scroll: false
});
$reseau.draggable({
scroll: false
});
}
// hidden scroll + synchro
function mCustomScrollbar() {
$('.blocs').mCustomScrollbar({
scrollInertia: 100,
mouseWheel:{
deltaFactor: 5
},
scrollInertia: 1000,
});
$('.blocs').mCustomScrollbar("update");
$(document).on("click","a[href^='#']",function(e){
$(document).on("click","a[href^='#'],#links .nodes text[href^='#'],#streetmap img[href^='#']",function(e){
e.preventDefault();
// var id = [];
// var href = $(this).attr("href");
// var letter = $.inArray('#', href);
// console.log('L',letter);
// var target = $(href).parents(".mCustomScrollbar");
//
// if(target.length){
// e.preventDefault();
// target.mCustomScrollbar("scrollTo",href,{
// scrollInertia:1000,
// // offset: 0
// });
// }
// console.log('target', target);
// console.log('href', href);
var hrefs = $(this).attr("href").split(',');
console.log('hrefs', hrefs);
var h, h_parts;
for (var i = 0; i < hrefs.length; i++) {
h = hrefs[i];
h_parts = h.match(/^#(([^_]+)_(.+)$)/);
console.log('h_parts', h_parts);
// a partir de là tu peux synchro chacun des blocks en focntion de
// h_parts[2] est la première partie qui te dit de quel block il s'agit
// h_parts[3] est l'ancre
// etc
function scrollTo() {
var href = target.find(h_parts[0]);
e.preventDefault();
target.mCustomScrollbar("scrollTo",href,{
scrollInertia:1000,
// offset: 0
});
}
switch (h_parts[2]) {
case 'rct':
var target = $('#recits.mCustomScrollbar');
@@ -388,6 +320,31 @@ function mCustomScrollbar() {
case 'lk':
var target = $('#links.mCustomScrollbar');
scrollTo();
var href = target.find(h_parts[0]);
var text = $('.nodes text.group1');
var text2 = $('.nodes text.group2');
var text3 = $('.nodes text.group3');
console.log('cc');
text.css({
'font-size':'inherit',
'fill':'black',
});
text2.css({
'font-size':'inherit',
'fill':'grey',
});
text3.css({
'font-size':'inherit',
'fill':'lightgrey',
});
if (href) {
href.css({
'font-size':'1.2rem',
'fill':'blue',
});
}
break;
// case 'rs':
// var target = $('#reseaux-sociaux.mCustomScrollbar');
@@ -402,6 +359,40 @@ function mCustomScrollbar() {
});
}
function clicklinkmap() {
$("text#lk_martine").on("click", function(){
// var href = target.find(h_parts[0]);
// var text = $('.nodes text.group1');
// var text2 = $('.nodes text.group2');
// var text3 = $('.nodes text.group3');
// text.css({
// 'font-size':'inherit',
// 'fill':'black',
// });
// text2.css({
// 'font-size':'inherit',
// 'fill':'grey',
// });
// text3.css({
// 'font-size':'inherit',
// 'fill':'lightgrey',
// });
//
// if (href) {
// href.css({
// 'font-size':'1.2rem',
// 'fill':'blue',
// });
// }
// $("svg .nodes text").css({
// 'font-size':'1.2rem',
// 'z-index': '999',
// 'fill':'blue',
// })
});
}
function paperjs() {
window.onload = function() {
@@ -437,7 +428,6 @@ function paperjs() {
paper.view.draw();
}
// var pulse = 0.7;
// var sinus = Math.sin(event.time * pulse + i);
// var cos = Math.cos(event.time * pulse + i);
@@ -448,13 +438,13 @@ function paperjs() {
}
$(document).ready(function() {
// gestionarray();
clicklinkmap();
mCustomScrollbar();
clickhand();
drag();
dragcanvas();
map();
clicklinkmap();
paperjs();
// D3js();
// scrollbar();
});
+3 -2
View File
@@ -5,7 +5,7 @@
var color = d3.scaleOrdinal(d3.schemeCategory20);
var simulation = d3.forceSimulation()
.force("link", d3.forceLink().id(function(d) { return d.id; }))
.force("link", d3.forceLink(10).distance(50).id(function(d) { return d.id; }))
.force("charge", d3.forceManyBody())
.force("center", d3.forceCenter(width / 2, height / 2));
@@ -25,7 +25,8 @@
.data(graph.nodes)
.enter().append("text")
.text(function(d) { return d.id; })
.attr("fill", function(d) { return color(d.group); })
// .attr("fill", function(d) { return color(); })
.attr("class",function(d) { return "group" + d.group ;})
.attr("id",function(d) { return d.identifiant; })
.attr("href",function(d) { return d.cible; })
.call(d3.drag()
+142 -122
View File
@@ -1,142 +1,162 @@
{
"nodes": [
{"identifiant":"qui_il_est", "cible": "ou_il_va", "id": "Oceane", "group": 1},
{"id": "Wiebke", "group": 1},
{"id": "Manon", "group": 1},
{"id": "Andreea", "group": 1},
{"id": "Laurent", "group": 1},
{"id": "Nadia", "group": 1},
{"id": "Pascale", "group": 1},
{"id": "Martine", "group": 1},
{"id": "Line", "group": 1},
{"id": "Julien", "group": 1},
{"id": "Marie.W", "group": 1},
{"id": "Solen", "group": 1},
{"id": "Olivier", "group": 1},
{"id": "Elodie", "group":1},
{"id": "Loyce", "group": 1},
{"id": "Marie.P", "group": 1},
{"id": "Victoria", "group": 1},
{"id": "Attieke", "group": 1},
{"id": "Kabane", "group": 1},
{"id": "Paris 8", "group":2},
{"id": "La fabrique des sociologies", "group": 2},
{"id": "Synesthesie", "group": 2},
{"id": "Maison jaune", "group": 2},
{"id": "Cooperence", "group": 2},
{"id": "Jardin Haguette", "group": 2},
{"id": "Tricot partage", "group": 2},
{"id": "Amap Court-circuit", "group": 2},
{"id": "Clinamen", "group": 2},
{"id": "Briche", "group": 2},
{"id": "Academie Fratellini", "group": 2},
{"id": "Point carre", "group": 2},
{"id": "Franciade", "group": 2},
{"id": "Dechets d'art", "group": 2},
{"id": "Collectif Mund Gawi", "group": 2},
{"id": "Le 6B", "group": 2},
{"id": "Adada", "group": 2},
{"id": "Artefact 93", "group": 2},
{"id": "Landykadi", "group": 2},
{"id": "Rien ne se perd", "group": 2},
{"id": "Shakti 21", "group": 2},
{"id": "Cop'Billon", "group": 2},
{"id": "Street mamies", "group": 2},
{"id": "L'oasis", "group": 2},
{"id": "Diony's voice", "group": 3},
{"id": "Scouts de St Denis", "group": 3},
{"id": "Cinéma Ecran 93", "group": 3},
{"id": "Crêperie la Bigoudène", "group": 3},
{"id": "Jardin Chez Basile", "group": 3},
{"id": "Rajganawak", "group": 2},
{"id": "YAKA", "group": 2},
{"id": "Le Pavillon", "group": 2},
{"id": "Chorale du Jazz Club", "group": 2},
{"id": "La maison des seniors", "group": 2},
{"id": "Théâtre Gérard-Philipe", "group": 3}
{"identifiant":"lk_ocelau", "cible": "#rct_260717,#int_ocelau,#img_oceane", "id": "Oceane", "group": 1},
{"identifiant":"lk_cinema", "cible": "#mp_cinema,#img_cinema", "id": "Ecran 93", "group": 2},
{"identifiant":"lk_bachir", "cible": "#rct_060617", "id": "Bachir", "group": 3},
{"identifiant":"lk_wiebke","cible":"#mp_pointCarre,#rct_120717,#img_wiebke","id": "Wiebke", "group": 3},
{"identifiant":"lk_manon","cible":"#mp_chezmanon,#rct_120917,#img_manon","id": "Manon", "group": 1},
{"identifiant":"lk_andreea","cible":"#int_andreea,#rct_120717,#img_andreea","id": "Andreea", "group": 1},
{"identifiant":"lk_laurent","cible":"#int_ocelau,#rct_260717,#img_laurent","id": "Laurent", "group": 1},
{"identifiant":"lk_nadia","cible":"#rct_130917,#int_nadia,#img_nadia","id": "Nadia", "group": 1},
{"identifiant":"lk_pascale","cible":"#rct_190617,#int_pascale,#img_pascale","id": "Pascale", "group": 1},
{"identifiant":"lk_martine","cible":"#mp_chezmartine,#rct_050917,#int_martine,#img_martine","id": "Martine", "group": 1},
{"identifiant":"lk_line","cible":"#rct_110417","id": "Line", "group": 3},
{"identifiant":"lk_mariew","cible":"#rct_041017,#int_mariew,#mp_chezmariew,#img_mariew","id": "Marie.W", "group": 1},
{"identifiant":"lk_solen","cible":"#rct_031017,#int_solen,#mp_chezsolen,#img_solen","id": "Solen", "group": 1},
{"identifiant":"lk_olivier","cible":"#rct_051017,#int_olivier,#img_olivier","id": "Olivier", "group": 1},
{"identifiant":"lk_elodie","cible":"#mp_syn","id": "Elodie", "group":3},
{"identifiant":"lk_Loyce","cible":"#mp_syn","id": "Loyce", "group": 3},
{"identifiant":"lk_mariep","cible":"#rct_060717,#int_mariep,#img_mariep","id": "Marie.P", "group": 1},
{"identifiant":"lk_victoria","cible":"#rct_250717,#int_victoria,#img_victoria","id": "Victoria", "group": 1},
{"identifiant":"lk_attieke","cible":"#mp_attieke,#img_attieke","id": "Attieke", "group": 2},
{"identifiant":"lk_kabane","cible":"#mp_kabane,#img_kb","id": "Kabane", "group": 2},
{"identifiant":"lk_paris8","cible":"#mp_paris8,#img_paris8","id": "Paris 8", "group":2},
{"identifiant":"lk_fabrique","cible":"#img_fabrique","id": "La fabrique des sociologies", "group": 2},
{"identifiant":"lk_syn","cible":"#mp_syn,#img_syn","id": "Synesthesie", "group": 2},
{"identifiant":"lk_maisonjaune","cible":"#mp_maisonjaune,#img_mj1","id": "Maison jaune", "group": 2},
{"identifiant":"lk_coop","cible":"#mp_110,#img_centresocial","id": "Cooperence", "group": 2},
{"identifiant":"lk_jardinhaguette","cible":"#mp_jardinhaguette,#img_jh3","id": "Jardin Haguette", "group": 2},
{"identifiant":"lk_tricotpartage","cible":"#img_tp,#int_pascale","id": "Tricot partage", "group": 2},
{"identifiant":"lk_amap","cible":"#mp_amap,#img_amap","id": "Amap Court-circuit", "group": 2},
{"identifiant":"lk_clinamen","cible":"#img_clinamen","id": "Clinamen", "group": 2},
{"identifiant":"lk_briche","cible":"#mp_briche,#img_briche","id": "La Briche", "group": 2},
{"identifiant":"lk_academie","cible":"#mp_academie","id": "Academie Fratellini", "group": 2},
{"identifiant":"lk_pointcarre","cible":"#mp_pointcarre,#img_pointcarre,#rct_120717","id": "Point Carre", "group": 2},
{"identifiant":"lk_franciade","cible":"#mp_franciade,#img_fr,#int_andreea","id": "Franciade", "group": 2},
{"identifiant":"lk_dechetsdart","cible":"#mp_dechetsdart,#img_da,#int_ocelau","id": "Dechets d'art", "group": 2},
{"identifiant":"lk_mundgawi","cible":"#mp_oasis,#img_oasis,#int_ocelau","id": "Collectif Mund Gawi", "group": 2},
{"identifiant":"lk_6b","cible":"#mp_6b,#img_6b","id": "Le 6B", "group": 2},
{"identifiant":"lk_adada","cible":"#mp_adada,#img_adada","id": "60 Adada", "group": 2},
{"identifiant":"lk_artefact","cible":"#mp_artefact,#img_artefact","id": "Artefact 93", "group": 2},
{"identifiant":"lk_landykadi","cible":"#mp_landykadi,#img_landykadi","id": "Landy Kadi", "group": 2},
{"identifiant":"lk_Rien","cible":"#img_rien","id": "Rien ne se perd", "group": 2},
{"identifiant":"lk_tgp","cible":"#img_tgp,#mp_tgp","id": "Théâtre Gérard Philipe", "group": 2},
{"identifiant":"lk_shakti21","cible":"#mp_shakti21,#img_shakti21","id": "Shakti 21", "group": 2},
{"identifiant":"lk_copbi","cible":"#mp_copbi,#img_copbi","id": "Cop'Billon", "group": 2},
{"identifiant":"lk_streetmamies","cible":"#img_filmmamies","id": "Street mamies", "group": 2},
{"identifiant":"lk_oasis","cible":"#img_oasis,#mp_oasis,#int_ocelau","id": "L'oasis", "group": 2},
{"identifiant":"lk_labigoudene","cible":"#img_labigoudene,#mp_labigoudene,#rct_051017","id": "Crêperie la Bigoudène", "group": 2},
{"identifiant":"lk_chapiteau","cible":"#img_chapiteau,#mp_chapiteau","id": "Chapiteau Rajganawak", "group": 2},
{"identifiant":"lk_yaka","cible":"#int_olivier","id": "YAKA", "group": 2},
{"identifiant":"lk_pavillon","cible":"#img_pavillon,#mp_pavillon","id": "Le Pavillon", "group": 2},
{"identifiant":"lk_taxiphone","cible":"#img_taxiphone,#mp_taxiphone","id": "Taxiphone", "group": 2},
{"identifiant":"lk_chorale","cible":"#img_chorale,#mp_chorale","id": "Chorale du Jazz Club", "group": 2},
{"identifiant":"lk_maisondesseniors","cible":"#img_maisondesseniors,#mp_maisondesseniors","id": "La maison des seniors", "group": 2}
],
"links": [
{"source": "Oceane", "target": "Dechets d'art", "value": 1},
{"source": "Oceane", "target": "Le 6B", "value": 1},
{"source": "Oceane", "target": "Laurent", "value": 1},
{"source": "Oceane", "target": "Collectif Mund Gawi", "value": 1},
{"source": "L'oasis", "target": "Collectif Mund Gawi", "value": 1},
{"source": "Oceane", "target": "L'oasis", "value": 1},
{"source": "Oceane", "target": "Dechets d'art", "value": 2},
{"source": "Marie.W", "target": "Taxiphone", "value": 2},
{"source": "Ecran 93", "target": "Victoria", "value": 1},
{"source": "Ecran 93", "target": "Marie.W", "value": 1},
{"source": "Oceane", "target": "Point Carre", "value": 1},
{"source": "Oceane", "target": "Théâtre Gérard Philipe", "value": 1},
{"source": "Olivier", "target": "Théâtre Gérard Philipe", "value": 1},
{"source": "Marie.W", "target": "Théâtre Gérard Philipe", "value": 1},
{"source": "Marie.W", "target": "60 Adada", "value": 1},
{"source": "Martine", "target": "60 Adada", "value": 1},
{"source": "Pascale", "target": "Crêperie la Bigoudène", "value": 1},
{"source": "Oceane", "target": "Le 6B", "value": 2},
{"source": "Oceane", "target": "Laurent", "value": 2},
{"source": "Oceane", "target": "Collectif Mund Gawi", "value": 2},
{"source": "L'oasis", "target": "Collectif Mund Gawi", "value": 2},
{"source": "Oceane", "target": "L'oasis", "value": 2},
{"source": "Laurent", "target": "L'oasis", "value": 1},
{"source": "Oceane", "target": "Cop'Billon", "value": 1},
{"source": "Oceane", "target": "Street mamies", "value": 1},
{"source": "Oceane", "target": "Street mamies", "value": 2},
{"source": "Street mamies", "target": "Cop'Billon", "value": 1},
{"source": "Olivier", "target": "Chorale du Jazz Club", "value": 1},
{"source": "Landykadi", "target": "Dechets d'art", "value": 1},
{"source": "Landykadi", "target": "Collectif Mund Gawi", "value": 1},
{"source": "Laurent", "target": "Le 6B", "value": 1},
{"source": "Olivier", "target": "Chorale du Jazz Club", "value": 2},
{"source": "Landy Kadi", "target": "Dechets d'art", "value": 2},
{"source": "Landy Kadi", "target": "Collectif Mund Gawi", "value": 2},
{"source": "Laurent", "target": "Le 6B", "value": 2},
{"source": "Laurent", "target": "Collectif Mund Gawi", "value": 1},
{"source": "Shakti 21", "target": "Collectif Mund Gawi", "value": 1},
{"source": "Shakti 21", "target": "Le 6B", "value": 1},
{"source": "Dechets d'art", "target": "Le 6B", "value": 1},
{"source": "Rien ne se perd", "target": "Collectif Mund Gawi", "value": 1},
{"source": "Artefact 93", "target": "Dechets d'art", "value":1},
{"source": "Artefact 93", "target": "Franciade", "value": 1},
{"source": "Artefact 93", "target": "Adada", "value": 1},
{"source": "Artefact 93", "target": "Point carre", "value": 1},
{"source": "Point carre", "target": "Franciade", "value": 1},
{"source": "Franciade", "target": "Adada", "value":1},
{"source": "Adada", "target": "Dechets d'art", "value": 1},
{"source": "Adada", "target": "Point carre", "value": 1},
{"source": "Franciade", "target": "Andreea", "value": 1},
{"source": "Point carre", "target": "Wiebke", "value": 1},
{"source": "Wiebke", "target": "Clinamen", "value": 1},
{"source": "Wiebke", "target": "Rajganawak", "value": 1},
{"source": "Wiebke", "target": "Briche", "value": 1},
{"source": "Briche", "target": "Academie Fratellini", "value":1},
{"source": "Academie Fratellini", "target": "Manon", "value": 1},
{"source": "Manon", "target": "Solen", "value": 1},
{"source": "Shakti 21", "target": "Collectif Mund Gawi", "value": 2},
{"source": "Shakti 21", "target": "Le 6B", "value": 2},
{"source": "Dechets d'art", "target": "Le 6B", "value": 2},
{"source": "Rien ne se perd", "target": "Collectif Mund Gawi", "value": 2},
{"source": "Artefact 93", "target": "Dechets d'art", "value":2},
{"source": "Artefact 93", "target": "Franciade", "value": 2},
{"source": "Artefact 93", "target": "60 Adada", "value": 2},
{"source": "Artefact 93", "target": "Point Carre", "value": 2},
{"source": "Point Carre", "target": "Franciade", "value": 2},
{"source": "Franciade", "target": "60 Adada", "value":2},
{"source": "Franciade", "target": "Dechets d'art", "value":2},
{"source": "60 Adada", "target": "Dechets d'art", "value": 2},
{"source": "60 Adada", "target": "Point Carre", "value": 2},
{"source": "Franciade", "target": "Andreea", "value": 2},
{"source": "Point Carre", "target": "Wiebke", "value": 2},
{"source": "Wiebke", "target": "Clinamen", "value": 2},
{"source": "Collectif Mund Gawi", "target": "Clinamen", "value": 2},
{"source": "Wiebke", "target": "Chapiteau Rajganawak", "value": 2},
{"source": "Olivier", "target": "Chapiteau Rajganawak", "value": 1},
{"source": "Oceane", "target": "Chapiteau Rajganawak", "value": 1},
{"source": "Manon", "target": "Chapiteau Rajganawak", "value": 2},
{"source": "La Briche", "target": "Chapiteau Rajganawak", "value": 1},
{"source": "Wiebke", "target": "La Briche", "value": 2},
{"source": "La Briche", "target": "Academie Fratellini", "value":2},
{"source": "Academie Fratellini", "target": "Manon", "value": 2},
{"source": "Manon", "target": "Solen", "value":2},
{"source": "Solen", "target": "Cooperence", "value": 1},
{"source": "Cooperence", "target": "Tricot partage", "value": 1},
{"source": "Cooperence", "target": "Nadia", "value": 1},
{"source": "Nadia", "target": "Pascale", "value": 1},
{"source": "Tricot partage", "target": "Pascale", "value": 1},
{"source": "Pascale", "target": "Maison jaune", "value": 1},
{"source": "Jardin Haguette", "target": "Martine", "value": 1},
{"source": "Martine", "target": "Paris 8", "value": 1},
{"source": "Paris 8", "target": "Marie.W", "value": 1},
{"source": "Paris 8", "target": "Loyce", "value": 1},
{"source": "Paris 8", "target": "Marie.P", "value": 1},
{"source": "Paris 8", "target": "Victoria", "value":1},
{"source": "Victoria", "target": "Kabane", "value": 1},
{"source": "Kabane", "target": "Paris 8", "value": 1},
{"source": "Victoria", "target": "Attieke", "value": 1},
{"source": "Victoria", "target": "Marie.W", "value": 1},
{"source": "Marie.W", "target": "Amap Court-circuit", "value":1},
{"source": "Amap Court-circuit", "target": "Olivier", "value": 1},
{"source": "Cooperence", "target": "Tricot partage", "value": 2},
{"source": "Cooperence", "target": "Nadia", "value": 2},
{"source": "Nadia", "target": "Pascale", "value": 2},
{"source": "Nadia", "target": "Olivier", "value": 2},
{"source": "Nadia", "target": "Solen", "value": 1},
{"source": "Tricot partage", "target": "Pascale", "value": 2},
{"source": "Tricot partage", "target": "Maison jaune", "value": 2},
{"source": "Pascale", "target": "Maison jaune", "value": 2},
{"source": "Jardin Haguette", "target": "Martine", "value": 2},
{"source": "Martine", "target": "Paris 8", "value": 2},
{"source": "Paris 8", "target": "Marie.W", "value": 2},
{"source": "Paris 8", "target": "Loyce", "value": 2},
{"source": "Paris 8", "target": "Marie.P", "value": 2},
{"source": "Bachir", "target": "Marie.P", "value": 1},
{"source": "Bachir", "target": "Synesthesie", "value": 1},
{"source": "Paris 8", "target": "Victoria", "value":2},
{"source": "Jardin Haguette", "target": "Victoria", "value":1},
{"source": "Victoria", "target": "Kabane", "value": 2},
{"source": "Kabane", "target": "Paris 8", "value": 2},
{"source": "Victoria", "target": "Attieke", "value": 2},
{"source": "Marie.W", "target": "Attieke", "value": 1},
{"source": "Victoria", "target": "Marie.W", "value": 2},
{"source": "Marie.W", "target": "Amap Court-circuit", "value":2},
{"source": "Marie.P", "target": "Amap Court-circuit", "value":1},
{"source": "Amap Court-circuit", "target": "Olivier", "value": 2},
{"source": "Amap Court-circuit", "target": "Elodie", "value": 1},
{"source": "Amap Court-circuit", "target": "Solen", "value": 1},
{"source": "Solen", "target": "Olivier", "value": 1},
{"source": "Manon", "target": "Wiebke", "value": 1},
{"source": "Olivier", "target": "Cooperence", "value": 1},
{"source": "Olivier", "target": "Elodie", "value": 1},
{"source": "Elodie", "target": "Synesthesie", "value": 1},
{"source": "Synesthesie", "target": "Loyce", "value": 1},
{"source": "Synesthesie", "target": "Line", "value": 1},
{"source": "Synesthesie", "target": "Julien", "value": 1},
{"source": "Amap Court-circuit", "target": "Solen", "value": 2},
{"source": "Solen", "target": "Olivier", "value": 2},
{"source": "Manon", "target": "Wiebke", "value": 2},
{"source": "Olivier", "target": "Cooperence", "value": 2},
{"source": "Olivier", "target": "Elodie", "value": 2},
{"source": "Elodie", "target": "Synesthesie", "value": 2},
{"source": "Synesthesie", "target": "Loyce", "value": 2},
{"source": "Synesthesie", "target": "Line", "value": 2},
{"source": "Synesthesie", "target": "Marie.P", "value": 1},
{"source": "Synesthesie", "target": "Maison jaune", "value": 1},
{"source": "Elodie", "target": "Julien", "value": 1},
{"source": "Elodie", "target": "Loyce", "value": 1},
{"source": "Elodie", "target": "Line", "value": 1},
{"source": "Line", "target": "Julien", "value": 1},
{"source": "Line", "target": "Loyce", "value": 1},
{"source": "Synesthesie", "target": "Maison jaune", "value": 2},
{"source": "Elodie", "target": "Loyce", "value": 2},
{"source": "Elodie", "target": "Line", "value": 2},
{"source": "Line", "target": "Loyce", "value": 2},
{"source": "Marie.P", "target": "Loyce", "value": 1},
{"source": "Julien", "target": "Loyce", "value": 1},
{"source": "Victoria", "target": "Marie.P", "value": 1},
{"source": "Olivier", "target": "YAKA", "value": 1},
{"source": "Solen", "target": "YAKA", "value": 1},
{"source": "Cooperence", "target": "YAKA", "value": 1},
{"source": "Olivier", "target": "YAKA", "value": 2},
{"source": "Solen", "target": "YAKA", "value": 2},
{"source": "Cooperence", "target": "YAKA", "value": 2},
{"source": "Le Pavillon", "target": "Marie.W", "value": 1},
{"source": "Le Pavillon", "target": "Manon", "value": 1},
{"source": "Le Pavillon", "target": "Solen", "value": 1},
{"source": "Le Pavillon", "target": "Oceane", "value": 1},
{"source": "La maison des seniors", "target": "Dechets d'art", "value": 1},
{"source": "La fabrique des sociologies", "target": "Martine", "value": 1}
{"source": "La fabrique des sociologies", "target": "Martine", "value": 2}
]
}
+17 -10
View File
@@ -98,10 +98,23 @@ body{
#links{
z-index: 997!important;
display: flex;
svg{
position: fixed;
top: -33%;
left: -55%;
#mCSB_5{
width: 100%;
#mCSB_5_container{
width: 100%;
width: 100%;
}
}
.cadre{
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
svg{
position: fixed;
top: -33%;
left: -55%;
}
}
}
#streetmap{
@@ -115,13 +128,7 @@ body{
#mapid {
width: 100%;
height: 100%;
filter: grayscale(100%) contrast(1);
.leaflet-marker-pane{
img{
transform: translate(-25px, -25px);
}
}
}
}
}
+10 -1
View File
@@ -26,7 +26,16 @@ p{
.blocs{
a.linkext{
&:after{
content: "~";
display: inline-block;
content: " ";
background-image: url("../images/fleche-03.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 25px;
height: 13px;
margin-left: 5px;
// transform: rotate(-20deg);
}
}
&:nth-child(2){
@@ -4,9 +4,8 @@
{% block body %}
{% 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>
{% endfor %}
<svg width="3960" height="2160" resize hidpi="on"></svg>
<div class="cadre">
<svg width="3960" height="2160" resize hidpi="on"></svg>
</div>
{% endblock %}