From 87b12730c7e003cc0686c93d034b7b8f65843b6f Mon Sep 17 00:00:00 2001 From: Imanoel Ali Date: Thu, 17 Jan 2019 11:58:41 +0330 Subject: [PATCH] add some tips on index page --- assets/styles.css | 30 +++++++++++++++++++++++------- index.html | 12 +++++++++++- 2 files changed, 34 insertions(+), 8 deletions(-) diff --git a/assets/styles.css b/assets/styles.css index 9a0f6c1..5748b40 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -20,7 +20,7 @@ video { height: 100%; } -ul { +.controls ul { font: 20px sans-serif; display: flex; align-items: stretch; @@ -30,7 +30,7 @@ ul { padding: 0; } -li { +.controls ul li { flex: 0 1 auto; list-style-type: none; height: 100%; @@ -45,7 +45,7 @@ li { top: 0; } -li:first-child { +.controls ul li:first-child { background: #ffffff45; left: 0; } @@ -71,7 +71,7 @@ li:first-child { } /* comment to show links */ -a { +.controls a { color: #ffffffa6; text-decoration: none; text-shadow: 0px 0px 10px #000; @@ -83,12 +83,12 @@ a { vertical-align: middle; } -a:hover { +.controls a:hover { color: white; } -a:active, -a:focus { +.controls a:active, +.controls a:focus { color: white; text-decoration: underline solid white } @@ -226,4 +226,20 @@ video::-webkit-media-controls-panel { .file-area input[type=file]:valid+.file-dummy .default { display: inline-block; +} + +ul.file-tips { + /* list-style-type: none; */ + border-top: 1px solid black; + padding: 16px; + width: inherit; + margin: 0; + margin: 29px auto; + text-align: left; +} + +h2 { + margin-top: -15%; + margin-bottom: 12%; + font-size: 3em; } \ No newline at end of file diff --git a/index.html b/index.html index 4179050..3f30eff 100644 --- a/index.html +++ b/index.html @@ -19,8 +19,18 @@
- Select video file +

Bandersnatch Interactive Player

+ Select Bandersnatch video file ( 5:12:14 ) Great, your file is selected +
    +
  • this player only work on google chrome ( on firefox dont work , codec problem,test other browser ?)
  • +
  • download Bandersnatch video file ( 5:12:14 )
  • +
  • drag it on white box on page :)
  • +
  • on full screen video choice dont show !!!
  • +
  • only english subtitle available , if you want add another language subtitle , tell me ( Ali Zemani)
  • + +