forked from qo-op/bunkerbox
155 lines
5.2 KiB
HTML
155 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>[BunkerBOX] Home _DATE_</title>
|
|
<link rel="icon" type="image/png" href="styles/logo.png" />
|
|
<link rel="stylesheet" href="styles/video-js.css" type="text/css" />
|
|
<link rel="stylesheet" href="styles/forest.css" type="text/css" />
|
|
<link rel="stylesheet" href="styles/decoration.css" type="text/css" />
|
|
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h6>
|
|
<a href="_IPNSL_" target="bunker"> "<span>BunkerBOX</span>"</a> /ipfs/
|
|
</h6>
|
|
</header>
|
|
|
|
<main>
|
|
<center>
|
|
<img src="crowbunkerbox.png" border="0" usemap="#map" />
|
|
</center>
|
|
<map name="map">
|
|
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
|
|
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
|
|
<!-- #$-:Please do not edit lines starting with "#$" -->
|
|
<!-- #$VERSION:2.3 -->
|
|
<!-- #$AUTHOR:fred -->
|
|
<area shape="rect" coords="0,0,330,62" target="crowdbunker" href="http://crowdbunker.com" />
|
|
<area shape="rect" coords="421,3,876,57" target="crowdbunker" href="http://crowdbunker.com/search?q=Astroport" />
|
|
<area shape="rect" coords="1002,0,1264,61" target="code" href="https://qo-op.com" />
|
|
<area shape="rect" coords="3,64,1260,205" target="code" href="http://opencollective.com/monnaie-libre/projects/bunker-box" />
|
|
</map>
|
|
|
|
<center>
|
|
<div class="row justify-center">
|
|
<video
|
|
id="vbunk"
|
|
class="video-js vjs-theme-forest"
|
|
controls
|
|
preload="auto"
|
|
width="auto" height="360"
|
|
poster="_VUID_.jpg"
|
|
>
|
|
<source src="_VUID_.m3u8" type="application/x-mpegURL" />
|
|
<p class="vjs-no-js">
|
|
Activer JavaScript SVP
|
|
</p>
|
|
</video>
|
|
</div>
|
|
</center>
|
|
|
|
<div id="videosList"><div class="wrapper"></div></div>
|
|
|
|
<article>
|
|
<div class="row justify-center">
|
|
<h1 class="video-title">
|
|
<a href="https://git.p2p.legal/qo-op/bunkerbox" target="code">
|
|
BunkerBOX copie, conserve et partage les chaines vidéos dans IPFS.<br>
|
|
Rendez in-censurable, in-arrêtable la liberté d'expression.<br>
|
|
</a>
|
|
</h1>
|
|
<p><b>Vous aussi activez IPFS !</b>
|
|
<br>
|
|
<ul>
|
|
<li>Débutant, sous Windows ou Mac ? Installez IPFS Desktop à votre OS: <a href="https://github.com/ipfs/ipfs-desktop/releases" target="code">IPFS Desktop</a></li>
|
|
<li>Plus aguerri ou sous Linux? Ajoutez 'go-ipfs' à votre système: <a href="https://github.com/ipfs/go-ipfs/releases" target="code">go-ipfs</a></li>
|
|
<li>Rendez votre navigateur compatible avec le compagnon IPFS <a href="https://github.com/ipfs/ipfs-companion/releases" target="code"><b>ipfs-companion</b></a> !!</li>
|
|
</ul>
|
|
Bunker BOX ready ? Devenez Hébergeur Officiel de BunkerBOX.<br><b>Contactez support@qo-op.com</b><br>
|
|
</p>
|
|
</div>
|
|
</article>
|
|
|
|
<div id="calendarList"><div class="wrapper"></div></div>
|
|
|
|
<center>
|
|
<h6>
|
|
<a href="_IPNSL_"> _\/_ </a> powered by <a href="https://astroport.com"><span>"</span>Astroport<span>"</span></a>
|
|
</h6>
|
|
</center>
|
|
</main>
|
|
</body>
|
|
|
|
<script src="js/video.min.js"></script>
|
|
<script src="js/jquery.min.js"></script>
|
|
<script src="js/pagination.min.js"></script>
|
|
<link rel="stylesheet" href="styles/pagination.css" />
|
|
|
|
<script>
|
|
$.getJSON('./history.json', function (json) {
|
|
$('#videosList').pagination({
|
|
dataSource: json.Videos,
|
|
pageSize: 1,
|
|
callback: function(data, pagination) {
|
|
var wrapper = $('#videosList .wrapper').empty();
|
|
$.each(data, function (i, f) {
|
|
$('#videosList .wrapper').append('<ul><li>' + f.link + '</li></ul>');
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
$.getJSON('./calendar.json', function (json) {
|
|
$('#calendarList').pagination({
|
|
dataSource: json.History,
|
|
pageSize: 1,
|
|
callback: function(data, pagination) {
|
|
var wrapper = $('#calendarList .wrapper').empty();
|
|
$.each(data, function (i, f) {
|
|
$('#calendarList .wrapper').append('<ul><li>' + f.link + '</li></ul>');
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
var arrTimes = [];
|
|
var i = 0; // start
|
|
var timesToTest = 5;
|
|
var tThreshold = 150; //ms
|
|
var testImage = "https://tube.copylaradio.com/ipfs/QmUUyiuCM4yXgaeGyqC2SVUUXZksuxhDfHQYpUpZPuL2oS/astroport.jpg"; // small image in your server
|
|
var dummyImage = new Image();
|
|
var isConnectedFast = false;
|
|
|
|
testLatency(function(avg){
|
|
isConnectedFast = (avg <= tThreshold);
|
|
/** output */
|
|
document.body.appendChild(
|
|
document.createTextNode("Time: " + (avg.toFixed(2)) + "ms - Bunker BOX ready ? " + isConnectedFast)
|
|
);
|
|
});
|
|
|
|
/** test and average time took to download image from server, called recursively timesToTest times */
|
|
function testLatency(cb) {
|
|
var tStart = new Date().getTime();
|
|
if (i<timesToTest-1) {
|
|
dummyImage.src = testImage + '?t=' + tStart;
|
|
dummyImage.onload = function() {
|
|
var tEnd = new Date().getTime();
|
|
var tTimeTook = tEnd-tStart;
|
|
arrTimes[i] = tTimeTook;
|
|
testLatency(cb);
|
|
i++;
|
|
};
|
|
} else {
|
|
/** calculate average of array items then callback */
|
|
var sum = arrTimes.reduce(function(a, b) { return a + b; });
|
|
var avg = sum / arrTimes.length;
|
|
cb(avg);
|
|
}
|
|
}
|
|
</script>
|
|
|
|
</html>
|