hq/sakrecoer-mother-web
hq/sakrecoer-mother-web
4
0
Fork 0
Code Issues Pull requests Packages Projects Releases 1 Wiki Activity

adding CSS

Browse source
This commit is contained in:
Set Sakrecoer 2019-04-28 21:08:49 +02:00
parent 2208b0af0c
commit 45c4cc424d
2 changed files with 22 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
_sass/main.scss
View file

@ -0,0 +1,16 @@
#hero {
video {
position:fixed;
right:0;
bottom:0;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
z-index:-100;
background:url(../../assets/img/bg/frontpage.jpg) no-repeat;
background-size:cover;
-webkit-transition:1s opacity;
transition:1s opacity;
}
}

11
index.html
View file

@ -7,6 +7,12 @@ layout: default
---
<div id="hero">
<h1>GREETINGS<br />ROBOT!</h1>
<button id="video_pause">Pause<br />Video</button>
<video autoplay loop poster="{{ site.baseurl }}/assets/img/bg/frontpage.jpg" id="bgvid">
<source src="{{ site.baseurl }}/assets/vi/0001-0076.webm" type="video/webm">
<source src="{{ site.baseurl }}/assets/vi/0001-0076.mp4" type="video/mp4">
</video>
</div>
<div>
@ -21,12 +27,7 @@ layout: default
</div>
{% endfor %}
<button id="video_pause">Pause<br />Video</button>
<video autoplay loop poster="{{ site.baseurl }}/assets/img/bg/frontpage.jpg" id="bgvid">
<source src="{{ site.baseurl }}/assets/vi/0001-0076.webm" type="video/webm">
<source src="{{ site.baseurl }}/assets/vi/0001-0076.mp4" type="video/mp4">
</video>
<script type="text/javascript">