105 lines
12 KiB
HTML
105 lines
12 KiB
HTML
---
|
|
layout: default
|
|
permalink: /channelslist/
|
|
title: Liste des canaux du Chat
|
|
linktitle: "Liste des canaux du Chat"
|
|
linkurl: /channelslist/
|
|
description: "Liste des canaux du Chat https://coa.crapaud-fou.org"
|
|
---
|
|
|
|
<html>
|
|
<head>
|
|
<style>
|
|
text:hover {
|
|
font-size: 20pt;
|
|
}
|
|
|
|
.notvisible {
|
|
visibility: collapse;
|
|
}
|
|
|
|
.tooltip {
|
|
z-index: 1;
|
|
position: absolute;
|
|
width: 70%;
|
|
background-color: white;
|
|
}
|
|
#cy {
|
|
width: 100%;
|
|
height: 500px;
|
|
}
|
|
</style>
|
|
<script src="{{ site.baseurl }}/public/js/jquery.min.js"></script>
|
|
<script src="{{ site.baseurl }}/public/js/jquery.vmap.js"></script>
|
|
<script src="{{ site.baseurl }}/public/js/maps/jquery.vmap.world.js"></script>
|
|
<script src="{{ site.baseurl }}/public/js/maps/jquery.vmap.france.js"></script>
|
|
<script src="{{ site.baseurl }}/public/js/cytoscape/cytoscape.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<p>Listes des canaux du <a href="https://coa.crapaud-fou.org">chat</a> (aussi connu sous le nom de mare aux crapauds), rejoignez <a href="https://coa.crapaud-fou.org">nous</a></p>
|
|
<h1>Canaux de la mare</h1>
|
|
<p>Les canaux permettent des discussions sur différents sujets<br />Cliquez sur les canaux qui vous intéressent (la molette de le souris permet de zoomer)</p>
|
|
<div id="cy"></div>
|
|
<h1>Cohorte crapaud-fou en France</h1>
|
|
<p>Les cohortes sont des groupements de crapauds dans une région<br />Cliquez sur votre région</p>
|
|
<div id="vmap"></div>
|
|
<script>
|
|
var cy = cytoscape({
|
|
container: document.getElementById('cy'),
|
|
elements: $.getJSON("{{ site.baseurl }}/public/data/result.json"),
|
|
style: [
|
|
{
|
|
selector: 'node',
|
|
style: {
|
|
'label': 'data(label)',
|
|
'text-valign': 'center',
|
|
'background-color': 'data(color)',
|
|
'width': 'data(size)',
|
|
'height': 'data(size)',
|
|
'color': 'white',
|
|
'text-outline-width': 2,
|
|
'text-outline-color': '#888'
|
|
}
|
|
},
|
|
{
|
|
selector: 'edge',
|
|
style: {
|
|
'line-color': 'data(color)'
|
|
}
|
|
}],
|
|
layout: {
|
|
name: 'cose',
|
|
nodeDimensionsIncludeLabels: true,
|
|
nodeOverlap: 50
|
|
}
|
|
});
|
|
|
|
cy.on('tap', 'node', function () {
|
|
try { // your browser may block popups
|
|
window.open(this.data('href'));
|
|
} catch (e) { // fall back on url change
|
|
window.location.href = this.data('href');
|
|
}
|
|
});
|
|
|
|
regionsClick = { 'fr': function() { UpdateMap('france_fr'); },'fr-07': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-2607', '_blank') },'fr-26': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-2607', '_blank') },'fr-34': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-34', '_blank') },'be': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-belgique', '_blank') },'fr-21': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-bourgogne', '_blank') },'fr-58': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-bourgogne', '_blank') },'fr-71': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-bourgogne', '_blank') },'fr-89': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-bourgogne', '_blank') },'fr-22': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-bretagne', '_blank') },'fr-29': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-bretagne', '_blank') },'fr-35': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-bretagne', '_blank') },'fr-56': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-bretagne', '_blank') },'fr-18': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-centre', '_blank') },'fr-28': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-centre', '_blank') },'fr-36': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-centre', '_blank') },'fr-37': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-centre', '_blank') },'fr-41': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-centre', '_blank') },'fr-45': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-centre', '_blank') },'fr-08': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-10': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-51': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-52': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-54': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-55': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-57': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-67': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-68': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-88': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-38': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grenoble', '_blank') },'fr-02': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-hdf', '_blank') },'fr-59': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-hdf', '_blank') },'fr-60': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-hdf', '_blank') },'fr-62': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-hdf', '_blank') },'fr-80': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-hdf', '_blank') },'fr-75': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-ile-de-france', '_blank') },'fr-77': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-ile-de-france', '_blank') },'fr-78': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-ile-de-france', '_blank') },'fr-91': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-ile-de-france', '_blank') },'fr-92': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-ile-de-france', '_blank') },'fr-93': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-ile-de-france', '_blank') },'fr-94': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-ile-de-france', '_blank') },'fr-95': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-ile-de-france', '_blank') },'re': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-la-reunion', '_blank') },'fr-14': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-normandie', '_blank') },'fr-27': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-normandie', '_blank') },'fr-50': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-normandie', '_blank') },'fr-61': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-normandie', '_blank') },'fr-76': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-normandie', '_blank') },'fr-04': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-paca', '_blank') },'fr-05': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-paca', '_blank') },'fr-06': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-paca', '_blank') },'fr-13': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-paca', '_blank') },'fr-83': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-paca', '_blank') },'fr-84': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-paca', '_blank') },'fr-74': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-paysdesavoie', '_blank') },'fr-73': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-paysdesavoie', '_blank') },'fr-09': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-sud-ouest', '_blank') },'fr-12': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-sud-ouest', '_blank') },'fr-24': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-sud-ouest', '_blank') },'fr-31': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-sud-ouest', '_blank') },'fr-32': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-sud-ouest', '_blank') },'fr-33': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-sud-ouest', '_blank') },'fr-40': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-sud-ouest', '_blank') },'fr-46': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-sud-ouest', '_blank') },'fr-47': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-sud-ouest', '_blank') },'fr-64': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-sud-ouest', '_blank') },'fr-65': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-sud-ouest', '_blank') },'fr-81': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-sud-ouest', '_blank') },'fr-82': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-sud-ouest', '_blank') },'ch': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-suisse', '_blank') }, };
|
|
function UpdateMap(mapChoosen) {
|
|
$('#vmap').replaceWith('<div id="vmap"></div>');
|
|
$('#vmap').width('100%').height('800px').vectorMap({
|
|
map: mapChoosen,
|
|
backgroundColor: null,
|
|
colors: { 'fr':'green','fr-07':'green','fr-26':'green','fr-34':'green','be':'green','fr-21':'green','fr-58':'green','fr-71':'green','fr-89':'green','fr-22':'green','fr-29':'green','fr-35':'green','fr-56':'green','fr-18':'green','fr-28':'green','fr-36':'green','fr-37':'green','fr-41':'green','fr-45':'green','fr-08':'green','fr-10':'green','fr-51':'green','fr-52':'green','fr-54':'green','fr-55':'green','fr-57':'green','fr-67':'green','fr-68':'green','fr-88':'green','fr-38':'green','fr-02':'green','fr-59':'green','fr-60':'green','fr-62':'green','fr-80':'green','fr-75':'green','fr-77':'green','fr-78':'green','fr-91':'green','fr-92':'green','fr-93':'green','fr-94':'green','fr-95':'green','re':'green','fr-14':'green','fr-27':'green','fr-50':'green','fr-61':'green','fr-76':'green','fr-04':'green','fr-05':'green','fr-06':'green','fr-13':'green','fr-83':'green','fr-84':'green','fr-74':'green','fr-73':'green','fr-09':'green','fr-12':'green','fr-24':'green','fr-31':'green','fr-32':'green','fr-33':'green','fr-40':'green','fr-46':'green','fr-47':'green','fr-64':'green','fr-65':'green','fr-81':'green','fr-82':'green','ch':'green', },
|
|
hoverColor: 'yellowgreen',
|
|
enableZoom: false,
|
|
showTooltip: false,
|
|
onRegionClick: function (element, code, region) {
|
|
regionsClick[code]();
|
|
}
|
|
});
|
|
}
|
|
|
|
UpdateMap('world_en');
|
|
</script>
|
|
</body>
|
|
</html>
|