move footer call in App instead of calling it in every page

Reviewed-on: Giovanni-Josserand/Portfolio-API#5

.gitignore

@@ -1,5 +1,11 @@
+# Frontend & Node.js
+node_modules/
+dist/
+dist-ssr/
+*.local
+
 # Logs
-logs
+logs/
 *.log
 npm-debug.log*
 yarn-debug.log*
@@ -7,19 +13,32 @@ yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 
-node_modules
-dist
-dist-ssr
-*.local
+# Backend & Python
+__pycache__/
+*.py[cod]
+*$py.class
+.venv/
+venv/
+ENV/
 
-# Editor directories and files
+# SQLite local
+*.db
+*.sqlite
+*.sqlite3
+
+# Environnement & Secrets
+apps/backend/.env
+apps/backend/.env.example
+!apps/backend/.env.example
+
+# Éditeurs & Système
+.idea/
 .vscode/*
 !.vscode/extensions.json
-.idea
-.DS_Store
 *.suo
 *.ntvs*
 *.njsproj
 *.sln
 *.sw?
-
+.DS_Store
+Thumbs.db

apps/backend/.env.example

@@ -0,0 +1,4 @@
+GARAGE_ENDPOINT_URL=
+GARAGE_ACCESS_KEY=
+GARAGE_SECRET_KEY=
+GARAGE_BUCKET_NAME=

apps/backend/Dockerfile

@@ -0,0 +1,13 @@
+FROM python:3.12-slim
+
+WORKDIR /app
+
+COPY requirements.txt .
+
+RUN pip install --no-cache-dir -r requirements.txt
+
+COPY ../.. .
+
+EXPOSE 8000
+
+CMD ["uvicorn", "app.main:app", "--host", "0.0.0.0", "--port", "8000", "--reload"]

apps/backend/app/database.py

@@ -0,0 +1,22 @@
+import os
+from sqlalchemy import create_engine
+from sqlalchemy.orm import sessionmaker, declarative_base
+
+DATA_DIR = os.getenv("DATA_DIR", "../../data")
+SQLALCHEMY_DATABASE_URL = f"sqlite:///{DATA_DIR}/portfolio.db"
+
+engine = create_engine(
+    SQLALCHEMY_DATABASE_URL,
+    connect_args={"check_same_thread": False}
+)
+
+SessionLocal = sessionmaker(autocommit=False, autoflush=False, bind=engine)
+
+Base = declarative_base()
+
+def get_db():
+    db = SessionLocal()
+    try:
+        yield db
+    finally:
+        db.close()

apps/backend/app/main.py

@@ -0,0 +1,14 @@
+from fastapi import FastAPI
+
+from app.database import engine, Base
+from app import models
+from app.routers import projects, experiences, skills, media
+
+Base.metadata.create_all(bind=engine)
+
+app = FastAPI()
+
+app.include_router(projects.router, prefix="/api")
+app.include_router(experiences.router, prefix="/api")
+app.include_router(skills.router, prefix="/api")
+app.include_router(media.router, prefix="/api")

apps/backend/app/models/experience.py

@@ -0,0 +1,55 @@
+from app.models.experience_task import ExperienceTask
+from app.models.experience_link import ExperienceLink
+
+from sqlalchemy import (
+    Column,
+    Integer,
+    String
+)
+
+from sqlalchemy.orm import relationship
+
+from app.database import Base
+
+
+class Experience(Base):
+    __tablename__ = "experiences"
+
+    id = Column(
+        Integer,
+        primary_key=True,
+        index=True,
+        nullable=False
+    )
+
+    company = Column(
+        String(255),
+        nullable=False
+    )
+
+    location = Column(
+        String(255),
+        nullable=False
+    )
+
+    duration = Column(
+        String(255),
+        nullable=False
+    )
+
+    role = Column(
+        String(255),
+        nullable=False
+    )
+
+    tasks = relationship(
+        "ExperienceTask",
+        back_populates="experience",
+        cascade="all, delete-orphan"
+    )
+
+    links = relationship(
+        "ExperienceLink",
+        back_populates="experience",
+        cascade="all, delete-orphan"
+    )

apps/backend/app/models/experience_link.py

@@ -0,0 +1,50 @@
+from sqlalchemy import (
+    Column,
+    Integer,
+    String,
+    ForeignKey
+)
+
+from sqlalchemy.orm import relationship
+
+from app.database import Base
+
+
+class ExperienceLink(Base):
+    __tablename__ = "experience_links"
+
+    id = Column(
+        Integer,
+        primary_key=True,
+        index=True,
+        nullable=False
+    )
+
+    label = Column(
+        String(255),
+        nullable=True
+    )
+
+    link = Column(
+        String(255),
+        nullable=True
+    )
+
+    icon_path = Column(
+        String(255),
+        nullable=True
+    )
+
+    experience_id = Column(
+        Integer,
+        ForeignKey(
+            "experiences.id",
+            ondelete="CASCADE"
+        ),
+        nullable=False
+    )
+
+    experience = relationship(
+        "Experience",
+        back_populates="links"
+    )

apps/backend/app/models/experience_task.py

@@ -0,0 +1,40 @@
+from sqlalchemy import (
+    Column,
+    Integer,
+    String,
+    ForeignKey
+)
+
+from sqlalchemy.orm import relationship
+
+from app.database import Base
+
+
+class ExperienceTask(Base):
+    __tablename__ = "experience_tasks"
+
+    id = Column(
+        Integer,
+        primary_key=True,
+        index=True,
+        nullable=False
+    )
+
+    description = Column(
+        String(255),
+        nullable=True
+    )
+
+    experience_id = Column(
+        Integer,
+        ForeignKey(
+            "experiences.id",
+            ondelete="CASCADE"
+        ),
+        nullable=False
+    )
+
+    experience = relationship(
+        "Experience",
+        back_populates="tasks"
+    )

apps/backend/app/models/project.py

@@ -0,0 +1,76 @@
+from sqlalchemy import (
+    Column,
+    Integer,
+    String,
+    Text,
+    Boolean
+)
+
+from sqlalchemy.orm import relationship
+
+from app.database import Base
+from app.models.project_skill import project_skills
+
+
+class Project(Base):
+    __tablename__ = "projects"
+
+    id = Column(
+        Integer,
+        primary_key=True,
+        index=True,
+        nullable=False
+    )
+
+    title = Column(
+        String(255),
+        nullable=False
+    )
+
+    nb_image = Column(
+        Integer,
+        default=1,
+        nullable=True
+    )
+
+    short_description = Column(
+        Text,
+        nullable=False
+    )
+
+    image_name = Column(
+        String(255),
+        nullable=False,
+        default="empty"
+    )
+
+    school = Column(
+        Boolean,
+        nullable=False
+    )
+
+    long_description = Column(
+        Text,
+        nullable=False
+    )
+
+    repo_link = Column(
+        String(255),
+        nullable=True
+    )
+
+    beginning_year = Column(
+        Integer,
+        nullable=False
+    )
+
+    end_year = Column(
+        Integer,
+        nullable=True
+    )
+
+    skills = relationship(
+        "Skill",
+        secondary=project_skills,
+        back_populates="projects"
+    )

apps/backend/app/models/project_skill.py

@@ -0,0 +1,24 @@
+from sqlalchemy import Table, Column, Integer, ForeignKey
+
+from app.database import Base
+
+project_skills = Table(
+    "project_skills",
+    Base.metadata,
+
+    Column(
+        "project_id",
+        Integer,
+        ForeignKey("projects.id", ondelete="CASCADE"),
+        primary_key=True,
+        nullable=False
+    ),
+
+    Column(
+        "skill_id",
+        Integer,
+        ForeignKey("skills.id", ondelete="CASCADE"),
+        primary_key=True,
+        nullable=False
+    )
+)

apps/backend/app/models/skill.py

@@ -0,0 +1,33 @@
+from sqlalchemy import Column, Integer, String
+from sqlalchemy.orm import relationship
+
+from app.database import Base
+from app.models.project_skill import project_skills
+
+
+class Skill(Base):
+    __tablename__ = "skills"
+
+    id = Column(
+        Integer,
+        primary_key=True,
+        index=True,
+        nullable=False
+    )
+
+    name = Column(
+        String(255),
+        nullable=False,
+        unique=True
+    )
+
+    type = Column(
+        String(255),
+        nullable=False
+    )
+
+    projects = relationship(
+        "Project",
+        secondary=project_skills,
+        back_populates="skills"
+    )

apps/backend/app/routers/experiences.py

@@ -0,0 +1,17 @@
+from fastapi import APIRouter, Depends, HTTPException
+from sqlalchemy.orm import Session, joinedload
+
+from app.database import get_db
+from app.models.experience import Experience
+from app.schemas.experience import ExperienceResponse
+
+router = APIRouter(prefix="/experiences", tags=["Experiences"])
+
+
+@router.get("/", response_model=list[ExperienceResponse])
+def get_experiences(db: Session = Depends(get_db)):
+    return (
+        db.query(Experience)
+        .options(joinedload(Experience.tasks))
+        .all()
+    )

apps/backend/app/routers/media.py

@@ -0,0 +1,33 @@
+from urllib.parse import unquote
+from botocore.exceptions import ClientError
+from fastapi import APIRouter, HTTPException
+from fastapi.responses import StreamingResponse
+
+from app.s3 import BUCKET_NAME, s3_client
+
+router = APIRouter(prefix="/media", tags=["media"])
+
+
+@router.get("/{file_path:path}")
+async def get_media(file_path: str):
+    decoded_path = unquote(file_path)
+    clean_key = decoded_path.lstrip("/")
+
+    try:
+        s3_object = s3_client.get_object(Bucket=BUCKET_NAME, Key=clean_key)
+
+        return StreamingResponse(
+            content=s3_object["Body"].iter_chunks(),
+            media_type=s3_object.get("ContentType", "application/octet-stream"),
+            headers={"Cache-Control": "public, max-age=86400"},
+        )
+    except ClientError as e:
+        error_code = e.response["Error"]["Code"]
+        if error_code in ["NoSuchKey", "404"]:
+            raise HTTPException(
+                status_code=404,
+                detail=f"Fichier introuvable sur S3 pour la clé : '{clean_key}'",
+            )
+        raise HTTPException(
+            status_code=500, detail=f"Erreur serveur S3: {str(e)}"
+        )

apps/backend/app/routers/projects.py

@@ -0,0 +1,32 @@
+from fastapi import APIRouter, Depends, HTTPException
+from sqlalchemy.orm import Session, joinedload
+
+from app.database import get_db
+from app.models.project import Project
+from app.schemas.project import ProjectCard, ProjectPage
+
+router = APIRouter(prefix="/projects", tags=["Projects"])
+
+
+@router.get("/", response_model=list[ProjectCard])
+def get_projects(db: Session = Depends(get_db)):
+    return (
+        db.query(Project)
+        .options(joinedload(Project.skills))
+        .all()
+    )
+
+
+@router.get("/{project_id}", response_model=ProjectPage)
+def get_project(project_id: int, db: Session = Depends(get_db)):
+    project = (
+        db.query(Project)
+        .options(joinedload(Project.skills))
+        .filter(Project.id == project_id)
+        .first()
+    )
+
+    if not project:
+        raise HTTPException(status_code=404, detail="Project not found")
+
+    return project

apps/backend/app/routers/skills.py

@@ -0,0 +1,13 @@
+from fastapi import APIRouter, Depends
+from sqlalchemy.orm import Session
+
+from app.database import get_db
+from app.models.skill import Skill
+from app.schemas.skill import SkillResponse
+
+router = APIRouter(prefix="/skills", tags=["Skills"])
+
+
+@router.get("/", response_model=list[SkillResponse])
+def get_skills(db: Session = Depends(get_db)):
+    return db.query(Skill).all()

apps/backend/app/s3.py

@@ -0,0 +1,14 @@
+import os
+import boto3
+from dotenv import load_dotenv
+
+load_dotenv()
+
+s3_client = boto3.client(
+    "s3",
+    endpoint_url=os.getenv("GARAGE_ENDPOINT_URL", "http://127.0.0.1:3900"),
+    aws_access_key_id=os.getenv("GARAGE_ACCESS_KEY"),
+    aws_secret_access_key=os.getenv("GARAGE_SECRET_KEY"),
+)
+
+BUCKET_NAME = os.getenv("GARAGE_BUCKET_NAME", "nom-de-ton-bucket")

apps/backend/app/schemas/experience.py

@@ -0,0 +1,30 @@
+from pydantic import BaseModel
+
+class ExperienceTaskResponse(BaseModel):
+    id: int
+    description: str
+
+    class Config:
+        from_attributes = True
+
+class ExperienceLinkResponse(BaseModel):
+    id: int
+    label: str
+    link: str
+    icon_path: str
+
+    class Config:
+        from_attributes = True
+
+class ExperienceResponse(BaseModel):
+    id: int
+    company: str
+    location: str
+    duration: str
+    role: str
+    tasks: list[ExperienceTaskResponse]
+    links: list[ExperienceLinkResponse]
+
+    class Config:
+        from_attributes = True
+

apps/backend/app/schemas/project.py

@@ -0,0 +1,33 @@
+from pydantic import BaseModel
+from app.schemas.skill import ProjectSkill
+
+
+class ProjectCard(BaseModel):
+    id: int
+    title: str
+    short_description: str
+    image_name: str
+    school: bool
+    beginning_year: int
+    end_year: int | None
+    skills: list[ProjectSkill]
+
+    class Config:
+        from_attributes = True
+
+
+class ProjectPage(BaseModel):
+    id: int
+    title: str
+    short_description: str
+    long_description: str
+    repo_link: str | None
+    nb_image: int
+    image_name: str
+    school: bool
+    beginning_year: int
+    end_year: int | None
+    skills: list[ProjectSkill]
+
+    class Config:
+        from_attributes = True

apps/backend/app/schemas/skill.py

@@ -0,0 +1,17 @@
+from pydantic import BaseModel
+
+class SkillResponse(BaseModel):
+    id: int
+    name: str
+    type: str
+
+    class Config:
+        from_attributes = True
+
+
+class ProjectSkill(BaseModel):
+    id: int
+    name: str
+
+    class Config:
+        from_attributes = True

apps/backend/requirements.txt

@@ -0,0 +1,23 @@
+annotated-doc==0.0.5
+annotated-types==0.8.0
+anyio==4.15.1
+boto3==1.43.108
+botocore==1.43.108
+click==8.5.0
+fastapi==0.142.2
+h11==0.16.0
+idna==3.20
+jmespath==1.1.0
+opentelemetry-api==1.45.0
+pydantic==2.13.5
+pydantic_core==2.46.5
+python-dateutil==2.9.0.post0
+python-dotenv==1.2.4
+s3transfer==0.19.2
+six==1.17.0
+SQLAlchemy==2.1.3
+starlette==1.7.0
+typing-inspection==0.4.4
+typing_extensions==4.16.0
+urllib3==2.8.0
+uvicorn==0.54.0

apps/frontend/Dockerfile

@@ -0,0 +1,12 @@
+FROM node:20-alpine AS builder
+
+WORKDIR /app
+
+COPY package*.json ./
+RUN npm ci
+
+COPY . .
+
+RUN npm run build
+
+CMD ["sh", "-c", "cp -rd /app/dist/* /out/"]

apps/frontend/index.html

@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/assets/images/logo.svg" />
+    <link rel="icon" type="image/svg+xml" href="/images/icons/logo.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -13,6 +13,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
+    <script type="module" src="src/main.jsx"></script>
   </body>
 </html>

apps/frontend/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "lint": "eslint .",
+    "lint": "eslint ../..",
     "preview": "vite preview"
   },
   "dependencies": {

apps/frontend/public/images/icons/gitea.svg

@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  viewBox="0 0 24 24"
+  fill="#7c7c7c"
+  width="1em"
+  height="1em">
+
+  <path
+    d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z"/>
+</svg>

apps/frontend/public/images/icons/github.svg

@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  viewBox="0 0 24 24"
+  fill="#7c7c7c"
+  width="1em"
+  height="1em">
+
+  <path
+    d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
+</svg>

apps/frontend/public/images/icons/google/back_arrow.svg

@@ -0,0 +1,10 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 -960 960 960"
+  width="24px"
+  height="24px"
+  fill="#7c7c7c">
+
+  <path
+    d="m313-440 224 224-57 56-320-320 320-320 57 56-224 224h487v80H313Z"/>
+</svg>

apps/frontend/public/images/icons/google/cross.svg

@@ -0,0 +1,10 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  height="24px"
+  viewBox="0 -960 960 960"
+  width="24px"
+  fill="#7c7c7c">
+
+  <path
+    d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/>
+</svg>

apps/frontend/public/images/icons/google/file.svg

@@ -0,0 +1,10 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  height="24px"
+  viewBox="0 -960 960 960"
+  width="24px"
+  fill="#1f1f1f">
+
+  <path
+    d="M240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z"/>
+</svg>

apps/frontend/public/images/icons/google/filter.svg

@@ -0,0 +1,10 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  height="30"
+  viewBox="0 -960 960 960"
+  width="30"
+  fill="#7c7c7c">
+
+  <path
+    d="M440-160q-17 0-28.5-11.5T400-200v-240L168-736q-15-20-4.5-42t36.5-22h560q26 0 36.5 22t-4.5 42L560-440v240q0 17-11.5 28.5T520-160h-80Zm40-308 198-252H282l198 252Zm0 0Z"/>
+</svg>

apps/frontend/public/images/icons/google/folder_zip.svg

@@ -0,0 +1,10 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  height="24px"
+  viewBox="0 -960 960 960"
+  width="24px"
+  fill="#1f1f1f">
+
+  <path
+    d="M640-480v-80h80v80h-80Zm0 80h-80v-80h80v80Zm0 80v-80h80v80h-80ZM447-640l-80-80H160v480h400v-80h80v80h160v-400H640v80h-80v-80H447ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80v-480 480Z"/>
+</svg>

apps/frontend/public/images/icons/google/school_hat.svg

@@ -0,0 +1,10 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 640 640"
+  fill="#D95F46"
+  width="30px"
+  height="30px">
+
+  <path
+    d="M80 259.8L289.2 345.9C299 349.9 309.4 352 320 352C330.6 352 341 349.9 350.8 345.9L593.2 246.1C602.2 242.4 608 233.7 608 224C608 214.3 602.2 205.6 593.2 201.9L350.8 102.1C341 98.1 330.6 96 320 96C309.4 96 299 98.1 289.2 102.1L46.8 201.9C37.8 205.6 32 214.3 32 224L32 520C32 533.3 42.7 544 56 544C69.3 544 80 533.3 80 520L80 259.8zM128 331.5L128 448C128 501 214 544 320 544C426 544 512 501 512 448L512 331.4L369.1 390.3C353.5 396.7 336.9 400 320 400C303.1 400 286.5 396.7 270.9 390.3L128 331.4z"/>
+</svg>

apps/frontend/public/images/icons/logo.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="500"
+   height="500"
+   viewBox="0 0 500 500"
+   xmlns="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="g2">
+    <path
+      style="fill:#fcfcfc"
+      d="M 313.5,330.41066 c -20.97459,-5.05432 -21.4817,-5.23232 -22.49431,-7.89569 l -0.90399,-2.37769 -5.30085,2.86216 c -13.9428,7.52833 -31.792,10.97273 -47.51004,9.16813 -13.69498,-1.57233 -20.27363,-3.46744 -31.81256,-9.16424 -29.58191,-14.60467 -45.78954,-40.19412 -47.1883,-74.50333 -1.13142,-27.75198 7.67866,-51.88078 25.97646,-71.14361 22.72108,-23.91939 53.14085,-34.97449 86.45522,-31.41939 19.05012,2.03291 32.96633,7.3241 47.52837,18.07116 8.93804,6.59644 8.90438,7.72281 -0.5136,17.19016 -3.99498,4.01593 -9.8386,10.11418 -12.98582,13.55168 -7.46259,8.15089 -8.48569,8.26176 -17.91153,1.94104 C 277.42302,190.3769 270.65679,188.47905 258,188.602 c -12.90749,0.12539 -21.7203,2.8821 -31.4817,9.84769 C 212.62405,208.36442 205,223.6483 205,241.58727 c 0,19.18633 8.88357,34.29212 24.79009,42.15355 7.47147,3.6926 7.8117,3.75918 19.20991,3.75918 11.36061,0 11.75978,-0.0773 19.05186,-3.68755 C 277.71896,279.0263 284,272.93426 284,268.3442 V 265 h -21.84501 c -19.8931,0 -21.99289,-0.1634 -23.5,-1.82874 -0.91025,-1.00581 -1.63326,-2.46831 -1.60669,-3.25 0.0266,-0.78169 2.86264,-8.15981 6.30239,-16.39581 5.23487,-12.53415 6.75954,-15.26974 9.35559,-16.78592 2.8174,-1.64545 5.9932,-1.81034 34.67059,-1.80016 38.17377,0.0136 39.94615,0.43282 42.52999,10.06063 1.08369,4.03803 2.56393,91.94132 1.59941,94.98026 -1.23592,3.89402 -3.41651,3.94614 -18.00627,0.4304 z"
+      id="path3" />
+    <path
+       style="fill:#000000"
+       d="M 62.734467,471.91855 C 50.667338,469.05441 40.121898,458.92999 37.04426,447.25401 c -0.805671,-3.05656 -1.1373,-57.5415 -1.183847,-194.5 C 35.800018,75.047756 35.909615,62.170237 37.522164,57.5 40.785619,48.048439 46.208199,42.021922 56,36.964205 59.722074,35.041658 62.747343,34.517746 73.5,33.933578 80.65,33.545134 165.025,33.28867 261,33.363658 L 435.5,33.5 l 5.8749,2.436578 c 7.87345,3.265465 14.86835,10.221726 18.86361,18.75942 l 3.15709,6.746527 -0.11624,192.305865 -0.11623,192.30586 -2.94397,6.2911 c -3.70351,7.91423 -8.91345,13.07146 -17.21916,17.04499 l -6.5,3.10966 -185,0.15615 c -105.81338,0.0893 -186.611783,-0.22641 -188.765533,-0.7376 z M 331.50627,329.98026 c 0.96452,-3.03894 -0.51572,-90.94223 -1.59941,-94.98026 -2.58384,-9.62781 -4.35622,-10.04707 -42.52999,-10.06063 -28.67739,-0.0102 -31.85319,0.15471 -34.67059,1.80016 -2.59605,1.51618 -4.12072,4.25177 -9.35559,16.78592 -3.43975,8.236 -6.27583,15.61412 -6.30239,16.39581 -0.0266,0.78169 0.69644,2.24419 1.60669,3.25 1.50711,1.66534 3.6069,1.82874 23.5,1.82874 H 284 v 3.3442 c 0,4.59006 -6.28104,10.6821 -15.94814,15.46825 C 260.75978,287.42274 260.36061,287.5 249,287.5 c -11.39821,0 -11.73844,-0.0666 -19.20991,-3.75918 C 213.88357,275.87939 205,260.7736 205,241.58727 c 0,-17.93897 7.62405,-33.22285 21.5183,-43.13758 9.7614,-6.96559 18.57421,-9.7223 31.4817,-9.84769 12.65679,-0.12295 19.42302,1.7749 28.83905,8.08904 9.42584,6.32072 10.44894,6.20985 17.91153,-1.94104 3.14722,-3.4375 8.99084,-9.53575 12.98582,-13.55168 9.41798,-9.46735 9.45164,-10.59372 0.5136,-17.19016 -14.56204,-10.74706 -28.47825,-16.03825 -47.52837,-18.07116 -20.73705,-2.21293 -39.63897,1.00149 -57.03179,9.6987 -29.21509,14.60887 -48.33461,39.63887 -54.2633,71.0379 -2.39558,12.68721 -1.53082,31.63538 2.00014,43.8264 6.97194,24.07137 21.47531,41.35737 44.05157,52.50333 11.53893,5.6968 18.11758,7.59191 31.81256,9.16424 15.71804,1.8046 33.56724,-1.6398 47.51004,-9.16813 l 5.30085,-2.86216 0.90399,2.37769 c 1.01261,2.66337 1.51972,2.84137 22.49431,7.89569 14.58976,3.51574 16.77035,3.46362 18.00627,-0.4304 z"
+       id="path2" />
+  </g>
+</svg>

apps/frontend/public/images/icons/skills/C++.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="1822"
+   height="2051"
+   viewBox="0 0 1822 2051"
+   xmlns="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="g8">
+    <path
+      style="fill:#ffffff"
+      transform="translate(911 1025.5) scale(0.992) translate(-911 -1025.5)"
+      d="M 67,461.8 L 840,15.4 C 877.4,-3.7 936.2,-5 977,12.4 L 1751,459.3 Q 1822,500 1822,580 L 1822,1478 Q 1822,1550 1760,1585 L 977,2038 C 937,2055 880,2055 845,2038 L 62,1585 Q 0.5,1550 0.5,1480 L 0.5,566 Q 0.5,500 67,461.8 Z"
+      id="bg-white" />
+    <path
+       style="display:inline;fill:#6499d0"
+       d="m 909.25,2050.3107 c 0.9625,-0.2516 2.5375,-0.2516 3.5,0 0.9625,0.2515 0.175,0.4573 -1.75,0.4573 -1.925,0 -2.7125,-0.2058 -1.75,-0.4573 z m -17,-1 c 0.9625,-0.2516 2.5375,-0.2516 3.5,0 0.9625,0.2515 0.175,0.4573 -1.75,0.4573 -1.925,0 -2.7125,-0.2058 -1.75,-0.4573 z m 34,0 c 0.9625,-0.2516 2.5375,-0.2516 3.5,0 0.9625,0.2515 0.175,0.4573 -1.75,0.4573 -1.925,0 -2.7125,-0.2058 -1.75,-0.4573 z m -42.4375,-0.9938 c 0.72187,-0.2889 1.58438,-0.2534 1.91667,0.079 0.33229,0.3323 -0.25834,0.5687 -1.3125,0.5253 -1.16495,-0.048 -1.4019,-0.285 -0.60417,-0.6042 z m 53,0 c 0.72187,-0.2889 1.58438,-0.2534 1.91667,0.079 0.33229,0.3323 -0.25834,0.5687 -1.3125,0.5253 -1.16495,-0.048 -1.4019,-0.285 -0.60417,-0.6042 z m -59,-1 c 0.72187,-0.2889 1.58438,-0.2534 1.91667,0.079 0.33229,0.3323 -0.25834,0.5687 -1.3125,0.5253 -1.16495,-0.048 -1.4019,-0.285 -0.60417,-0.6042 z m 65,0 c 0.72187,-0.2889 1.58438,-0.2534 1.91667,0.079 0.33229,0.3323 -0.25834,0.5687 -1.3125,0.5253 -1.16495,-0.048 -1.4019,-0.285 -0.60417,-0.6042 z M 902.25,1632.2554 c 4.8125,-0.1833 12.6875,-0.1833 17.5,0 4.8125,0.1833 0.875,0.3333 -8.75,0.3333 -9.625,0 -13.5625,-0.15 -8.75,-0.3333 z m -27.48834,-0.9627 c 1.24391,-0.2392 3.04391,-0.2301 4,0.02 0.95609,0.2503 -0.0617,0.446 -2.26166,0.4349 -2.2,-0.011 -2.98225,-0.2159 -1.73834,-0.4551 z m 68.98834,0 c 1.2375,-0.2384 3.2625,-0.2384 4.5,0 1.2375,0.2383 0.225,0.4333 -2.25,0.4333 -2.475,0 -3.4875,-0.195 -2.25,-0.4333 z m -83.48097,-0.9873 c 0.97297,-0.2535 2.32297,-0.2369 3,0.037 0.67703,0.2739 -0.11903,0.4813 -1.76903,0.461 -1.65,-0.02 -2.20394,-0.2445 -1.23097,-0.4981 z m 97.98097,0 c 0.9625,-0.2516 2.5375,-0.2516 3.5,0 0.9625,0.2515 0.175,0.4573 -1.75,0.4573 -1.925,0 -2.7125,-0.2058 -1.75,-0.4573 z m -108.98097,-1.0037 c 0.97297,-0.2535 2.32297,-0.2369 3,0.037 0.67703,0.2739 -0.11903,0.4813 -1.76903,0.461 -1.65,-0.02 -2.20394,-0.2445 -1.23097,-0.4981 z m 120.48097,0.031 c 0.6875,-0.2774 1.8125,-0.2774 2.5,0 0.6875,0.2774 0.125,0.5044 -1.25,0.5044 -1.375,0 -1.9375,-0.227 -1.25,-0.5044 z m -130,-1 c 0.6875,-0.2774 1.8125,-0.2774 2.5,0 0.6875,0.2774 0.125,0.5044 -1.25,0.5044 -1.375,0 -1.9375,-0.227 -1.25,-0.5044 z m 139,0 c 0.6875,-0.2774 1.8125,-0.2774 2.5,0 0.6875,0.2774 0.125,0.5044 -1.25,0.5044 -1.375,0 -1.9375,-0.227 -1.25,-0.5044 z m -147,-1 c 0.6875,-0.2774 1.8125,-0.2774 2.5,0 0.6875,0.2774 0.125,0.5044 -1.25,0.5044 -1.375,0 -1.9375,-0.227 -1.25,-0.5044 z m 156.0625,-0.021 c 0.72187,-0.2889 1.58438,-0.2534 1.91667,0.079 0.33229,0.3323 -0.25834,0.5687 -1.3125,0.5253 -1.16495,-0.048 -1.4019,-0.285 -0.60417,-0.6042 z m -163,-1 c 0.72187,-0.2889 1.58438,-0.2534 1.91667,0.079 0.33229,0.3323 -0.25834,0.5687 -1.3125,0.5253 -1.16495,-0.048 -1.4019,-0.285 -0.60417,-0.6042 z m 169.9375,0.021 c 0.6875,-0.2774 1.8125,-0.2774 2.5,0 0.6875,0.2774 0.125,0.5044 -1.25,0.5044 -1.375,0 -1.9375,-0.227 -1.25,-0.5044 z m -176.9375,-1.0208 c 0.72187,-0.2889 1.58438,-0.2534 1.91667,0.079 0.33229,0.3323 -0.25834,0.5687 -1.3125,0.5253 -1.16495,-0.048 -1.4019,-0.285 -0.60417,-0.6042 z m 184,0 c 0.7219,-0.2889 1.5844,-0.2534 1.9167,0.079 0.3323,0.3323 -0.2584,0.5687 -1.3125,0.5253 -1.165,-0.048 -1.4019,-0.285 -0.6042,-0.6042 z m -190,-1 c 0.72187,-0.2889 1.58438,-0.2534 1.91667,0.079 0.33229,0.3323 -0.25834,0.5687 -1.3125,0.5253 -1.16495,-0.048 -1.4019,-0.285 -0.60417,-0.6042 z m 196,0 c 0.7219,-0.2889 1.5844,-0.2534 1.9167,0.079 0.3323,0.3323 -0.2584,0.5687 -1.3125,0.5253 -1.165,-0.048 -1.4019,-0.285 -0.6042,-0.6042 z m -202,-1 c 0.72187,-0.2889 1.58438,-0.2534 1.91667,0.079 0.33229,0.3323 -0.25834,0.5687 -1.3125,0.5253 -1.16495,-0.048 -1.4019,-0.285 -0.60417,-0.6042 z m 214,-1 c 0.7219,-0.2889 1.5844,-0.2534 1.9167,0.079 0.3323,0.3323 -0.2584,0.5687 -1.3125,0.5253 -1.165,-0.048 -1.4019,-0.285 -0.6042,-0.6042 z m -230,-2 c 0.72187,-0.2889 1.58438,-0.2534 1.91667,0.079 0.33229,0.3323 -0.25834,0.5687 -1.3125,0.5253 -1.16495,-0.048 -1.4019,-0.285 -0.60417,-0.6042 z m 245,-1 c 0.7219,-0.2889 1.5844,-0.2534 1.9167,0.079 0.3323,0.3323 -0.2584,0.5687 -1.3125,0.5253 -1.165,-0.048 -1.4019,-0.285 -0.6042,-0.6042 z M 59.404988,1582.75 57.5,1580.5 l 2.25,1.905 c 2.114445,1.7902 2.705241,2.595 1.904988,2.595 -0.189757,0 -1.202257,-1.0125 -2.25,-2.25 z M 1760,1584.6224 c 0,-0.2076 0.7875,-0.9951 1.75,-1.75 1.5861,-1.2438 1.6214,-1.2085 0.3776,0.3776 -1.3064,1.6657 -2.1276,2.1955 -2.1276,1.3724 z M 43.404988,1566.75 41.5,1564.5 l 2.25,1.905 c 1.2375,1.0477 2.25,2.0602 2.25,2.25 0,0.8002 -0.804794,0.2094 -2.595012,-1.905 z M 1777.5,1567 c 0.9955,-1.1 2.035,-2 2.31,-2 0.275,0 -0.3145,0.9 -1.31,2 -0.9955,1.1 -2.035,2 -2.31,2 -0.275,0 0.3145,-0.9 1.31,-2 z M 17.520187,1526.75 C 10.415487,1512.2311 5.0849533,1497.0296 2.3002341,1483.346 0.5823784,1474.9048 0.5,1453.931 0.5,1025 0.5,589.43517 0.55809941,575.22099 2.3740848,566.5 10.747499,526.28798 36.688971,484.24362 67,461.75824 74.585505,456.13115 823.28354,23.279321 839,15.434632 c 38.35189,-19.1429034 97.15013,-20.4191044 137.8652,-2.992329 8.64545,3.700409 760.2491,437.095197 774.0777,446Line truncated
+       id="path10" />
+    <path
+       style="display:inline;fill:#00589b"
+       d="m 890.75,1632.3377 c 0.6875,-0.2774 1.8125,-0.2774 2.5,0 0.6875,0.2774 0.125,0.5044 -1.25,0.5044 -1.375,0 -1.9375,-0.227 -1.25,-0.5044 z m 38.51903,-0.031 c 0.97297,-0.2535 2.32297,-0.2369 3,0.037 0.67703,0.2739 -0.11903,0.4813 -1.76903,0.461 -1.65,-0.02 -2.20394,-0.2445 -1.23097,-0.4981 z m -58.45653,-0.9901 c 0.72187,-0.2889 1.58438,-0.2534 1.91667,0.079 0.33229,0.3323 -0.25834,0.5687 -1.3125,0.5253 -1.16495,-0.048 -1.4019,-0.285 -0.60417,-0.6042 z M 1765,1579.5 c 1.2917,-1.375 2.5736,-2.5 2.8486,-2.5 0.275,0 -0.5569,1.125 -1.8486,2.5 -1.2917,1.375 -2.5736,2.5 -2.8486,2.5 -0.275,0 0.5569,-1.125 1.8486,-2.5 z M 55.404988,1578.75 53.5,1576.5 l 2.25,1.905 c 2.114445,1.7902 2.705241,2.595 1.904988,2.595 -0.189757,0 -1.202257,-1.0125 -2.25,-2.25 z m -8,-8 -1.904988,-2.25 2.25,1.905 c 2.114445,1.7902 2.705241,2.595 1.904988,2.595 -0.189757,0 -1.202257,-1.0125 -2.25,-2.25 z M 1773.5,1571 c 0.9955,-1.1 2.035,-2 2.31,-2 0.275,0 -0.3145,0.9 -1.31,2 -0.9955,1.1 -2.035,2 -2.31,2 -0.275,0 0.3145,-0.9 1.31,-2 z m 21.2404,-35.4024 c -0.8263,-0.8263 -1.7809,-1.2238 -2.1214,-0.8833 -0.3404,0.3405 -0.619,0.1428 -0.619,-0.4392 0,-0.5821 -1.125,-1.3406 -2.5,-1.6857 -1.375,-0.3451 -2.5,-1.0955 -2.5,-1.6675 0,-0.5719 -0.45,-0.7618 -1,-0.4219 -0.55,0.3399 -1,0.1903 -1,-0.3326 0,-0.5228 -1.125,-1.2329 -2.5,-1.578 -1.375,-0.3451 -2.5,-1.034 -2.5,-1.5309 0,-0.4969 -1.575,-1.4232 -3.5,-2.0585 -1.925,-0.6353 -3.5,-1.5702 -3.5,-2.0776 0,-0.5073 -0.6429,-0.9224 -1.4286,-0.9224 -0.7857,0 -2.216,-0.7875 -3.1785,-1.75 -0.9625,-0.9625 -2.0072,-1.6984 -2.3215,-1.6353 -1.149,0.2305 -5.0714,-1.9616 -5.0714,-2.8342 0,-0.4942 -0.45,-0.6204 -1,-0.2805 -0.55,0.3399 -1,0.1415 -1,-0.441 0,-0.5824 -0.6429,-1.059 -1.4286,-1.059 -0.7857,0 -2.0232,-0.5815 -2.75,-1.2922 -0.7268,-0.7108 -2.7839,-1.8904 -4.5714,-2.6214 -1.7875,-0.731 -3.25,-1.7244 -3.25,-2.2077 0,-0.4833 -0.6429,-0.8787 -1.4286,-0.8787 -0.7857,0 -2.216,-0.7875 -3.1785,-1.75 -0.9625,-0.9625 -2.0072,-1.6984 -2.3215,-1.6353 -1.0527,0.2112 -5.0714,-1.9265 -5.0714,-2.6977 0,-0.419 -1.575,-1.2817 -3.5,-1.917 -1.925,-0.6353 -3.5,-1.4798 -3.5,-1.8767 0,-0.3968 -1.575,-1.2911 -3.5,-1.9871 -1.925,-0.6961 -3.5,-1.5961 -3.5,-2 0,-0.404 -1.575,-1.304 -3.5,-2 -1.925,-0.6961 -3.5,-1.6865 -3.5,-2.2009 0,-0.5144 -0.6429,-0.9353 -1.4286,-0.9353 -0.7857,0 -2.0232,-0.5815 -2.75,-1.2922 -0.7268,-0.7108 -2.7839,-1.8904 -4.5714,-2.6214 -1.7875,-0.731 -3.25,-1.6757 -3.25,-2.0993 0,-0.4237 -1.125,-1.0526 -2.5,-1.3977 -1.375,-0.3451 -2.5,-1.0955 -2.5,-1.6675 0,-0.5719 -0.45,-0.7618 -1,-0.4219 -0.55,0.3399 -1,0.2319 -1,-0.2401 0,-0.472 -1.575,-1.4277 -3.5,-2.1237 -1.925,-0.6961 -3.5,-1.6865 -3.5,-2.2009 0,-0.5144 -0.6429,-0.9353 -1.4286,-0.9353 -0.7857,0 -2.0232,-0.5815 -2.75,-1.2922 -0.7268,-0.7108 -2.7839,-1.8904 -4.5714,-2.6214 -1.7875,-0.731 -3.25,-1.6757 -3.25,-2.0993 0,-0.4237 -1.125,-1.0526 -2.5,-1.3977 -1.375,-0.3451 -2.5,-1.0955 -2.5,-1.6675 0,-0.5719 -0.45,-0.7618 -1,-0.4219 -0.55,0.3399 -1,0.1903 -1,-0.3326 0,-0.5228 -1.125,-1.2329 -2.5,-1.578 -1.375,-0.3451 -2.5,-1.0955 -2.5,-1.6675 0,-0.5719 -0.45,-0.7618 -1,-0.4219 -0.55,0.3399 -1,0.1415 -1,-0.441 0,-0.5824 -0.6429,-1.059 -1.4286,-1.059 -0.7857,0 -2.0232,-0.5815 -2.75,-1.2922 -0.7268,-0.7108 -2.7839,-1.8904 -4.5714,-2.6214 -1.7875,-0.731 -3.25,-1.6757 -3.25,-2.0993 0,-0.4237 -1.125,-1.0526 -2.5,-1.3977 -1.375,-0.3451 -2.5,-1.0955 -2.5,-1.6675 0,-0.5719 -0.45,-0.7618 -1,-0.4219 -0.55,0.3399 -1,0.1415 -1,-0.441 0,-0.5824 -0.6061,-1.059 -1.347,-1.059 -0.7408,0 -2.3847,-0.9 -3.653,-2 -1.2683,-1.1 -2.88,-2 -3.5816,-2 -0.7015,0 -1.8702,-0.5815 -2.597,-1.2922 -0.7268,-0.7108 -2.7839,-1.8904 -4.5714,-2.6214 -1.7875,-0.731 -3.25,-1.6757 -3.25,-2.0993 0,-0.4237 -1.125,-1.0526 -2.5,-1.3977 -1.375,-0.3451 -2.5,-1.0955 -2.5,-1.6675 0,-0.5719 -0.45,-0.7618 -1,-0.4219 -0.55,0.3399 -1,0.1903 -1,-0.3326 0,-0.5228 -1.125,-1.2329 -2.5,-1.578 -1.375,-0.3451 -2.5,-1.034 -2.5,-1.5309 0,-0.4969 -1.575,-1.4232 -3.5,-2.0585 -1.925,-0.6353 -3.5,-1.5214 -3.5,-1.9691 0,-0.4478 -1.125,-1.0964 -2.5,-1.4415 -1.375,-0.3451 -2.5,-1.0955 -2.5,-1.6675 0,-0.5719 -0.45,-0.7618 -1,-0.4219 -0.55,0.3399 -1,0.1903 -1,-0.3326 0,-0.5228 -1.125,-1.2329 -2.5,-1.578 -1.375,-0.3451 -2.5,-1.0955 -2.5,-1.6675 0,-0.5719 -0.45,-0.7618 -1,-0.4219 -0.55,0.3399 -1,0.1415 -1,-0.441 0,-0.5824 -0.6429,-1.059 -1.4286,-1.059 -0.7857,0 -2.0232,-0.5815 -2.75,-1.2922 -0.7268,-0.7108 -2.7839,-1.8904 -4.5714,-2.6214 -1.7875,-0.731 -3.25,-1.6757 -3.25,-2.0993 0,-0.4237 -1.125,-1.0526 -2.5,-1.3977 -1.375,-0.3451 -2.5,-1.0955 -2.5,-1.6675 0,-0.5719 -0.45,-0.7618 -1,-0.4219 -0.55,0.3399 -1,0.1903 -1,-0.3326 0,-0.5228 -1.125,-1.2329 -2.5,-1.578 -1.375,-0.3451 -2.5,-1.0955 -2.5,-1.6675 0,-0.5719 -0.45,-0.7618 -1,-0.4219 -0.55,0.3399 -1,0.1415 -1,-0.441 0,-0.5824 -0.6429,-1.059 -1.4286,-1.059 -0.7857,0 -2.0232,-0.5815 -2.75,-1.2922 -0.7268,-0.7108 -2.7839,-1.8904 -4.5714,-2.6214 -1.7875,-0.731 -3.25,-1.6757 -3.25,-2.0993 0,-0.4237 -1.125,-1.0526 -2.5,-1.3977 -1.375,-0.3451 -2.5,-1.0955 -2.5,-1.6675 0,-0.5719 Line truncated
+       id="path9" />
+    <path
+       style="display:inline;fill:#004381"
+       d="m 891.61649,2048.9749 c -19.8644,-2.2776 -38.60861,-7.4206 -52.45023,-14.3912 -9.89596,-4.9835 -760.986519,-438.7038 -767.947471,-443.4544 -15.535227,-10.6022 -33.814126,-30.598 -45.089521,-49.3249 l -2.225089,-3.6955 2.29791,-1.4667 c 6.406258,-4.0888 357.894451,-206.6381 358.541451,-206.6138 0.41606,0.016 3.21726,4.1781 6.22491,9.25 32.27823,54.4317 80.16075,110.0214 131.53155,152.703 70.37923,58.4749 151.49455,100.0068 238.47466,122.1018 158.35538,40.2259 324.89194,15.2226 465.52534,-69.8927 80.004,-48.4207 150.3791,-117.664 199.1728,-195.9698 5.045,-8.0964 9.7992,-15.5803 10.5648,-16.631 1.3178,-1.8082 11.0017,3.6348 181.3273,101.9179 98.9643,57.1054 180.1001,103.955 180.3017,104.1101 0.5602,0.4311 -5.5302,10.0339 -11.385,17.9507 -11.4364,15.4644 -24.1063,27.8009 -37.9816,36.9821 -9.445,6.2496 -754.5992,436.4673 -765.33987,441.8718 -10.60869,5.3382 -26.10118,10.2558 -39.76173,12.6212 -13.6205,2.3585 -39.60487,3.3277 -51.78191,1.9314 z M 876,1326.4071 c -23.75511,-2.8474 -47.85286,-8.6688 -70.74842,-17.091 -26.70666,-9.8241 -60.94176,-29.2997 -84.25158,-47.9289 -12.06122,-9.6393 -37.24903,-35.0138 -47.03861,-47.3872 -11.01017,-13.9162 -25.4711,-35.8939 -24.34631,-37.0016 0.97137,-0.9565 256.65296,-148.7037 259.88492,-150.176 1.6432,-0.7486 25.17557,12.4693 131.9081,74.0913 71.4494,41.2513 130.3181,75.4125 130.8192,75.9136 1.0295,1.0295 -4.2703,10.114 -13.5187,23.1727 -9.5903,13.5415 -17.2162,22.5597 -31.1711,36.8623 -49.6965,50.9343 -116.6625,83.1378 -187.39345,90.116 -14.31058,1.4119 -50.27136,1.0916 -64.14405,-0.5712 z"
+       id="path8" />
+  </g>
+</svg>

apps/frontend/public/images/icons/skills/CSS.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="1200"
+   height="1200"
+   viewBox="0 0 1200 1200"
+   xmlns="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="g2">
+    <path
+      style="fill:#ffffff"
+      transform="translate(600 600) scale(0.997) translate(-600 -600)"
+      d="M 71.4,0.5 L 1128.6,0.5 L 1031.9,1079.5 L 600,1199.3 L 168.2,1079.5 Z"
+      id="bg-white" />
+    <path
+       style="display:inline;fill:#e9e9e9"
+       d="m 166.19495,1073.5 c 0.0204,-1.65 0.2445,-2.2039 0.49804,-1.231 0.25354,0.973 0.23687,2.323 -0.0371,3 -0.27393,0.6771 -0.48137,-0.119 -0.46099,-1.769 z m 866.99995,-1 c 0.02,-1.65 0.2445,-2.2039 0.4981,-1.231 0.2535,0.973 0.2369,2.323 -0.037,3 -0.2739,0.6771 -0.4813,-0.119 -0.461,-1.769 z m -867.99995,-10 c 0.0204,-1.65 0.2445,-2.2039 0.49804,-1.231 0.25354,0.973 0.23687,2.323 -0.0371,3 -0.27393,0.6771 -0.48137,-0.119 -0.46099,-1.769 z m 868.99995,-1 c 0.02,-1.65 0.2445,-2.2039 0.4981,-1.231 0.2535,0.973 0.2369,2.323 -0.037,3 -0.2739,0.6771 -0.4813,-0.119 -0.461,-1.769 z m -869.99995,-10 c 0.0204,-1.65 0.2445,-2.2039 0.49804,-1.231 0.25354,0.973 0.23687,2.323 -0.0371,3 -0.27393,0.6771 -0.48137,-0.119 -0.46099,-1.769 z m 870.99995,-1 c 0.02,-1.65 0.2445,-2.2039 0.4981,-1.231 0.2535,0.973 0.2369,2.323 -0.037,3 -0.2739,0.6771 -0.4813,-0.119 -0.461,-1.769 z m -871.99995,-10 c 0.0204,-1.65 0.2445,-2.2039 0.49804,-1.231 0.25354,0.973 0.23687,2.323 -0.0371,3 -0.27393,0.6771 -0.48137,-0.119 -0.46099,-1.769 z m 872.99995,-2 c 0.02,-1.65 0.2445,-2.2039 0.4981,-1.231 0.2535,0.973 0.2369,2.323 -0.037,3 -0.2739,0.6771 -0.4813,-0.119 -0.461,-1.769 z m -873.99995,-9 c 0.0204,-1.65 0.2445,-2.2039 0.49804,-1.231 0.25354,0.973 0.23687,2.323 -0.0371,3 -0.27393,0.6771 -0.48137,-0.119 -0.46099,-1.769 z m 874.99995,-2 c 0.02,-1.65 0.2445,-2.2039 0.4981,-1.231 0.2535,0.973 0.2369,2.323 -0.037,3 -0.2739,0.6771 -0.4813,-0.119 -0.461,-1.769 z m -875.99995,-10 c 0.0204,-1.65 0.2445,-2.2039 0.49804,-1.231 0.25354,0.973 0.23687,2.323 -0.0371,3 -0.27393,0.6771 -0.48137,-0.119 -0.46099,-1.769 z m 876.99995,-1 c 0.02,-1.65 0.2445,-2.2039 0.4981,-1.231 0.2535,0.973 0.2369,2.323 -0.037,3 -0.2739,0.6771 -0.4813,-0.119 -0.461,-1.769 z m -877.99995,-10 c 0.0204,-1.65 0.2445,-2.2039 0.49804,-1.231 0.25354,0.973 0.23687,2.323 -0.0371,3 -0.27393,0.6771 -0.48137,-0.119 -0.46099,-1.769 z m 878.99995,-1 c 0.02,-1.65 0.2445,-2.2039 0.4981,-1.231 0.2535,0.973 0.2369,2.323 -0.037,3 -0.2739,0.6771 -0.4813,-0.119 -0.461,-1.769 z m -879.99995,-10 c 0.0204,-1.65 0.2445,-2.20394 0.49804,-1.23097 0.25354,0.97297 0.23687,2.32297 -0.0371,3 -0.27393,0.67703 -0.48137,-0.11903 -0.46099,-1.76903 z m 880.99995,-1 c 0.02,-1.65 0.2445,-2.20394 0.4981,-1.23097 0.2535,0.97297 0.2369,2.32297 -0.037,3 -0.2739,0.67703 -0.4813,-0.11903 -0.461,-1.76903 z m -881.99995,-10 c 0.0204,-1.65 0.2445,-2.20394 0.49804,-1.23097 0.25354,0.97297 0.23687,2.32297 -0.0371,3 -0.27393,0.67703 -0.48137,-0.11903 -0.46099,-1.76903 z m 882.99995,-2 c 0.02,-1.65 0.2445,-2.20394 0.4981,-1.23097 0.2535,0.97297 0.2369,2.32297 -0.037,3 -0.2739,0.67703 -0.4813,-0.11903 -0.461,-1.76903 z m -883.99995,-9 c 0.0204,-1.65 0.2445,-2.20394 0.49804,-1.23097 0.25354,0.97297 0.23687,2.32297 -0.0371,3 -0.27393,0.67703 -0.48137,-0.11903 -0.46099,-1.76903 z m 884.99995,-2 c 0.02,-1.65 0.2445,-2.20394 0.4981,-1.23097 0.2535,0.97297 0.2369,2.32297 -0.037,3 -0.2739,0.67703 -0.4813,-0.11903 -0.461,-1.76903 z M 463.5,933.26236 C 389.25,912.61172 328.40665,895.64885 328.29256,895.5671 327.99488,895.35379 310,693.72348 310,690.60131 V 688 h 66.25461 66.25461 l 4.34353,49.75 c 2.38894,27.3625 4.65883,51.07436 5.0442,52.69303 l 0.70066,2.94303 63.95119,17.25886 c 35.17316,9.49237 68.33263,18.45842 73.68772,19.92456 l 9.73652,2.6657 0.26348,68.88254 c 0.17395,45.47748 -0.0763,68.85005 -0.73652,68.78691 -0.55,-0.0526 -61.75,-16.99163 -136,-37.64227 z M 156.19495,961.5 c 0.0204,-1.65 0.2445,-2.20394 0.49804,-1.23097 0.25354,0.97297 0.23687,2.32297 -0.0371,3 -0.27393,0.67703 -0.48137,-0.11903 -0.46099,-1.76903 z m 886.99995,-1 c 0.02,-1.65 0.2445,-2.20394 0.4981,-1.23097 0.2535,0.97297 0.2369,2.32297 -0.037,3 -0.2739,0.67703 -0.4813,-0.11903 -0.461,-1.76903 z m -887.99995,-10 c 0.0204,-1.65 0.2445,-2.20394 0.49804,-1.23097 0.25354,0.97297 0.23687,2.32297 -0.0371,3 -0.27393,0.67703 -0.48137,-0.11903 -0.46099,-1.76903 z m 888.99995,-1 c 0.02,-1.65 0.2445,-2.20394 0.4981,-1.23097 0.2535,0.97297 0.2369,2.32297 -0.037,3 -0.2739,0.67703 -0.4813,-0.11903 -0.461,-1.76903 z m -889.99995,-10 c 0.0204,-1.65 0.2445,-2.20394 0.49804,-1.23097 0.25354,0.97297 0.23687,2.32297 -0.0371,3 -0.27393,0.67703 -0.48137,-0.11903 -0.46099,-1.76903 z m 890.99995,-1 c 0.02,-1.65 0.2445,-2.20394 0.4981,-1.23097 0.2535,0.97297 0.2369,2.32297 -0.037,3 -0.2739,0.67703 -0.4813,-0.11903 -0.461,-1.76903 z m -891.99995,-10 c 0.0204,-1.65 0.2445,-2.20394 0.49804,-1.23097 0.25354,0.97297 0.23687,2.32297 -0.0371,3 -0.27393,0.67703 -0.48137,-0.11903 -0.46099,-1.76903 z m 892.99995,-2 c 0.02,-1.65 0.2445,-2.20394 0.4981,-1.23097 0.2535,0.97297 0.2369,2.32297 -0.037,3 -0.2739,0.67703 -0.4813,-0.11903 -0.461,-1.76903 z m -893.99995,-10 c 0.0204,-1.65 0.2445,-2.20394 0.49804,-1.23097 0.25354,0.97297 0.23687,2.32297 -0.0371,3 -0.27393,0.67703 -0.48137,-0.11903 -0.46099,-1.76903 z m 894.99995,-1 c 0.02,-1.65 0.2445,-2.20394 0.4981,-1.23097 0.2535,0.97297 0.2369,2.32297 -0.037,3 -0.2739,0.67703 -0.4813,-0.11903 -0.461,-1.76903 z m -895.99995,-10 c 0.0204,-1.65 Line truncated
+       id="path4" />
+    <path
+       style="display:inline;fill:#2863ef"
+       d="m 598.8125,1199.3169 c 0.72187,-0.2889 1.58438,-0.2534 1.91667,0.079 0.33229,0.3323 -0.25834,0.5687 -1.3125,0.5253 -1.16495,-0.048 -1.4019,-0.285 -0.60417,-0.6042 z m 1.43057,-159.8792 0.25693,-68.78258 135,-37.41433 c 74.25,-20.57788 135.15304,-37.56583 135.34009,-37.75098 0.18705,-0.18516 8.17126,-88.00861 17.74269,-195.16323 C 898.15421,593.17196 911.61377,442.5 918.49291,365.5 c 6.87914,-77 12.50743,-141.01384 12.50731,-142.25297 L 931,220.99406 599.09548,221.24703 C 416.548,221.38616 267.39956,221.1625 267.6545,220.75 267.90944,220.3375 342.79148,220 434.05902,220 H 600 V 154 88 h 216 216 v 3.164128 c 0,4.934632 -80.82959,910.780972 -81.7141,915.758872 l -0.7859,4.4229 -172.5,47.8408 c -94.875,26.3124 -173.51562,48.1092 -174.75693,48.4372 l -2.25692,0.5964 z m 431.83583,38.979 c 0.048,-1.165 0.285,-1.4019 0.6042,-0.6042 0.2889,0.7219 0.2534,1.5844 -0.079,1.9167 -0.3323,0.3323 -0.5687,-0.2584 -0.5253,-1.3125 z M 166.15789,1069 c 0,-1.375 0.22698,-1.9375 0.50439,-1.25 0.27741,0.6875 0.27741,1.8125 0,2.5 -0.27741,0.6875 -0.50439,0.125 -0.50439,-1.25 z m 867.00001,-1 c 0,-1.375 0.227,-1.9375 0.5044,-1.25 0.2774,0.6875 0.2774,1.8125 0,2.5 -0.2774,0.6875 -0.5044,0.125 -0.5044,-1.25 z m -868.00001,-10 c 0,-1.375 0.22698,-1.9375 0.50439,-1.25 0.27741,0.6875 0.27741,1.8125 0,2.5 -0.27741,0.6875 -0.50439,0.125 -0.50439,-1.25 z m 869.03701,-1.5 c 0.02,-1.65 0.2445,-2.2039 0.4981,-1.231 0.2535,0.973 0.2369,2.323 -0.037,3 -0.2739,0.6771 -0.4813,-0.119 -0.461,-1.769 z m -869.99995,-10 c 0.0204,-1.65 0.2445,-2.2039 0.49804,-1.231 0.25354,0.973 0.23687,2.323 -0.0371,3 -0.27393,0.6771 -0.48137,-0.119 -0.46099,-1.769 z m 870.99995,-1 c 0.02,-1.65 0.2445,-2.2039 0.4981,-1.231 0.2535,0.973 0.2369,2.323 -0.037,3 -0.2739,0.6771 -0.4813,-0.119 -0.461,-1.769 z m -871.99995,-10 c 0.0204,-1.65 0.2445,-2.2039 0.49804,-1.231 0.25354,0.973 0.23687,2.323 -0.0371,3 -0.27393,0.6771 -0.48137,-0.119 -0.46099,-1.769 z m 872.96295,-1.5 c 0,-1.375 0.227,-1.9375 0.5044,-1.25 0.2774,0.6875 0.2774,1.8125 0,2.5 -0.2774,0.6875 -0.5044,0.125 -0.5044,-1.25 z m -873.96295,-9.5 c 0.0204,-1.65 0.2445,-2.2039 0.49804,-1.231 0.25354,0.973 0.23687,2.323 -0.0371,3 -0.27393,0.6771 -0.48137,-0.119 -0.46099,-1.769 z m 874.96295,-1.5 c 0,-1.375 0.227,-1.9375 0.5044,-1.25 0.2774,0.6875 0.2774,1.8125 0,2.5 -0.2774,0.6875 -0.5044,0.125 -0.5044,-1.25 z m -876.00001,-10 c 0,-1.375 0.22698,-1.9375 0.50439,-1.25 0.27741,0.6875 0.27741,1.8125 0,2.5 -0.27741,0.6875 -0.50439,0.125 -0.50439,-1.25 z m 877.00001,-1 c 0,-1.375 0.227,-1.9375 0.5044,-1.25 0.2774,0.6875 0.2774,1.8125 0,2.5 -0.2774,0.6875 -0.5044,0.125 -0.5044,-1.25 z m -878.00001,-10 c 0,-1.375 0.22698,-1.9375 0.50439,-1.25 0.27741,0.6875 0.27741,1.8125 0,2.5 -0.27741,0.6875 -0.50439,0.125 -0.50439,-1.25 z m 879.03701,-1.5 c 0.02,-1.65 0.2445,-2.20394 0.4981,-1.23097 0.2535,0.97297 0.2369,2.32297 -0.037,2.99997 -0.2739,0.6771 -0.4813,-0.119 -0.461,-1.769 z m -879.99995,-10 c 0.0204,-1.65 0.2445,-2.20394 0.49804,-1.23097 0.25354,0.97297 0.23687,2.32297 -0.0371,3 -0.27393,0.67703 -0.48137,-0.11903 -0.46099,-1.76903 z m 880.99995,-1 c 0.02,-1.65 0.2445,-2.20394 0.4981,-1.23097 0.2535,0.97297 0.2369,2.32297 -0.037,3 -0.2739,0.67703 -0.4813,-0.11903 -0.461,-1.76903 z m -881.99995,-10 c 0.0204,-1.65 0.2445,-2.20394 0.49804,-1.23097 0.25354,0.97297 0.23687,2.32297 -0.0371,3 -0.27393,0.67703 -0.48137,-0.11903 -0.46099,-1.76903 z M 1041.1579,978 c 0,-1.375 0.227,-1.9375 0.5044,-1.25 0.2774,0.6875 0.2774,1.8125 0,2.5 -0.2774,0.6875 -0.5044,0.125 -0.5044,-1.25 z m -883.96295,-9.5 c 0.0204,-1.65 0.2445,-2.20394 0.49804,-1.23097 0.25354,0.97297 0.23687,2.32297 -0.0371,3 -0.27393,0.67703 -0.48137,-0.11903 -0.46099,-1.76903 z M 1042.1579,967 c 0,-1.375 0.227,-1.9375 0.5044,-1.25 0.2774,0.6875 0.2774,1.8125 0,2.5 -0.2774,0.6875 -0.5044,0.125 -0.5044,-1.25 z M 156.15789,957 c 0,-1.375 0.22698,-1.9375 0.50439,-1.25 0.27741,0.6875 0.27741,1.8125 0,2.5 -0.27741,0.6875 -0.50439,0.125 -0.50439,-1.25 z m 887.03701,-1.5 c 0.02,-1.65 0.2445,-2.20394 0.4981,-1.23097 0.2535,0.97297 0.2369,2.32297 -0.037,3 -0.2739,0.67703 -0.4813,-0.11903 -0.461,-1.76903 z M 155.15789,946 c 0,-1.375 0.22698,-1.9375 0.50439,-1.25 0.27741,0.6875 0.27741,1.8125 0,2.5 -0.27741,0.6875 -0.50439,0.125 -0.50439,-1.25 z m 889.03701,-1.5 c 0.02,-1.65 0.2445,-2.20394 0.4981,-1.23097 0.2535,0.97297 0.2369,2.32297 -0.037,3 -0.2739,0.67703 -0.4813,-0.11903 -0.461,-1.76903 z m -889.99995,-10 c 0.0204,-1.65 0.2445,-2.20394 0.49804,-1.23097 0.25354,0.97297 0.23687,2.32297 -0.0371,3 -0.27393,0.67703 -0.48137,-0.11903 -0.46099,-1.76903 z m 890.99995,-1 c 0.02,-1.65 0.2445,-2.20394 0.4981,-1.23097 0.2535,0.97297 0.2369,2.32297 -0.037,3 -0.2739,0.67703 -0.4813,-0.11903 -0.461,-1.76903 z m -891.99995,-10 c 0.0204,-1.65 0.2445,-2.20394 0.49804,-1.23097 0.25354,0.97297 0.23687,2.32297 -0.0371,3 -0.27393,0.67703 -0.48137,-0.11903 -0.46099,-1.76903 z M 1046.1579,922 c 0,-1.375 0.227,-1.9375 0.5044,-1.25 0.2774,0.6875 0.2774,1.8125 0,2.5 -0.2774,0.6875 -0.5044,0.125Line truncated
+       id="path3" />
+    <path
+       style="display:inline;fill:#254ce3"
+       d="m 382.57425,1139.4327 c -117.65916,-32.698 -214.16859,-59.6937 -214.46541,-59.9905 -0.29681,-0.2968 -22.17194,-243.18025 -48.6114,-539.74094 L 71.425697,0.5 335.71285,0.24813788 c 145.35793,-0.13852416 383.21665,-0.13852416 528.57493,0 L 1128.5756,0.5 1080.4324,539.77209 c -26.4788,296.59965 -48.3208,539.43851 -48.5378,539.64191 -0.9769,0.9155 -430.82126,119.5795 -432.97334,119.5278 -1.33169,-0.032 -98.68785,-26.8111 -216.34701,-59.5091 z M 777,1059.1867 l 172.5,-47.8408 0.7859,-4.4229 C 951.17041,1001.9451 1032,96.09876 1032,91.164128 V 88 H 816 600 v 66 66 H 434.16667 c -91.20834,0 -166.04103,0.2077 -166.29489,0.46155 -0.25385,0.25385 2.25865,30.29135 5.58334,66.75 L 279.5,353.5 439.75,353.75305 600,354.0061 V 421.00305 488 H 446.05902 c -84.66754,0 -154.12846,0.3375 -154.3576,0.75 -0.22913,0.4125 2.19717,29.55 5.39178,64.75 3.19461,35.2 5.83053,65.0125 5.85759,66.25 L 303,622 H 451.5 600 v 105.46862 c 0,83.94553 -0.25509,105.37781 -1.25,105.02366 -0.6875,-0.24473 -33.8412,-9.23431 -73.67489,-19.97685 -39.8337,-10.74254 -72.52197,-19.64068 -72.64062,-19.77366 -0.19764,-0.2215 -9.46811,-103.27633 -9.44472,-104.99177 0.006,-0.4125 -30.1523,-0.75 -67.01762,-0.75 H 308.9443 l 0.61486,6.25 c 0.33818,3.4375 4.53567,50.26779 9.32776,104.06732 5.55634,62.37958 9.11945,98.06464 9.83512,98.5 0.61723,0.37547 61.90728,17.55645 136.2001,38.17996 L 600,971.49455 v 68.36115 68.3611 l 2.25,-0.5946 c 1.2375,-0.3271 79.875,-22.1231 174.75,-48.4355 z"
+       id="path2" />
+  </g>
+</svg>

apps/frontend/public/images/icons/skills/Docker.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="1024"
+   height="1024"
+   viewBox="0 0 1024 1024"
+   fill="#000000"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="SVGRepo_iconCarrier"
+     transform="matrix(1.6708812,0,0,1.6708812,-400.36796,-343.24327)">
+    <path
+       d="m 827.3,461.5 c -1.6,-1.3 -16.1,-12.2 -46.7,-12.2 -8.1,0 -16.2,0.6 -24.2,2.1 -5.9,-40.7 -39.5,-60.5 -41,-61.4 l -8.2,-4.8 -5.4,7.8 c -6.8,10.5 -11.7,22 -14.6,34.2 -5.5,23.2 -2.2,45 9.6,63.6 -14.2,7.9 -37.1,9.9 -41.7,10 H 277 c -9.9,0 -17.9,8 -17.9,17.9 -0.4,33.1 5.2,66 16.5,97.1 13,34.2 32.4,59.3 57.6,74.7 28.2,17.3 74.1,27.2 126.2,27.2 23.5,0.1 47,-2.1 70.1,-6.4 32.1,-5.9 63,-17.1 91.4,-33.2 23.4,-13.6 44.5,-30.8 62.4,-51.1 29.9,-33.9 47.8,-71.7 61.1,-105.2 h 5.3 c 32.8,0 53,-13.1 64.1,-24.1 7.4,-7 13.2,-15.5 16.9,-25 l 2.3,-6.9 z M 312,489.9 h 50.7 c 2.4,0 4.4,-2 4.4,-4.4 v -45.1 c 0,-2.4 -2,-4.4 -4.4,-4.5 H 312 c -2.4,0 -4.4,2 -4.4,4.4 v 45.2 c 0,2.5 2,4.4 4.4,4.4 m 69.9,0 h 50.7 c 2.4,0 4.4,-2 4.4,-4.4 v -45.1 c 0,-2.4 -2,-4.4 -4.4,-4.5 h -50.7 c -2.5,0 -4.5,2 -4.5,4.5 v 45.1 c 0,2.5 2,4.4 4.5,4.4 m 70.8,0.1 h 50.7 c 2.4,0 4.4,-2 4.4,-4.4 v -45.1 c 0,-2.4 -2,-4.4 -4.4,-4.5 h -50.7 c -2.4,0 -4.4,2 -4.4,4.4 v 45.2 c 0,2.4 2,4.3 4.4,4.4 m 70.1,0 h 50.7 c 2.4,0 4.4,-2 4.5,-4.4 v -45.1 c 0,-2.5 -2,-4.5 -4.5,-4.5 h -50.7 c -2.4,0 -4.4,2 -4.4,4.4 v 45.2 c 0,2.4 1.9,4.4 4.4,4.4 m -141,-65 h 50.7 c 2.4,0 4.4,-2 4.4,-4.5 v -45.1 c 0,-2.4 -2,-4.4 -4.4,-4.4 h -50.7 c -2.5,0 -4.4,2 -4.5,4.4 v 45.1 c 0.1,2.5 2.1,4.5 4.5,4.5 m 70.9,0 h 50.7 c 2.4,0 4.4,-2 4.4,-4.5 v -45.1 c 0,-2.4 -2,-4.4 -4.4,-4.4 h -50.7 c -2.4,0 -4.4,2 -4.4,4.4 v 45.1 c 0,2.5 2,4.5 4.4,4.5 m 70.1,0 h 50.7 c 2.5,0 4.4,-2 4.5,-4.5 v -45.1 c 0,-2.5 -2,-4.4 -4.5,-4.4 h -50.7 c -2.4,0 -4.4,2 -4.4,4.4 v 45.1 c 0,2.5 1.9,4.5 4.4,4.5 m 0,-64.9 h 50.7 c 2.5,0 4.5,-2 4.5,-4.5 v -45.2 c 0,-2.4 -2,-4.4 -4.5,-4.4 h -50.7 c -2.4,0 -4.4,2 -4.4,4.4 v 45.2 c 0,2.5 1.9,4.5 4.4,4.5 M 593.4,490 h 50.7 c 2.4,0 4.4,-2 4.4,-4.4 v -45.1 c 0,-2.5 -2,-4.4 -4.4,-4.5 h -50.7 c -2.4,0 -4.4,2 -4.4,4.4 v 45.2 c 0,2.4 2,4.4 4.4,4.4"
+       style="display:inline;fill:#0091e2"
+       id="path1" />
+  </g>
+</svg>

apps/frontend/public/images/icons/skills/Git.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="2048"
+   height="2048"
+   viewBox="0 0 2048 2048"
+   xmlns="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="g2">
+    <path
+       style="fill:#ef5032"
+       d="m 1006.5,1992.4838 c -17.4601,-2.8216 -34.80778,-9.6651 -50.6351,-19.9749 -5.93803,-3.868 -91.20817,-88.6103 -440.12752,-437.4032 C 214.60771,1234.0852 81.308769,1100.189 77.497588,1094.9021 67.331192,1080.7993 59.930055,1063.5759 55.839157,1044.5 c -1.750711,-8.1636 -1.721288,-36.0709 0.04745,-45 1.904993,-9.617 6.542759,-23.60948 10.606305,-32 9.088334,-18.76583 -6.147266,-3.06906 309.387578,-318.75254 l 295.61329,-295.75255 109.83907,109.83906 109.83906,109.83907 -3.07956,8.72507 c -5.99523,16.98574 -7.50866,26.88286 -7.50851,49.10189 1.3e-4,16.84126 0.34141,21.52927 2.16085,29.68276 4.43331,19.86703 11.03768,35.66228 21.58358,51.62007 14.89855,22.54412 35.97773,41.12713 59.25207,52.23551 L 972,768.05688 v 266.38882 266.3889 l -4.58838,1.7523 c -2.52361,0.9638 -8.64279,4.1481 -13.59818,7.0764 -36.68573,21.6782 -61.50624,56.1022 -70.98926,98.4562 -3.1065,13.8746 -3.3703,44.5252 -0.49794,57.8566 6.43256,29.8551 18.80499,53.6836 38.57833,74.2995 26.17808,27.2934 56.92929,42.1898 94.64313,45.8466 33.0494,3.2045 66.7095,-5.5127 95.9091,-24.8383 12.6444,-8.3686 30.7267,-26.2587 39.2008,-38.7839 32.5763,-48.1502 35.0141,-108.7739 6.3858,-158.8096 -12.7494,-22.2831 -36.5192,-45.3467 -57.7934,-56.0763 l -5.25,-2.6478 V 1041.4832 C 1094,896.56742 1094.3367,778 1094.7481,778 c 0.4115,0 45.5736,44.82375 100.3602,99.60832 l 99.6121,99.60833 -3.2837,10.14167 c -5.9618,18.41288 -6.9367,25.03818 -6.9367,47.14168 0,17.2857 0.3154,21.4088 2.3242,30.3805 13.4082,59.8851 58.9687,104.1148 119.1758,115.6944 14.2393,2.7387 40.9414,2.5138 55,-0.4631 30.4927,-6.457 54.247,-19.2903 76.0343,-41.0775 22.1942,-22.1943 35.9353,-48.1343 41.6018,-78.5343 2.5281,-13.5635 2.5254,-40.238 -0.01,-53 C 1566.655,947.11102 1522.9154,902.26595 1462.8805,888.82418 1453.9088,886.81543 1449.7857,886.5 1432.5,886.5 c -17.2247,0 -21.4242,0.31904 -30.2636,2.29915 -5.645,1.26454 -11.9896,2.90814 -14.0993,3.65246 l -3.8356,1.35331 L 1276.7436,786.15246 1169.1858,678.5 l 2.857,-11.17655 c 21.0251,-82.24969 -30.0251,-164.75149 -112.8438,-182.36607 -12.3679,-2.6305 -36.3894,-3.64643 -48.699,-2.05958 -4.95,0.63811 -13.66514,2.33126 -19.36697,3.76255 L 980.76605,489.2627 869.37232,377.88135 757.97858,266.5 851.23929,173.44214 c 70.93634,-70.78206 94.99366,-94.194544 100.50017,-97.806364 38.03447,-24.947528 84.36654,-28.36251 124.55684,-9.180679 19.0315,9.083214 -7.7691,-17.166657 457.3231,447.925533 465.0922,465.09219 438.8423,438.2916 447.9255,457.32303 13.036,27.31342 15.7648,57.70734 7.8602,87.54754 -3.1468,11.8792 -12.545,31.0304 -20.2425,41.2488 -3.9048,5.1837 -157.3408,159.2397 -435.8445,437.6057 -339.5509,339.3832 -431.3166,430.5812 -436.9534,434.2506 -14.6131,9.5126 -29.4981,15.7345 -45.8647,19.1712 -11.0159,2.3132 -32.6889,2.7843 -44,0.9563 z"
+       id="path2" />
+  </g>
+</svg>

apps/frontend/public/images/icons/skills/HTML.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="169"
+   height="169"
+   viewBox="0 0 169 169"
+   xmlns="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="g2">
+    <path
+      style="fill:#ffffff"
+      d="M 69.5,132.95856 c -7.15,-2.1579 -14.850964,-4.41929 -17.113253,-5.02529 l -4.113253,-1.10183 -0.669234,-8.16572 C 47.236181,114.17457 46.662688,108.1375 46.329831,105.25 L 45.724637,100 h 10.02105 c 11.081797,0 11.207194,0.0842 11.240658,7.54388 0.01315,2.93196 0.324486,3.14511 8.467035,5.79684 l 8.453381,2.75296 8.409014,-2.62179 8.409015,-2.6218 0.6305,-6.67504 c 0.34677,-3.67128 0.63369,-8.36255 0.6376,-10.42505 L 102,90 H 73.571956 45.143913 L 44.561524,84.75 C 44.24121,81.8625 43.308258,71.85 42.488298,62.5 41.668337,53.15 40.707959,42.4625 40.354125,38.75 L 39.71079,32 h 44.263524 44.263526 l -0.72401,9.75 c -0.3982,5.3625 -0.92827,10.0875 -1.17793,10.5 C 126.08623,52.6625 111.68785,53 94.339492,53 H 62.797017 l 0.714954,7.25 c 0.393225,3.9875 0.915454,7.5875 1.160509,8 0.245055,0.4125 13.970091,0.75 30.500081,0.75 h 30.054529 l -0.57465,4.25 c -0.31605,2.3375 -1.54717,15.275 -2.73581,28.75 -1.18865,13.475 -2.21865,24.55365 -2.2889,24.61921 -0.53427,0.49865 -34.762777,10.36777 -35.798531,10.32181 C 83.09814,136.90857 76.65,135.11647 69.5,132.95856 Z"
+      id="path4" />
+    <path
+       style="fill:#fd6a38"
+       d="m 84,146.9604 c 0,-8.63305 0.227237,-10.08718 1.5,-9.59877 0.825,0.31658 1.5,0.20243 1.5,-0.25367 0,-1.04482 10.996864,-4.22793 12.148198,-3.51637 0.468491,0.28954 0.851802,0.002 0.851802,-0.63956 0,-0.6413 0.66059,-0.91252 1.46797,-0.60269 0.80739,0.30982 1.69736,0.19217 1.97771,-0.26144 0.28034,-0.45362 4.11976,-1.86789 8.53202,-3.14284 6.68146,-1.93063 8.02372,-2.66296 8.03081,-4.38157 0.009,-2.2939 3.59568,-42.069187 4.53637,-50.31349 L 125.14391,69 94.821956,68.79071 C 78.14488,68.675601 68.8875,68.434305 74.25,68.254498 L 84,67.927576 v -6.8964 c 0,-6.109907 0.237572,-6.971803 2.083157,-7.557569 1.145736,-0.363643 10.348106,-0.506467 20.449713,-0.317388 11.40246,0.213429 18.73017,-0.03539 19.32554,-0.656219 0.52744,-0.55 1.27859,-5.3875 1.66921,-10.75 L 128.23784,32 H 84.192243 c -38.530629,0 -44.104636,0.19027 -44.517131,1.519603 -0.329865,1.063044 -0.423066,0.987932 -0.31021,-0.25 0.148238,-1.626036 1.96539,-1.791437 22.398212,-2.038735 L 84,30.961737 v -9.980869 c 0,-7.303022 0.335372,-9.988416 1.25,-10.009003 8.190129,-0.184341 60.22231,0.167108 60.4636,0.4084 0.17839,0.17839 -0.79517,11.528308 -2.16346,25.22204 C 142.18185,50.296037 140.58206,66.45 139.99507,72.5 c -0.587,6.05 -1.49742,15.05 -2.02316,20 -0.52574,4.95 -1.64791,15.975 -2.49373,24.5 -2.3414,23.59909 -2.55134,25.4065 -3.00369,25.85885 -0.231,0.23099 -2.56976,0.98953 -5.19724,1.68564 -2.62749,0.69611 -8.71475,2.43337 -13.52725,3.86058 -4.8125,1.42721 -12.6875,3.73803 -17.5,5.13516 -4.8125,1.39712 -9.5375,2.77745 -10.5,3.06739 C 84.163459,157.08554 84,156.18444 84,146.9604 Z M 47.157895,119 c 0,-1.375 0.226973,-1.9375 0.504386,-1.25 0.277412,0.6875 0.277412,1.8125 0,2.5 -0.277413,0.6875 -0.504386,0.125 -0.504386,-1.25 z M 84,103.60699 V 91 l 5.25,-0.11402 c 2.8875,-0.06271 6.402622,-0.254227 7.811382,-0.42559 4.830108,-0.587539 5.258128,0.45021 4.477928,10.85666 l -0.71536,9.54162 -6.879457,2.08957 c -3.783699,1.14926 -7.569087,2.35421 -8.411973,2.67765 C 84.205769,116.13502 84,114.52126 84,103.60699 Z m -63.921053,7.80968 c 0.04798,-1.16495 0.284941,-1.4019 0.604167,-0.60417 0.288871,0.72187 0.253344,1.58437 -0.07895,1.91667 -0.332292,0.33229 -0.568641,-0.25834 -0.52522,-1.3125 z M 46.157895,109 c 0,-1.375 0.226973,-1.9375 0.504386,-1.25 0.277412,0.6875 0.277412,1.8125 0,2.5 -0.277413,0.6875 -0.504386,0.125 -0.504386,-1.25 z m 21,0 c 0,-1.375 0.226973,-1.9375 0.504386,-1.25 0.277412,0.6875 0.277412,1.8125 0,2.5 -0.277413,0.6875 -0.504386,0.125 -0.504386,-1.25 z m -1.078948,-7.58333 c 0.04798,-1.16495 0.284941,-1.4019 0.604167,-0.60417 0.288871,0.72187 0.253344,1.58437 -0.07895,1.91667 -0.332292,0.33229 -0.568641,-0.25834 -0.52522,-1.3125 z m -47,-1 c 0.04798,-1.164946 0.284941,-1.401903 0.604167,-0.60417 0.288871,0.72187 0.253344,1.58437 -0.07895,1.91667 -0.332292,0.33229 -0.568641,-0.25834 -0.52522,-1.3125 z M 44.157895,87 c 0,-1.375 0.226973,-1.9375 0.504386,-1.25 0.277412,0.6875 0.277412,1.8125 0,2.5 -0.277413,0.6875 -0.504386,0.125 -0.504386,-1.25 z M 17.078947,79.416667 c 0.04798,-1.164943 0.284941,-1.4019 0.604167,-0.604167 0.288871,0.721875 0.253344,1.584375 -0.07895,1.916667 -0.332292,0.332291 -0.568641,-0.258334 -0.52522,-1.3125 z M 43.157895,75 c 0,-1.375 0.226973,-1.9375 0.504386,-1.25 0.277412,0.6875 0.277412,1.8125 0,2.5 -0.277413,0.6875 -0.504386,0.125 -0.504386,-1.25 z M 151.15789,69 c 0,-1.375 0.22698,-1.9375 0.50439,-1.25 0.27741,0.6875 0.27741,1.8125 0,2.5 -0.27741,0.6875 -0.50439,0.125 -0.50439,-1.25 z M 42.157895,64 c 0,-1.375 0.226973,-1.9375 0.504386,-1.25 0.277412,0.6875 0.277412,1.8125 0,2.5 -0.277413,0.6875 -0.504386,0.125 -0.504386,-1.25 z m 21.037054,-6.5 c 0.02038,-1.65 0.244498,-2.203936 0.498042,-1.230968 0.253543,0.972967 0.236869,2.322967 -0.03705,3 C 63.382014,59.946064 63.174569,59.15 63.194949,57.5 Z m -22,-5 c 0.02038,-1.65 0.244498,-2.203936 0.498042,-1.230968 0.253543,0.972967 0.236869,2.322967 -0.03705,3 C 41.382014,54.946064 41.174569,54.15 41.194949,52.5 Z M 153.07895,47.416667 c 0.048,-1.164943 0.28494,-1.4019 0.60416,-0.604167 0.28887,0.721875 0.25335,1.584375 -0.0789,1.916667 -0.3323,0.332291 -0.56864,-0.258334 -0.52522,-1.3125 z M 40.157895,43 c 0,-1.375 0.226973,-1.9375 0.504386,-1.25 0.277412,0.6875 0.277412,1.8125 0,2.5 -0.277413,0.6875 -0.504386,0.125 -0.504386,-1.25 z M 154.07895,36.416667 c 0.048,-1.164943 0.28494,-1.4019 0.60416,-0.604167 0.28887,0.721875 0.25335,1.584375 -0.0789,1.916667 -0.3323,0.332291 -0.56864,-0.258334 -0.52522,-1.3125 z m 1,-11 c 0.048,-1.164943 0.28494,-1.4019 0.60416,-0.604167 0.28887,0.721875 0.25335,1.584375 -0.0789,1.916667 -0.3323,0.332291 -0.56864,-0.258334 -0.52522,-1.3125 z m 2,-22.0000003 c 0.048,-1.164943 0.28494,-1.4018994 0.60416,-0.6041667 0.28887,0.721875 0.25335,1.584375 -0.0789,1.9166667 -0.3323,0.3322916 -0.56864,-0.2583334 -0.52522,-1.3125 z"
+       id="path3" />
+    <path
+       style="fill:#e34b24"
+       d="m 52.756692,160.05542 c -15.25882,-4.23979 -27.926725,-7.89921 -28.1509,-8.13206 C 24.381616,151.69051 21.095829,117.4125 17.304042,75.75 L 10.409885,0 h 73.732187 73.732188 l -0.45705,3.25 c -0.25137,1.7875 -3.13735,33.4 -6.41328,70.25 -3.27593,36.85 -6.30447,69.65328 -6.73009,72.89618 L 143.5,152.29236 115,160.10409 c -15.675,4.29645 -29.85,7.7776 -31.5,7.73588 -1.65,-0.0417 -15.484489,-3.54476 -30.743308,-7.78455 z M 96.25,153.54023 c 4.8125,-1.39713 12.6875,-3.70795 17.5,-5.13516 4.8125,-1.42721 10.89976,-3.16447 13.52725,-3.86058 2.62748,-0.69611 4.96624,-1.45465 5.19724,-1.68564 0.45235,-0.45235 0.66229,-2.25976 3.00369,-25.85885 0.84582,-8.525 1.96799,-19.55 2.49373,-24.5 0.52574,-4.95 1.43616,-13.95 2.02316,-20 0.58699,-6.05 2.18678,-22.203963 3.55507,-35.897695 1.36829,-13.693732 2.34185,-25.04365 2.16346,-25.22204 C 145.47231,11.138973 93.440129,10.787524 85.25,10.971865 84.335372,10.992452 84,13.677846 84,20.980868 v 9.980869 L 61.75,31.230868 39.5,31.5 l 0.359754,5 c 0.197864,2.75 1.341369,15.8 2.541122,29 l 2.181369,24 25.458877,0.52592 C 84.043505,90.315176 92.9125,90.652676 89.75,90.77592 L 84,91 v 12.41044 12.41044 l -7.911652,-2.5937 C 67.696621,110.4761 67,109.64428 67,102.375 67,100.02579 66.885965,100 56.5,100 H 46 v 3.53941 c 0,6.23685 2.134585,22.92573 3.000777,23.46107 0.460387,0.28454 8.520612,2.76333 17.911611,5.50843 l 17.074544,4.99109 0.0065,9.81739 c 0.0059,8.8824 0.1732,9.76718 1.756534,9.29023 0.9625,-0.28994 5.6875,-1.67027 10.5,-3.06739 z M 64,62.081787 c 0,-3.255016 -0.273145,-6.630016 -0.606989,-7.5 -0.533461,-1.390176 0.829314,-1.572224 11.25,-1.50284 C 81.164355,53.122368 85.9375,53.384868 85.25,53.662281 84.419097,53.997557 84,56.485673 84,61.083333 V 68 H 74 64 Z m 53.75,-8.744068 c 0.6875,-0.277412 1.8125,-0.277412 2.5,0 0.6875,0.277413 0.125,0.504386 -1.25,0.504386 -1.375,0 -1.9375,-0.226973 -1.25,-0.504386 z"
+       id="path2" />
+  </g>
+</svg>

apps/frontend/public/images/icons/skills/Java.svg

@@ -0,0 +1,27 @@
+<svg
+  width="1850"
+  height="2500"
+  viewBox="0 0 256 346"
+  xmlns="http://www.w3.org/2000/svg"
+  preserveAspectRatio="xMinYMin meet">
+
+  <path
+    d="M82.554 267.473s-13.198 7.675 9.393 10.272c27.369 3.122 41.356 2.675 71.517-3.034 0 0 7.93 4.972 19.003 9.279-67.611 28.977-153.019-1.679-99.913-16.517M74.292 229.659s-14.803 10.958 7.805 13.296c29.236 3.016 52.324 3.263 92.276-4.43 0 0 5.526 5.602 14.215 8.666-81.747 23.904-172.798 1.885-114.296-17.532"
+    fill="#5382A1"/>
+
+  <path
+    d="M143.942 165.515c16.66 19.18-4.377 36.44-4.377 36.44s42.301-21.837 22.874-49.183c-18.144-25.5-32.059-38.172 43.268-81.858 0 0-118.238 29.53-61.765 94.6"
+    fill="#E76F00"/>
+
+  <path
+    d="M233.364 295.442s9.767 8.047-10.757 14.273c-39.026 11.823-162.432 15.393-196.714.471-12.323-5.36 10.787-12.8 18.056-14.362 7.581-1.644 11.914-1.337 11.914-1.337-13.705-9.655-88.583 18.957-38.034 27.15 137.853 22.356 251.292-10.066 215.535-26.195M88.9 190.48s-62.771 14.91-22.228 20.323c17.118 2.292 51.243 1.774 83.03-.89 25.978-2.19 52.063-6.85 52.063-6.85s-9.16 3.923-15.787 8.448c-63.744 16.765-186.886 8.966-151.435-8.183 29.981-14.492 54.358-12.848 54.358-12.848M201.506 253.422c64.8-33.672 34.839-66.03 13.927-61.67-5.126 1.066-7.411 1.99-7.411 1.99s1.903-2.98 5.537-4.27c41.37-14.545 73.187 42.897-13.355 65.647 0 .001 1.003-.895 1.302-1.697"
+    fill="#5382A1"/>
+
+  <path
+    d="M162.439.371s35.887 35.9-34.037 91.101c-56.071 44.282-12.786 69.53-.023 98.377-32.73-29.53-56.75-55.526-40.635-79.72C111.395 74.612 176.918 57.393 162.439.37"
+    fill="#E76F00"/>
+
+  <path
+    d="M95.268 344.665c62.199 3.982 157.712-2.209 159.974-31.64 0 0-4.348 11.158-51.404 20.018-53.088 9.99-118.564 8.824-157.399 2.421.001 0 7.95 6.58 48.83 9.201"
+    fill="#5382A1"/>
+</svg>

apps/frontend/public/images/icons/skills/JavaScript.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="973"
+   height="973"
+   viewBox="0 0 973 973"
+   xmlns="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="g2">
+    <path
+       style="fill:#f5dd1c"
+       d="M 0,486.5 V 0 H 486.5 973 V 486.5 973 H 486.5 0 Z M 419.1216,905.48657 C 485.67134,895.97571 524.50531,853.19529 529.85503,783.5 c 0.5066,-6.6 0.97411,-85.4625 1.03891,-175.25 L 531.01174,445 H 484.00587 437 l -0.0822,160.25 c -0.0452,88.1375 -0.23248,161.375 -0.41612,162.75 -0.18364,1.375 -0.57514,6.1 -0.87001,10.5 -1.61278,24.06569 -12.69662,39.00305 -32.13164,43.30282 -15.71944,3.47774 -28.79193,2.27255 -41.14076,-3.79289 -6.5619,-3.22305 -9.56805,-5.52382 -15.5,-11.86301 C 342.81166,801.82146 337.025,794.1535 334,789.10701 c -3.025,-5.04649 -6.2185,-10.13643 -7.09667,-11.31098 -1.58297,-2.11722 -1.91977,-1.94007 -39.25,20.64437 C 266.944,810.96935 250,821.63357 250,822.13867 c 0,1.87585 6.03963,12.78951 12.05209,21.77824 7.70124,11.51347 21.61858,26.19227 32.89064,34.69017 9.68729,7.30315 28.67615,17.09773 40.49262,20.88635 24.19896,7.75871 55.598,10.00734 83.68625,5.99314 z m 352.57393,1.45302 C 844.01478,900.95045 892.51886,864.36013 905.50092,806 c 2.58606,-11.62548 3.13643,-39.74833 1.05537,-53.92675 -6.53916,-44.55162 -30.94223,-75.45241 -81.23086,-102.85992 -13.05502,-7.11504 -27.55742,-13.90868 -53.85462,-25.22816 -45.55272,-19.6079 -58.49782,-28.06534 -65.12969,-42.55124 -9.39277,-20.51651 -2.03617,-44.46043 16.55458,-53.88108 15.37744,-7.79234 38.68574,-7.28876 54.3993,1.1753 7.60976,4.09897 18.11821,14.51724 24.66217,24.45051 l 5.7724,8.76209 35.88521,-23.00366 c 19.73687,-12.65201 36.01974,-23.60669 36.18416,-24.34373 0.59518,-2.66813 -14.24549,-23.04865 -24.55072,-33.71521 -27.56783,-28.53444 -60.15429,-40.8889 -107.74822,-40.85042 -44.4412,0.0359 -80.00306,13.7219 -105.59543,40.63837 -21.5794,22.69588 -32.18249,50.36627 -32.12453,83.8339 0.0605,34.94128 8.70379,61.25657 27.77701,84.56973 18.79453,22.97251 42.81757,38.26894 96.44295,61.40909 45.76783,19.7495 58.14975,26.58138 68.78983,37.95566 7.27829,7.78051 10.26606,14.78789 10.96594,25.71899 0.89716,14.01235 -3.09116,24.23832 -13.0491,33.45762 -11.31179,10.47272 -24.64746,15.21067 -45.31146,16.09844 -15.60859,0.67059 -26.28039,-0.65515 -38.89521,-4.83186 -20.85365,-6.90456 -38.6705,-21.49982 -53.69715,-43.98778 l -5.10873,-7.64541 -14.59706,8.48491 c -8.02838,4.6667 -25.05956,14.55633 -37.84706,21.97696 -12.7875,7.42062 -23.24914,14.0099 -23.24809,14.64284 0.003,1.77206 9.44857,17.06976 15.52456,25.14285 28.22263,37.49909 70.49525,61.14136 121.47353,67.93783 19.35143,2.57995 34.52364,3.01464 52.69553,1.50972 z"
+       id="path3" />
+    <path
+       style="fill:#000000"
+       d="m 373.23813,906.82954 c -12.06487,-0.93645 -26.70212,-3.777 -37.80278,-7.33611 -11.81647,-3.78862 -30.80533,-13.5832 -40.49262,-20.88635 -11.27206,-8.4979 -25.1894,-23.1767 -32.89064,-34.69017 C 256.03963,834.92818 250,824.01452 250,822.13867 c 0,-0.5051 16.944,-11.16932 37.65333,-23.69827 37.33023,-22.58444 37.66703,-22.76159 39.25,-20.64437 0.87817,1.17455 4.07167,6.26449 7.09667,11.31098 3.025,5.04649 8.81166,12.71445 12.85924,17.03991 5.93195,6.33919 8.9381,8.63996 15.5,11.86301 12.34883,6.06544 25.42132,7.27063 41.14076,3.79289 11.08932,-2.45338 19.75684,-8.43288 24.84413,-17.13932 3.63705,-6.22449 6.68449,-17.16536 7.28751,-26.1635 0.29487,-4.4 0.68637,-9.125 0.87001,-10.5 0.18364,-1.375 0.37089,-74.6125 0.41612,-162.75 L 437,445 h 47.00587 47.00587 l -0.1178,163.25 c -0.0648,89.7875 -0.53231,168.65 -1.03891,175.25 -4.81324,62.70613 -36.92159,103.91751 -92.25551,118.41084 -17.60098,4.61013 -43.16577,6.56387 -64.36139,4.9187 z M 736.5,907.29245 c -57.68152,-3.16656 -107.74969,-28.31364 -138.97353,-69.80041 -6.07599,-8.07309 -15.52162,-23.37079 -15.52456,-25.14285 -10e-4,-0.63294 10.46059,-7.22222 23.24809,-14.64284 12.7875,-7.42063 29.81868,-17.31026 37.84706,-21.97696 l 14.59706,-8.48491 5.10873,7.64541 c 15.02665,22.48796 32.8435,37.08322 53.69715,43.98778 12.61482,4.17671 23.28662,5.50245 38.89521,4.83186 20.664,-0.88777 33.99967,-5.62572 45.31146,-16.09844 9.95794,-9.2193 13.94626,-19.44527 13.0491,-33.45762 -0.69988,-10.9311 -3.68765,-17.93848 -10.96594,-25.71899 C 792.14975,737.0602 779.76783,730.22832 734,710.47882 680.37462,687.33867 656.35158,672.04224 637.55705,649.06973 618.48383,625.75657 609.84054,599.44128 609.78004,564.5 c -0.058,-33.46763 10.54513,-61.13802 32.12453,-83.8339 25.59237,-26.91647 61.15423,-40.60245 105.59543,-40.63837 47.59393,-0.0385 80.18039,12.31598 107.74822,40.85042 10.30523,10.66656 25.1459,31.04708 24.55072,33.71521 -0.16442,0.73704 -16.44729,11.69172 -36.18416,24.34373 l -35.88521,23.00366 -5.7724,-8.76209 c -6.54396,-9.93327 -17.05241,-20.35154 -24.66217,-24.45051 -15.71356,-8.46406 -39.02186,-8.96764 -54.3993,-1.1753 -18.59075,9.42065 -25.94735,33.36457 -16.55458,53.88108 6.63187,14.4859 19.57697,22.94334 65.12969,42.55124 26.2972,11.31948 40.7996,18.11312 53.85462,25.22816 50.28863,27.40751 74.6917,58.3083 81.23086,102.85992 2.08106,14.17842 1.53069,42.30127 -1.05537,53.92675 -6.62232,29.77027 -22.83338,54.61113 -47.00092,72.02141 -29.70262,21.39774 -73.59382,31.9284 -122,29.27104 z"
+       id="path2" />
+  </g>
+</svg>

apps/frontend/public/images/icons/skills/Laravel.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="128px" height="133px"
+  viewBox="0 0 128 128"
+  version="1.1">
+
+  <g id="surface1">
+    <path
+      style="stroke:none;fill-rule:nonzero;fill:rgb(94.117647%,32.54902%,25.098039%);fill-opacity:1;"
+      d="M 26.027344 0.136719 C 25.824219 0.214844 20.085938 3.484375 13.28125 7.394531 C 5.035156 12.136719 0.800781 14.632812 0.574219 14.867188 C 0.394531 15.070312 0.191406 15.421875 0.128906 15.644531 C -0.0429688 16.21875 -0.0546875 100.347656 0.117188 100.953125 C 0.179688 101.1875 0.382812 101.53125 0.566406 101.722656 C 1.011719 102.191406 50.238281 130.496094 50.835938 130.632812 C 51.113281 130.699219 51.425781 130.6875 51.734375 130.601562 C 52.40625 130.433594 101.503906 102.191406 101.941406 101.730469 C 102.121094 101.53125 102.324219 101.1875 102.390625 100.953125 C 102.476562 100.675781 102.507812 96.277344 102.507812 87.015625 L 102.507812 73.480469 L 114.476562 66.605469 C 125.761719 60.117188 126.453125 59.710938 126.742188 59.265625 L 127.039062 58.785156 L 127.039062 44.207031 C 127.039062 28.335938 127.070312 29.230469 126.441406 28.65625 C 126.273438 28.507812 120.523438 25.152344 113.652344 21.195312 L 101.171875 14.015625 L 99.785156 14.015625 L 87.574219 21.027344 C 80.851562 24.894531 75.136719 28.199219 74.859375 28.378906 C 74.582031 28.5625 74.25 28.902344 74.113281 29.148438 L 73.867188 29.574219 L 73.8125 43.308594 L 73.761719 57.046875 L 63.679688 62.855469 C 58.132812 66.042969 53.515625 68.683594 53.417969 68.707031 C 53.238281 68.757812 53.226562 67.449219 53.226562 42.203125 L 53.226562 15.632812 L 52.960938 15.175781 C 52.628906 14.621094 54.121094 15.507812 39.136719 6.894531 C 26.570312 -0.332031 26.871094 -0.179688 26.027344 0.136719 Z M 37.578125 10.65625 C 42.835938 13.671875 47.136719 16.167969 47.136719 16.199219 C 47.136719 16.230469 42.527344 18.894531 36.894531 22.132812 L 26.644531 28.015625 L 16.414062 22.132812 C 10.792969 18.894531 6.1875 16.230469 6.1875 16.199219 C 6.1875 16.167969 10.785156 13.503906 16.40625 10.273438 L 26.613281 4.402344 L 27.316406 4.785156 C 27.710938 5 32.332031 7.640625 37.578125 10.65625 Z M 110.730469 24.191406 C 116.265625 27.378906 120.84375 30.011719 120.886719 30.054688 C 121.003906 30.160156 100.703125 41.828125 100.425781 41.816406 C 100.148438 41.808594 80.097656 30.246094 80.105469 30.105469 C 80.117188 29.945312 100.289062 18.339844 100.492188 18.371094 C 100.585938 18.394531 105.195312 21.015625 110.730469 24.191406 Z M 14.828125 25.875 L 24.585938 31.492188 L 24.640625 59.304688 L 24.691406 87.121094 L 24.929688 87.496094 C 25.054688 87.695312 25.289062 87.964844 25.460938 88.089844 C 25.621094 88.207031 31.050781 91.300781 37.523438 94.953125 L 49.28125 101.59375 L 49.28125 113.359375 C 49.28125 119.816406 49.238281 125.113281 49.183594 125.113281 C 49.140625 125.113281 38.976562 119.296875 26.601562 112.175781 L 4.105469 99.238281 L 4.074219 59.464844 L 4.054688 19.703125 L 4.554688 19.980469 C 4.84375 20.132812 9.460938 22.785156 14.828125 25.875 Z M 49.28125 45.453125 L 49.28125 71.082031 L 48.886719 71.339844 C 48.351562 71.679688 28.8125 82.910156 28.746094 82.910156 C 28.714844 82.910156 28.691406 71.339844 28.691406 57.195312 L 28.703125 31.492188 L 38.910156 25.621094 C 44.523438 22.390625 49.152344 19.769531 49.207031 19.789062 C 49.246094 19.8125 49.28125 31.363281 49.28125 45.453125 Z M 88.222656 39.558594 L 98.453125 45.441406 L 98.453125 57.101562 C 98.453125 68.164062 98.441406 68.757812 98.273438 68.695312 C 98.164062 68.652344 93.535156 66 87.980469 62.800781 L 77.867188 56.992188 L 77.867188 45.335938 C 77.867188 38.917969 77.898438 33.675781 77.929688 33.675781 C 77.972656 33.675781 82.601562 36.320312 88.222656 39.558594 Z M 123.09375 45.261719 C 123.09375 51.644531 123.050781 56.910156 123.007812 56.960938 C 122.933594 57.078125 102.699219 68.738281 102.570312 68.738281 C 102.539062 68.738281 102.507812 63.496094 102.507812 57.078125 L 102.507812 45.421875 L 112.714844 39.546875 C 118.335938 36.320312 122.964844 33.675781 123.007812 33.675781 C 123.0625 33.675781 123.09375 38.886719 123.09375 45.261719 Z M 86.230469 66.46875 C 94.835938 71.421875 96.320312 72.308594 96.171875 72.425781 C 96.074219 72.488281 92.8125 74.363281 88.929688 76.582031 C 85.046875 78.796875 74.988281 84.53125 66.570312 89.328125 L 51.273438 98.054688 L 50.785156 97.789062 C 47.863281 96.191406 30.910156 86.546875 30.910156 86.472656 C 30.902344 86.3125 75.765625 60.53125 75.945312 60.597656 C 76.03125 60.628906 80.660156 63.269531 86.230469 66.46875 Z M 98.433594 87.558594 L 98.398438 99.238281 L 75.914062 112.175781 C 63.542969 119.296875 53.375 125.113281 53.324219 125.113281 C 53.269531 125.113281 53.226562 120.359375 53.226562 113.359375 L 53.226562 101.59375 L 75.765625 88.742188 C 88.148438 81.675781 98.324219 75.890625 98.378906 75.878906 C 98.421875 75.878906 98.441406 81.132812 98.433594 87.558594 Z M 98.433594 87.558594 "/>
+  </g>
+</svg>

apps/frontend/public/images/icons/skills/Linux.svg

@@ -0,0 +1,32 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 128 128">
+
+  <radialGradient
+      id="linux-original-a"
+      cx="-992.915"
+      cy="-952.952"
+      r="43.267"
+      gradientTransform="matrix(.7 0 0 .35 782.303 444.575)"
+      gradientUnits="userSpaceOnUse">
+      <stop
+        offset="0"
+        stop-opacity=".502"/>
+      <stop
+          offset="1"
+          stop-opacity="0"/>
+    </radialGradient>
+
+    <path
+        fill="url(#linux-original-a)"
+        d="M117.641 111.137c0 8.362-13.557 15.14-30.28 15.14-16.722 0-30.279-6.778-30.279-15.14s13.556-15.14 30.278-15.14c16.723.001 30.281 6.779 30.281 15.14z"/>
+
+    <radialGradient
+      id="linux-original-b"
+      cx="-770.661"
+      cy="-951.636"
+      r="43.267"
+      gradientTransform="matrix(.719 0 0 .35 595.327 443.952)"
+      gradientUnits="userSpaceOnUse">
+      <stop
+          offset="0" stop-opacity=".502"/><stop offset="1" stop-opacity="0"/></radialGradient><path fill="url(#linux-original-b)" d="M72.546 110.974c0 8.362-13.921 15.14-31.094 15.14s-31.093-6.778-31.093-15.14c0-8.361 13.921-15.14 31.093-15.14 17.173 0 31.094 6.779 31.094 15.14z"/><path d="M108.095 81.343c-1.534 6.324-9.322 19.527-13.459 25.338-4.138 5.835-3.626 11.089-11.275 9.043-7.625-2.045-9.763-1.673-17.644-1.208-7.833.464-6.137-.233-11.042 1.976-4.882 2.208-21.27-26.78-22.595-32.173-1.301-5.393-1.93-4.743 1.464-10.577 3.395-5.834 3.883-11.6 8.368-18.667 4.487-7.09 9.671-10.693 9.299-16.109-1.464-20.108-2.626-30.15 6.301-34.8 8.507-4.417 15.621-1.79 18.434-.279 1.208.651 3.673 1.906 5.509 4.115 1.836 2.162 3.487 5.44 4.417 9.577 1.906 8.299-.791 5.556 1.371 15.064 2.139 9.484 6.485 14.133 11.787 21.642 5.299 7.508 10.832 19.898 9.065 27.058z"/><path fill="#666" d="M57.644 32.088c1.394-.558 1.16-.632 2.089-2.655.744-1.557 1.398-2.227 1.375-4.598 0-2.325-.722-3.115-1.814-4.626-1.045-1.441-2.719-1.511-3.765-1.325-.604.093-1.395.86-1.93 2-.348.767-.628 1.744-.651 2.766-.07 2.743.163 3.79.791 5.649.743 2.185 2.556 3.325 3.905 2.789z"/><path fill="#6D6D6D" d="M57.644 32.08c1.385-.554 1.15-.631 2.074-2.641.739-1.547 1.392-2.215 1.379-4.573.009-2.309-.698-3.133-1.771-4.585-1.065-1.403-2.705-1.456-3.743-1.276-.619.091-1.406.829-1.95 1.927a6.637 6.637 0 00-.673 2.755c-.068 2.724.176 3.775.794 5.624.732 2.173 2.55 3.3 3.89 2.769z"/><path fill="#757575" d="M57.644 32.071c1.376-.551 1.141-.629 2.059-2.626.735-1.537 1.387-2.202 1.384-4.547.017-2.294-.676-3.15-1.731-4.544-1.082-1.364-2.688-1.401-3.719-1.227-.633.089-1.417.798-1.969 1.854-.401.725-.675 1.713-.698 2.745-.067 2.706.191 3.761.798 5.598.721 2.16 2.545 3.275 3.876 2.747z"/><path fill="#7C7C7C" d="M57.644 32.063c1.367-.547 1.132-.628 2.044-2.611.729-1.528 1.381-2.191 1.389-4.522.026-2.278-.653-3.167-1.69-4.503-1.099-1.325-2.673-1.345-3.695-1.178-.648.088-1.429.769-1.989 1.783-.427.703-.697 1.697-.72 2.733-.066 2.687.205 3.747.802 5.573.707 2.147 2.537 3.248 3.859 2.725z"/><path fill="#848484" d="M57.644 32.054c1.359-.544 1.123-.627 2.028-2.598.726-1.518 1.378-2.179 1.395-4.497.034-2.263-.629-3.185-1.649-4.462-1.117-1.287-2.658-1.29-3.672-1.129-.662.086-1.44.737-2.01 1.709-.453.683-.721 1.682-.744 2.723-.064 2.668.22 3.732.808 5.548.694 2.137 2.531 3.227 3.844 2.706z"/><path fill="#8C8C8C" d="M57.644 32.046c1.35-.54 1.113-.626 2.013-2.583.721-1.507 1.373-2.167 1.4-4.472.043-2.248-.608-3.202-1.609-4.422-1.134-1.248-2.643-1.235-3.649-1.08-.676.085-1.45.707-2.029 1.637-.479.662-.744 1.667-.766 2.712-.063 2.65.233 3.718.81 5.522.683 2.125 2.526 3.203 3.83 2.686z"/><path fill="#939393" d="M57.644 32.037c1.34-.536 1.104-.624 1.998-2.569.715-1.497 1.367-2.154 1.405-4.446.052-2.232-.584-3.22-1.567-4.381-1.152-1.209-2.625-1.18-3.625-1.032-.691.084-1.462.676-2.049 1.565-.505.641-.768 1.651-.791 2.702-.06 2.631.249 3.704.815 5.497.67 2.112 2.517 3.178 3.814 2.664z"/><path fill="#9B9B9B" d="M57.644 32.028c1.333-.533 1.095-.624 1.983-2.554.71-1.488 1.361-2.143 1.41-4.421.061-2.217-.562-3.237-1.528-4.339-1.168-1.171-2.609-1.125-3.602-.983-.705.082-1.473.646-2.069 1.492-.531.619-.79 1.636-.813 2.691-.06 2.613.261 3.689.818 5.472.66 2.099 2.514 3.153 3.801 2.642z"/><path fill="#A3A3A3" d="M57.644 32.02c1.323-.529 1.086-.622 1.968-2.54.706-1.478 1.356-2.13 1.415-4.396.069-2.202-.54-3.254-1.487-4.299-1.187-1.132-2.594-1.07-3.579-.934-.719.081-1.484.615-2.088 1.42-.557.598-.814 1.621-.836 2.681-.059 2.593.275 3.674.822 5.446.649 2.087 2.507 3.129 3.785 2.622z"/><path fill="#aaa" d="M57.644 32.011c1.314-.525 1.077-.62 1.953-2.526.7-1.467 1.351-2.119 1.419-4.37.078-2.187-.516-3.272-1.445-4.258-1.205-1.094-2.58-1.015-3.556-.885-.733.079-1.496.584-2.109 1.347-.583.578-.837 1.606-.859 2.669-.057 2.576.289 3.661.826 5.422.638 2.075 2.5 3.105 3.771 2.601z"/><path fill="#B2B2B2" d="M57.644 32.002c1.305-.522 1.067-.62 1.937-2.512.696-1.457 1.346-2.106 1.425-4.345.086-2.171-.493-3.29-1.404-4.217-1.223-1.055-2.563-.959-3.532-.836-.749.077-1.507.554-2.128 1.275-.61.556-.861 1.591-.883 2.659-.055 2.556.304 3.646.831 5.396.624 2.064 2.493 3.081 3.754 2.58z"/><path fill="#BABABA" d="M57.644 31.994c1.296-.518 1.058-.618 1.922-2.497.692-1.448 1.341-2.095 1.43-4.32.096-2.156-.47-3.307-1.363-4.176-1.239-1.016-2.547-.903-3.508-.787-.763.075-1.518.522-2.148 1.202-.637.535-.885 1.576-.906 2.648-.054 2.538.317 3.632.834 5.371.611 2.051 2.486 3.055 3.739 2.559z"/><path fill="#C1C1C1" d="M57.644 31.985c1.288-.515 1.049-.616 1.907-2.483.686-1.437 1.336-2.082 1.435-4.294.104-2.141-.448-3.324-1.322-4.135-1.257-.978-2.533-.849-3.486-.738-.776.074-1.529.492-2.168 1.13-.662.513-.907 1.56-.929 2.636-.052 2.519.333 3.618.839 5.346.599 2.039 2.481 3.031 3.724 2.538z"/><path fill="#C9C9C9" d="M57.644 31.976c1.278-.511 1.04-.615 1.892-2.468.681-1.427 1.33-2.071 1.439-4.269.114-2.125-.424-3.342-1.281-4.094-1.274-.939-2.516-.794-3.462-.69-.79.072-1.54.462-2.188 1.058-.688.492-.931 1.544-.953 2.626-.05 2.5.346 3.6Line truncated

apps/frontend/public/images/icons/skills/PHP.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+  version="1.1"
+  id="svg1"
+  width="2560"
+  height="1381"
+  viewBox="0 0 2560 1381"
+  xmlns="http://www.w3.org/2000/svg">
+  <g id="g2">
+    <path
+            style="fill:#f8f8fb"
+            d="M 1374.5,1343.0321 c 127.7897,-5.5681 234.8503,-18.2436 351,-41.5571 328.1101,-65.8579 590.0974,-203.7188 716.6575,-377.11376 44.0409,-60.3388 70.5613,-124.34093 79.5008,-191.86124 2.199,-16.609 2.4929,-63.663 0.4996,-80 C 2510.7542,559.03423 2466.7197,473.68481 2388.2032,392.86359 2198.6279,197.72367 1836.4004,65.365762 1424,40.543786 c -88.6477,-5.335621 -190.7769,-5.336299 -283,-0.0019 -14.025,0.811242 -27.975,1.698556 -31,1.97181 -3.025,0.273253 -14.275,1.190091 -25,2.037418 C 844.89714,63.520424 610.93651,123.82284 429.5,213.50363 200.38,326.75352 62.637512,477.93826 39.557976,641.5 18.907644,787.84628 90.763055,931.91126 245,1053.3966 c 185.80095,146.3469 476.53397,247.6713 803.5,280.0306 58.767,5.816 108.7645,8.833 182,10.9823 20.3083,0.596 120.7614,-0.3649 144,-1.3774 z"
+            id="bg-white" />
+
+    <path
+            style="fill:#7276ae"
+            d="m 1230.5,1344.4095 c -73.2355,-2.1493 -123.233,-5.1663 -182,-10.9823 C 775.89021,1306.4474 528.31109,1231.865 344,1121.1989 249.68221,1064.5676 175.06341,1000.3681 122.8275,930.9096 2.3888072,770.76137 7.5457967,589.95004 137.0571,432 221.30397,329.25377 357.27483,237.91495 527.05616,170.01698 691.60497,104.21156 887.53909,60.151503 1085,44.551137 c 10.725,-0.847327 21.975,-1.764165 25,-2.037418 3.025,-0.273254 16.975,-1.160568 31,-1.97181 92.2231,-5.334422 194.3523,-5.333744 283,0.0019 469.269,28.244843 869.3053,195.575091 1027.896,429.956211 39.8861,58.94776 62.3469,117.1281 70.2619,182 1.9933,16.337 1.6994,63.391 -0.4996,80 -15.8028,119.35875 -87.346,228.80801 -213.1583,326.09718 -162.8763,125.9504 -405.4811,218.4715 -684,260.854 -77.7748,11.8351 -161.351,19.7183 -250,23.5809 -23.2386,1.0125 -123.6917,1.9734 -144,1.3774 z M 578.91347,1082.4331 c 6.03202,-1.7914 13.21713,-7.8086 16.12107,-13.5008 1.12549,-2.2062 7.66545,-33.574 16.48025,-79.04496 8.03786,-41.46304 14.84219,-76.33275 15.12074,-77.48826 0.50642,-2.10079 0.5104,-2.10095 67.18546,-2.71501 68.05779,-0.6268 81.56367,-1.2089 109.67901,-4.72709 52.61612,-6.58409 92.97816,-20.59501 130.34391,-45.24641 18.43728,-12.16368 31.59892,-23.06342 49.7077,-41.16518 17.65069,-17.64382 29.39219,-31.76409 41.61459,-50.04539 5.5125,-8.24503 7.8373,-11.06126 7.4296,-9 -16.5188,83.52167 -23.6231,122.50043 -23.0718,126.58678 1.274,9.44372 9.0427,18.82799 18.305,22.11172 2.8912,1.02505 19.8143,1.3015 79.671,1.3015 h 76 l 5.2416,-2.36955 c 5.8033,-2.62343 11.6655,-8.46723 13.9295,-13.88567 0.8122,-1.9439 16.5221,-80.9817 34.9109,-175.63957 18.3888,-94.65786 33.9447,-174.72154 34.5688,-177.91928 l 1.1346,-5.81407 58.6073,0.41312 c 48.6713,0.34308 59.8207,0.68153 65.7645,1.99635 10.4299,2.30718 17.1595,5.46346 18.924,8.87561 2.1288,4.11681 2.8343,16.86106 1.5235,27.52327 -0.6207,5.04911 -14.1732,76.31296 -30.1167,158.36411 -15.9434,82.05114 -28.988,150.40087 -28.988,151.88829 0,9.49446 7.0783,20.05065 16.2123,24.17804 L 1380.5,909.5 h 77.5 77.5 l 4.8243,-2.22665 4.8244,-2.22665 -0.5669,2.72665 c -2.6399,12.6988 -27.7101,142.88375 -28.1903,146.38715 -1.0392,7.5816 1.849,15.3807 7.9581,21.4899 8.8016,8.8015 4.7028,8.4405 92.2404,8.124 74.5755,-0.2696 75.9893,-0.3111 80.4212,-2.3625 5.3829,-2.4917 10.3498,-7.2391 12.9917,-12.4176 1.1982,-2.3486 7.23,-31.1113 15.9662,-76.13445 7.7222,-39.79792 14.5202,-74.72235 15.1066,-77.60985 l 1.0661,-5.25 46.1791,-0.022 c 96.5653,-0.0459 135.5777,-3.10228 178.1791,-13.95909 47.8006,-12.18179 89.3534,-35.90473 127.7758,-72.94853 55.3997,-53.41196 86.4513,-116.52486 96.7127,-196.57041 9.1501,-71.37671 -4.8653,-130.26275 -41.5323,-174.5 -30.7169,-37.05864 -75.1043,-61.07758 -132.9562,-71.94535 -29.2571,-5.49611 -24.7637,-5.36181 -192.8525,-5.76403 -172.8844,-0.4137 -162.1841,-0.80301 -170.3634,6.1982 -7.3878,6.32365 -8.1298,8.96613 -20.4161,72.70498 -6.2225,32.28158 -11.4158,58.59171 -11.5406,58.46694 -0.1248,-0.12477 -0.9265,-4.93698 -1.7817,-10.69379 -4.7742,-32.13941 -16.5744,-56.21635 -37.2584,-76.02125 -5.4257,-5.19514 -13.2225,-11.68752 -17.3261,-14.42751 -22.7602,-15.19693 -54.8263,-26.14191 -92.4486,-31.55511 -26.4588,-3.80695 -34.9074,-4.19573 -101.5592,-4.67347 l -66.5466,-0.47698 13.7675,-70.65632 c 8.2561,-42.37107 13.7792,-73.10943 13.7966,-76.78419 0.016,-3.37033 -0.6561,-7.76785 -1.4936,-9.77227 -2.2694,-5.4313 -8.3349,-11.61392 -13.9773,-14.247 l -5,-2.33331 h -77 -77 l -5,2.36777 c -6.1252,2.90063 -10.7765,7.65565 -13.3157,13.61269 -1.0549,2.475 -15.8124,76.14307 -32.7944,163.70682 -16.9819,87.56374 -31.1631,158.88874 -31.5136,158.5 -0.3505,-0.38875 -1.3925,-4.17539 -2.3156,-8.41475 -6.9693,-32.00625 -23.2925,-62.58226 -46.4151,-86.94256 -30.50782,-32.14092 -71.55992,-52.82244 -124.6456,-62.79486 -29.26614,-5.4978 -24.71247,-5.36206 -193.36835,-5.76406 -176.74589,-0.42127 -162.2868,-1.06205 -171.1247,7.58371 -2.75575,2.69584 -5.40735,6.50311 -6.35567,9.1257 C 528.90742,395.82269 401,1053.031 401,1057.1686 c 0,10.1506 8.2153,21.4902 18.02156,24.8751 5.17878,1.7876 9.55713,1.8928 80.04694,1.9237 64.85226,0.028 75.25602,-0.1716 79.84497,-1.5343 z M 658.20404,749.75 c 0.24046,-1.2375 9.85542,-50.73738 21.36658,-109.99972 L 700.5,532.00055 l 49.00613,-2.7e-4 c 51.85326,-3e-4 66.08028,0.85514 82.5993,4.96649 33.28142,8.28327 42.94679,20.77451 42.97008,55.53323 0.0254,37.91001 -12.58919,83.73104 -30.1916,109.6675 -14.95993,22.04288 -33.51469,34.36316 -63.43573,42.12106 C 758.72111,750.18122 737.56254,752 691.73821,752 h -33.97136 z M 1773.212,749.75 c 0.2448,-1.2375 9.8598,-50.73602 21.3666,-109.99672 l 20.9214,-107.74672 49.0061,-0.003 c 60.8377,-0.004 74.4779,1.26749 95.3639,8.88993 12.5276,4.572 20.1704,10.3453 24.2302,18.30326 9.2762,18.18278 8.0164,54.9935 -3.2616,95.30353 -12.4517,44.50475 -33.8988,71.67947 -66.363,84.08547 C 1887.8192,748.7721 1861.8946,752 1806.7382,752 h -33.9714 z"
+            id="path3" />
+
+    <path
+            style="fill:#000000"
+            d="m 428.99867,1055.25 c -0.001,-1.7753 125.63815,-649.28135 126.60851,-652.5 0.49924,-1.65593 8.11647,-1.74981 141.71021,-1.74646 81.3482,0.002 147.96355,0.42179 157.18261,0.99042 66.44629,4.09836 114.93537,22.50035 148.9705,56.53551 26.1955,26.19549 41.4521,58.95726 46.5546,99.97053 1.6322,13.1196 1.377,43.70768 -0.5006,60 -8.9473,77.63715 -39.7877,139.8362 -94.0245,189.62878 -44.02488,40.41747 -88.39183,60.84796 -150.5,69.30359 -25.80504,3.5132 -34.73881,3.85368 -116.9219,4.45611 l -83.42189,0.61152 -11.27842,58 c -6.20312,31.9 -13.83658,71.1625 -16.96323,87.25 l -5.68482,29.25 h -70.86487 c -66.82318,0 -70.86495,-0.1 -70.8662,-1.75 z M 743.5,777.96447 c 63.61861,-5.38054 101.93914,-25.0951 127.24776,-65.46447 12.34741,-19.69515 23.46439,-52.08221 28.66169,-83.5 9.39189,-56.77425 -1.3289,-91.98687 -32.92831,-108.15367 C 847.61951,511.1964 829.6247,507.0692 797.5,505.02515 780.70456,503.95647 678,503.57654 678,504.58307 c 0,0.3207 -11.925,61.90373 -26.5,136.85119 -14.575,74.94746 -26.5,136.56007 -26.5,136.91692 0,1.06022 105.46102,0.71606 118.5,-0.38671 z M 1544,1055.3029 c 0,-1.7098 125.6528,-649.29283 126.6171,-652.5529 0.4899,-1.65598 8.1028,-1.74981 141.7003,-1.74646 81.3482,0.002 147.9635,0.42179 157.1826,0.99042 66.4463,4.09836 114.9354,22.50035 148.9705,56.53551 41.1277,41.12768 55.7058,99.19326 43.9691,175.13142 -10.92,70.65379 -41.8911,129.16451 -92.7263,175.17891 -15.0697,13.6407 -21.1802,18.44983 -35.2133,27.71391 -38.297,25.28215 -75.9454,37.25925 -137,43.58379 -6.6818,0.69215 -43.7405,1.37953 -94.402,1.75098 L 1719.696,882.5 1708.8972,938 c -5.9394,30.525 -13.5785,69.7875 -16.9759,87.25 l -6.1771,31.75 h -70.8721 c -65.9897,0 -70.8721,-0.1169 -70.8721,-1.6971 z m 314.5,-277.33843 c 77.9496,-6.59258 119.2811,-35.02438 142.93,-98.32118 10.3486,-27.69831 17.7932,-71.44077 16.1051,-94.63002 -1.8318,-25.16474 -7.4839,-39.9388 -20.1569,-52.68861 -5.9967,-6.03302 -8.9427,-8.05423 -18.5052,-12.69593 -17.92,-8.69859 -35.9642,-12.66871 -66.373,-14.60358 -17.4304,-1.10907 -119.5,-1.43051 -119.5,-0.37633 0,0.35685 -11.925,61.96946 -26.5,136.91692 -14.575,74.94746 -26.5,136.53049 -26.5,136.85119 0,1.01371 105.9472,0.60918 118.5,-0.45246 z M 1037,880.9442 c 0,-1.02898 125.4333,-647.22339 126.5008,-651.6942 l 0.5373,-2.25 h 70.481 c 55.7546,0 70.4666,0.26118 70.4124,1.25 -0.038,0.6875 -7.5858,39.725 -16.7736,86.75 l -16.7052,85.5 80.0237,0.61134 c 78.498,0.59969 91.0772,1.08487 114.5236,4.41726 72.8239,10.3503 110.9789,36.53835 123.8001,84.9714 4.42,16.6968 5.4611,41.26815 2.7333,64.50613 -0.8067,6.87163 -11.1701,62.44387 -23.0297,123.49387 -11.8597,61.05 -25.4051,130.8 -30.1009,155 -4.6958,24.2 -8.7812,45.0125 -9.0787,46.25 l -0.5409,2.25 h -71.3916 C 1395.1904,882 1387,881.82567 1387,880.48043 c 0,-0.83576 12.6219,-66.42326 28.0486,-145.75 15.4268,-79.32674 28.6991,-148.50543 29.4941,-153.73043 1.8286,-12.01807 1.8362,-28.54847 0.017,-37.13107 -3.7046,-17.47803 -14.4467,-27.34179 -35.6943,-32.77561 -14.7365,-3.76869 -24.7584,-4.18829 -92.7928,-3.88499 l -65.4274,0.29167 -35.7547,184 c -19.6651,101.2 -36.0306,185.4625 -36.3679,187.25 l -0.6132,3.25 h -70.4547 C 1058.6693,882 1037,881.67528 1037,880.9442 Z"
+            id="path2" />
+  </g>
+</svg>

apps/frontend/public/images/icons/skills/Proxmox.svg

@@ -0,0 +1,17 @@
+<svg
+  fill="#000000"
+  viewBox="0 0 32 32"
+  xmlns="http://www.w3.org/2000/svg">
+
+  <g id="SVGRepo_iconCarrier">
+    <path
+      d="M6.573 2.432c-1.453 0.74-1.453 0.854-0.094 2.375 7.536 8.391 9.339 10.375 9.474 10.375 0.188 0.021 10.63-11.391 10.745-11.734 0.047-0.094-0.276-0.417-0.693-0.714-0.552-0.417-1.151-0.578-2.281-0.625-2.12-0.135-2.859 0.323-5.49 3.276-1.198 1.333-2.214 2.443-2.214 2.443-0.021 0-1.010-1.083-2.188-2.396s-2.536-2.63-2.995-2.885c-1.063-0.599-3.229-0.646-4.271-0.115z"/>
+    <path
+      fill="#E57000"
+      d="M1.729 5.823c-1.13 0.438-1.729 0.854-1.729 1.172 0 0.161 1.776 2.24 3.922 4.615 2.167 2.375 3.917 4.359 3.917 4.401 0 0.047-1.776 2.031-3.922 4.406-2.167 2.396-3.896 4.495-3.87 4.677 0.115 0.625 2.005 1.411 3.385 1.411 2.24-0.026 2.745-0.417 7.474-5.604 2.375-2.604 4.307-4.818 4.307-4.891 0-0.089-1.911-2.255-4.26-4.839-3.068-3.344-4.568-4.844-5.281-5.167-1.083-0.531-2.833-0.62-3.943-0.182z"/>
+    <path
+      fill="#E57000"
+      d="M26.354 5.984c-0.672 0.344-2.354 2.005-5.26 5.188-2.349 2.583-4.266 4.75-4.266 4.839 0 0.094 1.938 2.286 4.313 4.891 4.724 5.188 5.234 5.578 7.469 5.604 1.385 0 3.276-0.786 3.391-1.411 0.021-0.208-1.708-2.281-3.875-4.656-2.141-2.37-3.917-4.38-3.917-4.427 0-0.042 1.776-2.052 3.917-4.427 2.167-2.37 3.896-4.448 3.875-4.63-0.115-0.599-1.823-1.292-3.297-1.385-1.063-0.047-1.615 0.047-2.349 0.417z"/>
+    <path
+      d="M10.604 22.63c-2.859 3.161-5.208 5.833-5.255 5.948-0.047 0.094 0.276 0.417 0.693 0.714 0.552 0.417 1.151 0.578 2.281 0.625 2.099 0.135 2.88-0.349 5.531-3.344 1.156-1.292 2.146-2.375 2.167-2.375 0.026 0 1.016 1.083 2.193 2.396 2.698 3 3.411 3.438 5.51 3.323 1.13-0.047 1.729-0.208 2.281-0.625 0.417-0.297 0.74-0.62 0.693-0.714-0.115-0.344-10.563-11.76-10.745-11.734-0.094 0-2.49 2.604-5.349 5.786z"/>
+</g></svg>

apps/frontend/public/images/icons/skills/Python.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="110"
+   height="110"
+   viewBox="0 0 110 110"
+   xmlns="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <path
+     style="fill:#fed143"
+     d="M 43.3264,109.02124 C 37.946379,107.87286 34.121993,105.85498 31,102.51738 28.583273,99.933747 28.490518,99.32269 28.215343,84.172362 c -0.322024,-17.729723 0.493211,-20.767688 6.68254,-24.902429 3.198002,-2.136403 4.403922,-2.271225 20.5,-2.291895 14.772929,-0.01897 17.685537,-0.286757 21.385889,-1.966228 5.966429,-2.70797 8.16493,-7.741716 8.194266,-18.76181 L 85,28 l 6.25,0.0037 c 8.434214,0.005 12.05465,2.277803 15.56734,9.772518 2.42401,5.171892 2.68266,6.835085 2.68266,17.250438 0,10.404181 -0.24923,12.011014 -2.55928,16.5 C 105.53311,74.262012 102.87906,77.5125 101.04283,78.75 97.839494,80.908843 96.839171,81 76.352117,81 55.666667,81 55,81.062445 55,83 c 0,1.897436 0.666667,2 13,2 h 13 v 8.325686 c 0,9.410974 -1.010577,11.102714 -8.513647,14.252134 -4.638193,1.94688 -22.629147,2.83743 -29.159953,1.44342 z M 74.201269,98.457608 c 0.988911,-2.170423 0.852779,-2.848005 -0.930459,-4.631243 -4.030524,-4.030524 -9.961005,0.146959 -7.291025,5.135862 1.64793,3.079183 6.730737,2.767213 8.221484,-0.504619 z"
+     id="path3" />
+  <path
+     style="fill:#3571a3"
+     d="m 9.1826559,79.970006 c -2.1815,-1.330017 -4.2358737,-3.982303 -6,-7.746262 C 0.75864698,67.051852 0.5,65.388659 0.5,54.973306 0.5,44.569125 0.74923284,42.962292 3.0592831,38.473306 4.4668888,35.737988 7.1209362,32.4875 8.9571663,31.25 12.160506,29.091157 13.160829,29 33.647883,29 54.333333,29 55,28.937555 55,27 55,25.102564 54.333333,25 42,25 H 29 V 16.588894 C 29,8.4868126 29.109287,8.0858282 31.974596,5.6748298 36.909339,1.522517 41.459028,0.5 55,0.5 c 11.637493,0 12.88965,0.19135134 18.147061,2.7731853 8.423475,4.1366403 9.106153,6.1447659 8.689308,25.5599527 -0.503816,23.465934 -1.286478,24.154672 -27.487498,24.188824 -14.52201,0.01893 -17.440468,0.290469 -21.132643,1.966228 -5.966429,2.70797 -8.16493,7.741716 -8.194266,18.76181 L 25,82 18.75,81.9963 C 14.241926,81.9936 11.575429,81.42887 9.1826559,79.970044 Z M 43.428571,16.428571 c 2.281904,-2.281903 1.927867,-5.148918 -0.861513,-6.97659 -4.59605,-3.0114474 -9.661995,2.575659 -6.002203,6.619683 2.114569,2.336572 4.747159,2.473464 6.863716,0.356907 z"
+     id="path2" />
+</svg>

apps/frontend/public/images/icons/skills/Qt.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="2560"
+   height="1879"
+   viewBox="0 0 2560 1879"
+   xmlns="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="g2">
+    <path
+            style="fill:#fdfdfd"
+            d="M 1177.5812,1669.2218 c -23.0026,-38.1541 -120.1859,-198.6016 -123.1249,-203.2765 l -2.2348,-3.5547 -16.3608,2.1882 c -26.9173,3.6002 -40.72909,4.545 -74.8607,5.1211 -106.64221,1.7998 -193.18042,-14.6683 -262.29177,-49.9135 -81.21657,-41.4187 -132.49145,-110.095 -164.29402,-220.0513 -17.61822,-60.9145 -27.1988,-121.1863 -32.62339,-205.2351 -1.76451,-27.33931 -1.76127,-149.91871 0.005,-176.5 8.40526,-126.51829 29.365,-217.40732 67.91407,-294.5 36.35628,-72.7074 82.61885,-119.53602 149.75738,-151.58973 53.40151,-25.4953 113.5865,-39.43492 189.90779,-43.9851 26.19966,-1.56198 90.25764,-0.69872 112.62524,1.51777 94.2412,9.33872 161.749,32.76062 219.6266,76.19964 24.3376,18.26621 47.6907,43.95209 67.6994,74.46196 49.0685,74.8211 80.4714,183.69018 91.1187,315.89546 5.1192,63.56383 5.341,160.03267 0.5195,226 -6.3313,86.6248 -20.8084,158.0996 -44.0678,217.5657 -24.392,62.3621 -67.8,120.0693 -119.699,159.1296 -5.0685,3.8147 -7.2327,6.0619 -6.9348,7.201 0.3177,1.2148 101.0785,163.5419 129.9382,209.3323 1.6391,2.6007 2.8198,5.2097 2.6237,5.7978 -0.2613,0.7839 -166.1027,78.1179 -167.1527,77.9454 -0.095,-0.016 -8.2353,-13.4031 -18.0906,-29.75 z M 987.5,1312.8801 c 24.6427,-1.9662 51.5158,-7.4452 73.079,-14.8997 13.0905,-4.5254 39.5815,-18.0222 49.921,-25.4341 38.8123,-27.8224 63.3244,-68.2606 78.9012,-130.1652 27.7479,-110.2747 30.2941,-311.77137 5.5205,-436.8811 C 1184.3023,651.8705 1165.9404,600.29391 1147.7499,573 1113.4263,521.49903 1061.6411,493.28917 984,483.79753 c -13.55451,-1.65704 -59.57844,-1.63697 -76,0.0331 -50.94267,5.181 -88.74378,18.10819 -119.97191,41.02788 C 729.82383,567.57721 696.11774,656.88587 683.43182,802 c -2.13425,24.41372 -3.00908,98.20135 -1.51757,128 2.39587,47.86663 7.19856,94.437 14.69569,142.5 9.31836,59.7387 22.00066,103.409 40.51221,139.5 8.33968,16.2594 17.06493,28.2638 29.83761,41.0513 15.69729,15.7155 30.35376,25.979 51.17431,35.8358 44.88991,21.2519 102.11532,29.3586 169.36593,23.993 z m 849.4659,136.1049 c -52.04,-2.5432 -99.7413,-15.321 -128.3328,-34.3767 -20.6987,-13.7953 -33.8822,-28.4791 -44.0909,-49.1083 -16.0326,-32.3979 -26.3238,-74.744 -30.9858,-127.5 -3.1469,-35.6108 -3.5519,-65.6033 -3.5541,-263.25 L 1630,776 H 1568.5 1507 V 700.5 625 h 61.5 61.5 V 508.5 392 h 88 88 V 508.5 625 h 112.5 112.5 l 0.018,6.25 c 0.034,11.73312 -3.067,128.22646 -3.633,136.5 l -0.5644,8.25 H 1914.4102 1802 l 0.024,181.25 c 0.029,214.8995 0.6677,243.494 6.0623,271.4582 7.1241,36.9298 19.2647,52.8964 46.1435,60.6856 18.848,5.4619 20.7814,5.4844 142.7697,1.6559 14.025,-0.4402 25.647,-0.6719 25.8267,-0.515 0.5459,0.4768 8.2477,131.708 7.9503,135.4653 l -0.277,3.5 -22,3.7092 c -79.7831,13.4513 -128.1247,17.8972 -171.5341,15.7758 z"
+            id="path3" />
+    <path
+       style="fill:#40cc51"
+       d="M 0,1114.7489 V 351.49787 L 175.75106,175.74893 351.50212,0 H 1455.7511 2560 V 761.36151 1522.723 L 2381.9982,1700.3615 2203.9964,1878 H 1101.9982 0 Z m 1279.1559,545.7989 c 45.8217,-21.1486 83.4726,-38.9333 83.6686,-39.5214 0.1961,-0.5881 -0.9846,-3.1971 -2.6237,-5.7978 -28.8597,-45.7904 -129.6205,-208.1175 -129.9382,-209.3323 -0.2979,-1.1391 1.8663,-3.3863 6.9348,-7.201 51.899,-39.0603 95.307,-96.7675 119.699,-159.1296 23.2594,-59.4661 37.7365,-130.9409 44.0678,-217.5657 3.4113,-46.67329 4.5394,-142.62986 2.1808,-185.5 -5.0575,-91.92633 -16.469,-163.00824 -37.0048,-230.50082 -27.5056,-90.39966 -70.7738,-160.02301 -124.5136,-200.3566 -50.8678,-38.17795 -110.4923,-61.28894 -186.0608,-72.11885 -31.2044,-4.47197 -48.4347,-5.693 -88.19108,-6.24965 C 928.50833,326.72989 903.31795,327.64131 875.5,330.5982 769.35107,341.88125 687.20259,376.65686 631.86002,433.73739 562.36932,505.41037 519.09873,622.40683 505.09088,776.5 501.00649,821.43024 500.5,835.71748 500.5,906 c 0,70.2277 0.54878,85.92384 4.56262,130.5 13.75807,152.7918 54.64266,265.4233 119.97518,330.5153 70.4225,70.1632 185.15288,105.2298 335.9622,102.6846 34.13161,-0.5761 47.9434,-1.5209 74.8607,-5.1211 l 16.3608,-2.1882 2.2348,3.5547 c 2.939,4.6749 100.1223,165.1224 123.1249,203.2765 9.8553,16.3469 17.9961,29.7344 18.0906,29.75 0.094,0.015 37.6624,-17.2753 83.4841,-38.424 z M 933,1314.3655 c -44.9803,-1.9478 -82.95446,-10.3708 -114.86593,-25.4784 -20.82055,-9.8568 -35.47702,-20.1203 -51.17431,-35.8358 -12.77268,-12.7875 -21.49793,-24.7919 -29.83761,-41.0513 -21.82188,-42.5449 -34.68837,-91.9647 -45.5614,-175 -8.34158,-63.70308 -11.09134,-110.42395 -10.24076,-174 0.68913,-51.50939 2.43655,-75.30998 8.77357,-119.5 15.76909,-109.96272 48.04886,-182.02817 97.93453,-218.64144 31.22813,-22.91969 69.02924,-35.84688 119.97191,-41.02788 16.42156,-1.67012 62.44549,-1.69019 76,-0.0331 77.6411,9.49164 129.4263,37.7015 163.7499,89.20247 13.5522,20.33449 29.4019,59.8909 39.6679,99 23.3588,88.98751 30.8486,232.41604 18.9819,363.50005 -10.2624,113.3621 -34.099,181.3737 -77.8674,222.1748 -13.155,12.2632 -24.9609,20.294 -43.0323,29.2724 -23.5688,11.7096 -42.6514,17.7896 -70.5,22.4626 -22.2647,3.736 -58.95784,5.9536 -82,4.9557 z m 965,133.5361 c 26.4462,-1.8428 63.5349,-6.7742 110.5,-14.6924 l 22,-3.7092 0.277,-3.5 c 0.2974,-3.7573 -7.4044,-134.9885 -7.9503,-135.4653 -0.1797,-0.1569 -11.8017,0.075 -25.8267,0.515 -98.6778,3.0969 -112.7747,3.3366 -123.4256,2.0985 -28.6284,-3.3278 -46.3513,-13.3908 -54.8583,-31.1482 -6.9721,-14.5536 -11.4611,-32.31 -13.6757,-54.0955 -2.3455,-23.0737 -2.9923,-76.8317 -3.0159,-250.6545 L 1802,776 h 112.4102 112.4103 l 0.5644,-8.25 c 0.566,-8.27354 3.6665,-124.76688 3.633,-136.5 L 2031,625 H 1918.5 1806 V 508.5 392 h -88 -88 V 508.5 625 h -61.5 -61.5 v 75.5 75.5 h 61.5 61.5 v 198.75 c 0,226.9127 0.5333,248.9158 7.1092,294.75 7.2778,50.7271 22.8172,95.3576 41.0347,117.8557 16.5983,20.4983 41.0541,36.4865 70.3538,45.9944 44.031,14.2882 89.6099,18.7246 149.5,14.5515 z"
+       id="path2" />
+  </g>
+</svg>

apps/frontend/public/images/icons/skills/React.svg

@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  aria-hidden="true"
+  role="img"
+  class="iconify iconify--logos"
+  width="35.93"
+  height="32"
+  preserveAspectRatio="xMidYMid meet"
+  viewBox="0 0 256 228">
+
+  <path
+    fill="#00D8FF"
+    d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"/>
+</svg>

apps/frontend/public/images/icons/skills/SQL.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="301"
+   height="299"
+   viewBox="0 0 301 299"
+   xmlns="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="g2">
+    <path
+       style="fill:#d97432"
+       d="M 115,291.01677 C 72.562234,285.38128 43.252505,271.35705 33.796776,252.16235 L 31.5,247.5 v -101 -101 L 33.894285,41 c 3.737058,-7.023709 6.866,-10.650275 13.475724,-15.618894 C 61.760176,14.563823 81.178397,7.6168767 110.42306,2.8236252 127.7352,-0.01386418 169.52646,-0.26441719 186,2.3705154 c 24.97454,3.9946624 39.27927,8.1742596 54.34697,15.8792516 12.57298,6.429297 20.46059,13.582934 24.88533,22.569636 l 3.2677,6.636759 0.27883,96.385058 c 0.30274,104.64852 0.36892,103.21217 -5.15829,111.96784 -3.77298,5.97678 -14.05443,14.67355 -22.60857,19.1239 -15.4526,8.03933 -40.65463,14.68994 -64.43565,17.00406 -16.48339,1.60399 -45.87549,1.16473 -61.57632,-0.92025 z m 72.5,-21.9268 c 28.44159,-4.37341 50.89909,-13.69676 57.74341,-23.9725 1.46551,-2.20024 1.74446,-5.03713 1.75,-17.79707 l 0.007,-15.17961 -4.30362,2.40534 C 221.10278,226.61502 187.57501,233.42534 150,233.37506 112.91878,233.32543 83.64323,227.77708 60.75,216.46024 L 52,212.13485 v 14.48223 c 0,16.54132 0.514499,18.21234 7.326011,23.79386 12.147645,9.95408 41.367139,18.56245 71.173989,20.9686 11.86305,0.95764 44.37538,-0.34831 57,-2.28957 z m 0.93658,-59.49202 C 214.66375,205.0138 233.37092,197.67873 242.75,188.3017 l 4.25,-4.24907 v -17.60965 c 0,-9.6853 -0.3375,-17.45641 -0.75,-17.26913 -0.4125,0.18728 -3.45,1.74836 -6.75,3.46906 -12.39043,6.46066 -32.92373,12.25521 -55,15.52112 -12.1982,1.80458 -56.95574,1.78961 -69,-0.0231 C 92.324908,164.65306 74.215985,159.61372 60.68189,152.88622 56.381929,150.7488 52.669429,149 52.43189,149 52.19435,149 52,156.66928 52,166.04284 v 17.04284 l 4.712833,5.0384 c 9.877614,10.55997 35.2064,19.47362 64.903657,22.84076 12.18254,1.38128 56.25511,0.47972 66.82009,-1.36689 z m -16.86026,-61.65438 c 35.55563,-3.4386 61.54553,-12.19201 72.17368,-24.30815 L 247,119.93041 V 102.42305 84.915692 l -4.25,2.487267 c -6.26953,3.669178 -21.32479,9.259517 -32.46679,12.055615 C 162.48918,111.45254 98.721538,107.38062 62.25,90.005824 L 52,85.122793 52.0037,101.8114 c 0.0043,19.02326 0.507394,20.63146 8.213172,26.25238 21.114759,15.40198 69.094348,23.96725 111.359408,19.87979 z m 7.46169,-64.37538 c 29.96482,-3.743149 52.73909,-11.698619 63.53966,-22.195568 5.99996,-5.831298 6.08956,-9.608573 0.37498,-15.808166 C 232.15883,33.854545 204.29376,25.132416 167.5,21.946794 121.2106,17.939036 65.792399,30.756669 54.295408,48.129795 50.965038,53.162323 51.750087,56.143711 57.992899,62.171804 68.371982,72.193902 95.458445,81.140882 125,84.305045 c 9.60927,1.029237 43.61165,0.565585 54.03801,-0.736855 z"
+       id="path2" />
+  </g>
+</svg>

apps/frontend/src/App.jsx

@@ -0,0 +1,23 @@
+import './App.css'
+import { Routes, Route } from 'react-router-dom';
+import HomePage from './pages/Home/HomePage.jsx';
+import ProjectsPage from './pages/Projects/ProjectsPage.jsx';
+import ProjectDetailsPage from "./pages/ProjectDetails/ProjectDetailsPage.jsx";
+import Footer from "./components/Footer/Footer.jsx";
+
+
+function App() {
+    return (
+        <>
+            <Routes>
+                <Route path="/" element={<HomePage />} />
+                <Route path="/projects" element={<ProjectsPage />} />
+                <Route path="/projectDetails/:id" element={<ProjectDetailsPage />} />
+            </Routes>
+            <Footer/>
+        </>
+    )
+}
+
+
+export default App

apps/frontend/src/components/Footer/Footer.css

@@ -31,3 +31,8 @@
     color: var(--title-color);
     transform: translateY(-3px);
 }
+
+.footer-icon {
+    width: 1.7em;
+    height: 1.7em;
+}

apps/frontend/src/components/Footer/Footer.jsx

@@ -0,0 +1,25 @@
+import './Footer.css';
+import React from "react";
+function Footer() {
+    const currentYear = new Date().getFullYear();
+
+    return (
+        <footer className="footer">
+            <div className="footer-content">
+                <div className="footer-copyright">
+                    © {currentYear} • Giovanni Josserand
+                </div>
+                <div className="footer-links">
+                    <a href="https://github.com/Giovanni-Josserand" target="_blank" rel="noopener noreferrer">
+                        <img className="footer-icon" src="/images/icons/github.svg" alt="Github icon"/>
+                    </a>
+                    <a href="https://gitea.josserand.ovh/Giovanni-Josserand" target="_blank" rel="noopener noreferrer">
+                        <img className="footer-icon" src="/images/icons/gitea.svg" alt="Gitea icon"/>
+                    </a>
+                </div>
+            </div>
+        </footer>
+    );
+}
+
+export default Footer;

apps/frontend/src/components/Projects/Projects.jsx

@@ -88,7 +88,7 @@ function Projects() {
                             }
 
                             if (filters.technology.length > 0) {
-                                const isSkill = filters.technology.every(tech => project.skills.includes(tech));
+                                const isSkill = filters.technology.every(tech => project.skills.some(skill => skill.name === tech));
                                 if(!isSkill){
                                     return false
                                 }

apps/frontend/src/components/SingleProject/SingleProject.jsx

@@ -1,7 +1,6 @@
-import React, { useState, useEffect, useRef } from "react";
 import SkillCard from "../SkillCard/SkillCard.jsx";
 import "./SingleProject.css";
-import {Link, useNavigate} from "react-router-dom";
+import {useNavigate} from "react-router-dom";
 
 function SingleProject({ image, title, description, skills, id, school, beginningYear, endYear }) {
     const color = ["blue", "green", "purple", "red", "yellow"]
@@ -15,7 +14,9 @@ function SingleProject({ image, title, description, skills, id, school, beginnin
     return (
             <div className="single-project" onClick={clickProject}>
                 <div className="single-project-top">
-                    <img src={`/assets/images/projects/${image}/${image}_1.png`} alt={image}/>
+                    <img
+                        src={`/api/media/public/images/projects/${image}/${image}_1.png`}
+                        alt={image}/>
                 </div>
                 <div className="single-project-bottom">
                     <div className="single-project-bottom-header">
@@ -24,9 +25,7 @@ function SingleProject({ image, title, description, skills, id, school, beginnin
                             <h3 className="single-project-title">
                                 {title}
                                 {school ? (
-                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="#D95F46" width="1em" height="1em">
-                                        <path d="M80 259.8L289.2 345.9C299 349.9 309.4 352 320 352C330.6 352 341 349.9 350.8 345.9L593.2 246.1C602.2 242.4 608 233.7 608 224C608 214.3 602.2 205.6 593.2 201.9L350.8 102.1C341 98.1 330.6 96 320 96C309.4 96 299 98.1 289.2 102.1L46.8 201.9C37.8 205.6 32 214.3 32 224L32 520C32 533.3 42.7 544 56 544C69.3 544 80 533.3 80 520L80 259.8zM128 331.5L128 448C128 501 214 544 320 544C426 544 512 501 512 448L512 331.4L369.1 390.3C353.5 396.7 336.9 400 320 400C303.1 400 286.5 396.7 270.9 390.3L128 331.4z"/>
-                                    </svg>
+                                    <img src="/images/icons/google/school_hat.svg" alt="School project icon"/>
                                 ) : null}
                             </h3>
                         </div>
@@ -45,8 +44,8 @@ function SingleProject({ image, title, description, skills, id, school, beginnin
 
                         <ul className="single-project-skills-list">
                             {skills.map((skill) => (
-                                <li key={skill}>
-                                    <SkillCard text={skill} />
+                                <li key={skill.id}>
+                                    <SkillCard text={skill.name} />
                                 </li>
                             ))}
                         </ul>

apps/frontend/src/components/SkillCard/SkillCard.jsx

@@ -3,7 +3,7 @@ import "./SkillCard.css";
 function SkillCard({ text }) {
     return (
         <div className="skill-card">
-            <img src={`/assets/images/skills/${text}.svg`} alt={text} />
+            <img src={`/images/icons/skills/${text}.svg`} alt={text} />
             <p>{text}</p>
         </div>
     );

apps/frontend/src/pages/Home/HomePage.jsx

@@ -4,7 +4,6 @@ import Home from './components/Home/Home.jsx';
 import Experiences from './components/Experiences/Experiences.jsx';
 import Projects from '../../components/Projects/Projects.jsx';
 import Skills from './components/Skills/Skills.jsx';
-import Footer from '../../components/Footer/Footer.jsx';
 
 function HomePage() {
     const location = useLocation();
@@ -27,7 +26,6 @@ function HomePage() {
             <Experiences/>
             <Projects/>
             <Skills/>
-            <Footer/>
         </div>
     );
 }

apps/frontend/src/pages/Home/components/Home/Home.jsx

@@ -13,7 +13,7 @@ function Home() {
             Passionate about development, I am currently looking
             for an opportunity to put my skills into practice and continue learning.
         </p>
-        <a href="/assets/documents/josserand_giovanni_cv.pdf" target="_blank" className="btn">See my CV</a>
+        <a href="/api/media/public/documents/josserand_giovanni_cv.pdf" target="_blank" className="btn">See my CV</a>
 
     </section>
     );

apps/frontend/src/pages/Home/components/SingleExperience/SingleExperience.css

@@ -24,7 +24,16 @@
 
 .experience-card-left {
     width: 25%;
+    display: flex;
+    justify-content: end;
+}
+
+.experience-card-left-container{
     text-align: end;
+    display: flex;
+    flex-direction: column;
+    align-items: end;
+    width: fit-content;
 }
 
 .experience-card-right {
@@ -52,6 +61,57 @@
     white-space: nowrap;
 }
 
+.experience-links {
+    list-style: none;
+    margin-top: 16px;
+    padding: 16px 0 0 0;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    gap: 12px;
+    width: 100%;
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.experience-links li {
+    list-style: none;
+}
+
+.experience-links li a {
+    display: inline-flex;
+    align-items: center;
+    cursor: pointer;
+    gap: 8px;
+    background-color: #161616;
+    border: 1px solid #2e2e2e;
+    color: #a1a1aa;
+    padding: 5px 10px;
+    border-radius: 6px;
+    text-decoration: none;
+    font-size: 0.85rem;
+    font-weight: 400;
+    transition: all 0.2s ease;
+}
+
+
+.experience-links li a:hover {
+    border-color: #444;
+    color: #ffffff;
+    background-color: #222222;
+}
+
+.icon-mask {
+    width: 16px;
+    height: 16px;
+    background-color: var(--important-color);
+    -webkit-mask-image: var(--icon-url);
+    mask-image: var(--icon-url);
+    -webkit-mask-size: contain;
+    mask-size: contain;
+    -webkit-mask-position: center;
+    mask-position: center;
+}
+
 .experience-tasks {
     list-style: none;
     padding: 0;

apps/frontend/src/pages/Home/components/SingleExperience/SingleExperience.jsx

@@ -0,0 +1,41 @@
+import './SingleExperience.css';
+import ReactMarkdown from "react-markdown";
+
+function SingleExperience({ experience }) {
+    return (
+        <div className="experience-card">
+            <div className="experience-card-left">
+                <div className="experience-card-left-container">
+                    <h3 className="experience-company">{experience.company}</h3>
+                    <p className="experience-location">{experience.location}</p>
+                    <p className="experience-duration">{experience.duration}</p>
+                    {experience.links && experience.links.length > 0 && (
+                        <ul className="experience-links">
+                            {experience.links.map((link) => (
+                                <li>
+                                    <a href={link.link} target="_blank" rel="noopener noreferrer">
+                                        <span
+                                            className="icon-mask"
+                                            style={{ '--icon-url': `url(/images/icons/${link.icon_path})` }}
+                                        />
+                                        <span>{link.label}</span>
+
+                                    </a>
+                                </li>
+                            ))}
+                        </ul>
+                    )}
+                </div>
+            </div>
+            <div className="experience-card-right">
+                <h3 className="experience-role">{experience.role}</h3>
+                <ul className="experience-tasks">
+                    {experience.tasks.map((task) => (
+                        <li><ReactMarkdown>{task.description}</ReactMarkdown></li>
+                    ))}
+                </ul>
+            </div>
+        </div>
+    );
+}
+export default SingleExperience;

apps/frontend/src/pages/ProjectDetails/ProjectDetailsPage.jsx

@@ -1,7 +1,6 @@
 import { useParams } from "react-router-dom";
 import React, { useEffect, useState } from "react";
 import ProjectDetails from "./components/ProjectDetails/ProjectDetails.jsx";
-import Footer from "../../components/Footer/Footer.jsx";
 
 function ProjectDetailsPage() {
     const { id } = useParams();
@@ -11,7 +10,7 @@ function ProjectDetailsPage() {
     useEffect(() => {
         const fetchProject = async () => {
             try {
-                const response = await fetch(`/api/longProjects/${id}`);
+                const response = await fetch(`/api/projects/${id}`);
                 if (!response.ok) {
                     throw new Error(`Erreur HTTP: ${response.status}`);
                 }
@@ -33,7 +32,6 @@ function ProjectDetailsPage() {
     return (
         <div>
             <ProjectDetails project={project}/>
-            <Footer/>
         </div>
     );
 }

apps/frontend/src/pages/ProjectDetails/components/ProjectDetails/ProjectDetails.css

@@ -15,7 +15,7 @@
     overflow: hidden;
     height: 280px;
 
-    background-image: url("/public/assets/images/projectDetailsHeadband.png");
+    background-image: url("/images/projectDetailsHeadband.png");
     background-size: cover;
 
     &::after {
@@ -53,7 +53,8 @@
 }
 
 .project-details-content {
-    width: 80%
+    width: 80%;
+    line-height: 1.6;
 }
 
 .project-details-content h2 {
@@ -178,6 +179,15 @@ aside ul li a:hover {
     margin-bottom: 2%;
 }
 
+.project-school {
+    width: 1em;
+    height: 1em;
+}
+
+.repo-link-icon {
+    width: 1em;
+    height: 1em;
+}
 
 @media (max-width: 480px) {
     .return-button {

apps/frontend/src/pages/ProjectDetails/components/ProjectDetails/ProjectDetails.jsx

@@ -29,9 +29,7 @@ function ProjectDetails({project}) {
     return (
         <div>
             <button className="return-button" onClick={() => navigate(-1)}>
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" width="24px" height="24px" fill="currentColor">
-                    <path d="m313-440 224 224-57 56-320-320 320-320 57 56-224 224h487v80H313Z"/>
-                </svg>
+                <img src="/images/icons/google/back_arrow.svg" alt="Return button icon"/>
             </button>
             <div className="nav-bar">
                 <NavBar/>
@@ -42,21 +40,15 @@ function ProjectDetails({project}) {
                         <div className="project-details-header-left">
                             {project.title}
                             {project.school ? (
-                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="#D95F46" width="1em" height="1em">
-                                    <path d="M80 259.8L289.2 345.9C299 349.9 309.4 352 320 352C330.6 352 341 349.9 350.8 345.9L593.2 246.1C602.2 242.4 608 233.7 608 224C608 214.3 602.2 205.6 593.2 201.9L350.8 102.1C341 98.1 330.6 96 320 96C309.4 96 299 98.1 289.2 102.1L46.8 201.9C37.8 205.6 32 214.3 32 224L32 520C32 533.3 42.7 544 56 544C69.3 544 80 533.3 80 520L80 259.8zM128 331.5L128 448C128 501 214 544 320 544C426 544 512 501 512 448L512 331.4L369.1 390.3C353.5 396.7 336.9 400 320 400C303.1 400 286.5 396.7 270.9 390.3L128 331.4z"/>
-                                </svg>
+                                <img className="project-school" src="/images/icons/google/school_hat.svg" alt="School project icon"/>
                             ) : null}
                         </div>
                         {typeof project.repo_link === "string" && project.repo_link.length > 0 ? (
                             <a href={project.repo_link} className="repo_link">
                                 {project.repo_link.includes("github") ? (
-                                    <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" fill="currentColor" width="1em" height="1em">
-                                        <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
-                                    </svg>
+                                    <img className="repo-link-icon" src="/images/icons/github.svg" alt="Github icon"/>
                                 ) : (
-                                    <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" fill="currentColor" width="1em" height="1em">
-                                        <path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z"/>
-                                    </svg>
+                                    <img className="repo-link-icon" src="/images/icons/gitea.svg" alt="Gitea icon"/>
                                 )}
                             </a>
                         ) : null}
@@ -73,7 +65,7 @@ function ProjectDetails({project}) {
                     <ul>
                         {project.skills && project.skills.map((skill) => (
                             <li>
-                                <SkillCard text={skill} />
+                                <SkillCard text={skill.name} />
                             </li>
                         ))}
                     </ul>
@@ -86,13 +78,28 @@ function ProjectDetails({project}) {
                                 h2({ node, ...props }) {
                                     const id = String(props.children).toLowerCase().replace(/\s+/g, "-");
                                     return <h2 id={id} {...props} />;
+                                },
+                                blockquote({ node, ...props }) {
+                                    return (
+                                        <blockquote
+                                            style={{
+                                                margin: '16px 0',
+                                                padding: '12px 16px',
+                                                backgroundColor: '#161616',
+                                                borderLeft: '3px solid #e05a36',
+                                                borderRadius: '0 6px 6px 0',
+                                                fontSize: '0.85rem',
+                                            }}
+                                            {...props}
+                                        />
+                                    );
                                 }
                             }}
                         >
                             {project.long_description}
                         </ReactMarkdown>
                         {[...Array(project.nb_image)].map((_, i) => (
-                            <img src={`/assets/images/projects/${project.image_name}/${project.image_name}_${i+1}.png`} alt={project.image_name} className="project-details-image"/>
+                            <img src={`/api/media/public/images/projects/${project.image_name}/${project.image_name}_${i+1}.png`} alt={project.image_name} className="project-details-image"/>
                         ))}
                     </div>
                     <aside>

apps/frontend/src/pages/Projects/ProjectsPage.jsx

@@ -1,11 +1,9 @@
 import Projects from "../../components/Projects/Projects.jsx";
-import Footer from "../../components/Footer/Footer.jsx";
 
 function ProjectsPage() {
     return (
         <div>
             <Projects/>
-            <Footer/>
         </div>
     );
 }

apps/frontend/src/pages/Projects/components/Filter/Filter.jsx

@@ -73,7 +73,7 @@ function Filter({ filters, setFilters }) {
                     throw new Error(`Erreur HTTP: ${response.status}`);
                 }
                 const data = await response.json();
-                setSkills(data.data);
+                setSkills(data);
             } catch (err) {
                 setError(err.message);
             }
@@ -90,9 +90,7 @@ function Filter({ filters, setFilters }) {
     return (
         <div>
             <button className="filter-btn" onClick={showFilters}>
-                <svg xmlns="http://www.w3.org/2000/svg" height="30" viewBox="0 -960 960 960" width="30" fill="currentColor">
-                    <path d="M440-160q-17 0-28.5-11.5T400-200v-240L168-736q-15-20-4.5-42t36.5-22h560q26 0 36.5 22t-4.5 42L560-440v240q0 17-11.5 28.5T520-160h-80Zm40-308 198-252H282l198 252Zm0 0Z"/>
-                </svg>
+                <img src="/images/icons/google/filter.svg" alt="Filter button icon"/>
             </button>
 
             {isFilterVisible ? <div className="filter-overlay" onClick={hideFilters}></div> : null}
@@ -101,9 +99,7 @@ function Filter({ filters, setFilters }) {
                 <div className="filter-sidebar-header">
                     <h3>Filter Projects</h3>
                     <button className="close-filter-btn" onClick={hideFilters}>
-                        <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor">
-                            <path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/>
-                        </svg>
+                        <img src="/images/icons/google/cross.svg" alt="Close button icon"/>
                     </button>
                 </div>
                 <div className="filter-sidebar-content">

docker-compose.yml

@@ -0,0 +1,21 @@
+services:
+  backend:
+    build:
+      context: ./apps/backend
+      dockerfile: Dockerfile
+    container_name: portfolio-backend
+    restart: unless-stopped
+    ports:
+      - "8000:8000"
+    environment:
+      - DATA_DIR=/data
+    volumes:
+      - ./data:/data
+
+  frontend-builder:
+    build:
+      context: ./apps/frontend
+      dockerfile: Dockerfile
+    container_name: portfolio-frontend-builder
+    volumes:
+      - /srv/nginx/sites/portfolio:/out

justfile

@@ -0,0 +1,16 @@
+default:
+    @just --list
+
+[parallel]
+dev: dev-back dev-front
+
+dev-back:
+    cd apps/backend && source .venv/bin/activate && uvicorn app.main:app --reload
+
+dev-front:
+    cd apps/frontend && npm run dev
+
+install:
+    cd apps/backend && test -d .venv || python3 -m venv .venv
+    cd apps/backend && source .venv/bin/activate && python3 -m pip install -r requirements.txt
+    cd apps/frontend && npm install

public/assets/images/logo.svg

@@ -1,38 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg1"
-   width="500"
-   height="500"
-   viewBox="0 0 500 500"
-   sodipodi:docname="logo.png"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1" />
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g1">
-    <image
-       width="500"
-       height="500"
-       preserveAspectRatio="none"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAQAElEQVR4AeydB6AkRbX368xNG7i7&#10;pJWg6BMQJEoSA/IUfBJERZAcFR8iPuEpZkUFA/CULLAgKKAPFDAHUPlMqKgkCRLMPhVRFknLxhvm&#10;q1/Nrbl95/b09Mx0T9fMnLt7pvKpc/5VXf+u7p6ekunnP+lP573bPuxPFNRrRUARUAR6C4EmCL0H&#10;l/9ybw1mWm+82z5M207rKQKKgCKgCISLQBOE3sLyP+V3D54KTHmmgSKgCCgCioAiEAYCTRB66wa3&#10;firQep/aUhFQBBQBRUAR6CcEOkLoOQEaplq9HBHmuKhVioAioAj0OAJK6FkPsF6OyBpR1acIKAKK&#10;gCKQAgEl9Hogab4ioAgoAoqAItBFCCihd9FgqamKgCKgCCgCikA9BJTQ6yGTb75qVwQUAUVAEVAE&#10;MkVACT1TOFWZIqAIKAKKgCJQDAJK6MXgnm+vql0RUAQUAUWg7xBQQu+7IQ/cYf3aX+ADpOYpAopA&#10;qAgooYc6MuHala9l+rW/fPENQruetQUxDGpEzyGghN5zQ6oOKQKhI6BnbaGPkNrXnQgooXfnuPWu&#10;1eqZIqAIKAKKQEsIKKG3BJs2UgQUAUVAEVAEwkJACT2s8VBr8kVAtSsCioAi0LMI9Bah67M2PTtR&#10;1TFFIHwEdAEKf4x628LeIvTAnrUpl8t6hPf28TPTO031OQKBLUB9Phr96H5vEXpgIygieoQHNiZq&#10;jiKgCCgCvYqAEnqvjqz61WsIqD+KgCKgCCQioISeCI8WKgKKQD8joPfM+nn0u893JfTuGzO1WBHI&#10;HgHVGIuA3jOLhUUzA0VACT3QgVGzFAFFIBsEWn04tdV22VitWhSB5hFQQm8eM22hCCgCzSFQaO1W&#10;H05ttV32zuqF/+wx7U2NSui9Oa7qlSKgCOSIQGcpVi/85ziUPaVaCb2nhlOdUQT6EIECXFaKLQB0&#10;7bIhAkroDSFqs0JnT+XbNFabKwKKgCKgCHQrAkroeY+cnsrnjbDqVwTyREB1KwJdg4ASetcMlRra&#10;OgJ6maR17LSlIqAIdAsCSujdMlJqZxsIFHOZRL/21MaQ9UtT9VMRyBABJfQMwey4Kt14dhzyZjoM&#10;52tPzVitdRUBRaBbEVBC7/zIQcMN5ZRTTilF5cADDxyolVM+PLNOtL6PW/dcXz4dDWv1NZt+2cte&#10;Nog02476UTuIk4cQ9zZHQ/K9RPPzivu+CH0f0bjNq/3vcLaZhDYwhDOE9vXENphR16Zr/0fLa8t8&#10;2tch7eOthLRvVXx/vr1P1wvr1fP5WYWx/deOh5+DtfmkrSGxOmrzqYugK41wDDWSN73pTUNRsXqH&#10;U0hiHfShgzCtRO20bQeiaeLkIc34T32E9lHBpmiaOPXQbTHX/zEI9C2hczn01a9+9Twr6+6xxx4b&#10;vfCFL9xlu+22O3rrrbd+15ZbbnnqVlttdca222575jbbbHOODc+z4ads2YVWLrLxi61cguyw3U6X&#10;7LDtjp/eZqvtPr39ds+/dM7IGpcuHF370nlzRi/beacXXbbTji+8bHhg3mds3mdG56/5mTnD853M&#10;n7fgszb+2fnDo5dPyRU29HLlJ087y8mZZ5z5OeSGb95wZa2cZetMyRWRkLiXy0eHR69AbPnlU/JZ&#10;G37W6v/M9V//zmVTcqkNY+U73/zepVPyaVtnhtz689svRq7/xncuueEb37m4GTnz9LMuiYpva/Mu&#10;XmNkdJbY/MVeRmPK49pE8hbbeKyMzhm9eHSmLCZ91hlnLbZyEWLT5Lm0jy+Ys2AxssbIAqvXyUU2&#10;niCj2H+R9SFWatpe6NO2j4um5EIbVmTuggsXxMsFNh+5sFp3jq1bEfT4fOJItZ+p/kgj3o8L542s&#10;ceHcgbkXrL/Ohhfs9LznX7DdNjtUZKvtLtjOysYbbXrBvKF5F2yx6VYXbLT+sy5cOG8t2//CC2yb&#10;C60t6LrA6kaIR8X3MYXfqA2j4jC1eTNC36Yarrtw3Yt22HrHC3fc9vkXPuffnnPRSGnkooXzFk6V&#10;rxFtb/PQv8CGCPHomJx94Zmnn32hnYc2PCsyRpV8ytYYoV1joS5ywze+e0G8fMf1c8M3CG+48Laf&#10;3+blIhtHFttwhlx95dUXIVddedVi5PpvXH9RVb5+/eLrZ8vFNi9OqnWvuuIqW/6dxVdd8YWLr7ry&#10;C4vj5arF9OvF2oV92Gt9u+GCW35+2/lR+fY3bvgU8onTz7yAMCo3fOMG16YmvNCmEfQii2/9+a12&#10;XbnV2nTV4lt+duvFv7rlVxff8rPbLrJywY3fvvE8i+1ZGy7a8PQX7/zid+/64l1fZ9fvrV/1qlc9&#10;3ZL92ueff/5IDM/1TVZfEfrll18+Z999991ot9122+fZz97kQ9df/51P/eAHP7jipptuuvq22267&#10;+K677jr117/+9Un33XffW+6///5jbXiMTb/+nnvuOcqGR957772HIzZ+qJdf3XnHoXffe88hv/3t&#10;A4fcdecdB4+PrTr4yaWPHzw+vvrgW2/75cG3337LwWUzftDSpU8c9NSyJw8aG1t1oC07cHxs9QGr&#10;Vq84YMXq5V5eZ+Ne9rfx/VauXr7/8pUr9qsny2x5RPaLxPefir/OhrVygM2jzwNtH4QI8VhZtvKp&#10;A6fkIFvfyfLVyw5ysmrZwStWLUcOWm7DjOQQq+fQJFm2anli+fLZ5YfZvFhZtnL5oTVyWCRNPFae&#10;WrnsMGT5qmVW7yw5fHb+cmy2dZd7IR2RGTpo78T2cfgsWbHsiKcaycplh9POYnX4lBw2FZImjtCH&#10;tafaN+moHLFq9cojygNy5MP/+ueRt991+5F333PXkffe9+sj77r37iPvfeC+I//01z8euXJs1ZG/&#10;+f0DR/7tH389YsXq5UesGl91xMqJVUdgo8XhiCmJ6iVe028VF5tPfFltHZvv8sivylMrlh9+9313&#10;H3HH3bcf8Yc///HwSSkfvmzl8sOtHVZW0iYiTi9p2564G5OpMfAYRPOI+/wsQ/R6WWH7r4qd+yuQ&#10;g5evWhErK1atPGiWrF5pj91ZYo/rGXmkkZq6y23ayqrlVm+crLTH9ixbsPHQ5atWHLZy1YrDrRDG&#10;CWVVsT5Z7FfUivcfnfhs7Vg5LWMrDrLjedDKsRUHrxhbfujSFU8xx45+aMk/jv35Lb94+09v/skn&#10;f/KjH1/1ox/84NovXfelz53+8dP/56Uvfel+r371q599+OGHL+i33XxfEPree++94EUvetFeH/7w&#10;qed+//s//OIPf/jj8/785z//V6lU2n/ZsmW7rVy58gUTExNb2HueG9m89aysY3fwa42Pj69pw4VT&#10;ssCGyKgNkTVsuEZJSmsMlEprrB5bvYY9DXR5hFbHfFs2f6A0MH/OnDnzy6Y8X4zMHxgYmE/Z5OTk&#10;fMpsn/PqiRGZa8vSSH0dxsyz9tST+basacEPL1Ptne82Piu09q+RJHFtWs8rt9e/mFntE2wZtWWj&#10;1rdEoU5EovpTtW+kv1F5pG/XX226UfvJ8uTo+PjYqJ2/o3bMRwcHB0ft3HW6JiYnR+0cdnl2To+O&#10;DI+Mjtm69DE8NFxpIzLaqA9bXm+OuH7QV09Wr17l7MEObMS2ickJjs9RbK9pB/7oJEQa2lbTnrZN&#10;ifWtYR+2Tj3/G+Zb+/CjnkSP7Xp1EvNjbIvzZ4GtFydxddPkVf0eHBhcw44pNo7a9ZRxXWB9XnNo&#10;cGhtO9/Ws+Gzxicmtl69emxnY8ovf/jhfx59809/evb13/zWF7751a+f8eVrrtlr//33f8b1118/&#10;Ytv1/P+eJfRrr713+N///d83spfOX3fDDd+5/NZbbz/vL3/5y0HLlz+1ozGTzx4ZGVp3YmJs4dDQ&#10;0Fy7SA3aCTlgJ07JiiB25G2WCGGSlErG1h+39SbF6nTh8NCgrF69UoaHB2Vickxsn5V8mx4fXy22&#10;XxmfWC0iZZkoj+cqk2ZCipRG/mVr2+QsX5vqv9w8Vk3pjxmLRu07Wz4xay4ODJZk3M5hsfNcBky1&#10;3Ni5a6SC9+rxVTY1KZSXzaSr7/JsfLb9s/uYXWe82s9kDGa1eSV79JpSWUoD4uwYHhmSwWGbsDbX&#10;1q1NJ/U90cJ8aE7/tJ8TLa4Dtf1lnW7VrgzauTlQnppj+OXj6GZOrhpbKXbTVRqfGC+NjY8N2nV6&#10;xG6yFpZKA880ItsvXf7UQb++//7zv/3Nb37+P4/5z/fvsdseLzjmmGM4KbDrsa3dg/9LvebTjjvu&#10;OLTTTjttfeyxLznl5pt/cc399//mPJHSnnbgN5k/f/6aQ0NDwwMDA6VVq1aJHXwZGxtjUlhSnqxC&#10;YZnWlCxTDwwMuJB4PbGTySB2R2JsH8buCozVacr2n+3DiP1H3kBpwOkn39pQiZfLDfXX69fnY2uS&#10;+HpZhgMWFy9Z6s1DVxI2lLXbJzqSpJH+pLaUNWrvx6Fe2Kg9fUyLMdNxO3NFzOTkpOFPRMzExIQT&#10;ETEjIyPGHj9OKKce857+mN+UDQ4OxsxvmZEnUulHJD5EX5Lgt7F/HHs2cPYSX716tYsntW1cJjNs&#10;bVy/1HX1ReJxF6nkF+0zcw4bmFMiYvgjLSJu7rGesrYODti5JiWZNGXW9JKtNyRG1rb5zzZGXvjQ&#10;P/7+Xzf+8HuXX/OFaLine truncated
-       id="image1" />
-  </g>
-</svg>