amélioration temps de chargement et retrait du superflu

This commit is contained in:
Boris Paing 2020-12-13 14:39:58 +01:00
commit 3aff587926
50 changed files with 463 additions and 0 deletions

0
README.md Normal file
View File

88
g1meme.html Normal file
View File

@ -0,0 +1,88 @@
<!DOCTYPE html>
<html>
<head>
<title>La June amusante - Ma monnaie libre</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="themes/attilax/layout.css" />
<link rel="stylesheet" type="text/css" href="themes/attilax/decoration.css" />
<script type="text/javascript" src="lib/lazyImg.min.js"></script>
</head>
<body class="page-memes">
<header>
<p>
<a href=".">
<span>
Ma monnaie libre
</span>
</a>
</p>
</header>
<h1>La June amusante</h1>
<p>
Une collection de mèmes en rapport avec les monnaies libres ou la Ğ1.
</p>
<ul>
<li>
<img data-lazyimg-list="true" src="img/memes/Uncle-Sam-ML.jpg" alt="Oncle Sam veut que tu rejoignes la Ğ1" />
</li>
<li>
<img data-lazyimg-list="true" src="img/memes/ML-Casa-de-Papel.jpeg" alt="" />
</li>
<li>
<img data-lazyimg-list="true" src="img/memes/Albert-Einstein-ML.jpg" alt="" />
</li>
<li>
<img data-lazyimg-list="true" src="img/memes/Marx-G1.jpg" alt="Marx et la monnaie" />
</li>
<li>
<img data-lazyimg-list="true" src="img/memes/magritte.jpeg" alt="" />
</li>
<li>
<img data-lazyimg-list="true" src="img/memes/Jeune.png" alt="" />
</li>
<li>
<img data-lazyimg-list="true" src="img/memes/Jesus-june.jpg" alt="" />
</li>
<li>
<img data-lazyimg-list="true" src="img/memes/street-fighter2.jpg" alt="" />
</li>
<li>
<img data-lazyimg-list="true" src="img/memes/TRN-cc-00-by-sa.jpg" alt="Théorie Relative du Nem" />
</li>
</ul>
<footer>
<p>Vous aimez ce site ? Faites-moi un don en june :</p>
<p><img data-lazyimg-list="true" src="img/qrcodeg1cotiz.png" alt="Clef publique d'Attilax" title="Clef publique d'Attilax" /></p>
<p>site publié sous licence libre CC-By-SA</p>
</footer>
</body>
</html>

BIN
img/bannierevrac2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1023 KiB

BIN
img/calendrier.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

BIN
img/itw/adrien.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

BIN
img/itw/anne.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

BIN
img/itw/danielle.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

BIN
img/itw/elois.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

BIN
img/itw/fred.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

BIN
img/itw/gaelle.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

BIN
img/itw/gerard.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

BIN
img/itw/gpsqueek.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

BIN
img/itw/helios.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

BIN
img/itw/hugo.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

BIN
img/itw/jeremy.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

BIN
img/itw/leo.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 KiB

BIN
img/itw/nicole.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

BIN
img/itw/pi-attilax-poka.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

BIN
img/itw/stephane.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

BIN
img/itw/virgule.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

BIN
img/itw/vit.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

BIN
img/logos/Gjune.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
img/logos/axiomlogo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
img/logos/dunitersmall.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
img/logos/logo_200px.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 340 KiB

BIN
img/memes/Jesus-june.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 305 KiB

BIN
img/memes/Jeune.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB

BIN
img/memes/Marx-G1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 186 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
img/memes/Uncle-Sam-ML.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 568 KiB

BIN
img/memes/magritte.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 698 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 587 KiB

BIN
img/qrcodeg1cotiz.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
img/tirelire-cochon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

55
index.html Normal file
View File

@ -0,0 +1,55 @@
<!DOCTYPE html>
<html>
<head>
<title>Ma monnaie libre</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="themes/attilax/layout.css" />
<link rel="stylesheet" type="text/css" href="themes/attilax/decoration.css" />
</head>
<body class="page-accueil">
<header>
<h1>
<a href=".">
<span>
Ma monnaie libre
</span>
</a>
</h1>
</header>
<h2>Productions</h2>
<dl>
<dt><a href="temoignages-interviews-g1.html">Paroles de libristes</a></dt>
<dd>
Courtes interviews de membres de la première monnaie libre : la June.
Qui sont-ils ? Quelles sont leurs motivations ? Pourquoi pensent-ils que cette monnaie peut tout changer ?
Réponse ici et maintenant en vidéo.
</dd>
<dt><a href="g1meme.html">La June amusante</a></dt>
<dd>
collection de mèmes
</dd>
<dt>Le Crevard de la June</dt>
<dd>
L'histoire d'un mec qui essaye de se faire certifier
</dd>
</dl>
<footer>
<p>Vous aimez ce site ? Faites-moi un don en june :</p>
<p><img src="img/qrcodeg1cotiz.png" alt="Clef publique d'Attilax" /></p>
<p>site publié sous licence libre CC-By-SA</p>
</footer>
</body>
</html>

