midou/midou36o.github.io
1
0
Fork 0
mirror of https://github.com/midou36o/midou36o.github.io synced 2024-11-30 07:01:58 +05:30
Code Actions Packages Projects Releases Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/project.json
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."
} }
] ]

2
src/routes/+layout.svelte
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>

10
src/routes/+page.svelte
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>

18
src/routes/about/+page.svelte
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>

12
src/routes/blog/+page.js
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
}
}

48
src/routes/blog/+page.svelte
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>

16
svelte.config.js
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: null,
fallback: 'index.html', precompress: false,
precompress: false, strict: false
strict: true })
}
)
} }
}; };