GKaszewski/gabrielkaszewski-dev-areo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

static pages

Browse Source
This commit is contained in:
Gabriel Kaszewski
2025-03-19 15:02:12 +01:00
parent 3791c9603a
commit 7fecbef90b
18 changed files with 1197 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

185
static/about.html Normal file
View File

@@ -0,0 +1,185 @@
<!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>