amélioration temps de chargement et retrait du superflu
|
@ -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>
|
||||
|
After Width: | Height: | Size: 1023 KiB |
After Width: | Height: | Size: 41 KiB |
After Width: | Height: | Size: 41 KiB |
After Width: | Height: | Size: 50 KiB |
After Width: | Height: | Size: 40 KiB |
After Width: | Height: | Size: 61 KiB |
After Width: | Height: | Size: 54 KiB |
After Width: | Height: | Size: 51 KiB |
After Width: | Height: | Size: 49 KiB |
After Width: | Height: | Size: 49 KiB |
After Width: | Height: | Size: 62 KiB |
After Width: | Height: | Size: 47 KiB |
After Width: | Height: | Size: 71 KiB |
After Width: | Height: | Size: 50 KiB |
After Width: | Height: | Size: 93 KiB |
After Width: | Height: | Size: 70 KiB |
After Width: | Height: | Size: 46 KiB |
After Width: | Height: | Size: 35 KiB |
After Width: | Height: | Size: 73 KiB |
After Width: | Height: | Size: 44 KiB |
After Width: | Height: | Size: 22 KiB |
After Width: | Height: | Size: 3.6 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 23 KiB |
After Width: | Height: | Size: 340 KiB |
After Width: | Height: | Size: 305 KiB |
After Width: | Height: | Size: 38 KiB |
After Width: | Height: | Size: 146 KiB |
After Width: | Height: | Size: 186 KiB |
After Width: | Height: | Size: 1.3 MiB |
After Width: | Height: | Size: 27 KiB |
After Width: | Height: | Size: 568 KiB |
After Width: | Height: | Size: 698 KiB |
After Width: | Height: | Size: 587 KiB |
After Width: | Height: | Size: 4.0 KiB |
After Width: | Height: | Size: 95 KiB |
|
@ -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>
|
||||
|
|
@ -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)}();
|
|
@ -0,0 +1,10 @@
|
|||
function openVideo (elt) {
|
||||
|
||||
let url = elt.href;
|
||||
|
||||
var embedLink = url.replace(/(https?:\/\/.*\/videos)\/watch\/(.*)/, '$1/embed/$2?start=1s&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";
|
||||
}
|
|
@ -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>
|
||||
|
|
@ -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;
|
||||
}
|
After Width: | Height: | Size: 124 KiB |
After Width: | Height: | Size: 422 KiB |
|
@ -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;
|
||||
}
|
After Width: | Height: | Size: 270 KiB |
After Width: | Height: | Size: 69 KiB |
After Width: | Height: | Size: 403 KiB |
After Width: | Height: | Size: 171 KiB |