static pages
This commit is contained in:
269
static/index.html
Normal file
269
static/index.html
Normal file
@@ -0,0 +1,269 @@
|
||||
<!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 text-white flex flex-col items-center"
|
||||
>
|
||||
<h6
|
||||
class="aero-gradient text-white p-2 border border-midnight rounded-lg w-full items-center flex justify-center"
|
||||
>
|
||||
Who am I?
|
||||
</h6>
|
||||
<p>
|
||||
Hi, my name is Gabriel Kaszewski, and I am a Bioinformatics
|
||||
student 🧬 and self-taught full-stack developer 💻.
|
||||
</p>
|
||||
<p>
|
||||
My journey with programming started when I was 11 🚀. I love
|
||||
solving problems and creating software that resolves them 👨💻.
|
||||
</p>
|
||||
<p>
|
||||
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>
|
||||
</article>
|
||||
<article
|
||||
class="aero-gradient-glass rounded-lg p-4 flex flex-col border-midnight-light border w-full"
|
||||
>
|
||||
<section
|
||||
class="aero-gradient-dark p-2 rounded-lg border-midnight border prose-sm prose-p:m-1 w-full text-white flex flex-col items-center"
|
||||
>
|
||||
<h6
|
||||
class="aero-gradient text-white p-2 border border-midnight rounded-lg w-full items-center flex justify-center"
|
||||
>
|
||||
My awesome skills
|
||||
</h6>
|
||||
<p>
|
||||
Below you can find a list of technologies I have experience
|
||||
with:
|
||||
</p>
|
||||
<ul class="flex flex-wrap gap-1 list-none">
|
||||
<li>Angular</li>
|
||||
<li>Azure pipelines</li>
|
||||
<li>C#</li>
|
||||
<li>C++</li>
|
||||
<li>Django</li>
|
||||
<li>Docker</li>
|
||||
<li>FastAPI</li>
|
||||
<li>Git</li>
|
||||
<li>Java</li>
|
||||
<li>JavaScript</li>
|
||||
<li>Linux</li>
|
||||
<li>PostGIS</li>
|
||||
<li>PostgreSQL</li>
|
||||
<li>Python</li>
|
||||
<li>Qt</li>
|
||||
<li>React</li>
|
||||
<li>Rust</li>
|
||||
<li>SCSS</li>
|
||||
<li>TailwindCSS</li>
|
||||
<li>Typescript</li>
|
||||
<li>Unity</li>
|
||||
</ul>
|
||||
</section>
|
||||
</article>
|
||||
<article
|
||||
class="aero-gradient-glass rounded-lg p-4 flex flex-col border-midnight-light border w-full"
|
||||
>
|
||||
<section
|
||||
class="aero-gradient-dark p-2 rounded-lg border-midnight border prose-sm prose-p:m-1 w-full text-white flex flex-col items-center"
|
||||
>
|
||||
<h6
|
||||
class="aero-gradient text-white p-2 border border-midnight rounded-lg w-full items-center flex justify-center"
|
||||
>
|
||||
Work experience
|
||||
</h6>
|
||||
|
||||
<section>
|
||||
<h6
|
||||
class="text-white p-2 w-full items-center flex justify-center"
|
||||
>
|
||||
Python Developer
|
||||
</h6>
|
||||
<p class="border-midnight border-b p-2">
|
||||
choreograph (2025 - currently)
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<h6
|
||||
class="text-white p-2 w-full items-center flex justify-center"
|
||||
>
|
||||
Frontend Developer
|
||||
</h6>
|
||||
<p class="border-midnight border-b p-2">
|
||||
choreograph (2024 - 2025)
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<h6
|
||||
class="text-white p-2 w-full items-center flex justify-center"
|
||||
>
|
||||
Frontend Developer
|
||||
</h6>
|
||||
<p class="border-midnight border-b p-2">
|
||||
wavemaker (2023 - 2024)
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<h6
|
||||
class="text-white p-2 w-full items-center flex justify-center"
|
||||
>
|
||||
Frontend Developer
|
||||
</h6>
|
||||
<p class="border-midnight border-b p-2">GIAP (2022 - 2023)</p>
|
||||
</section>
|
||||
<section>
|
||||
<h6
|
||||
class="text-white p-2 w-full items-center flex justify-center"
|
||||
>
|
||||
Python Developer
|
||||
</h6>
|
||||
<p class="border-midnight border-b p-2">GIAP (2021 - 2023)</p>
|
||||
</section>
|
||||
<section>
|
||||
<h6
|
||||
class="text-white p-2 w-full items-center flex justify-center"
|
||||
>
|
||||
Python Developer
|
||||
</h6>
|
||||
<p class="border-midnight border-b p-2">
|
||||
digimonkeys (2021 - currently)
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<h6
|
||||
class="text-white p-2 w-full items-center flex justify-center"
|
||||
>
|
||||
Unity Developer
|
||||
</h6>
|
||||
<p class="border-midnight border-b p-2">
|
||||
Mobil Titans (2019 - 2020)
|
||||
</p>
|
||||
</section>
|
||||
</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>Powered by loco.rs & Rust 🦀</p>
|
||||
<p>Made with 💗 in Poland</p>
|
||||
</footer>
|
||||
</section>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user