Korbs/sudovanilla-ark
1
Fork 0
Code Issues 1 Pull requests Activity

Update forgejo/gitea/templates/user/dashboard/dashboard.tmpl

Browse source
This commit is contained in:
Korbs 2024-10-31 19:40:29 -05:00
parent da8860e9a0
commit c13376649e
1 changed files with 10 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
forgejo/gitea/templates/user/dashboard/dashboard.tmpl
View file

@ -1,21 +1,13 @@
{{template "base/head" .}} {{template "base/head" .}}
<div class="page-content"> <div class="page-content">
<div class="landing-hero"> <div class="landing-hero">
<video autoplay="" muted="" loop="" src="https://md.sudovanilla.org/videos/mp4/3783818-hd_1920_1080_24fps.mp4" poster="https://md.sudovanilla.org/images/vlcsnap-2024-05-02-17h23m53s431.png"></video> <video autoplay="" muted="" loop="" src="https://md.sudovanilla.org/videos/mp4/15708475-uhd_3840_2160_24fps.mp4" poster="https://md.sudovanilla.org/images/15708475-uhd_3840_2160_24fps%2000%3A00%3A00.png"></video>
<!-- Shoelace needs JS, this is a fallback solution -->
<noscript><p id="video-credit">Drone Footage Of The Island And The Sea By Taryn Elliott Taryn Elliott on Pexels</p> </noscript>
<sl-tooltip id="video-credit-js" class="with-js" content="Drone Footage Of The Island And The Sea By Taryn Elliott Taryn Elliott on Pexels" placement="top-end" style="--sl-tooltip-arrow-size: 0; --max-width: 600px;">
<svg width="16" height="16" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor" id="video-credit-js">
<path d="M12 11.5V16.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12 7.51L12.01 7.49889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</sl-tooltip>
<div class="hero-content"> <div class="hero-content">
<h2>Ark</h2> <h2>Ark</h2>
<p>The heart of SudoVanilla</p> <p>The heart of SudoVanilla</p>
</div> </div>
</div> </div>
<div class="ui container flex-container"> <div class="ui container flex-container">
<div class="flex-container-main"> <div class="flex-container-main">
{{template "base/alert" .}} {{template "base/alert" .}}
@ -36,13 +28,18 @@
align-items: center; align-items: center;
text-align: left; text-align: left;
position: relative; position: relative;
}
.landing-hero * {
color: white !important;
font-weight: bold;
} }
.landing-hero video { .landing-hero video {
width: 100%; width: 100%;
max-width: 1200px;
height: 500px; height: 500px;
border-radius: 10px; border-radius: 10px;
opacity: 0.32;
object-fit: cover; object-fit: cover;
filter: brightness(0.5);
pointer-events: none; pointer-events: none;
} }
.landing-hero #video-credit, .landing-hero #video-credit-js { .landing-hero #video-credit, .landing-hero #video-credit-js {
@ -62,7 +59,8 @@
display: flow-root; display: flow-root;
width: 100%; width: 100%;
max-width: 1200px; max-width: 1200px;
padding-left: 16%; padding-left: 5%;
font-weight: bold !important;
} }
.landing-hero .hero-content h2 { .landing-hero .hero-content h2 {
font-size: 50px; font-size: 50px;