dan/design
1
0
Fork 0
mirror of https://github.com/danbulant/design synced 2026-05-24 12:23:57 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

small improvements for home page

Browse source
This commit is contained in:
Daniel Bulant 2023-03-04 19:23:35 +01:00
parent 4b6ee107e8
commit 871433d29b
2 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/routes/+page.svelte
View file

@ -43,9 +43,9 @@
<b on:mouseenter={() => appTypeHover = "bots"} on:mouseleave={() => appTypeHover == "bots" && (appTypeHover = null)}>discord bots</b>.</h1> <b on:mouseenter={() => appTypeHover = "bots"} on:mouseleave={() => appTypeHover == "bots" && (appTypeHover = null)}>discord bots</b>.</h1>
<!-- <h3>To be used later</h3> --> <!-- <h3>To be used later</h3> -->
<div class="flex gap-4"> <div class="flex gap-4">
<Button class="!p-4" href="#projects">Check out my work</Button> <Button blur class="!p-4" href="#projects">Check out my work</Button>
<div class="blog-preview flex backdrop-blur bg-black/40 items-center rounded"> <div class="blog-preview flex backdrop-blur bg-black/40 items-center rounded">
<Button class="!p-4 h-full !flex items-center !rounded-r-0 !bg-transparent !backdrop-none" href="/posts"> <Button blur class="!p-4 h-full !flex items-center !rounded-r-0 !bg-transparent !backdrop-none" href="/posts">
<span> <span>
Blog Blog
</span> </span>
@ -76,7 +76,7 @@
<b>Heaventaker</b> - Helltaker fan game <b>Heaventaker</b> - Helltaker fan game
<svelte:fragment slot="desc"> <svelte:fragment slot="desc">
<p> <p>
<img src="/azrael.gif" alt="" style="height: 24px; width: 24px;"> Heaventaker is a helltaker fan-game visual novel and puzzle game. <img src="/azrael.gif" alt="" style="height: 24px; width: 24px; display: inline"> Heaventaker is a helltaker fan-game visual novel and puzzle game.
</p> </p>
<p> <p>
Heaventaker currently has 3 different puzzles and 4 angels to collect. Playable online on the website, or on Android devices (application installable from Google Play Store) Heaventaker currently has 3 different puzzles and 4 angels to collect. Playable online on the website, or on Android devices (application installable from Google Play Store)
@ -107,7 +107,7 @@
<div class="pad"></div> <div class="pad"></div>
<Project <Project
link="https://manga.danbulant.eu" link="https://manga.danbulant.eu"
image="/screenshots/mangadex.webp" image="/screenshots/mangadex.png"
grayscale={appTypeHover && appTypeHover !== "websites"} grayscale={appTypeHover && appTypeHover !== "websites"}
width={803} width={803}
height={382} height={382}
@ -273,6 +273,10 @@
.text-gray { .text-gray {
color: rgb(150, 150, 150); color: rgb(150, 150, 150);
} }
.text-gray img {
filter: grayscale(70%);
transition: filter .3s;
}
.text-white { .text-white {
color: black; color: black;
} }
@ -328,6 +332,9 @@
.also li:hover { .also li:hover {
color: black; color: black;
} }
.also li:hover img {
filter: grayscale(0%);
}
.dark .also li:hover { .dark .also li:hover {
color: white; color: white;
} }

BIN
static/screenshots/mangadex.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.5 MiB