Reword the "test" About me to actually put real stuff in it. Will have to rework on the UI someday

This commit is contained in:
Midou36O 2023-12-24 10:50:31 +01:00
parent 8fbb6c5799
commit 8654f2d00a
Signed by: midou
GPG Key ID: 1D134A95FE521A7A
7 changed files with 52 additions and 62 deletions

View File

@ -5,7 +5,7 @@
"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/BGs/SVG/bg_shadow_dark_next.svg", "image": "https://github.com/ProjectSegfault/Logo/raw/main/BGs/SVG/bg_shadow_dark_next.svg",
"imdes": "" "imdes": "Picture background of project segfault."
}, },
{ {
"name": "Mario Kart Wii 3DS", "name": "Mario Kart Wii 3DS",
@ -13,14 +13,14 @@
"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": "Picture of Mario And Luigi in Mario Kart Wii 3DS."
}, },
{ {
"name": "Candengine", "name": "Candengine",
"date": "2023", "date": "2023",
"desc": "A game engine written in C++ and OpenGL.", "desc": "A game engine written in C++ and OpenGL + Vulkan. (Learning project)",
"url": "https://github.com/Midou36O/SDL_Gravity_Box", "url": "https://github.com/Midou36O/SDL_Gravity_Box",
"image": "https://github.com/Midou36O/SDL_Gravity_Box/blob/testing-learning/resources/Candengine.png?raw=true", "image": "https://github.com/Midou36O/SDL_Gravity_Box/blob/testing-learning/resources/Candengine.png?raw=true",
"imdes": "" "imdes": "Picture of Candengine. A gear can be seen in the back, with a cream candy cookie on top of it."
} }
] ]

View File

@ -4,7 +4,7 @@
import Foote from "$lib/foote.svelte"; import Foote from "$lib/foote.svelte";
import "@unocss/reset/tailwind.css"; import "@unocss/reset/tailwind.css";
import Navi from "$lib/navi.svelte"; import Navi from "$lib/navi.svelte";
export const prerender = true;
</script> </script>
<style> <style>

View File

@ -56,10 +56,10 @@
class="flex flex-row rounded md:p-1 md:dark:hover:bg-white md:dark:hover:text-black md:hover:bg-gray-400"> 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><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></div></a> <a href="/projects" 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></div></a>
</div> </div>
<div in:fly={{ delay: 400, duration: 300, x: -20, easing: quintOut}} <!-- <div in:fly={{ delay: 400, duration: 300, x: -20, easing: quintOut}} -->
out:fly={{ delay: 150, duration: 150, y: 0, easing: quintOut}} <!-- 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"> <!-- class="flex flex-row rounded md:p-1"> -->
<a href="/blog"><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></div></a> <!-- <a href="/blog"><div class="flex flex-row"><div class="i-ph-book-bold bg-gray-400 dark:bg-gray-600 text-5xl md:text-4xl my-auto"/><h2 class="md:pl-2 text-4xl text-gray-400 dark:text-gray-600 hidden md:block">Blog</h2></div></a> -->
</div> <!-- </div> -->
</div> </div>
</body> </body>

View File