1
lib/lazyImg.min.js vendored Normal file
View File

@ -0,0 +1 @@
var lazyImg={};!function(){lazyImg.image="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEA",lazyImg.custom_offset=100,lazyImg.view_elements=[],lazyImg.viewportHeight=lazyImg.viewportWidth=0,lazyImg.body=lazyImg.docEl=null,lazyImg.initVar=function(){lazyImg.viewportHeight=window.innerHeight,lazyImg.viewportWidth=window.innerWidth,lazyImg.body=document.body,lazyImg.docEl=document.documentElement},lazyImg.setConfig=function(a,b){lazyImg.image=a||lazyImg.image,lazyImg.custom_offset=b||lazyImg.custom_offset},lazyImg.reveal=function(){for(var a=window.scrollTop||lazyImg.docEl.scrollTop||lazyImg.body.scrollTop,b=window.scrollLeft||lazyImg.docEl.scrollLeft||lazyImg.body.scrollLeft,c=lazyImg.docEl.clientTop||lazyImg.body.clientTop||0,d=lazyImg.docEl.clientLeft||lazyImg.body.clientLeft||0,e=0;e<lazyImg.view_elements.length;e++){var f=lazyImg.view_elements[e],g=f.getBoundingClientRect(),h=Math.round(g.top+a-c),i=Math.round(g.bottom+a-c),j=Math.round(g.left+b-d);i>a-lazyImg.custom_offset&&h<a+lazyImg.viewportHeight+lazyImg.custom_offset&&j>b-lazyImg.custom_offset&&j<b+lazyImg.viewportWidth+lazyImg.custom_offset&&(f.src=f.getAttribute("data-lazyimg-src"),f.srcset=f.getAttribute("data-lazyimg-srcset"),f.removeAttribute("data-lazyimg-loading"),f.removeAttribute("data-lazyimg-src"),f.removeAttribute("data-lazyimg-srcset"),lazyImg.view_elements.splice(e,1),e--)}0==lazyImg.view_elements.length&&lazyImg.removeListener()},lazyImg.list_maker=function(){for(var a=document.querySelectorAll("img:not([data-lazyimg-list])"),b=0;b<a.length;b++){var c=a[b];lazyImg.view_elements.push(c),c.setAttribute("data-lazyimg-list","true"),c.setAttribute("data-lazyimg-loading","true"),c.setAttribute("data-lazyimg-src",c.src),c.setAttribute("data-lazyimg-srcset",c.srcset),c.src=lazyImg.image,c.srcset=""}},lazyImg.throttle=function(a,b){var c=!1;return function(){c||(a.call(),c=!0,setTimeout(function(){c=!1},b))}},lazyImg.listener=function(){lazyImg.initVar(),lazyImg.reveal()},lazyImg.throttleListener=lazyImg.throttle(lazyImg.listener,100),lazyImg.removeListener=function(){window.removeEventListener("scroll",lazyImg.throttleListener),window.removeEventListener("resize",lazyImg.throttleListener)},lazyImg.activeListener=function(){window.addEventListener("scroll",lazyImg.throttleListener,!1),window.addEventListener("resize",lazyImg.throttleListener,!1)},lazyImg.activeListener(),lazyImg.intervalObject=setInterval(function(){lazyImg.list_maker()},20),window.addEventListener("load",function(){clearInterval(lazyImg.intervalObject),lazyImg.list_maker(),lazyImg.activeListener(),lazyImg.initVar(),lazyImg.reveal()},!1)}();

10
lib/openVideo.js Normal file
View File

@ -0,0 +1,10 @@
function openVideo (elt) {
let url = elt.href;
var embedLink = url.replace(/(https?:\/\/.*\/videos)\/watch\/(.*)/, '$1/embed/$2?start=1s&amp;autoplay=1');
elt.insertAdjacentHTML('afterend', '<iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups" src="'+embedLink+'" frameborder="0" allowfullscreen></iframe>');
elt.style.display = "none";
}

