Uh yeah continue this

This commit is contained in:
Midou36O 2023-07-27 18:48:04 +01:00
parent a3bae60b88
commit 4005249421
Signed by: midou
GPG Key ID: 1D134A95FE521A7A
4 changed files with 95 additions and 44 deletions

View File

@ -1,18 +1,26 @@
[ [
{ {
"name" : "Project Segfault", "name": "Project Segfault",
"date" : "Sometime in 2022", "date": "Sometime in 2022",
"desc" : "Open source development and hosted services.", "desc": "Open source development and hosted services.",
"url" : "https://projectsegfau.lt", "url": "https://projectsegfau.lt",
"image" : "https://github.com/ProjectSegfault/Logo/raw/main/png/logo_semi_transparent.png", "image": "https://github.com/ProjectSegfault/Logo/raw/main/png/logo_semi_transparent.png",
"imdes" : "" "imdes": ""
}, },
{ {
"name" : "Mario Kart Wii 3DS", "name": "Mario Kart Wii 3DS",
"date" : "Sometime in 2018", "date": "Sometime in 2018",
"desc" : "A mod that aims to port mario kart wii tracks and functions to mario kart 3DS.", "desc": "A mod that aims to port mario kart wii tracks and functions to mario kart 3DS.",
"url" : "https://github.com/orgs/MKW3DS/repositories", "url": "https://github.com/orgs/MKW3DS/repositories",
"image" : "https://github.com/Midou36O/MKW3DS-Launcher/raw/master/BootNTR/romfs/sprites/topBackground.png", "image": "https://github.com/Midou36O/MKW3DS-Launcher/raw/master/BootNTR/romfs/sprites/topBackground.png",
"imdes" : "" "imdes": ""
} },
{
"name": "Candengine",
"date": "2023",
"desc": "A game engine written in C++ and OpenGL.",
"url": "https://github.com/Midou36O/SDL_Gravity_Box",
"image": "https://github.com/Midou36O/SDL_Gravity_Box/blob/testing-learning/resources/Candengine.png?raw=true",
"imdes": ""
}
] ]

View File

@ -14,25 +14,25 @@
<p class="text-black dark:text-white pb-5" style="">{@html data.description}</p> <p class="text-black dark:text-white pb-5" style="">{@html data.description}</p>
</div> </div>
<hr transition:fly={{ duration: 300, x: 0, easing: quintOut}} class="border-black dark:border-white w-100%"/> <hr transition:fly={{ duration: 300, x: 0, easing: quintOut}} class="border-black dark:border-white w-100%"/>
<div in:fly={{ delay: 300, duration: 300, x: -50, easing: quintOut}} out:fly={{ duration: 300, x: 50, easing: quintOut}} class="flex md:flex-col flex-row px-3 md:px-0" > <div in:fly={{ delay: 300, duration: 300, x: -50, easing: quintOut}} out:fly={{ duration: 300, x: 50, easing: quintOut}} class="flex md:flex-col float-right flex-row px-3 text-right md:px-0" >
<a href="{data.github}{data.gh}"> <a href="{data.github}{data.gh}">
<div class="flex flex-row py-1"> <div class="flex flex-row py-1">
<div class="i-carbon-logo-github text-black dark:text-white px-2 md:px-0 text-3xl"></div><p class="text-1xl md:block hidden dark:text-white text-black md:pl-2">GitHub</p> <p class="text-2xl md:block hidden dark:text-white text-black md:pr-2">GitHub</p><div class="i-carbon-logo-github text-black dark:text-white px-2 md:px-0 text-3xl"></div>
</div> </div>
</a> </a>
<a href="{data.matrix}{data.mtx}"> <a href="{data.matrix}{data.mtx}">
<div class="flex flex-row py-1"> <div class="flex flex-row py-1">
<div class="i-tabler-brand-matrix md:pl-3 text-black dark:text-white px-2 md:px-0 text-3xl"></div><p class="text-1xl md:block hidden dark:text-white text-black md:pl-2">Matrix</p> <p class="text-2xl md:block hidden dark:text-white text-black md:pr-2">Matrix</p><div class="i-tabler-brand-matrix md:pl-3 text-black dark:text-white px-2 md:px-0 text-3xl"></div>
</div> </div>
</a> </a>
<a href="mailto:{data.mail}"> <a href="mailto:{data.mail}">
<div class="flex flex-row py-1"> <div class="flex flex-row py-1">
<div class="i-mdi-at md:pl-3 text-black dark:text-white px-2 md:px-0 text-3xl"></div><p class="text-1xl md:block hidden text-black dark:text-white md:pl-2">Mail</p> <p class="text-2xl md:block hidden text-black dark:text-white md:pl-2">Mail</p> <div class="i-mdi-at md:pl-3 text-black dark:text-white px-2 md:px-0 text-3xl"></div>
</div> </div>
</a> </a>
<a href="/donate"> <a href="/donate">
<div class="flex flex-row py-1"> <div class="flex flex-row py-1">
<div class="i-ph-currency-circle-dollar-bold md:pl-3 text-black px-2 md:px-0 dark:text-white text-3xl"></div><p class="text-1xl md:block hidden text-black dark:text-white md:pl-2">Donate</p> <p class="text-2xl md:block hidden text-black dark:text-white md:pl-2">Donate</p><div class="i-ph-currency-circle-dollar-bold md:pl-3 text-black px-2 md:px-0 dark:text-white text-3xl"></div>
</div> </div>
</a> </a>
</div> </div>

View File

