alpha video overlay system
This commit is contained in:
parent
67d9109bd8
commit
6dc0f4c84a
1 changed files with 52 additions and 3 deletions
|
@ -60,7 +60,56 @@
|
|||
>degrees of freedom development</div> -->
|
||||
</div>
|
||||
|
||||
<div
|
||||
style="
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
"
|
||||
>
|
||||
<h2>notes</h2>
|
||||
<pre>{{ .Data.Game.Notes }}</pre>
|
||||
|
||||
<div style='height: 44px; width: 100%;'></div>
|
||||
<div style='height: 128px; width: 100%;'></div>
|
||||
|
||||
<div
|
||||
style="
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 300px;
|
||||
width: 300px;
|
||||
"
|
||||
>
|
||||
<video src='/public/games/{{ .Data.Hash }}_alpha.webm' autoplay loop muted
|
||||
style="
|
||||
width: fit-content;
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
"
|
||||
></video>
|
||||
<div
|
||||
style="
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: -1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
outline: 2px solid var(--col-04);
|
||||
border-radius: 12px;
|
||||
height: 140px;
|
||||
width: 110px;
|
||||
"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Reference in a new issue