View File

@ -0,0 +1,188 @@
<!DOCTYPE html>
<html>
<head>
<title>Témoignages d'utilisateurs de la Ğ1 - Ma monnaie libre</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="themes/attilax/layout.css" />
<link rel="stylesheet" type="text/css" href="themes/attilax/decoration.css" />
<script type="text/javascript" src="lib/lazyImg.min.js"></script>
</head>
<body class="page-paroles-de-libristes">
<header>
<p>
<a href=".">
<span>
Ma monnaie libre
</span>
</a>
</p>
</header>
<h1>Paroles de libristes</h1>
<h2>Virgule</h2>
<p>
<a href="https://tube.p2p.legal/videos/watch/e91a9d65-1c2b-4b65-9e0c-e9d936ab518b" onclick="openVideo(this); return false;">
<img data-lazyimg-list="true" src="img/itw/virgule.jpg" alt="Interview de Virgule" />
</a>
</p>
<h2>Léo</h2>
<p>
<a href="https://tube.p2p.legal/videos/watch/7f2e9175-ed2a-44fd-a46e-9dd166daea98" onclick="openVideo(this); return false;">
<img data-lazyimg-list="true" src="img/itw/leo.png" alt="Interview de Léo" />
</a>
</p>
<h2>Hélios</h2>
<p>
<a href="https://tube.p2p.legal/videos/watch/3e0ab7b9-3d4b-4598-9ab6-8fe386328943" onclick="openVideo(this); return false;">
<img data-lazyimg-list="true" src="img/itw/helios.jpg" alt="Interview de Hélios" />
</a>
</p>
<h2>Hugo</h2>
<p>
<a href="https://tube.p2p.legal/videos/watch/24b1811e-c778-4637-8ec2-e856ab75dc2e" onclick="openVideo(this); return false;">
<img data-lazyimg-list="true" src="img/itw/hugo.jpg" alt="Interview d'Hugo" />
</a>
</p>
<h2>Gérard</h2>
<p>
<a href="https://tube.p2p.legal/videos/watch/0c312dc4-afd5-47f3-83fd-9867d43278c9" onclick="openVideo(this); return false;">
<img data-lazyimg-list="true" src="img/itw/gerard.jpg" alt="Interview de Gérard" />
</a>
</p>
<h2>Adrien</h2>
<p>
<a href="https://tube.p2p.legal/videos/watch/dc70fb70-b7c1-464f-9105-aaaf5dac64d7" onclick="openVideo(this); return false;">
<img data-lazyimg-list="true" src="img/itw/adrien.jpg" alt="Interview d'Adrien" />
</a>
</p>
<h2>Nicole</h2>
<p>
<a href="https://tube.p2p.legal/videos/watch/abda67c7-7906-480b-b05e-07da977718be" onclick="openVideo(this); return false;">
<img data-lazyimg-list="true" src="img/itw/nicole.jpg" alt="Interview de Nicole" />
</a>
</p>
<h2>Jérémy</h2>
<p>
<a href="https://tube.p2p.legal/videos/watch/6e8474b7-4b1d-4cbf-8f7b-939b2e9f8c08" onclick="openVideo(this); return false;">
<img data-lazyimg-list="true" src="img/itw/jeremy.jpg" alt="Interview de Jérémy" />
</a>
</p>
<h2>Éloïs</h2>
<p>
<a href="https://tube.p2p.legal/videos/watch/ede66095-2665-4b4c-ab1a-b97c338c0472" onclick="openVideo(this); return false;">
<img data-lazyimg-list="true" src="img/itw/elois.jpg" alt="Interview d'Éloïs" />
</a>
</p>
<h2>Gauthier et Élodie</h2>
<p>
<a href="https://tube.p2p.legal/videos/watch/74c0f481-58a5-4420-ba77-72e954183c84" onclick="openVideo(this); return false;">
<img data-lazyimg-list="true" src="img/itw/gauthier-et-elodie.jpg" alt="Interview de Gauthier et Élodie" />
</a>
</p>
<h2>Anne</h2>
<p>
<a href="https://tube.p2p.legal/videos/watch/e6d6b862-a9ad-4d96-94ca-02926ab8845a" onclick="openVideo(this); return false;">
<img data-lazyimg-list="true" src="img/itw/anne.jpg" alt="Interview d'Anne" />
</a>
</p>
<h2>Stéphane</h2>
<p>
<a href="https://tube.p2p.legal/videos/watch/7d866d73-edf1-4de3-bcb8-e6b5a09a60b1" onclick="openVideo(this); return false;">
<img data-lazyimg-list="true" src="img/itw/stephane.jpg" alt="Interview de Stéphane" />
</a>
</p>
<h2>Fred</h2>
<p>
<a href="https://tube.p2p.legal/videos/watch/b7ee56aa-f95a-4130-9542-2ffb7acb7e1b" onclick="openVideo(this); return false;">
<img data-lazyimg-list="true" src="img/itw/fred.jpg" alt="Interview de Fred" />
</a>
</p>
<h2>Gaëlle</h2>
<p>
<a href="https://tube.p2p.legal/videos/watch/1a67e4e2-771d-49f7-8d8a-5f25308f2585" onclick="openVideo(this); return false;">
<img data-lazyimg-list="true" src="img/itw/gaelle.jpg" alt="Interview de Gaëlle" />
</a>
</p>
<h2>gpsqueek</h2>
<p>
<a href="https://tube.p2p.legal/videos/watch/919d851a-5fc8-4cb9-b30c-b5846756d595" onclick="openVideo(this); return false;">
<img data-lazyimg-list="true" src="img/itw/gpsqueek.jpg" alt="Interview de gpsqueek" />
</a>
</p>
<h2>VIT</h2>
<p>
<a href="https://tube.p2p.legal/videos/watch/5b629b22-5693-4cb3-b12f-75b3b3ae4a05" onclick="openVideo(this); return false;">
<img data-lazyimg-list="true" src="img/itw/vit.jpg" alt="Interview de VIT" />
</a>
</p>
<h2>Danielle</h2>
<p>
<a href="https://tube.p2p.legal/videos/watch/01b410a0-920b-450c-aa30-2fe02e36e81d" onclick="openVideo(this); return false;">
<img data-lazyimg-list="true" src="img/itw/danielle.jpg" alt="Interview de Danielle" />
</a>
</p>
<h2>Pi, Attilax et Poka</h2>
<p>
<a href="https://tube.p2p.legal/videos/watch/036be93f-88aa-4bba-96a5-e6442d631ab8" onclick="openVideo(this); return false;">
<img data-lazyimg-list="true" src="img/itw/pi-attilax-poka.jpg" alt="Interview de Pi, Attilax et Poka" />
</a>
</p>
<footer>
<p>Vous aimez ce site ? Faites-moi un don en june :</p>
<p><img src="img/qrcodeg1cotiz.png" alt="Clef publique d'Attilax" /></p>
<p>site publié sous licence libre CC-By-SA</p>
</footer>
<script src="lib/openVideo.js"></script>
</body>
</html>

