hyprwm
/
hyprland-website
mirror of https://github.com/hyprwm/hyprland-website.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add OpenSus

This commit is contained in:
VDawg 2023-11-13 21:40:55 +01:00
parent 34ebb30e62
commit 7bc86a7e08
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/routes/InstallButton.svelte
View File

@ -25,7 +25,7 @@
<div class="group flex flex-col items-center gap-2 md:flex-row md:gap-4"> <div class="group flex flex-col items-center gap-2 md:flex-row md:gap-4">
<div <div
class="flex h-32 w-32 flex-col items-center justify-center gap-3 rounded-full text-lg font-medium text-primary transition-transform group-focus-within:-translate-y-1" class="relative flex h-32 w-32 flex-col items-center justify-center gap-3 rounded-full text-lg font-medium text-primary transition-transform group-focus-within:-translate-y-1"
> >
<img <img
src={image} src={image}
@ -33,6 +33,7 @@
alt="Distrubution Logo" alt="Distrubution Logo"
loading="lazy" loading="lazy"
/>{name} />{name}
<slot name="imageExtra" />
</div> </div>
<div class="relative mb-2 flex flex-col font-mono"> <div class="relative mb-2 flex flex-col font-mono">

13
src/routes/InstallSlice.svelte
View File

@ -8,6 +8,7 @@
import InstallButton from './InstallButton.svelte' import InstallButton from './InstallButton.svelte'
import Button from '$lib/components/Button.svelte' import Button from '$lib/components/Button.svelte'
import Title from '$lib/components/Title.svelte' import Title from '$lib/components/Title.svelte'
import amongus from '$lib/images/amongus/green.webp'
</script> </script>
<section class="pb-6"> <section class="pb-6">
@ -38,8 +39,16 @@
> >
<InstallButton name="FreeBSD" command="pkg install hyprland" image={bsdLogo} /> <InstallButton name="FreeBSD" command="pkg install hyprland" image={bsdLogo} />
<InstallButton name="openSUSE" command="zypper in hyprland" image={suseLogo} <InstallButton name="openSUSE" command="zypper in hyprland" image={suseLogo}
><div slot="extra">or install “hyprland” via YaST2 Software.</div></InstallButton ><div slot="extra">or install “hyprland” via YaST2 Software.</div>
>
<img
class=" absolute inset-0 -z-10 translate-y-1 scale-90 opacity-0 transition-all duration-700 [transition-delay:2s] group-hover:-translate-y-0 group-hover:scale-100 group-hover:opacity-90"
src={amongus}
slot="imageExtra"
alt=""
srcset=""
/>
</InstallButton>
</div> </div>
<a <a