Warwick/portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

did a thing

Browse source
This commit is contained in:
Warwick 2023-10-16 18:35:53 +01:00
parent dcdf5f8bd8
commit dde34afb28
2 changed files with 36 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
themes/warwick_portfolio/assets/css/greeter.css
View file

@ -10,12 +10,32 @@
} }
#greeter { #greeter {
margin: 5% 10% 5% 50%; height: 1080px;
animation: 1s ease-out 0s 1 slideInLeft; width: 100%;
background: var(--paper); position: relative;
padding: 40px;
} }
#greeter li { #greeter-flex {
padding: 20%;
max-width: 30rem;
}
#greeter-content {
z-index: 1;
position: relative;
padding: 5%;
animation: 1s ease-out 0s 1 slideInLeft;
background: var(--paper);
}
#greeter-content li {
font-size: 133%; font-size: 133%;
} }
#greeter video {
opacity: 0.1;
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
z-index: 0;
}

12
themes/warwick_portfolio/layouts/partials/greeter.html
View file

@ -1,7 +1,17 @@
{{ with .Site.GetPage "/greeter" }} {{ with .Site.GetPage "/greeter" }}
{{$greeter_style := resources.Get "css/greeter.css"}} {{$greeter_style := resources.Get "css/greeter.css"}}
{{$greeter_video := resources.Get "background_video/Portfolio.webm"}}
<link rel="stylesheet" type="" href="{{$greeter_style.RelPermalink}}"> <link rel="stylesheet" type="" href="{{$greeter_style.RelPermalink}}">
<div id="greeter"> <div id="greeter">
{{ .Content }} <video src="{{ $greeter_video.RelPermalink }}" muted loop autoplay> </video>
<div id="greeter-flex">
<div id="greeter-content">
{{ .Content }}
<div>
Scroll down
</div>
</div>
</div>
</div> </div>
{{ end }} {{ end }}