feat(portfolio): improve landing page

This commit is contained in:
2026-08-28 20:42:48 +02:00
parent 452ae78564
commit bd6a22e814
24 changed files with 430 additions and 12 deletions
+79 -2
View File
@@ -1,8 +1,8 @@
{% extends "base.html" %}
{% load i18n %}
{% load i18n static %}
{% block content %}
<div class="container">
<div class="row h-">
<div class="row mb-4">
<div class="col">
<div class="text-center mt-4">
<h1 class="display-2 fw-bold">Patrick Canal</h1>
@@ -34,5 +34,82 @@
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="card h-full">
<div class="card-body d-flex align-items-center flex-column">
<div class="w-24 h-30">
<img src="{% static 'images/nix-logo.svg' %}" alt="NixOS logo">
</div>
<b class="fs-2">{% trans "NixOS enthusiast" %}</b>
<p class="text-secondary text-center mt-2">
{% blocktrans %}
Linux user for years my OS of choice is NixOS, embrace reproducibility!
{% endblocktrans %}
</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-full">
<div class="card-body d-flex align-items-center flex-column">
<div class="w-24 h-30">
<img src="{% static 'images/foss-logo.webp' %}" alt="FOSS logo">
</div>
<b class="fs-2">{% trans "FOSS lover" %}</b>
<p class="text-secondary text-center mt-2">
{% blocktrans %}
Every line of code that I write for myself is open source<br />
Public money should be invested in public code
{% endblocktrans %}
</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-body d-flex align-items-center flex-column">
<div class="w-24 h-30 text-5xl pt-4">
<i class="fa-solid fa-server fa-2xl"></i>
</div>
<b class="fs-2">{% trans "Homelab maintainer" %}</b>
<p class="text-secondary text-center mt-2">
{% blocktrans %}
One of the projects that I am most proud of is my homelabbing activity,
check it out on my <a href="https://github.com/Superredstone/nixos/tree/main/machines/bomba" target="_blank">Github</a>
{% endblocktrans %}
</p>
</div>
</div>
</div>
</div>
<div class="hr"></div>
<div>
<h2 class="fs-1 pb-2">{% trans "Job experiences" %}</h2>
<ul class="timeline">
{% for je in job_experiences %}
<li class="timeline-event">
<div class="timeline-event-icon bg-primary">
<img src="{{ je.company.logo.url }}" alt="">
</div>
<div class="timeline-event-card card">
<div class="card-body">
<p class="text-primary mb-0">{{ je.start }} - {% if je.end %}{{ je.end }}{% else %}{% trans "today" %}{% endif %}</p>
<h2 class="fs-2">{{ je.position }}</h2>
<div class="">
<div class="text-danger">{{ je.company.name }}</div>
<div class="text-secondary">{{ je.company.location }}</div>
<div class="mt-2 text-white">
{% for jt in je.job_tasks.all %}
<div>{{ jt.description }}</div>
{% endfor %}
</div>
</div>
</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
{% endblock %}