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.",
"url": "https://projectsegfau.lt",
"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",
@ -13,14 +13,14 @@
"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": ""
"imdes": "Picture of Mario And Luigi in Mario Kart Wii 3DS."
},
{
"name": "Candengine",
"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",
"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 "@unocss/reset/tailwind.css";
import Navi from "$lib/navi.svelte";
export const prerender = true;
</script>
<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">
<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 in:fly={{ delay: 400, duration: 300, x: -20, 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">
<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>
</div>
<!-- <div in:fly={{ delay: 400, duration: 300, x: -20, easing: quintOut}} -->
<!-- out:fly={{ delay: 150, duration: 150, y: 0, easing: quintOut}} -->
<!-- class="flex flex-row rounded md:p-1"> -->
<!-- <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>
</body>

View File

@ -46,14 +46,16 @@
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.<br/>
However i also have other passions and such.<br/>
Well this is just temporary, don't really expect me to add something useful in it.<br/>
You can call me Midou. Anyway I live in Morocco, I'm {yr} old.<br/>
There are a tons of things i've done but you never know what's the point of doing all of this.<br/>
Hey are you listening? This is serious. No i really mean it's actually serious.<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/>
Anyway how's it going? Lore ipsum bullshit yadda yadda yadda. Did you know that project + is actually nice? No? Too bad.<br/>
<p>I'm a passionate programmer who quite literally is interested in the inner workings of anything related to computers.<br/>
Such as what? Well it's pretty much anything that revolves around computers, from the hardware to the software.<br/>
Some examples are: decompiling, reverse engineering, programming, experimenting, and so on.<br/>
It's mostly something I love to do in my spare time, and I'm always looking for new things to learn.<br/>
I do hate JS though, but svelte is making it bearable.<br/>
This is just a brief summary of who I am, And I hope you enjoy your (rather short) stay on my website.<br/>
Oh, just in case, I'm a guy, and I'm {yr} old. You don't need to know more than that.<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>
</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>
export let content;
const posts = { content };
console.log(content);
//
// export let content;
// const posts = { content };
// console.log(content);
//
</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 ">
{#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="md:flex">
<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">
</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><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><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>
{:else}
<p>Ayo wait a second</p>
{/each}
</div>
<!-- <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) }-->
<!-- <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: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"> -->
<!-- </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><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><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> -->
<!-- {:else} -->
<!-- <p>Ayo wait a second</p> -->
<!-- {/each} -->
<!-- </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(),
kit: {
adapter: adapter(
{
pages: 'build',
assets: 'build',
fallback: 'index.html',
precompress: false,
strict: true
}
)
adapter: adapter({
pages: 'build',
assets: 'build',
fallback: null,
precompress: false,
strict: false
})
}
};