quickshell/quickshell-web
3
1
Fork 0
Code Issues Projects Activity

add end_4 showcase

Browse source
This commit is contained in:
outfoxxed 2025-07-05 02:28:07 -07:00
parent 0da5fe781a
commit ff316cdcd8
Signed by: outfoxxed
GPG key ID: 4C88A185FB89301E
2 changed files with 14 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
public/assets/showcase/end4.mp4 (Stored with Git LFS) Normal file
View file

Binary file not shown.

14
src/components/marquee/Marquee.astro
View file

@ -6,6 +6,13 @@ const videos = [
author: '<a href="https://github.com/soramanew">soramane</a>', author: '<a href="https://github.com/soramanew">soramane</a>',
source: "https://github.com/caelestia-dots/shell", source: "https://github.com/caelestia-dots/shell",
path: "/assets/showcase/soramane.mp4", path: "/assets/showcase/soramane.mp4",
installable: true,
},
{
author: '<a href="https://github.com/end-4">end_4</a>',
source: "https://github.com/end-4/dots-hyprland",
path: "/assets/showcase/end4.mp4",
installable: true,
}, },
{ {
author: '<a href="https://outfoxxed.me">outfoxxed</a>', author: '<a href="https://outfoxxed.me">outfoxxed</a>',
@ -37,7 +44,7 @@ const videos = [
</div> </div>
</div> </div>
<div id="marquee-content" class="marquee-content" data-scroll="0" data-media-index="0"> <div id="marquee-content" class="marquee-content" data-scroll="0" data-media-index="0">
{videos.map(({ author, source, path }, index) => <div class="marquee-item"> {videos.map(({ author, source, installable, path }, index) => <div class="marquee-item">
<div> <div>
<video <video
data-media-index={index} data-media-index={index}
@ -53,7 +60,8 @@ const videos = [
</video> </video>
<p> <p>
Configuration by <Fragment set:html={author}/> Configuration by <Fragment set:html={author}/>
{source && <>(<a href={source}>source code</a>)</>} {source && !installable && <>(<a href={source}>source code</a>)</>}
{source && installable && <>(<a href={source}>install</a>)</>}
</p> </p>
</div> </div>
</div>)} </div>)}
@ -61,7 +69,7 @@ const videos = [
</div> </div>
<script> <script>
const videoCount = 5; // last array index const videoCount = 6; // last array index
const marquee = document.getElementById("marquee-content")!; const marquee = document.getElementById("marquee-content")!;
marquee.style.setProperty("--scroll", "0") marquee.style.setProperty("--scroll", "0")