furk4ngg/keppler
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

✨ Site > Demo > Add labels

Browse Source
This commit is contained in:
brunosimon
2018-01-01 12:03:56 +01:00
parent 59a6846d84
commit 4776ec58c3
3 changed files with 25 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/index.html
+6 -2
View File
@@ -91,11 +91,15 @@
</div>
<div class="speaker js-speaker">
<div class="icon"></div>
<div class="icon">
<div class="label">Speaker</div>
</div>
</div>
<div class="audience js-audience">
<div class="icon"></div>
<div class="icon">
<div class="label">Audience</div>
</div>
<div class="white-cache"></div>
<div class="url-bar"></div>
</div>
site/src/javascript/Demo.js
+1 -1
View File
@@ -77,7 +77,7 @@ export default class Demo
this.goStep(4)
}
if(this.speakerCurrentTime < 17.5 && this.$speakerVideo.currentTime >= 17.5)
if(this.speakerCurrentTime < 17.25 && this.$speakerVideo.currentTime >= 17.25)
{
this.goStep(5)
}
site/src/style/header.styl
+18 -2
View File
@@ -92,7 +92,7 @@ section.header
.demo
position absolute
top 520px
top 505px
left 50%
.speaker
@@ -116,6 +116,14 @@ section.header
background-repeat no-repeat
background-position center center
.label
position absolute
top calc(100% + 6px)
left -50px
right -50px
white-space nowrap
text-align center
.audience
position absolute
top -150px
@@ -138,6 +146,14 @@ section.header
background-repeat no-repeat
background-position center center
.label
position absolute
top calc(100% + 6px)
left -50px
right -50px
white-space nowrap
text-align center
.url-bar
position absolute
top 1.5%
@@ -173,7 +189,7 @@ section.header
top 0
left 0
opacity 0
transition opacity 0.5s
transition opacity 0.25s
will-change opacity
.bar