pull/32/head
parent
1324ab8978
commit
b991c34fdd
@ -1,104 +0,0 @@
|
||||
:root {
|
||||
|
||||
--pink: hsl(338.5, 72.8%, 36.1%);
|
||||
--canard: hsl(200.8, 100%, 9.6%);
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
background: #121212;
|
||||
color: white;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: Roboto,sans-serif;
|
||||
}
|
||||
|
||||
header {
|
||||
|
||||
background: var(--canard);
|
||||
overflow: hidden;
|
||||
margin-bottom: 2rem;
|
||||
|
||||
}
|
||||
|
||||
header * {
|
||||
|
||||
font-size: 1.5rem;
|
||||
padding: 0.5rem;
|
||||
margin: 0;
|
||||
color: var(--pink);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
header span {
|
||||
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
main {
|
||||
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#videosList {
|
||||
|
||||
display: grid;
|
||||
grid-gap: 1rem 1rem;
|
||||
grid-auto-flow: row;
|
||||
grid-template-columns: 322px 322px 322px;
|
||||
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#videosList li {
|
||||
|
||||
background: var(--canard);
|
||||
border-color: var(--pink);
|
||||
border-radius: 0.25rem;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#videosList .video-title {
|
||||
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
.video-title,
|
||||
.video-title a,
|
||||
.video-title a:visited {
|
||||
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
article {
|
||||
|
||||
border-radius: 0.25rem;
|
||||
background: var(--canard);
|
||||
width: 58.3%;
|
||||
margin: auto;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
article video {
|
||||
|
||||
width: 100%;
|
||||
max-height: 50vh;
|
||||
background: black;
|
||||
}
|
||||
|
||||
article .video-title {
|
||||
|
||||
font-weight: bold;
|
||||
padding: 1rem 1rem;
|
||||
font-size: 1.25rem;
|
||||
margin: 0;
|
||||
}
|
||||
@ -0,0 +1 @@
|
||||
styles/crowdbunker/style.css
|
||||
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 25 KiB |
@ -0,0 +1,53 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>$TITLE in Astroport</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Refresh" content="7;URL=https://tube.copylaradio.com/ipns/$IPNSLINK/${G1PUB}/">
|
||||
<link rel='stylesheet' href='http://astroport/styles/astroport/style.css' type='text/css' />
|
||||
<link rel='icon' type='image/png' href='http://astroport/styles/astroport/logo.png' />
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h6>
|
||||
<a href='http://astroport/'><span>ASTROPORT</span> <q>${XZUID}</q></a>
|
||||
</h6>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
|
||||
<h1>$TITLE</h1>
|
||||
|
||||
<p>Lancement de la video dans 7 secondes...</p>
|
||||
|
||||
<p class="pubkey-and-copy-button">
|
||||
Ce fichier vous est servi par une station amie. Faites lui un don pour la remercier :
|
||||
<input type="text" id="pubkey" readonly value="${G1PUB}" />
|
||||
<button id="copy">Tip !</button>
|
||||
</p>
|
||||
|
||||
<p id="successMsg">
|
||||
La clef de la station amie est maintenant copiée dans le presse-papier. Vous pouvez la coller dans le client Ğ1 de votre choix (Cesium par exemple) afin de faire votre don 😉
|
||||
</p>
|
||||
<script>
|
||||
function copy() {
|
||||
|
||||
var copyText = document.querySelector("input#pubkey");
|
||||
copyText.select();
|
||||
document.execCommand("copy");
|
||||
|
||||
var successMsg = document.querySelector("#successMsg");
|
||||
successMsg.style.opacity = "1";
|
||||
|
||||
var copyButton = document.querySelector("button#copy");
|
||||
copyButton.style.animation = "none";
|
||||
|
||||
}
|
||||
|
||||
|
||||
document.querySelector("button#copy").addEventListener("click", copy);
|
||||
</script>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>$TITLE in Astroport</title>
|
||||
<meta charset="UTF-8">
|
||||
<link rel='stylesheet' href='http://astroport/styles/astroport/style.css' type='text/css' />
|
||||
<link rel='icon' type='image/png' href='http://astroport/styles/astroport/logo.png' />
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h6>
|
||||
<a href='http://astroport/'><span>ASTROPORT</span> <q>${XZUID}</q></a>
|
||||
</h6>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<article>
|
||||
<video autoplay="autoplay" controls>
|
||||
<source src="http://astroport/ipfs/$IPFSREPFILEID/$URLENCODE_FILE_NAME">
|
||||
<a href="http://astroport/ipfs/$IPFSREPFILEID/$URLENCODE_FILE_NAME">$TITLE</a>
|
||||
</video>
|
||||
|
||||
<h1 class="video-title">
|
||||
$TITLE
|
||||
</h1>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in new issue