iiiypuk/yemin_player
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

change page view

Browse Source
This commit is contained in:
Alexander Popov 2022-02-27 10:59:47 +03:00
parent 1da3c99ec2
commit 4b3d71e728
Signed by: iiiypuk
GPG Key ID: 398FC73478D97286
5 changed files with 59 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
bg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 135 KiB

2
humans.txt
View File

@ -5,4 +5,4 @@ Twitter: @_iiiypuk
Location: Russia
/* SITE */
Last update (Обновлено): 2022/02/02
Last update (Обновлено): 2022/02/27

24
index.html
View File

@ -1,9 +1,10 @@
<!doctype html>
<html>
<html lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Клятва - 2 сезон</title>
<link href="/styles.css" rel="stylesheet">
</head>
<body>
<header>
@ -11,21 +12,19 @@
</header>
<div class="container">
<nav>
<p>Выбери серию =)</p>
<ul id="episodeList"></ul>
</nav>
<section class="section-episodes">
<div class="episodes">
<ul id="episodeList"></ul>
</div>
</section>
<hr>
<div class="video">
<p id="episodeName">&nbsp;</p>
<section class="section-video">
<video id="video" controls>
</video>
</div>
</section>
</div>
<script type="text/javascript">
<script>
'use strict';
let episodesList = [177, 178]; // example
@ -44,11 +43,8 @@
}
function changeEpisode(episodeId) {
let episodeName = document.getElementById('episodeName');
let videoElement = document.getElementById('video');
episodeName.innerText = `${episodeId} серия`;
videoElement.textContent = '';
let videoSource = document.createElement('source');
videoSource.setAttribute('src', `https://iiiypuk.me/y/o/${episodeId}.mp4`);

6
publish.bat
View File

@ -1,4 +1,8 @@
scp font/samsung-one-font.css alex@iiiypuk.me:~/Sites/iiiypuk.me/y/font/samsung-one-font.css
scp font/SamsungOne-400.ttf alex@iiiypuk.me:~/Sites/iiiypuk.me/y/font/SamsungOne-400.ttf
scp font/SamsungOne-400.woff alex@iiiypuk.me:~/Sites/iiiypuk.me/y/font/SamsungOne-400.woff
scp font/SamsungOne-400.woff2 alex@iiiypuk.me:~/Sites/iiiypuk.me/y/font/SamsungOne-400.woff2
scp index.html alex@iiiypuk.me:~/Sites/iiiypuk.me/y/index.html
scp styles.css alex@iiiypuk.me:~/Sites/iiiypuk.me/y/styles.css
scp humans.txt alex@iiiypuk.me:~/Sites/iiiypuk.me/y/humans.txt
scp favicon.ico alex@iiiypuk.me:~/Sites/iiiypuk.me/y/favicon.ico
scp bg.png alex@iiiypuk.me:~/Sites/iiiypuk.me/y/bg.png

63
styles.css
View File

@ -1,9 +1,14 @@
@import url('/font/samsung-one-font.css');
:root {
--c-peace: #a4b0be;
--c-bay-wharf: #747d8c;
--c-wild-watermelon: #ff6b81;
--c-presige-blue: #2f3542;
}
body {
background-color: #fff;
background-image: url('bg.png');
background-repeat: repeat-x repeat-y;
font-family: 'SamsungOne', sans-serif;
margin: 0;
padding: 0;
@ -15,41 +20,59 @@ div.container {
}
header {
background-color: #000;
background-color: var(--c-presige-blue);
color: #fff;
padding: 16px;
}
header p {
section {
margin: 16px 0;
}
p.title {
font-size: 1.3em;
margin: 0;
}
nav p {
/* video section */
section.section-video {
text-align: center;
font-weight: bold;
}
nav ul {
/* episodes section */
section.section-episodes {
text-align: center;
}
div.episodes {
background-color: var(--c-peace);
display: inline-block;
border: 2px solid #000;
border-radius: 8px;
}
div.episodes ul {
margin: 0;
list-style-type: none;
text-align: center;
padding-left: 0;
}
nav li {
background-color: #ccc;
div.episodes li {
display: inline-block;
border-radius: 8px;
padding: 8px;
border: 2px solid #000;
margin: 0 8px;
cursor: pointer;
padding: 8px 16px;
transition: background-color .2s;
}
div.video {
text-align: center;
font-weight: bold;
div.episodes li:first-child {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
hr {
border: 1px solid #444;
div.episodes li:last-child {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
div.episodes li:hover {
background-color: var(--c-bay-wharf);
transition: background-color .2s;
}