zola
This commit is contained in:
34
zola/templates/base.html
Normal file
34
zola/templates/base.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>{% block title %}Gabriel Kaszewski{% endblock %}</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]"
|
||||
>
|
||||
{% include "header.html" %}
|
||||
|
||||
<section
|
||||
class="grid grid-cols-6 w-full h-full flex-1 gap-8 overflow-y-auto"
|
||||
>
|
||||
{% include "sidebar.html" %}
|
||||
|
||||
<section
|
||||
class="col-span-4 flex flex-col px-8 pt-4 gap-4 overflow-y-auto"
|
||||
>
|
||||
{% block content %}
|
||||
<span class="flex-1"></span>
|
||||
{% endblock %} {% include "footer.html" %}
|
||||
</section>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
5
zola/templates/footer.html
Normal file
5
zola/templates/footer.html
Normal file
@@ -0,0 +1,5 @@
|
||||
<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>
|
||||
6
zola/templates/header.html
Normal file
6
zola/templates/header.html
Normal file
@@ -0,0 +1,6 @@
|
||||
<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>
|
||||
121
zola/templates/index.html
Normal file
121
zola/templates/index.html
Normal file
@@ -0,0 +1,121 @@
|
||||
{% extends "base.html" %} {% block content %}
|
||||
<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>
|
||||
{% endblock %}
|
||||
2
zola/templates/page.html
Normal file
2
zola/templates/page.html
Normal file
@@ -0,0 +1,2 @@
|
||||
{% extends "base.html" %} {% block content %} {{ page.content | safe }} {%
|
||||
endblock %}
|
||||
65
zola/templates/sidebar.html
Normal file
65
zola/templates/sidebar.html
Normal file
@@ -0,0 +1,65 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user