@ -4,14 +4,51 @@
// DayJS // DayJS
dayjs.extend(relativeTime); dayjs.extend(relativeTime);
let yr = dayjs('2004-07-15').fromNow(true); let yr = dayjs('2004-07-15').fromNow(true);
import { fly } from 'svelte/transition';
import { quintOut } from 'svelte/easing';
</script> </script>
<div class="min-h-screen"> <body class="text-black dark:text-white dark:bg-black bg-gray-300 font-sans md:px-10%" id="content">
<div class="justify-center flex flex-col items-center m-auto shrink overflow-hidden h-screen "> <div class="min-h-screen">
<div class="text-xl pt-2 px-5 md:px-40 text-center md:text-left mb-50px text-black dark:text-white "> <!-- Primary content (Left) -->
<div class="text-center">
<div
class="justify-center flex md:flex-row flex-col items-center m-auto shrink overflow-hidden h-screen ">
<div
in:fly={{ delay: 300, duration: 300, y: 50, easing: quintOut}}
out:fly={{ duration: 300, y: -50, easing: quintOut}}
class="flex flex-col">
<div class="flex flex-col md:flex-row">
<div
class="i-gridicons-info place-content-center place-self-center justify-center content-center text-center pl-0 md:pl-3 text-black text-5xl"
></div>
<h1
class="text-black dark:text-white text-4xl md:pr-2"
>About me</h1>
</div>
<p class="md:hidden block text-gray-500 py-1"> I fucking hate css </p>
<a href="/">
<div class="flex place-content-center place-self-center justify-center content-center flex-row md:pl-25%">
<div class="i-ep-back text-4xl md:text-2xl mr-0 md:mr-1"></div>
<p class="md:block hidden"> Go back? </p>
</div>
</a>
</div>
<!-- Vertical line -->
<div
in:fly={{ delay: 300, duration: 300, y: 0, easing: quintOut}}
out:fly={{ duration: 300, y: 0, easing: quintOut}}
class="md:h-1/2 md:w-1 w-3/4 border-1 bg-black border-black dark:bg-white dark:border-white rounded-md"
></div>
<!-- Secondary Content (Right) -->
<div
in:fly={{ delay: 300, duration: 300, y: -50, easing: quintOut}}
out:fly={{ duration: 300, y: 50, easing: quintOut}}
class="justify-center w-85% md:w-50% h-100% flex flex-col items-center md:m-5 shrink overflow-hidden h-screen ">
<div class="text-xl text-center overflow-scroll md:text-left text-black dark:text-white ">
<p>I'm a passionate programmer who has nothing to do with his life other than to just live in front of a computer and that's it. <p>I'm a passionate programmer who has nothing to do with his life other than to just live in front of a computer and that's it.
However i also have other passions and such. However i also have other passions and such.
Well this is just temporary, don't really expect me to add something useful in it. Well this is just temporary, don't really expect me to add something useful in it.
@ -23,4 +60,8 @@
</p> </p>
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</body>

View File

@ -4,16 +4,17 @@
</script> </script>
<body class="text-black dark:text-white dark:bg-black bg-gray-300 font-sans" id="content"> <body class="text-black dark:text-white dark:bg-black bg-gray-300 font-sans" id="content">
<!-- Primary content -->
<div class="text-center"> <div class="text-center">
<div class="justify-center flex md:flex-row flex-col items-center m-auto shrink overflow-hidden h-screen "> <div class="justify-center flex md:flex-row flex-col items-center m-auto shrink overflow-hidden h-screen ">
<div <div
in:fly={{ delay: 300, duration: 300, y: -50, easing: quintOut}} in:fly={{ delay: 300, duration: 300, y: 50, easing: quintOut}}
out:fly={{ duration: 300, y: 50, easing: quintOut}} out:fly={{ duration: 300, y: -50, easing: quintOut}}
class="i-tabler-coin-monero pl-0 md:pl-3 text-black text-5xl" class="i-tabler-coin-monero pl-0 md:pl-3 text-black text-5xl"
></div> ></div>
<h1 <h1
in:fly={{ delay: 300, duration: 300, y: -50, easing: quintOut}} in:fly={{ delay: 300, duration: 300, y: 50, easing: quintOut}}
out:fly={{ duration: 300, y: 50, easing: quintOut}} out:fly={{ duration: 300, y: -50, easing: quintOut}}
class="text-black dark:text-white text-4xl md:pr-2" class="text-black dark:text-white text-4xl md:pr-2"
>Monero</h1> >Monero</h1>
<p class="md:hidden block text-gray-500"> I fucking hate css </p> <p class="md:hidden block text-gray-500"> I fucking hate css </p>
@ -23,9 +24,10 @@
out:fly={{ duration: 300, y: 0, easing: quintOut}} out:fly={{ duration: 300, y: 0, easing: quintOut}}
class="md:h-1/2 md:w-1 w-3/4 border-1 bg-black border-black dark:bg-white dark:border-white rounded-md" class="md:h-1/2 md:w-1 w-3/4 border-1 bg-black border-black dark:bg-white dark:border-white rounded-md"
></div> ></div>
<!-- Secondary content -->
<div <div
in:fly={{ delay: 300, duration: 300, y: 50, easing: quintOut}} in:fly={{ delay: 300, duration: 300, y: -50, easing: quintOut}}
out:fly={{ duration: 300, y: -50, easing: quintOut}} out:fly={{ duration: 300, y: 50, easing: quintOut}}
class="flex flex-col md:px-2 text-center md:text-left" class="flex flex-col md:px-2 text-center md:text-left"
> >
<h1 class="text-3xl pb-3">QR code:</h1> <h1 class="text-3xl pb-3">QR code:</h1>