Namonay/Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Namonay
2025-11-27 11:29:46 +00:00
commit 8be9d73db4
16 changed files with 392 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/data/templates/base.html Normal file
View File

@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>{{ title if title else "Portfolio" }}</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
<!-- Header / Navbar -->
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="{{ url_for('home') }}">Mon Portfolio</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link {% if title=='Accueil' %}active{% endif %}" href="{{ url_for('home') }}">Accueil</a>
</li>
<li class="nav-item">
<a class="nav-link {% if title=='Projets' %}active{% endif %}" href="{{ url_for('projects') }}">Projets</a>
</li>
<li class="nav-item">
<a class="nav-link {% if title=='Contact' %}active{% endif %}" href="{{ url_for('contact') }}">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Main content -->
<main class="container my-5">
{% block content %}{% endblock %}
</main>
<!-- Footer -->
<footer class="bg-dark text-center text-lg-start py-3 border-top">
<div class="container d-flex justify-content-center align-items-center">
<p class="mb-0 text-light">
&copy; 2025 Avec amour et
<img src="{{ url_for('static', filename='img/monster.png') }}" alt="Battery" width="16" height="16" class="ms-1">
</p>
</div>
</footer>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>

5
src/data/templates/contact.html Normal file
View File

@@ -0,0 +1,5 @@
{% extends "base.html" %}
{% block content %}
<h1>Contact</h1>
<p>Tu peux me joindre à <a href="mailto:vavaas.dev@gmail.com">vavaas.dev@gmail.com</a></p>
{% endblock %}

93
src/data/templates/index.html Normal file
View File

@@ -0,0 +1,93 @@
{% extends "base.html" %}
{% block content %}
<div class="container py-5">
<!-- Hero / Presentation Box -->
<div class="p-5 mb-5 rounded-4 bg-dark text-light shadow hero-box">
<div class="row align-items-center">
<div class="col-md-6 mb-4 mb-md-0">
<h1 class="display-4 mb-3">Bienvenue sur mon portfolio</h1>
<p class="lead">
Salut ! Je suis Valentin, développeur bas-niveau passionné par la cybersécurité et le DevOps.
Ici, vous pouvez découvrir mes projets et me contacter directement.
</p>
</div>
<div class="col-md-6 text-center">
<img src="{{ url_for('static', filename='img/profile.webp') }}"
alt="Profile picture"
class="rounded-circle img-fluid profile-pic"
style="width: 250px; height: 250px; object-fit: cover;">
</div>
</div>
</div>
<!-- Featured Projects Title -->
<h2 class="text-light text-center mb-5">Featured Projects</h2>
<!-- Featured Project Boxes -->
<div class="container mb-5">
<!-- Project 1 (left) -->
<div class="row mb-5 justify-content-start">
<div class="col-md-8">
<a href="https://github.com/Kbz-8/42_KFS" class="text-decoration-none">
<div class="p-4 rounded-4 bg-dark text-light shadow hover-scale">
<div class="row align-items-center">
<!-- Text -->
<div class="col-md-7">
<h4>Kernel From Scratch</h4>
<p>Création d'un kernel en Zig 0.13 avec pilotes claviers et graphiques, IDT, GDT, gestion mémoire et shell intégré</p>
</div>
<!-- Image -->
<div class="col-md-5 text-center">
<img src="{{ url_for('static', filename='img/kfs.png') }}"
alt="Projet 1" class="img-fluid rounded shadow project-img">
</div>
</div>
</div>
</a>
</div>
</div>
<!-- Project 2 (right) -->
<div class="row mb-5 justify-content-end">
<div class="col-md-8">
<a href="https://github.com/Namonay/swifty-companion" class="text-decoration-none">
<div class="p-4 rounded-4 bg-dark text-light shadow hover-scale">
<div class="row align-items-center flex-md-row-reverse">
<div class="col-md-7">
<h4>Swifty Companion</h4>
<p>Application mobile Android et iOS utilisant l'API de 42 pour avoir des informations sur les campus</p>
</div>
<div class="col-md-5 text-center">
<img src="{{ url_for('static', filename='img/companion.png') }}"
alt="Projet 2" class="img-fluid rounded shadow project-img">
</div>
</div>
</div>
</a>
</div>
</div>
<!-- Project 3 (left) -->
<div class="row mb-5 justify-content-start">
<div class="col-md-8">
<a href="https://github.com/C18H24O2/override" class="text-decoration-none">
<div class="p-4 rounded-4 bg-dark text-light shadow hover-scale">
<div class="row align-items-center">
<div class="col-md-7">
<h4>Override</h4>
<p>Défis de cybersécurité sous formes de CTF, avec reverse engineering, pwn et exploitation de failles</p>
</div>
<div class="col-md-5 text-center">
<img src="{{ url_for('static', filename='img/override.png') }}"
alt="Projet 3" class="img-fluid rounded shadow project-img">
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
{% endblock %}

9
src/data/templates/projects.html Normal file
View File

@@ -0,0 +1,9 @@
{% extends "base.html" %}
{% block content %}
<h1>Mes Projets</h1>
<ul>
<li>Projet 1 – Devenir un tigre</li>
<li>Projet 2 – Un script d’automatisation pour acheter des monsters</li>
<li>Projet 3 – Trouver un job</li>
</ul>
{% endblock %}