parent
e7f3571a1c
commit
2608df8680
@ -1,137 +0,0 @@
|
|||||||
<script>
|
|
||||||
import Card from '$lib/home/Card.svelte';
|
|
||||||
import Section from '$lib/portfolio/Section.svelte';
|
|
||||||
|
|
||||||
const words = [
|
|
||||||
'JavaScript',
|
|
||||||
"<b class='text-blue-500'>TypeScript</b>",
|
|
||||||
'MySQL',
|
|
||||||
"<b class='text-blue-500'>Laravel</b>",
|
|
||||||
'PHP',
|
|
||||||
'Livewire',
|
|
||||||
"<b class='text-blue-500'>NestJS</b>",
|
|
||||||
'NodeJS',
|
|
||||||
'Unity',
|
|
||||||
'Substance Painter',
|
|
||||||
'Blender',
|
|
||||||
'PostgreSQL',
|
|
||||||
'TailwindCSS',
|
|
||||||
'Rust',
|
|
||||||
"<b class='text-blue-500'>Blazor</b>",
|
|
||||||
'Redis',
|
|
||||||
"<b class='text-blue-500'>Svelte</b>",
|
|
||||||
"<b class='text-blue-500'>SvelteKit</b>",
|
|
||||||
'Python',
|
|
||||||
'Django',
|
|
||||||
'Vue',
|
|
||||||
"<b class='text-blue-500'>Java</b>",
|
|
||||||
"<b class='text-blue-500'>C#</b>",
|
|
||||||
'JavaFX',
|
|
||||||
'NGINX',
|
|
||||||
'Docker',
|
|
||||||
'PayPal API',
|
|
||||||
"<b class='text-blue-500'>REST</b>",
|
|
||||||
'GraphQL',
|
|
||||||
'TypeORM',
|
|
||||||
"<b class='text-blue-500'>Eloquent</b>",
|
|
||||||
'Express',
|
|
||||||
'Bash',
|
|
||||||
'.NET',
|
|
||||||
'Composer',
|
|
||||||
'AlpineJS',
|
|
||||||
'Blade',
|
|
||||||
'JSX',
|
|
||||||
'Pug',
|
|
||||||
"<b class='text-blue-500'>Wordpress</b>",
|
|
||||||
'Vercel',
|
|
||||||
'SEO',
|
|
||||||
'Netlify',
|
|
||||||
'AWS S3',
|
|
||||||
'Backblaze',
|
|
||||||
'Bootstrap',
|
|
||||||
'Fontawesome',
|
|
||||||
'Sass',
|
|
||||||
'.NET Core',
|
|
||||||
'Webpack',
|
|
||||||
"<b class='text-blue-500'>Linux</b>",
|
|
||||||
'Grafana',
|
|
||||||
'Prometheus'
|
|
||||||
];
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<Section title="projects">
|
|
||||||
<span class="@xl:row-span-3">
|
|
||||||
<Card>
|
|
||||||
<h3 class="text-xl font-bold flex-wrap inline-flex items-center gap-3">
|
|
||||||
<img src="/homepage/esu.png" class="h-10 rounded-full bg-black p-1" alt="esu" /> Easter System
|
|
||||||
Universe
|
|
||||||
</h3>
|
|
||||||
<div class="flex flex-col pb-10">
|
|
||||||
<p class="text-sm text-gray-800 dark:text-gray-100">
|
|
||||||
For the past years I've worked on building and writing a universe of mysteries called ESU.
|
|
||||||
It is now mature enough to release, with several dimensions and planets on which the
|
|
||||||
natives speak their own unique languages.
|
|
||||||
<br /><br />
|
|
||||||
The universe confronts you with anomalies and alien concepts familiar enough to relate with
|
|
||||||
as they fight for survival in an ever more technological world. Worlds collide as it becomes
|
|
||||||
ever more apparent that the puppeteers of the world might not be who you think they are, instigating
|
|
||||||
a battle in which you must rely on hope to make it through.
|
|
||||||
<br /><br />
|
|
||||||
The first written story titled "Luther's Throne" is planned to release soon and will be published
|
|
||||||
on this website.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<span class="flex items-center">
|
|
||||||
<img src="/homepage/esubanner.png" alt="cover of act 1" />
|
|
||||||
</span>
|
|
||||||
</Card>
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<span class="@2xl:row-span-2">
|
|
||||||
<Card>
|
|
||||||
<h3 class="text-xl font-bold flex-wrap inline-flex items-center gap-3 justify-between">
|
|
||||||
<div class="inline-flex gap-3">⚔️ Skills</div>
|
|
||||||
</h3>
|
|
||||||
<p class="text-sm text-gray-800 dark:text-gray-100">
|
|
||||||
I can work with a wide range of systems, frameworks and technologies! I have a lot of common
|
|
||||||
knowledge around computer software and hardware that i can use to quickly adapt to new
|
|
||||||
languages and frameworks. Here is a constantly expanding list of some of the things I am
|
|
||||||
comfortable and like working with:
|
|
||||||
</p>
|
|
||||||
<div id="scroll-container" class="flex flex-wrap gap-1 w-full text-center">
|
|
||||||
{#each words as word, key}
|
|
||||||
<p>
|
|
||||||
{#if key == words.length - 2}
|
|
||||||
{@html word} and
|
|
||||||
{:else if key == words.length - 1}
|
|
||||||
{@html word}.
|
|
||||||
{:else}
|
|
||||||
{@html word},
|
|
||||||
{/if}
|
|
||||||
</p>
|
|
||||||
{/each}
|
|
||||||
</div>
|
|
||||||
<p class="text-sm font-bold italic pt-5">... and always eager to try out new things!</p>
|
|
||||||
</Card>
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<span class="@xl:row-span-2 @container">
|
|
||||||
<Card>
|
|
||||||
<h3 class="text-xl font-bold flex-wrap inline-flex items-center gap-3 justify-between">
|
|
||||||
<div class="inline-flex gap-3">🧑💻 Always open</div>
|
|
||||||
</h3>
|
|
||||||
<div class="h-full flex flex-col justify-between">
|
|
||||||
<p class="text-sm text-gray-800 dark:text-gray-100">
|
|
||||||
Beyond practical knowledge, I am also a teamplayer. I love discovering new ways and
|
|
||||||
technologies that are proposed to me and like to share ideas and find new solutions to
|
|
||||||
problems together.
|
|
||||||
<br /><br />
|
|
||||||
Most of my experiences listed have happened because people approached me with cool ideas. If
|
|
||||||
you have something you need made and think we could provide value to each other, I would be
|
|
||||||
glad to look at your opportunities.
|
|
||||||
</p>
|
|
||||||
<img src="/banner4.png" class="w-full -mb-5" alt="mid" />
|
|
||||||
</div>
|
|
||||||
</Card>
|
|
||||||
</span>
|
|
||||||
</Section>
|
|
||||||
|
After Width: | Height: | Size: 82 KiB |
|
After Width: | Height: | Size: 13 MiB |
Loading…
Reference in new issue