forked from axiom-team/astrXbian
[ENH] style Astroport, nom des stations et lien contrat IPNS sur l'image
This commit is contained in:
parent
7c8ee0cb02
commit
1324ab8978
|
@ -1 +1,4 @@
|
||||||
__pycache__
|
__pycache__
|
||||||
|
www/boris/me
|
||||||
|
www/boris/swarm
|
||||||
|
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 9.6 KiB |
|
@ -1,6 +1,7 @@
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
define('HOST', 'tube.copylaradio.com');
|
define('STATION_NAME', exec('cat ../../../ipfs/.12D*/_xbian.zuid'));
|
||||||
|
define('HOST', 'astroport');
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
|
||||||
|
|
|
@ -81,7 +81,7 @@ main {
|
||||||
article {
|
article {
|
||||||
|
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
background: hsl(200.8, 100%, 9.6%);
|
background: var(--canard);
|
||||||
width: 58.3%;
|
width: 58.3%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
|
@ -0,0 +1,111 @@
|
||||||
|
:root {
|
||||||
|
|
||||||
|
--rouge: hsl(0, 98.8%, 33.5%);
|
||||||
|
--noir-fonce: hsl(0, 30%, 2.1%);
|
||||||
|
--noir-moyen: hsl(0, 15%, 3.1%);
|
||||||
|
--noir-clair: hsl(0, 5%, 7.1%);
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
|
||||||
|
background: var(--noir-fonce);
|
||||||
|
color: white;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-family: Roboto,sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
|
||||||
|
background: var(--noir-clair);
|
||||||
|
overflow: hidden;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
header * {
|
||||||
|
|
||||||
|
font-size: 1.5rem;
|
||||||
|
padding: 0.5rem;
|
||||||
|
margin: 0;
|
||||||
|
color: var(--rouge);
|
||||||
|
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(--noir-clair);
|
||||||
|
border-color: var(--rouge);
|
||||||
|
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(--noir-clair);
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
|
||||||
|
display: none;
|
||||||
|
}
|
|
@ -0,0 +1,104 @@
|
||||||
|
: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;
|
||||||
|
}
|
|
@ -14,8 +14,8 @@ foreach ($videos as $v) {
|
||||||
list($a, $youtubeID, $c, $videoName, $e, $src, $h, $quality, $videoURI) = explode(";", $v);
|
list($a, $youtubeID, $c, $videoName, $e, $src, $h, $quality, $videoURI) = explode(";", $v);
|
||||||
|
|
||||||
|
|
||||||
$videoURL = 'https://'. HOST. $videoURI;
|
$videoURL = 'http://'. HOST. $videoURI;
|
||||||
$videoEco = 'https://'. HOST. '/ipns/' . $h;
|
$videoEco = 'http://'. HOST. '/ipns/' . $h;
|
||||||
$mimeType = guessTypeFromFilename($videoURI);
|
$mimeType = guessTypeFromFilename($videoURI);
|
||||||
|
|
||||||
|
|
||||||
|
@ -38,19 +38,16 @@ foreach ($videos as $v) {
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>Astroport/School: WWW/IPFS - Interfaces et API - </title>
|
<title>Astroport/School: WWW/IPFS - Interfaces et API - </title>
|
||||||
<link rel="stylesheet" href="crowdbunker.css" type="text/css" />
|
<link rel="stylesheet" href="styles/astroport/style.css" type="text/css" />
|
||||||
<link rel="icon" type="image/png" href="./astrocrowdbunker.png" />
|
<link rel="icon" type="image/png" href="./astroport.png" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<header>
|
<header>
|
||||||
<h1>
|
<h1>
|
||||||
<span><a href="https://git.p2p.legal/axiom-team/astrXbian/src/branch/master/www/boris">~/.zen/AstXbian/www/boris</a></span> × <span><a href="/ipfs/QmbmjSBWVNSSjJsMmCeFuFtQiuWyGg6iUGLRyvK7TUkFN8">Voir le code de la page</a></span>
|
<a href="youtube.php">Astroport "<span><?php echo STATION_NAME; ?></span>"</a>
|
||||||
</h1>
|
</h1>
|
||||||
</header>
|
</header>
|
||||||
<h2>
|
|
||||||
<span>le code est libre</span> × <span>voyez le évoluer</span>
|
|
||||||
</h2>
|
|
||||||
<main>
|
<main>
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
|
@ -66,12 +63,12 @@ foreach ($videosList as $video) {
|
||||||
|
|
||||||
echo '
|
echo '
|
||||||
|
|
||||||
<a href="'. $href .'">
|
<a href="'. $video['eco'] .'">
|
||||||
<img src="'. sprintf(YOUTUBE_THUMB, $video['youtubeID']) . '" alt="'. $video['name'] . '" />
|
<img src="'. sprintf(YOUTUBE_THUMB, $video['youtubeID']) . '" alt="'. $video['name'] . '" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<p class="video-title">
|
<p class="video-title">
|
||||||
<a href="'. $video['eco'] .'">
|
<a href="'. $href .'">
|
||||||
' . $video['name'] . '
|
' . $video['name'] . '
|
||||||
</a>
|
</a>
|
||||||
</p>';
|
</p>';
|
||||||
|
@ -83,6 +80,13 @@ echo '</ul>';
|
||||||
?>
|
?>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>
|
||||||
|
<span>le code est libre</span> × <span>voyez le évoluer</span>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<span><a href="https://git.p2p.legal/axiom-team/astrXbian/src/branch/master/www/boris">~/.zen/AstXbian/www/boris</a></span> × <span><a href="/ipfs/QmbmjSBWVNSSjJsMmCeFuFtQiuWyGg6iUGLRyvK7TUkFN8">Voir le code de la page</a></span>
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -2,22 +2,22 @@
|
||||||
require_once('functions.php');
|
require_once('functions.php');
|
||||||
require_once('conf.php');
|
require_once('conf.php');
|
||||||
|
|
||||||
$videoURL = 'https://'. HOST. htmlentities($_GET['uri']);
|
$videoURL = 'http://'. HOST. htmlentities($_GET['uri']);
|
||||||
$videoName = htmlentities(urldecode($_GET['name']));
|
$videoName = htmlentities(urldecode($_GET['name']));
|
||||||
$videoMIME = htmlentities($_GET['mime']);
|
$videoMIME = htmlentities($_GET['mime']);
|
||||||
|
|
||||||
?><!DOCTYPE html>
|
?><!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>AstroCrowdBuster</title>
|
<title><?php echo $videoName; ?> - Astroport "<?php echo STATION_NAME; ?></title>
|
||||||
<link rel="stylesheet" href="crowdbunker.css" type="text/css" />
|
<link rel="stylesheet" href="styles/astroport/style.css" type="text/css" />
|
||||||
<link rel="icon" type="image/png" href="/astrocrowdbunker.png" />
|
<link rel="icon" type="image/png" href="/astroport.png" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<header>
|
<header>
|
||||||
<h6>
|
<h6>
|
||||||
<a href="youtube.php"><span>Astroport</span> × <span>Crowdbunker</span></a>
|
<a href="youtube.php">Astroport "<span><?php echo STATION_NAME; ?></span>"</a>
|
||||||
</h6>
|
</h6>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue