[ENH] style Astroport, nom des stations et lien contrat IPNS sur l'image

This commit is contained in:
Boris 2021-08-26 21:45:11 +02:00
parent 7c8ee0cb02
commit 1324ab8978
8 changed files with 241 additions and 18 deletions

3
.gitignore vendored
View File

@ -1 +1,4 @@
__pycache__ __pycache__
www/boris/me
www/boris/swarm

BIN
www/boris/astroport.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

View File

@ -1,6 +1,7 @@
<?php <?php
define('HOST', 'tube.copylaradio.com'); define('STATION_NAME', exec('cat ../../../ipfs/.12D*/_xbian.zuid'));
define('HOST', 'astroport');
/* /*

View File

@ -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;

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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>

View File

@ -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>