320 lines
10 KiB
HTML
320 lines
10 KiB
HTML
{% import "website/macros/chip.html" as chip %} {% extends "website/base.html"
|
|
%} {% block content %}
|
|
<div class="w-full">
|
|
<div class="w-full mt-16 md:hidden"></div>
|
|
<div class="relative inline-block w-full min-w-full">
|
|
<img
|
|
src="/static/images/optimized.avif"
|
|
alt="Background"
|
|
class="hidden object-cover w-full max-h-full pointer-events-none md:block"
|
|
/>
|
|
<div
|
|
class="flex flex-col items-center justify-start w-full md:inset-0 md:absolute md:items-start md:p-16 lg:p-20"
|
|
>
|
|
<div class="hidden md:block">
|
|
<h1
|
|
class="mb-4 text-2xl font-bold tracking-tight text-white md:text-4xl lg:text-6xl md:mb-0 -motion-translate-x-in-100 motion-translate-y-in-75"
|
|
>
|
|
Gabriel Kaszewski
|
|
</h1>
|
|
<h2
|
|
class="mt-8 text-lg font-light tracking-tight text-white md:text-xl lg:text-2xl md:mt-0 motion-preset-slide-right motion-duration-1000"
|
|
>
|
|
Full-Stack Developer
|
|
</h2>
|
|
</div>
|
|
<div class="md:hidden">
|
|
<h1
|
|
class="text-2xl font-bold tracking-tight text-white motion-preset-slide-right motion-duration-1000"
|
|
>
|
|
Gabriel Kaszewski
|
|
</h1>
|
|
<h2
|
|
class="text-lg font-light tracking-tight text-white motion-preset-slide-right motion-duration-1000"
|
|
>
|
|
Full-Stack Developer
|
|
</h2>
|
|
</div>
|
|
<div
|
|
class="flex items-center gap-2 mt-4 motion-preset-slide-right motion-duration-2000 md:mt-0"
|
|
>
|
|
<a href="/api/data/cv.pdf" title="My CV">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<path d="M14 2v4a2 2 0 0 0 2 2h4" />
|
|
<path d="M15 18a3 3 0 1 0-6 0" />
|
|
<path
|
|
d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z"
|
|
/>
|
|
<circle cx="12" cy="13" r="2" />
|
|
</svg>
|
|
</a>
|
|
<a href="https://github.com/GKaszewski" title="GitHub">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<path
|
|
d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"
|
|
/>
|
|
<path d="M9 18c-4.51 2-5-2-7-2" />
|
|
</svg>
|
|
</a>
|
|
<a href="mailto: gabrielkaszewski@gmail.com" title="My email">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<circle cx="12" cy="12" r="4" />
|
|
<path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8" />
|
|
</svg>
|
|
</a>
|
|
<a
|
|
href="https://www.linkedin.com/in/gabriel-kaszewski-5344b3183"
|
|
title="LinkedIn"
|
|
>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<path
|
|
d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"
|
|
/>
|
|
<rect width="4" height="12" x="2" y="9" />
|
|
<circle cx="4" cy="4" r="2" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="absolute bottom-0 hidden p-2 text-sm md:block">
|
|
<span class="flex gap-1">
|
|
Photo by
|
|
<a
|
|
class="underline"
|
|
href="https://unsplash.com/@federize?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash"
|
|
>
|
|
Federico Beccari
|
|
</a>
|
|
on
|
|
<a
|
|
class="underline"
|
|
href="https://unsplash.com/photos/red-moon-eGJg5iRGlg8?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash"
|
|
>
|
|
Unsplash
|
|
</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
id="who-am-i"
|
|
class="flex flex-col items-center justify-center gap-4 p-4 rounded md:w-fit"
|
|
>
|
|
<h3 class="mt-4 mb-2 text-5xl font-bold tracking-tight">Who am I? 🤔</h3>
|
|
<section class="prose text-white md:prose-lg lg:prose-xl">
|
|
<p class="motion-preset-pop motion-delay-75">
|
|
Hi, my name is Gabriel Kaszewski - I'm a Bioinformatics graduate 🧬 and a
|
|
self-taught full-stack developer 💻. I love creating software that
|
|
resolves complex problems, and my most ambitious project yet is my first
|
|
game. Take a look at the Steam preview below and consider adding it to
|
|
your wishlist!
|
|
</p>
|
|
|
|
<div class="w-full max-w-full aspect-[646/190]">
|
|
<iframe
|
|
class="w-full h-full"
|
|
src="https://store.steampowered.com/widget/3575090/"
|
|
frameborder="0"
|
|
></iframe>
|
|
</div>
|
|
|
|
<p class="motion-preset-pop motion-delay-100">
|
|
My journey with programming started when I was 11 🚀. I love solving
|
|
problems and creating software that resolves them 👨💻.
|
|
</p>
|
|
<p class="motion-preset-pop motion-delay-200">
|
|
Currently, I am working as a Python Developer at digimonkeys.com 🐒. In my
|
|
free time I like to read about new technologies and work on my projects
|
|
📚.
|
|
</p>
|
|
</section>
|
|
</div>
|
|
<div
|
|
id="skills"
|
|
class="flex flex-col items-center justify-center gap-4 p-4 rounded md:w-fit"
|
|
>
|
|
<h3 class="mt-4 mb-2 text-5xl font-bold tracking-tight">Skills 🛠️</h3>
|
|
<div class="flex flex-wrap justify-center w-1/2 gap-4">
|
|
{% for skill in skills %}
|
|
<div
|
|
class="odd:motion-preset-slide-left even:motion-preset-slide-right odd:motion-delay-100"
|
|
>
|
|
{{ chip::chip(text=skill.name) }}
|
|
</div>
|
|
{%endfor%}
|
|
</div>
|
|
</div>
|
|
<div
|
|
id="experience"
|
|
class="flex flex-col items-center justify-center gap-4 p-4 rounded md:w-fit"
|
|
>
|
|
<h3 class="mt-4 mb-2 text-5xl font-bold tracking-tight">Experience 📈</h3>
|
|
{% for job in jobs %}
|
|
<div
|
|
class="bg-white glass-effect glossy-effect bottom gloss-highlight flex flex-col gap-2 p-4 text-black w-[20rem] max-w-[20rem] odd:motion-preset-slide-right-md odd:motion-delay-100 even:motion-preset-rebound"
|
|
>
|
|
<h4 class="flex items-center gap-1 text-2xl text-shadow-sm">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
class="lucide lucide-circle-user-round"
|
|
>
|
|
<path d="M18 20a6 6 0 0 0-12 0" />
|
|
<circle cx="12" cy="10" r="4" />
|
|
<circle cx="12" cy="12" r="10" />
|
|
</svg>
|
|
{{ job.position }}
|
|
</h4>
|
|
<h5 class="flex items-center gap-1 text-xl font-light text-shadow-sm">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
class="lucide lucide-building"
|
|
>
|
|
<rect width="16" height="20" x="4" y="2" rx="2" ry="2" />
|
|
<path d="M9 22v-4h6v4" />
|
|
<path d="M8 6h.01" />
|
|
<path d="M16 6h.01" />
|
|
<path d="M12 6h.01" />
|
|
<path d="M12 10h.01" />
|
|
<path d="M12 14h.01" />
|
|
<path d="M16 10h.01" />
|
|
<path d="M16 14h.01" />
|
|
<path d="M8 10h.01" />
|
|
<path d="M8 14h.01" />
|
|
</svg>
|
|
{{ job.company }}
|
|
</h5>
|
|
{% if job.still_working %}
|
|
<h6 class="flex items-center gap-1">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
class="lucide lucide-clock"
|
|
>
|
|
<circle cx="12" cy="12" r="10" />
|
|
<polyline points="12 6 12 12 16 14" />
|
|
</svg>
|
|
{{ job.start_date | date(format="%d-%m-%Y") }} - Present
|
|
</h6>
|
|
{% else %}
|
|
<h6 class="flex items-center gap-1">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
class="lucide lucide-clock"
|
|
>
|
|
<circle cx="12" cy="12" r="10" />
|
|
<polyline points="12 6 12 12 16 14" />
|
|
</svg>
|
|
{{ job.start_date | date(format="%d-%m-%Y") }} - {{ job.end_date |
|
|
date(format="%d-%m-%Y") }}
|
|
</h6>
|
|
{% endif %}
|
|
<p class="flex items-center gap-1 font-bold">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
class="lucide lucide-microchip"
|
|
>
|
|
<path d="M18 12h2" />
|
|
<path d="M18 16h2" />
|
|
<path d="M18 20h2" />
|
|
<path d="M18 4h2" />
|
|
<path d="M18 8h2" />
|
|
<path d="M4 12h2" />
|
|
<path d="M4 16h2" />
|
|
<path d="M4 20h2" />
|
|
<path d="M4 4h2" />
|
|
<path d="M4 8h2" />
|
|
<path
|
|
d="M8 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2h-1.5c-.276 0-.494.227-.562.495a2 2 0 0 1-3.876 0C9.994 2.227 9.776 2 9.5 2z"
|
|
/>
|
|
</svg>
|
|
Technologies
|
|
</p>
|
|
<div class="flex flex-wrap items-center w-full gap-2">
|
|
{% for technology in job.technologies %} {{ chip::chip(text=technology) }}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{%endfor%}
|
|
</div>
|
|
<section class="flex flex-col flex-wrap justify-center gap-4 m-4"></section>
|
|
{% endblock content %}
|