Merge branch 'master' of ssh://vvvvvvaria.org:12345/alicestrt/vvvw

This commit is contained in:
nglk 2021-01-15 19:33:38 +01:00
commit 5e8e3781be
2 changed files with 23 additions and 18 deletions

View File

@ -20,7 +20,7 @@
<div class="container-fluid p-0">
<div class="bg">
<div class="row">
<div class="col-md-4 offset-md-8" id="menu">
<div class="col-md-3 offset-md-9" id="menu">
<span id="about">
<a href="#" >about</a> |
</span>
@ -35,18 +35,7 @@
</div>
<div class="row">
<!-- background audio -->
<div class="col-md-9" style="position: static;">
<div class="row">
<div class="col-md-5 offset-md-1 col-sm-6 offset-sm-3 col-xs-6 offset-xs-3">
<button onclick="playpause('audioBG')" type="button" name="button"><i class="audioBG fa fa-play"></i></button>
<audio id="audioBG"
preload="metadata" onloadedmetadata="mDur(dur1,audioBG)" ontimeupdate="mPlay(dur1,audioBG)">
<source src="static/audio/output.webm" type="audio/mpeg">
</audio>
<input id="dur1" type="range" name="rng" min="0" step="0.25" value="0" onchange="mSet(dur1,audioBG)" style="width: 150px">
</div>
</div>
<div class="col-md-9">
<div class="row">
<div class="col-md-12">
<br>
@ -58,6 +47,18 @@ preload="metadata" onloadedmetadata="mDur(dur1,audioBG)" ontimeupdate="mPlay(dur
</div>
</div>
</div>
<div class="row">
<div class="col-md-5 col-sm-6 col-xs-6">
<button onclick="playpause('audioBG')" type="button" name="button"><i class="audioBG fa fa-play"></i></button>
<audio id="audioBG"
preload="metadata" onloadedmetadata="mDur(dur1,audioBG)" ontimeupdate="mPlay(dur1,audioBG)">
<source src="static/audio/output.webm" type="audio/mpeg">
</audio>
<input id="dur1" type="range" name="rng" min="0" step="0.25" value="0" onchange="mSet(dur1,audioBG)" style="width: 150px">
</div>
</div>
</div>
</div>

View File

@ -74,15 +74,16 @@ top:50%;
/* Audio in background */
.audioBG {
margin-top: 35px;
margin-left: 50px;
margin-top: -2px;
font-size: 20px!important;
}
button {
background-color: #fff0f000;
}
#dur1 {
margin-top: 18px;
margin-top: -2px;
}
.audio-button {
@ -222,7 +223,7 @@ a {
padding-left: 5px;
font-family: 'Vesper Libre', serif;
display: inline;
font-size: 1em;
font-size: 0.8em;
}
@ -420,10 +421,13 @@ h2 {
/* about and colophon */
#menu {
margin-top: 15px;
}
#about, #colophon, #how {
font-family:'Walter Turncoat', cursive;
color: #d81159;
margin-top: 20px;
font-size: 16px;
}