forked from STI/Astroport.ONE
upgrade
This commit is contained in:
parent
b67a506f0c
commit
993d7bd105
|
@ -8,7 +8,6 @@
|
|||
<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/font-awesome.min.css" type="text/css" />
|
||||
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
|
||||
<link rel="stylesheet" href="styles/video-wall.css" type="text/css" />
|
||||
|
||||
<script src="js/video.min.js"></script>
|
||||
|
@ -69,21 +68,6 @@ $ ( '#vbunk' ).idowsvideowall ( {
|
|||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$.getJSON('_IPNSL_/history._CHANNEL_.json', function (json) {
|
||||
// _IPNSL_ is showing the latest, could be relative to show the actual chain.
|
||||
$('#videosChan').pagination({
|
||||
dataSource: json.Videos,
|
||||
pageSize: 1,
|
||||
callback: function(data, pagination) {
|
||||
var wrapper = $('#videosChan .wrapper').empty();
|
||||
$.each(data, function (i, f) {
|
||||
$('#videosChan .wrapper').append('<ul><li><div class="snippet-block">' + f.link + '</div></li></ul>');
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- Matomo Tag Manager -->
|
||||
<script>
|
||||
var _mtm = window._mtm = window._mtm || [];
|
||||
|
|
|
@ -0,0 +1,188 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>[BunkerBOX] Home _WHO_</title>
|
||||
<link rel="icon" type="image/png" href="styles/logo.png" />
|
||||
<link rel="stylesheet" href="styles/decoration.css" type="text/css" />
|
||||
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
|
||||
<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/tagcloud.css" type="text/css" />
|
||||
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/video.min.js"></script>
|
||||
<script src="js/pagination.min.js"></script>
|
||||
<script src="js/tagcloud.js"></script>
|
||||
<link rel="stylesheet" href="styles/pagination.css" />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h6>
|
||||
<a href="_IPNSL_" target="bunker"> "<span>BunkerBOX</span>"</a> /ipfs/
|
||||
</h6>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
||||
<article>
|
||||
<div class="row justify-center">
|
||||
<h1 class="video-title">
|
||||
<a href="https://git.p2p.legal/qo-op/bunkerbox" target="code">'BunkerBOX' est une extension de l'hebergement 'Crowdbunker'</a>.<br>
|
||||
<a target="code" href="http://opencollective.com/monnaie-libre/projects/bunker-box">Copiez, conservez, partagez, diffusez vos chaines vidéos et multimédia dans IPFS!<br>
|
||||
Prenez possession des clefs. Rendez in-censurable, in-arrêtable la liberté d'expression.</a>
|
||||
</h1>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<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>
|
||||
<p class="video-title">
|
||||
_TITLE_
|
||||
</p>
|
||||
</center>
|
||||
|
||||
<div id="videosList"><div class="wrapper"></div></div>
|
||||
<center>
|
||||
<div id="channels" class="row justify-center"></div>
|
||||
</center>
|
||||
|
||||
|
||||
<article>
|
||||
<div class="row justify-center">
|
||||
<p><b>Activez votre Journal, récupérez la clef de votre canal !</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 ?<br>
|
||||
<b>Contactez support@qo-op.com</b><br>
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<div id="calendarList"><div class="wrapper thumbnail"></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>
|
||||
var player = videojs('vbunk', {
|
||||
});
|
||||
</script>
|
||||
|
||||
<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);
|
||||
}
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
let options = {
|
||||
container: {
|
||||
width: 630,
|
||||
backgroundColor: '#000000',
|
||||
//fontFamily: '"Times New Roman", Times, serif',
|
||||
},
|
||||
tag: {
|
||||
format: '<a href="{tag.link}">{tag.name}</a>: {tag.weight}',
|
||||
maxFontSize: 41, // max font size in pixels
|
||||
minFontSize: 8, // min font size in pixels
|
||||
textShadow: true // enable text shadow
|
||||
},
|
||||
_TAGCLOUD_
|
||||
}
|
||||
$('#channels').tagCloud(options);
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Matomo Tag Manager -->
|
||||
<script>
|
||||
var _mtm = window._mtm = window._mtm || [];
|
||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.async=true; g.src='https://piwik.p2p.legal/js/container_XDhfGZPj.js'; s.parentNode.insertBefore(g,s);
|
||||
</script>
|
||||
<!-- End Matomo Tag Manager -->
|
||||
|
||||
</html>
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue