mirror of
https://github.com/midou36o/midou36o.github.io
synced 2024-11-30 04:41:58 +05:30
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:
parent
8fbb6c5799
commit
8654f2d00a
GPG Key ID:
1D134A95FE521A7A
@ -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."
|
||||
}
|
||||
]
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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
|
||||
}
|
||||
|
||||
}
|
||||
@ -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>
|
||||
|
||||
@ -9,15 +9,13 @@ const config = {
|
||||
preprocess: vitePreprocess(),
|
||||
|
||||
kit: {
|
||||
adapter: adapter(
|
||||
{
|
||||
adapter: adapter({
|
||||
pages: 'build',
|
||||
assets: 'build',
|
||||
fallback: 'index.html',
|
||||
fallback: null,
|
||||
precompress: false,
|
||||
strict: true
|
||||
}
|
||||
)
|
||||
strict: false
|
||||
})
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user