axiom-team
/
astrXbian
2
7
Fork 4
Code Issues 20 Pull Requests Projects Releases Wiki Activity
Browse Source

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

pull/32/head
Boris 2 months ago
parent
7c8ee0cb02
commit
1324ab8978
8 changed files with 241 additions and 18 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      .gitignore
  2. BIN
      www/boris/astroport.png
  3. 3
      www/boris/conf.php
  4. 2
      www/boris/crowdbunker.css
  5. 111
      www/boris/styles/astroport/style.css
  6. 104
      www/boris/styles/crowdbunker/style.css
  7. 26
      www/boris/youtube.php
  8. 10
      www/boris/youtube_watch.php

3
.gitignore
View File

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

BIN
www/boris/astroport.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.6 KiB

3
www/boris/conf.php
View File

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

2
www/boris/crowdbunker.css
View File

@ -81,7 +81,7 @@ main {
article {
border-radius: 0.25rem;
background: hsl(200.8, 100%, 9.6%);
background: var(--canard);
width: 58.3%;
margin: auto;
overflow: hidden;

111
www/boris/styles/astroport/style.css
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;
}

104
www/boris/styles/crowdbunker/style.css
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;
}

26
www/boris/youtube.php
View File

@ -14,8 +14,8 @@ foreach ($videos as $v) {
list($a, $youtubeID, $c, $videoName, $e, $src, $h, $quality, $videoURI) = explode(";", $v);
$videoURL = 'https://'. HOST. $videoURI;
$videoEco = 'https://'. HOST. '/ipns/' . $h;
$videoURL = 'http://'. HOST. $videoURI;
$videoEco = 'http://'. HOST. '/ipns/' . $h;
$mimeType = guessTypeFromFilename($videoURI);
@ -38,19 +38,16 @@ foreach ($videos as $v) {
<html>
<head>
<title>Astroport/School: WWW/IPFS - Interfaces et API - </title>
<link rel="stylesheet" href="crowdbunker.css" type="text/css" />
<link rel="icon" type="image/png" href="./astrocrowdbunker.png" />
<link rel="stylesheet" href="styles/astroport/style.css" type="text/css" />
<link rel="icon" type="image/png" href="./astroport.png" />
</head>
<body>
<header>
<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>
</header>
<h2>
<span>le code est libre</span> × <span>voyez le évoluer</span>
</h2>
<main>
<?php
@ -66,12 +63,12 @@ foreach ($videosList as $video) {
echo '
<a href="'. $href .'">
<a href="'. $video['eco'] .'">
<img src="'. sprintf(YOUTUBE_THUMB, $video['youtubeID']) . '" alt="'. $video['name'] . '" />
</a>
<p class="video-title">
<a href="'. $video['eco'] .'">
<a href="'. $href .'">
' . $video['name'] . '
</a>
</p>';
@ -83,6 +80,13 @@ echo '</ul>';
?>
</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>
</html>

10
www/boris/youtube_watch.php
View File

@ -2,22 +2,22 @@
require_once('functions.php');
require_once('conf.php');
$videoURL = 'https://'. HOST. htmlentities($_GET['uri']);
$videoURL = 'http://'. HOST. htmlentities($_GET['uri']);
$videoName = htmlentities(urldecode($_GET['name']));
$videoMIME = htmlentities($_GET['mime']);
?><!DOCTYPE html>
<html>
<head>
<title>AstroCrowdBuster</title>
<link rel="stylesheet" href="crowdbunker.css" type="text/css" />
<link rel="icon" type="image/png" href="/astrocrowdbunker.png" />
<title><?php echo $videoName; ?> - Astroport "<?php echo STATION_NAME; ?></title>
<link rel="stylesheet" href="styles/astroport/style.css" type="text/css" />
<link rel="icon" type="image/png" href="/astroport.png" />
</head>
<body>
<header>
<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>
</header>

Write Preview
Loading…
Cancel
Save