fix: project_list margin

portfolio/admin.py

@@ -21,3 +21,8 @@ class CompanyAdmin(admin.ModelAdmin):
 @admin.register(models.Project)
 class ProjectAdmin(admin.ModelAdmin):
     list_display = ["name", "short_description"]
+
+
+@admin.register(models.ProjectTag)
+class ProjectTagAdmin(admin.ModelAdmin):
+    list_display = ["name", "color"]

portfolio/migrations/0005_projecttag_project_tags.py

@@ -0,0 +1,26 @@
+# Generated by Django 6.1.1 on 2026-09-15 18:04
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('portfolio', '0004_company_color_alter_company_logo'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='ProjectTag',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=25, verbose_name='Name')),
+                ('color', models.CharField(default='000000', max_length=6, verbose_name='Color (hex)')),
+            ],
+        ),
+        migrations.AddField(
+            model_name='project',
+            name='tags',
+            field=models.ManyToManyField(blank=True, related_name='projects', to='portfolio.projecttag', verbose_name='Tags'),
+        ),
+    ]

portfolio/models.py

@@ -57,6 +57,22 @@ class JobTask(models.Model):
         return self.job.__str__()
 
 
+class ProjectTag(models.Model):
+    name = models.CharField(
+        verbose_name=_("Name"), max_length=25, blank=False, null=False
+    )
+    color = models.CharField(
+        verbose_name=_("Color (hex)"),
+        max_length=6,
+        null=False,
+        blank=False,
+        default="000000",
+    )
+
+    def __str__(self):
+        return self.name
+
+
 class Project(models.Model):
     name = models.CharField(
         verbose_name=_("Name"), max_length=256, null=False, blank=False
@@ -65,3 +81,12 @@ class Project(models.Model):
         verbose_name=_("Short description"), max_length=512, blank=False, null=False
     )
     url = models.URLField(verbose_name=_("URL"), blank=True, null=False)
+    tags = models.ManyToManyField(
+        ProjectTag,
+        verbose_name=_("Tags"),
+        blank=True,
+        related_name="projects",
+    )
+
+    def __str__(self):
+        return self.name

portfolio/templates/project_list.html

@@ -1,29 +1,21 @@
 {% extends "base.html" %}
 {% load i18n %}
 {% block content %}
-    <div class="container mt-4">
-        <div class="row row-deck row-cards">
-            {% for project in object_list %}
-                <div class="col-md-4">
-                    {% if project.url %}
-                        <a class="card card-link card-link-pop"
-                           href="{{ project.url }}"
-                           target="_blank">
-                            <div class="card-body">
-                                <h4>{{ project.name }}</h4>
-                                <p>{{ project.short_description }}</p>
-                            </div>
-                        </a>
-                    {% else %}
-                        <div class="card">
-                            <div class="card-body">
-                                <h4>{{ project.name }}</h4>
-                                <p>{{ project.short_description }}</p>
-                            </div>
-                        </div>
-                    {% endif %}
-                </div>
-            {% endfor %}
-        </div>
+    <div class="container mt-2 mt-md-4">
+        <form class="mb-2 mb-md-4">
+            <div class="form-floating">
+                <input type="text"
+                       class="form-control"
+                       id="floating-name"
+                       placeholder=""
+                       name="query"
+                       autocomplete="off"
+                       hx-target="#projects"
+                       hx-get="{% url 'projects-query' %}"
+                       hx-trigger="load, input, delay:200ms" />
+                <label for="floating-name">{% trans "Search" %}</label>
+            </div>
+        </form>
+        <div id="projects"></div>
     </div>
 {% endblock %}

portfolio/templates/project_list_query.html

@@ -0,0 +1,35 @@
+<div class="row row-deck row-cards">
+    {% for project in object_list %}
+        <div class="col-md-4">
+            {% if project.url %}
+                <a class="card card-link card-link-pop"
+                   href="{{ project.url }}"
+                   target="_blank">
+                    <div class="card-body">
+                        <h4>{{ project.name }}</h4>
+                        <p>{{ project.short_description }}</p>
+                        <div>
+                            {% for t in project.tags.all %}
+                                <div class="badge text-white fs-5"
+                                     style="background-color: #{{ t.color }}">{{ t }}</div>
+                            {% endfor %}
+                        </div>
+                    </div>
+                </a>
+            {% else %}
+                <div class="card">
+                    <div class="card-body">
+                        <h4>{{ project.name }}</h4>
+                        <p>{{ project.short_description }}</p>
+                        <div>
+                            {% for t in project.tags.all %}
+                                <div class="badge text-white fs-5"
+                                     style="background-color: #{{ t.color }}">{{ t }}</div>
+                            {% endfor %}
+                        </div>
+                    </div>
+                </div>
+            {% endif %}
+        </div>
+    {% endfor %}
+</div>

portfolio/urls.py

@@ -5,6 +5,7 @@ from portfolio import views
 urlpatterns = [
     path("", views.PortfolioView.as_view(), name="portfolio"),
     path("projects/", views.ProjectList.as_view(), name="projects"),
+    path("projects/query/", views.ProjectListQuery.as_view(), name="projects-query"),
     path("contact/", views.ContactSend.as_view(), name="contact"),
     path("company/<int:pk>/logo/", views.CompanyLogo.as_view(), name="company-logo"),
 ]

portfolio/views.py

@@ -1,4 +1,5 @@
 from django.conf import settings
+from django.db.models import Q
 from django.http.response import FileResponse, HttpResponseBadRequest
 from django.utils.translation import gettext as _
 from django.views.generic import DetailView, ListView, TemplateView
@@ -18,9 +19,8 @@ class PortfolioView(TemplateView):
         }
 
 
-class ProjectList(ListView):
+class ProjectList(TemplateView):
     template_name = "project_list.html"
-    model = models.Project
 
 
 class ContactSend(TemplateView):
@@ -49,3 +49,20 @@ class CompanyLogo(DetailView):
     def get(self, request, *args, **kwargs):
         company = self.get_object()
         return FileResponse(company.logo)
+
+
+class ProjectListQuery(ListView):
+    template_name = "project_list_query.html"
+    model = models.Project
+
+    def get_queryset(self):
+        query = self.request.GET.get("query")
+        if not query:
+            return super().get_queryset()
+
+        return (
+            super()
+            .get_queryset()
+            .filter(Q(name__contains=query) | Q(tags__name__contains=query))
+            .distinct()
+        )