midou/midou36o.github.io
1
0
Fork 0
mirror of https://github.com/midou36o/midou36o.github.io synced 2026-04-06 19:58:36 +05:30
Code Actions Packages Projects Releases Activity

Fix some stuff

Browse Source
This commit is contained in:
Midou
2025-12-11 10:04:09 +01:00
parent 849bf65de3
commit 14e961facd
2 changed files with 55 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/routes/+page.svelte
View File

@@ -79,8 +79,8 @@
out:fly={{ delay: 50, duration: 250, y: 0, easing: quintOut }}
class="flex flex-row rounded md:p-1 md:dark:hover:bg-white md:dark:hover:text-black md:hover:bg-gray-400"
>
<a href="/about" data-sveltekit-preload-code
><div class="flex flex-row">
<a href="/about" class="flex flex-row flex-1" data-sveltekit-preload-code
><div class="flex flex-row flex-1">
<div class="i-gridicons-info text-5xl md:text-4xl align-middle my-auto" />
<h2 class="md:pl-2 text-4xl hidden md:block">About</h2>
</div></a
@@ -91,7 +91,7 @@
out:fly={{ delay: 100, duration: 200, y: 0, easing: quintOut }}
class="flex flex-row rounded md:p-1 md:dark:hover:bg-white md:dark:hover:text-black md:hover:bg-gray-400"
>
<a href="/projects" data-sveltekit-preload-code
<a href="/projects" class="flex flex-row flex-1" data-sveltekit-preload-code
><div class="flex flex-row">
<div class="i-octicon-project-16 text-5xl md:text-4xl my-auto" />
<h2 class="md:pl-2 text-4xl hidden md:block">Projects</h2>
@@ -103,7 +103,7 @@
out:fly={{ delay: 150, duration: 150, y: 0, easing: quintOut }}
class="flex flex-row rounded md:p-1 md:dark:hover:bg-white md:dark:hover:text-black md:hover:bg-gray-400"
>
<a href="/blog" data-sveltekit-preload-code
<a href="/blog" class="flex flex-row flex-1" data-sveltekit-preload-code
><div class="flex flex-row">
<div class="i-ph-book-bold text-5xl md:text-4xl my-auto" />
<h2 class="md:pl-2 text-4xl hidden md:block">Blog</h2>

77
src/routes/donate/+page.svelte
View File

@@ -1,26 +1,51 @@
<script>
import { fly } from 'svelte/transition';
import { quintOut } from 'svelte/easing';
</script>
<div class="text-center">
<div class="justify-center flex flex-col items-center m-auto shrink overflow-hidden h-screen ">
<div in:fly={{ delay: 300, duration: 300, x: 50, easing: quintOut}} animate=true out:fly={{ duration: 300, x: -50, easing: quintOut}} >
<h1 class="text-black dark:text-white text-4xl">Donate</h1>
<p class="text-black dark:text-white pb-5" style="">Thanks a lot!</p>
</div>
<hr transition:fly={{ duration: 300, x: 0, easing: quintOut}} class="border-black dark:border-white w-1/6"/>
<div in:fly={{ delay: 300, duration: 300, x: -50, easing: quintOut}} out:fly={{ duration: 300, x: 50, easing: quintOut}} >
<a href="https://github.com/sponsors/midou36o">
<div class="flex flex-row mt-5 md:dark:hover:bg-white p-1 md:dark:hover:text-black md:hover:bg-gray-400 rounded">
<div class="i-carbon-logo-github my-auto text-3xl"></div><p class="text-2xl pl-2">GitHub Sponsors</p>
</div>
</a>
<a href="/donate/monero">
<div class="flex flex-row md:dark:hover:bg-white p-1 md:dark:hover:text-black md:hover:bg-gray-400 rounded">
<div class="i-tabler-coin-monero pl-3 my-auto text-3xl"></div><p class="text-2xl pl-2">Monero</p>
</div>
</a>
</div>
</div>
</div>
<script>
import { fly } from 'svelte/transition';
import { quintOut } from 'svelte/easing';
</script>
<div class="text-center">
<div class="justify-center flex flex-col items-center m-auto shrink overflow-hidden h-screen">
<div
in:fly={{ delay: 300, duration: 300, x: 50, easing: quintOut }}
animate="true"
out:fly={{ duration: 300, x: -50, easing: quintOut }}
>
<h1 class="text-black dark:text-white text-4xl">Donate</h1>
<p class="text-black dark:text-white" style="">Thanks a lot!</p>
<a href="/">
<div
class="flex place-content-center place-self-center justify-center content-center flex-row"
>
<div class="i-material-symbols-home-outline-rounded text-4xl my-auto mr-0 pb-5"></div>
</div>
</a>
</div>
<hr
transition:fly={{ duration: 300, x: 0, easing: quintOut }}
class="border-black dark:border-white w-1/6"
/>
<div
in:fly={{ delay: 300, duration: 300, x: -50, easing: quintOut }}
out:fly={{ duration: 300, x: 50, easing: quintOut }}
>
<a href="https://github.com/sponsors/midou36o">
<div
class="flex flex-row mt-5 md:dark:hover:bg-white p-1 md:dark:hover:text-black md:hover:bg-gray-400 rounded"
>
<div class="i-carbon-logo-github my-auto text-3xl"></div>
<p class="text-2xl pl-2">GitHub Sponsors</p>
</div>
</a>
<a href="/donate/monero">
<div
class="flex flex-row md:dark:hover:bg-white p-1 md:dark:hover:text-black md:hover:bg-gray-400 rounded"
>
<div class="i-tabler-coin-monero pl-3 my-auto text-3xl"></div>
<p class="text-2xl pl-2">Monero</p>
</div>
</a>
</div>
</div>
</div>