@ -46,14 +46,16 @@
out:fly={{ 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 "> 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 "> <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.<br/> <p>I'm a passionate programmer who quite literally is interested in the inner workings of anything related to computers.<br/>
However i also have other passions and such.<br/> Such as what? Well it's pretty much anything that revolves around computers, from the hardware to the software.<br/>
Well this is just temporary, don't really expect me to add something useful in it.<br/> Some examples are: decompiling, reverse engineering, programming, experimenting, and so on.<br/>
You can call me Midou. Anyway I live in Morocco, I'm {yr} old.<br/> It's mostly something I love to do in my spare time, and I'm always looking for new things to learn.<br/>
There are a tons of things i've done but you never know what's the point of doing all of this.<br/> I do hate JS though, but svelte is making it bearable.<br/>
Hey are you listening? This is serious. No i really mean it's actually serious.<br/> This is just a brief summary of who I am, And I hope you enjoy your (rather short) stay on my website.<br/>
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.<br/> Oh, just in case, I'm a guy, and I'm {yr} old. You don't need to know more than that.<br/>
Anyway how's it going? Lore ipsum bullshit yadda yadda yadda. Did you know that project + is actually nice? No? Too bad.<br/> Finally, feel free to contact me! I love receiving mails and messages from people, and I'll try to respond as soon as possible.<br/>
If it's a question or a request, I'll see if can also publicly document it so that others can benefit from it as well.<br/>
Until then, have a nice day!
</p> </p>
</div> </div>
</div> </div>

View File

@ -1,12 +0,0 @@
export async function load( { data, fetch } ) {
const endpoint = "http://127.0.0.1:8055/items/Data";
const res = await fetch(endpoint);
const content = await res.json();
console.log(content.data);
return {
content: content
}
}

View File

@ -1,25 +1,27 @@
<script> <script>
//
export let content; // export let content;
const posts = { content }; // const posts = { content };
console.log(content); // console.log(content);
//
</script> </script>
<div class="mt-70px md:mt-80px mb-50px md:mb-0 min-h-screen justify-center grid md:grid-rows-3 xl:grid-cols-2 place-items-center md:my-4 mt-4 gap-3 mx-4 grid-cols-1 "> <!-- <div class="mt-70px md:mt-80px mb-50px md:mb-0 min-h-screen justify-center grid md:grid-rows-3 xl:grid-cols-2 place-items-center md:my-4 mt-4 gap-3 mx-4 grid-cols-1 ">-->
{#each content as data (data.id) } <!-- {#each content as data (data.id) }-->
<div class="dark:bg-slate-400 bg-slate-600 dark:text-white text-black rounded-lg w-[100-40] md:max-w-xl"> <!-- <div class="dark:bg-slate-400 bg-slate-600 dark:text-white text-black rounded-lg w-[100-40] md:max-w-xl">-->
<div class="md:flex"> <!-- <div class="md:flex"> -->
<div class="md:shrink-0"> <!-- <div class="md:shrink-0">-->
<img class="md:rounded-l-lg md:rounded-none rounded-lg md:h-full md:w-45 w-screen object-cover h-48" src="{data.img}" alt="e"> <!-- <img class="md:rounded-l-lg md:rounded-none rounded-lg md:h-full md:w-45 w-screen object-cover h-48" src="{data.img}" alt="e"> -->
</div> <!-- </div> -->
<div class="pb-20 pt-5 px-8 md:py-2 md:px-8 md:rounded-lg rounded-b-lg dark:text-white text-black dark:bg-slate-7 bg-slate-200 md:h-full"> <!-- <div class="pb-20 pt-5 px-8 md:py-2 md:px-8 md:rounded-lg rounded-b-lg dark:text-white text-black dark:bg-slate-7 bg-slate-200 md:h-full"> -->
<div><h3 class="text-3xl dark:text-white text-black text-center">{data.name}</h3></div> <!-- <div><h3 class="text-3xl dark:text-white text-black text-center">{data.name}</h3></div> -->
<div class="text-sm dark:text-white text-black text-center">{data.date}</div> <!-- <div class="text-sm dark:text-white text-black text-center">{data.date}</div> -->
<div><a class="text-xl bg-sky-5 hover:bg-sky-4 hover:text-white text-white outline-0 hover:shadow-md duration-300 shadow-sky-4/50 px-4 py-1 justify-end m-4 rounded-full float-right" href="eee">Check it out</a></div> <!-- <div><a class="text-xl bg-sky-5 hover:bg-sky-4 hover:text-white text-white outline-0 hover:shadow-md duration-300 shadow-sky-4/50 px-4 py-1 justify-end m-4 rounded-full float-right" href="eee">Check it out</a></div> -->
</div> <!-- </div> -->
</div> <!-- </div> -->
</div> <!-- </div> -->
{:else} <!-- {:else} -->
<p>Ayo wait a second</p> <!-- <p>Ayo wait a second</p> -->
{/each} <!-- {/each} -->
</div> <!-- </div> -->
<!-- Do you know what i hate the most? Fucking -- s. -->
<p>Under construction!</p>

View File

@ -9,15 +9,13 @@ const config = {
preprocess: vitePreprocess(), preprocess: vitePreprocess(),
kit: { kit: {
adapter: adapter( adapter: adapter({
{
pages: 'build', pages: 'build',
assets: 'build', assets: 'build',
fallback: 'index.html', fallback: null,
precompress: false, precompress: false,
strict: true strict: false
} })
)
} }
}; };