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

autoplay,autoscroll done, added spinning logos

Browse source
This commit is contained in:
Xanazf 2024-11-08 18:36:19 +02:00
parent 57f3c5f3f0
commit 624265be02
Signed by: Xanazf
GPG key ID: 4E4A5AD1FB748427
9 changed files with 241 additions and 109 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/featurelist/FeatureList.astro
View file

@ -31,7 +31,7 @@ const codeHTML = await processMarkdown(codeString);
</span>
</section>
<section class="feature-showcase">
<video class="feature-video" style="height: 21rem" preload="metadata" controls>
<video class="feature-video" style="height: 21rem" preload="metadata" controls={false} autoplay loop>
<source src="/assets/simple-shell-livereload.mp4" type="video/mp4"/>
</video>
</section>
@ -48,15 +48,20 @@ const codeHTML = await processMarkdown(codeString);
<Fragment set:html={codeHTML}/>
</section>
</li>
<li class="featurelist-item cloud left">
<li class="featurelist-item cloud-li left">
<section class="feature-text">
<h3 class="feature-title">Extensive integrations</h3>
<span class="feature-subtitle">
Quickshell comes with a large set of integrations, with new ones arriving all the time.
</span>
</section>
<section class="feature-showcase">
<span>image</span>
<section class="feature-showcase cloud">
<span class="cloud-item hyprland">
<img src={"/assets/hyprland-logo.ico"}/>
</span>
<span class="cloud-item wayland">
<img src={"/assets/wayland-logo.png"}/>
</span>
</section>
</li>
</ul>