reinoud/BandersnatchInteractive
1
0
Fork 0
mirror of https://github.com/mehotkhan/BandersnatchInteractive.git synced 2025-07-28 01:33:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add control tips to index

Browse source
This commit is contained in:
Imanoel Ali 2019-01-18 13:17:24 +03:30
parent bd424db590
commit 1431589f8a
2 changed files with 37 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

32
assets/styles.css
View file

@ -227,7 +227,8 @@ video::-webkit-media-controls-panel {
display: inline-block; display: inline-block;
} }
ul.file-tips { ul.file-tips,
ul.controls-tips {
/* list-style-type: none; */ /* list-style-type: none; */
border-top: 1px solid black; border-top: 1px solid black;
padding: 16px; padding: 16px;
@ -237,13 +238,13 @@ ul.file-tips {
text-align: left; text-align: left;
} }
h2 { h2 {}
ul.file-tips li,
} ul.controls-tips li {
ul.file-tips li {
font-size: .45em; font-size: .45em;
} }
.contact { .contact {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@ -253,6 +254,27 @@ ul.file-tips li {
padding: 1px; padding: 1px;
z-index: 99999; z-index: 99999;
} }
.contact p { .contact p {
font-size: 1em; font-size: 1em;
}
kbd {
background-color: #fafbfc;
border: 1px solid #c6cbd1;
border-bottom-color: rgb(198, 203, 209);
border-bottom-color: #959da5;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #959da5;
color: #444d56;
display: inline-block;
font-size: 11px;
line-height: 10px;
padding: 3px 5px;
vertical-align: middle;
}
h6 {
margin-top: 0;
margin-bottom: 21px;
} }

10
index.html
View file

@ -46,6 +46,16 @@
<li>only english subtitle available , if you want add another language subtitle , tell me</li> <li>only english subtitle available , if you want add another language subtitle , tell me</li>
<li>tested with Black.Mirror.Bandersnatch.2018.720p.WEB-DL.x264.DUAL.mkv file</li> <li>tested with Black.Mirror.Bandersnatch.2018.720p.WEB-DL.x264.DUAL.mkv file</li>
</ul>
<ul class="controls-tips">
<h6>controls tips</h6>
<li><kbd>F</kbd> - Toggle fullscreen</li>
<li><kbd>R</kbd> - Restart video</li>
<li><kbd>→</kbd> - Jump to the next segment (or to the next interaction zone)</li>
<li><kbd>←</kbd> - Jump to the previous segment</li>
<li><kbd>Space</kbd> - Toggle play and pause</li>
</ul> </ul>
</div> </div>
</div> </div>