add projects view and template

This commit is contained in:
2024-11-10 04:47:40 +01:00
parent 5eb0246863
commit a3de4dcb43
21 changed files with 350 additions and 65 deletions

View File

@@ -123,51 +123,57 @@
</div>
<div class="w-full mt-8"></div>
<div
class="flex flex-col items-center justify-center gap-4 rounded md:w-fit max-w-[60ch] text-[1.25rem] leading-[1.8] text-left p-4 text-pretty"
id="who-am-i"
class="flex flex-col items-center justify-center gap-4 p-4 rounded md:w-fit"
>
<h3 class="mt-4 mb-2 text-5xl font-bold tracking-tight">Who am I? 🤔</h3>
<section class="leading-relaxed text-white">
<section class="prose text-white md:prose-lg lg:prose-xl">
<p>
Hi, my name is Gabriel Kaszewski, and I am a Bioinformatics student 🧬 and
self-taught full-stack developer 💻.
</p>
<p>
I started coding when I was 11 🚀. I love solving problems and writing
software 👨‍💻.
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 🐒. I am
very passionate about Computer Science 💾.
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>
</div>
<h3 class="mt-4 mb-2 text-5xl font-bold tracking-tight">Skills 🛠️</h3>
{% for skill in skills %} {{ chip::chip(text=skill.name) }} {%endfor%}
<section class="flex flex-wrap justify-center w-1/2 gap-4"></section>
<h3 class="mt-4 mb-2 text-5xl font-bold tracking-tight">Experience 📈</h3>
{% for job in jobs %}
<div class="flex flex-col gap-2 p-4 text-black bg-gray-100 rounded-lg">
<h4 class="text-2xl">
<span class="fas fa-user-circle"></span> {{ job.position }}
</h4>
<h5 class="text-xl font-light">
<span class="fas fa-building"></span> {{ job.company }}
</h5>
{% if job.still_working %}
<h6>
<span class="fas fa-clock"></span> {{ job.start_date |
date(format="%d-%m-%Y") }} - Present
</h6>
{% else %}
<h6>
<span class="fas fa-clock"></span> {{ job.start_date |
date(format="%d-%m-%Y") }} - {{ job.end_date | date(format="%d-%m-%Y") }}
</h6>
{% endif %}
<p class="font-bold"><span class="fas fa-microchip"></span> Technologies</p>
{% for technology in job.technologies %} {{ chip::chip(text=technology.name)
}} {% endfor %}
<div id="skills" class="flex flex-col items-center justify-center gap-4 p-4 rounded md:w-fit">
<h3 class="mt-4 mb-2 text-5xl font-bold tracking-tight">Skills 🛠️</h3>
{% for skill in skills %} {{ chip::chip(text=skill.name) }} {%endfor%}
</div>
<div id="experience" class="flex flex-col items-center justify-center gap-4 p-4 rounded md:w-fit">
<h3 class="mt-4 mb-2 text-5xl font-bold tracking-tight">Experience 📈</h3>
{% for job in jobs %}
<div class="flex flex-col gap-2 p-4 text-black bg-gray-50 rounded-lg max-w-[20rem] shadow-lg">
<h4 class="text-2xl">
<span class="fas fa-user-circle"></span> {{ job.position }}
</h4>
<h5 class="text-xl font-light">
<span class="fas fa-building"></span> {{ job.company }}
</h5>
{% if job.still_working %}
<h6>
<span class="fas fa-clock"></span> {{ job.start_date |
date(format="%d-%m-%Y") }} - Present
</h6>
{% else %}
<h6>
<span class="fas fa-clock"></span> {{ job.start_date |
date(format="%d-%m-%Y") }} - {{ job.end_date | date(format="%d-%m-%Y") }}
</h6>
{% endif %}
<p class="font-bold"><span class="fas fa-microchip"></span> Technologies</p>
<div class="flex flex-wrap items-center w-full gap-2">
{% for technology in job.technologies %} {{ chip::chip(text=technology)
}} {% endfor %}
</div>
</div>
{%endfor%}
</div>
{%endfor%}
<section class="flex flex-col flex-wrap justify-center gap-4 m-4"></section>
{% endblock content %}