mirror of
https://github.com/midou36o/midou36o.github.io
synced 2024-11-26 15:41:59 +05:30
Uh yeah continue this
This commit is contained in:
parent
a3bae60b88
commit
4005249421
GPG Key ID:
1D134A95FE521A7A
@ -1,18 +1,26 @@
|
||||
[
|
||||
{
|
||||
"name" : "Project Segfault",
|
||||
"date" : "Sometime in 2022",
|
||||
"desc" : "Open source development and hosted services.",
|
||||
"url" : "https://projectsegfau.lt",
|
||||
"image" : "https://github.com/ProjectSegfault/Logo/raw/main/png/logo_semi_transparent.png",
|
||||
"imdes" : ""
|
||||
},
|
||||
{
|
||||
"name" : "Mario Kart Wii 3DS",
|
||||
"date" : "Sometime in 2018",
|
||||
"desc" : "A mod that aims to port mario kart wii tracks and functions to mario kart 3DS.",
|
||||
"url" : "https://github.com/orgs/MKW3DS/repositories",
|
||||
"image" : "https://github.com/Midou36O/MKW3DS-Launcher/raw/master/BootNTR/romfs/sprites/topBackground.png",
|
||||
"imdes" : ""
|
||||
}
|
||||
{
|
||||
"name": "Project Segfault",
|
||||
"date": "Sometime in 2022",
|
||||
"desc": "Open source development and hosted services.",
|
||||
"url": "https://projectsegfau.lt",
|
||||
"image": "https://github.com/ProjectSegfault/Logo/raw/main/png/logo_semi_transparent.png",
|
||||
"imdes": ""
|
||||
},
|
||||
{
|
||||
"name": "Mario Kart Wii 3DS",
|
||||
"date": "Sometime in 2018",
|
||||
"desc": "A mod that aims to port mario kart wii tracks and functions to mario kart 3DS.",
|
||||
"url": "https://github.com/orgs/MKW3DS/repositories",
|
||||
"image": "https://github.com/Midou36O/MKW3DS-Launcher/raw/master/BootNTR/romfs/sprites/topBackground.png",
|
||||
"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": ""
|
||||
}
|
||||
]
|
||||
|
||||
@ -14,25 +14,25 @@
|
||||
<p class="text-black dark:text-white pb-5" style="">{@html data.description}</p>
|
||||
</div>
|
||||
<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}">
|
||||
<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>
|
||||
</a>
|
||||
<a href="{data.matrix}{data.mtx}">
|
||||
<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>
|
||||
</a>
|
||||
<a href="mailto:{data.mail}">
|
||||
<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>
|
||||
</a>
|
||||
<a href="/donate">
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@ -4,23 +4,64 @@
|
||||
// DayJS
|
||||
dayjs.extend(relativeTime);
|
||||
let yr = dayjs('2004-07-15').fromNow(true);
|
||||
|
||||
|
||||
|
||||
import { fly } from 'svelte/transition';
|
||||
import { quintOut } from 'svelte/easing';
|
||||
|
||||
</script>
|
||||
|
||||
<div class="min-h-screen">
|
||||
<div class="justify-center flex flex-col items-center m-auto shrink overflow-hidden 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 ">
|
||||
<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.
|
||||
Well this is just temporary, don't really expect me to add something useful in it.
|
||||
You can call me Midou. Anyway I live in Morocco, I'm {yr} old.
|
||||
There are a tons of things i've done but you never know what's the point of doing all of this.
|
||||
Hey are you listening? This is serious. No i really mean it's actually serious.
|
||||
I'm trying to extend this enough to see if it works or not, because for some reason HTML loves stopping at a point without styling the BG.
|
||||
Anyway how's it going? Lore ipsum bullshit yadda yadda yadda. Did you know that project + is actually nice? No? Too bad.
|
||||
</p>
|
||||
</div>
|
||||
<body class="text-black dark:text-white dark:bg-black bg-gray-300 font-sans md:px-10%" id="content">
|
||||
<div class="min-h-screen">
|
||||
<!-- 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.
|
||||
However i also have other passions and such.
|
||||
Well this is just temporary, don't really expect me to add something useful in it.
|
||||
You can call me Midou. Anyway I live in Morocco, I'm {yr} old.
|
||||
There are a tons of things i've done but you never know what's the point of doing all of this.
|
||||
Hey are you listening? This is serious. No i really mean it's actually serious.
|
||||
I'm trying to extend this enough to see if it works or not, because for some reason HTML loves stopping at a point without styling the BG.
|
||||
Anyway how's it going? Lore ipsum bullshit yadda yadda yadda. Did you know that project + is actually nice? No? Too bad.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
||||
@ -4,16 +4,17 @@
|
||||
</script>
|
||||
|
||||
<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="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}}
|
||||
in:fly={{ delay: 300, 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"
|
||||
></div>
|
||||
<h1
|
||||
in:fly={{ delay: 300, duration: 300, y: -50, easing: quintOut}}
|
||||
out:fly={{ duration: 300, y: 50, easing: quintOut}}
|
||||
in:fly={{ delay: 300, 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"
|
||||
>Monero</h1>
|
||||
<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}}
|
||||
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 -->
|
||||
<div
|
||||
in:fly={{ delay: 300, duration: 300, y: 50, easing: quintOut}}
|
||||
out:fly={{ duration: 300, y: -50, easing: quintOut}}
|
||||
in:fly={{ delay: 300, 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"
|
||||
>
|
||||
<h1 class="text-3xl pb-3">QR code:</h1>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user