crapaud-fou/crazy-toads.github.io
2
0
Fork 0
Code Issues Pull requests Releases Activity

Add fullscreen page

Browse source
This commit is contained in:
Mickael 2019-06-02 20:59:53 +02:00
parent 432825e194
commit b665c5d3a6
3 changed files with 71 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
_layouts/fullscreen.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="fr">
<!--
====================================================
Homepage: {{ site.url }}
Credits: {{ site.url }}/disclosure
====================================================
-->
{% include head.html %}
<body>
{{ content }}
</body>
</html>

4
pages/channelslist.md
View file

@ -13,7 +13,9 @@ style: "#cy { width: 100%; height: 500px; }"
Listes des canaux du [chat](https://coa.crapaud-fou.org) (aussi connu sous le nom de mare aux crapauds), rejoignez [nous](https://coa.crapaud-fou.org)
# Canaux de la mare
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)
Les canaux permettent des discussions sur différents sujets
Cliquez sur les canaux qui vous intéressent (la molette de le souris permet de zoomer)
<a href="./fullscreen" target="_blank">Fullscreen</a>
<div id="cy"></div>

54
pages/channelslistfullscreen.md Normal file
View file

@ -0,0 +1,54 @@
---
layout: fullscreen
permalink: /channelslist/fullscreen
title: Liste des canaux du Chat Fullscreen
linktitle: "Liste des canaux du Chat Fullscreen"
linkurl: /channelslist/fullscreen
description: "Liste des canaux du Chat https://coa.crapaud-fou.org"
jquery: true
cytoscape: true
vmap: true
style: "#cy { width: 100%; height: 100%; position: fixed; }"
---
La molette de la souris sert à de/zoomer
<div id="cy"></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');
}
});
</script>