- Updated footer to include an Itch.io link and improved SVG formatting. - Modified index.html to introduce a Steam preview iframe and refined introductory text. - Enhanced project-item.html for better layout and added glass effect styles. - Updated chip.html to include glass effect styling. - Adjusted tailwind.config.js to extend theme with new colors, gradients, border radius, and box shadow. - Updated package.json to use the latest versions of tailwindcss-motion and @tailwindcss/typography. - Changed bun.lockb permissions for better compatibility.
195 lines
6.2 KiB
HTML
195 lines
6.2 KiB
HTML
{% import "website/macros/chip.html" as chip %} {% extends "website/base.html"
|
|
%} {% block content %}
|
|
<div class="mt-8"></div>
|
|
<div
|
|
class="flex flex-col items-center justify-center gap-2 p-4 bg-white rounded-lg glass-effect glossy-effect bottom gloss-highlight shadow-lg"
|
|
>
|
|
<img
|
|
src="/static/images/ja.jpg"
|
|
alt="me"
|
|
width="300"
|
|
height="300"
|
|
class="object-cover rounded-md glossy-effect bottom gloss-highlight shadow-lg"
|
|
/>
|
|
<h2 class="mt-4 text-2xl font-bold text-black">Hello, I'm Gabriel! 👋</h2>
|
|
</div>
|
|
<h1 class="mt-6 text-3xl font-extrabold">More info about me! 💡</h1>
|
|
<div
|
|
class="flex flex-col m-4 prose text-white md:text-left md:m-0 md:w-1/2 md:prose-lg lg:prose-xl prose-yellow"
|
|
>
|
|
<p>
|
|
Hi! I am Gabriel and I am {{ age }} years old. I graduated in Bioinformatics
|
|
from the University of Gdańsk 🏫. 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 target="_blank" href="http://dx.doi.org/10.1038/s41598-023-44488-7">
|
|
here </a
|
|
>.
|
|
</p>
|
|
</div>
|
|
<h1 class="mt-6 text-3xl font-extrabold">Hobbies 🎮🎸</h1>
|
|
<div
|
|
class="flex flex-wrap items-center justify-center gap-4 m-4 md:m-0 md:w-1/2"
|
|
>
|
|
{{ chip::chip(text="Programming 💻")}} {{ chip::chip(text="Filmmaking 🎥")}}
|
|
{{ chip::chip(text="Gaming 🕹️")}} {{ chip::chip(text="Playing guitar 🎸")}}
|
|
</div>
|
|
<h1 class="mt-6 text-3xl font-bold">Interests 🌌📚</h1>
|
|
<div
|
|
class="flex flex-wrap items-center justify-center gap-4 m-4 md:m-0 md:w-1/2"
|
|
>
|
|
{{ chip::chip(text="Computer Science 💾")}} {{ chip::chip(text="Sci-Fi
|
|
Books📚")}} {{ chip::chip(text="Astronomy 🔭")}} {{ chip::chip(text="Sports
|
|
🏅") }} {{ chip::chip(text="History 🏰")}}
|
|
</div>
|
|
|
|
<h1 class="mt-6 text-3xl font-extrabold">My Philosophy 🧠</h1>
|
|
<div
|
|
class="flex flex-col m-4 prose text-white md:text-left md:m-0 md:w-1/2 md:prose-lg lg:prose-xl"
|
|
>
|
|
<p>
|
|
I believe much of today's software is bloated, inefficient, and
|
|
disrespectful of the user's resources. My passion, which started with a
|
|
simple curiosity at age 11, is to build a better alternative. I focus on
|
|
creating software that is
|
|
<strong class="text-yellow-400"
|
|
>fast, reliable, and genuinely intuitive</strong
|
|
>, guided by the principles of clean and efficient code.
|
|
</p>
|
|
</div>
|
|
|
|
<h1 class="mt-6 text-3xl font-extrabold">My Toolkit 🛠️</h1>
|
|
<div
|
|
class="bg-transparent glass-effect glossy-effect bottom gloss-highlight rounded-2xl p-4 m-4 md:m-0 md:w-1/2 w-full text-white text-shadow-sm"
|
|
>
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
<div>
|
|
<h3 class="text-xl font-bold">OS & Hardware</h3>
|
|
<p>Arch Linux</p>
|
|
<p>Custom-built PC Rig</p>
|
|
<p>AMD Ryzen 7 5800X3D</p>
|
|
<p>NVIDIA RTX 4070 Ti</p>
|
|
<p>48GB RAM</p>
|
|
</div>
|
|
<div>
|
|
<h3 class="text-xl font-bold">Editor</h3>
|
|
<p>Jetbrains IDEs (Pycharm, Rider)</p>
|
|
<p>VS Code</p>
|
|
</div>
|
|
<div>
|
|
<h3 class="text-xl font-bold">Primary Languages</h3>
|
|
<p>Rust, Python, C#, TypeScript</p>
|
|
</div>
|
|
<div>
|
|
<h3 class="text-xl font-bold">Favorite Tech</h3>
|
|
<p>Axum, Godot, React, TailwindCSS</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h1 class="mt-6 text-3xl font-extrabold">Future Goals 🚀</h1>
|
|
<div
|
|
class="flex flex-col m-4 prose text-white md:text-left md:m-0 md:w-1/2 md:prose-lg lg:prose-xl prose-blue"
|
|
>
|
|
<p>
|
|
I'm always eager to learn and grow. My goal is to continue honing my skills
|
|
in backend development and system architecture while exploring new creative
|
|
outlets. Here's what's on my radar:
|
|
</p>
|
|
<ul class="list-none p-0">
|
|
<li class="flex items-center gap-2 not-prose">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<polyline points="20 6 9 17 4 12"></polyline>
|
|
</svg>
|
|
<span
|
|
>Deepen my expertise in Rust for high-performance applications.</span
|
|
>
|
|
</li>
|
|
<li class="flex items-center gap-2 not-prose">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<polyline points="20 6 9 17 4 12"></polyline>
|
|
</svg>
|
|
<span>Contribute to impactful open-source projects.</span>
|
|
</li>
|
|
<li class="flex items-center gap-2 not-prose">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<polyline points="20 6 9 17 4 12"></polyline>
|
|
</svg>
|
|
<span>Develop and release my first full-fledged indie game.</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<h1 class="mt-6 text-3xl font-bold">FAQ ❓</h1>
|
|
<div id="faq" class="flex flex-col gap-2 m-4">
|
|
<div>
|
|
<h6 class="text-xl font-bold">
|
|
How old were you when you started programming?
|
|
</h6>
|
|
<p>I was 11 years old 🧑💻.</p>
|
|
</div>
|
|
<div>
|
|
<h6 class="text-xl font-bold">How did you learn programming?</h6>
|
|
<p>I read books 📖 and practiced a lot.</p>
|
|
</div>
|
|
<div>
|
|
<h6 class="text-xl font-bold">Are you studying Computer Science?</h6>
|
|
<p>
|
|
No, I have a degree in Bioinformatics, which is a closely related field.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h6 class="text-xl font-bold">
|
|
Which programming language do you recommend for a beginner?
|
|
</h6>
|
|
<p>
|
|
The language doesn't really matter, just choose one you like and dive in
|
|
🌊.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h6 class="text-xl font-bold">What was your first programming language?</h6>
|
|
<p>My journey began with C++ 🖥️.</p>
|
|
</div>
|
|
<div>
|
|
<h6 class="text-xl font-bold">
|
|
What is your favorite programming language?
|
|
</h6>
|
|
<p>I enjoy writing in C, Rust, and Python 🐍. But Rust is the best 💖🦀</p>
|
|
</div>
|
|
</div>
|
|
<span></span>
|
|
{% endblock content %}
|