View File

@ -0,0 +1,35 @@
body {
background-image: url("espace-1348w-60pcts.jpg");
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
color: white;
text-align: center;
font-family: "Bree Serif";
font-weight: bold;
text-shadow: 0 0 0.5rem hsl(244.8, 86.2%, 5.7%);
}
body > header a:after {
background-image: url("mamonnaielibre-800w.tiny.png");
}
.page-paroles-de-libristes h2 {
text-transform: uppercase;
}
.page-memes ul {
list-style: none;
margin: 0;
}
a, a:visited {
color: white;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

BIN
themes/attilax/espace.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 422 KiB

86
themes/attilax/layout.css Normal file
View File

@ -0,0 +1,86 @@
body {
max-width: 800px;
margin: auto;
}
body > header {
margin-bottom: 2rem;
}
body > header a span {
display: none;
}
body > header a:after {
content: " ";
width: 100%;
height: calc(800px / 1105*351);
display: block;
background-repeat: no-repeat;
background-size: contain;
}
body > h1 {
margin-top: 3rem;
margin-bottom: 3rem;
}
img {
max-width: 100%;
}
footer {
margin-top: 3rem;
border-top: 0.125rem solid white;
}
dl {
text-align: left;
}
dt {
margin-top: 1.5rem;
margin-bottom: 0.5rem;
}
.page-memes ul {
margin-left: 0;
margin-right: 0;
}
.page-memes ul li {
margin-top: 3rem;
margin-bottom: 3rem;
}
.page-memes ul li img {
max-height: 80vh;
max-width: 560px;
display: block;
margin-left: auto;
margin-right: auto;
}
.page-memes ul li img:after {
content: attr(title);
display: block;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 270 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 403 KiB

BIN
themes/attilax/peertube.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 171 KiB