186 lines
7.5 KiB
HTML
186 lines
7.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Gabriel Kaszewski</title>
|
|
<link rel="stylesheet" href="css/main.css" />
|
|
</head>
|
|
<body>
|
|
<main
|
|
class="w-full h-full min-h-screen flex flex-col items-center justify-center bg-[url('../img/backgrounds/background2.jpg')] bg-cover bg-center"
|
|
>
|
|
<div
|
|
class="w-full max-w-[980px] max-h-[930px] flex-1 flex flex-col glass-sm rounded-2xl rounded-br-none border-midnight border-[2px]"
|
|
>
|
|
<header
|
|
class="flex p-[30px] items-center gap-4 rounded-t-2xl text-white border-b-0 aero-gradient"
|
|
>
|
|
<h1 class="text-2xl font-semibold">Gabriel Kaszewski</h1>
|
|
<h2 class="text-lg font-normal">Full-stack Developer</h2>
|
|
</header>
|
|
<section
|
|
class="grid grid-cols-6 w-full h-full flex-1 gap-8 overflow-y-auto"
|
|
>
|
|
<aside
|
|
class="col-span-2 aero-gradient-dark p-4 rounded-bl-2xl flex flex-col gap-2 items-stretch overflow-y-auto"
|
|
>
|
|
<section class="aero-gradient-dark text-white p-1 rounded-sm">
|
|
<p class="aero-gradient p-2 border-b border-midnight text-lg">
|
|
Main
|
|
</p>
|
|
<ul class="flex flex-col gap-1 justify-center">
|
|
<li class="border-b border-midnight">
|
|
<a href="/" class="flex items-center gap-2">
|
|
<img
|
|
class="w-6 h-6"
|
|
src="img/icons/home.png"
|
|
alt="home-icon"
|
|
/>
|
|
Home
|
|
</a>
|
|
</li>
|
|
<li class="border-b border-midnight flex items-center">
|
|
<a href="/cv" class="flex items-center gap-2">
|
|
<img class="w-6 h-6" src="img/icons/cv.png" alt="cv-icon" />
|
|
CV
|
|
</a>
|
|
</li>
|
|
<li class="border-b border-midnight flex items-center gap-2">
|
|
<a href="/about" class="flex items-center gap-2">
|
|
<img
|
|
class="w-6 h-6"
|
|
src="img/icons/about.png"
|
|
alt="about-icon"
|
|
/>
|
|
About
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section class="aero-gradient-dark text-white p-1 rounded-sm">
|
|
<p
|
|
class="aero-gradient p-2 border-b border-midnight text-lg flex items-center gap-2"
|
|
>
|
|
<img
|
|
src="img/icons/folder.png"
|
|
alt="folder-icon"
|
|
class="w-6 h-6"
|
|
/>
|
|
Projects
|
|
</p>
|
|
<ul class="flex flex-col gap-1 justify-center">
|
|
<li class="border-b border-midnight">Project 1</li>
|
|
<li class="border-b border-midnight">Project 2</li>
|
|
<li class="border-b border-midnight">Project 3</li>
|
|
</ul>
|
|
</section>
|
|
<section class="aero-gradient-dark text-white p-1 rounded-sm">
|
|
<p
|
|
class="aero-gradient p-2 border-b border-midnight text-lg flex items-center gap-2"
|
|
>
|
|
<img
|
|
class="w-6 h-6"
|
|
src="img/icons/games.png"
|
|
alt="games-icon"
|
|
/>
|
|
Games
|
|
</p>
|
|
<ul class="flex flex-col gap-1 justify-center">
|
|
<li class="border-b border-midnight">Snake</li>
|
|
<li class="border-b border-midnight">Tetris</li>
|
|
<li class="border-b border-midnight">Wordle</li>
|
|
</ul>
|
|
</section>
|
|
<section class="aero-gradient-dark text-white p-1 rounded-sm">
|
|
<p
|
|
class="aero-gradient p-2 border-b border-midnight text-lg flex items-center gap-2"
|
|
>
|
|
<img src="img/icons/disc.png" alt="disc-icon" class="w-6 h-6" />
|
|
Multimedia
|
|
</p>
|
|
<ul class="flex flex-col gap-1 justify-center">
|
|
<li class="border-b border-midnight">Podcasts</li>
|
|
<li class="border-b border-midnight">Photos</li>
|
|
</ul>
|
|
</section>
|
|
</aside>
|
|
<section
|
|
class="col-span-4 flex flex-col px-8 pt-4 gap-4 overflow-y-auto"
|
|
>
|
|
<article
|
|
class="aero-gradient-glass rounded-lg p-4 flex flex-col border-midnight-light border"
|
|
>
|
|
<section
|
|
class="aero-gradient-dark p-2 rounded-lg border-midnight border prose-sm prose-a:text-blue-500 text-white flex flex-col"
|
|
>
|
|
<h6
|
|
class="aero-gradient text-white p-2 border border-midnight rounded-lg w-full items-center flex justify-center"
|
|
>
|
|
More info about me!
|
|
</h6>
|
|
<p>
|
|
Hi! I am Gabriel and I am 23 years old. I study Bioinformatics
|
|
at the University of Gdansk. I'm fluent in Polish and English
|
|
and currently work as a Python Developer at digimonkeys.com
|
|
</p>
|
|
<p>
|
|
I have published one article you can read it
|
|
<a href="https://dx.doi.org/10.1038/s41598-023-44488-7"
|
|
>here</a
|
|
>.
|
|
</p>
|
|
</section>
|
|
</article>
|
|
<article
|
|
class="aero-gradient-glass rounded-lg p-4 flex flex-col border-midnight-light border"
|
|
>
|
|
<section
|
|
class="aero-gradient-dark p-2 rounded-lg border-midnight border prose-sm prose-a:text-blue-500 text-white flex flex-col"
|
|
>
|
|
<h6
|
|
class="aero-gradient text-white p-2 border border-midnight rounded-lg w-full items-center flex justify-center"
|
|
>
|
|
Hobbies
|
|
</h6>
|
|
</section>
|
|
</article>
|
|
<article
|
|
class="aero-gradient-glass rounded-lg p-4 flex flex-col border-midnight-light border"
|
|
>
|
|
<section
|
|
class="aero-gradient-dark p-2 rounded-lg border-midnight border prose-sm prose-a:text-blue-500 text-white flex flex-col"
|
|
>
|
|
<h6
|
|
class="aero-gradient text-white p-2 border border-midnight rounded-lg w-full items-center flex justify-center"
|
|
>
|
|
Interests
|
|
</h6>
|
|
</section>
|
|
</article>
|
|
<article
|
|
class="aero-gradient-glass rounded-lg p-4 flex flex-col border-midnight-light border"
|
|
>
|
|
<section
|
|
class="aero-gradient-dark p-2 rounded-lg border-midnight border prose-sm prose-a:text-blue-500 text-white flex flex-col"
|
|
>
|
|
<h6
|
|
class="aero-gradient text-white p-2 border border-midnight rounded-lg w-full items-center flex justify-center"
|
|
>
|
|
FAQ
|
|
</h6>
|
|
</section>
|
|
</article>
|
|
<span class="flex-1"></span>
|
|
<footer
|
|
class="text-white gap-2 flex justify-center items-center p-8 rounded-t-lg aero-gradient"
|
|
>
|
|
<p>Made with 💗 in Poland</p>
|
|
</footer>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|