Téléverser les fichiers vers "/"

2025-12-15 13:09:49 +00:00
parent d4c511ac43
commit 62898e632d
5 changed files with 127 additions and 0 deletions
--- a/5
+++ b/5
@@ -0,0 +1,5 @@
+FROM nginx:alpine
+RUN rm -rf /usr/share/nginx/html/*
+COPY . /usr/share/nginx/html/
+EXPOSE 80
+
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -0,0 +1,22 @@
+version: '3.8'
+
+services:
+  # Nom du service (vous pouvez le changer, mais 'portfolio' est clair)
+  portfolio:
+    # Indique à Docker Compose de construire l'image en utilisant le Dockerfile 
+    # qui se trouve dans le répertoire courant ('.')
+    build: .
+    
+    # Nom du conteneur créé. 
+    # Correspond à l'ancienne commande: --name portfolio-en-ligne
+    container_name: portfolio-en-ligne
+    
+    # Mappe le port 8080 de votre machine hôte au port 80 du conteneur Nginx
+    # Correspond à l'ancienne commande: -p 8080:80
+    ports:
+      - "8080:80"
+    
+    # Redémarre le conteneur automatiquement en cas d'échec ou de redémarrage du système
+    restart: always
+
+# Pour les projets plus complexes, vous pouvez définir des volumes ou des réseaux ici.
--- a/footer.html
+++ b/footer.html
@@ -0,0 +1,34 @@
+<footer>
+    <div class="footer-container">
+        
+        <nav class="footer-nav">
+            <h4>Navigation</h4>
+            <ul>
+                <li><a href="index.html">Accueil</a></li>
+                <li><a href="projects.html">Projets</a></li>
+                <li><a href="about.html">À propos</a></li>
+                <li><a href="contact.html">Contact</a></li>
+            </ul>
+        </nav>
+        
+        <div class="socials">
+            <h4>Me Contacter</h4>
+            
+            <a href="mailto:aditta.pro.etudes@gmail.com" target="_blank" rel="noopener noreferrer">
+                <i class="fa fa-envelope"></i> Email
+            </a>
+            
+            <a href="VOTRE_LIEN_GITHUB" target="_blank" rel="noopener noreferrer">
+                <i class="fa fa-github"></i> GitHub
+            </a>
+            <a href="VOTRE_LIEN_LINKEDIN" target="_blank" rel="noopener noreferrer">
+                <i class="fa fa-linkedin"></i> LinkedIn
+            </a>
+        </div>
+
+    </div>
+
+    <div class="copyright">
+        <p>&copy; 2025 BARUA Aditta. Tous droits réservés.</p>
+    </div>
+</footer>
--- a/header.html
+++ b/header.html
@@ -0,0 +1,18 @@
+<header>
+    <div class="site-branding">
+        <h1>
+            <a href="index.html">BARUA Aditta Portfolio</a>
+        </h1>
+    </div>
+
+    <nav class="main-nav">
+        <ul>
+            <li><a href="index.html">Accueil</a></li>
+            <li><a href="about.html">À propos</a></li>
+            <li><a href="projects.html">Projets</a></li>
+            <li><a href="contact.html">Contact</a></li>
+            
+            <li><a href="cv/mon_cv.pdf" target="_blank" rel="noopener noreferrer">Mon CV</a></li> 
+        </ul>
+    </nav>
+</header>
--- a/index.html
+++ b/index.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Accueil – Portfolio BARUA Aditta</title>
+    
+    <meta name="description" content="Accueil du portfolio d'Aditta Barua, étudiant en BTS CIEL. Expertise en développement web, cybersécurité et administration réseau.">
+
+    <link rel="stylesheet" href="style.css">
+    
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
+    
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
+
+</head>
+
+<body>
+
+    <header id="page-header"></header>
+
+    <canvas id="background-canvas"></canvas>
+
+    <main>
+        <section id="accueil" class="section" data-aos="fade-up">
+            
+            <p class="status-indicator">ÉTUDIANT BTS CIEL | DÉVELOPPEUR SÉCURITÉ</p>
+
+            <h1 class="title">BARUA Aditta</h1>
+            <p class="subtitle">Développeur & Technicien Informatique • Passionné depuis le collège</p>
+
+            <a href="cv/mon_cv.pdf" class="btn" target="_blank" download>Télécharger mon CV</a>
+        </section>
+    </main>
+
+    <footer id="page-footer"></footer>
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
+    <script>AOS.init();</script>
+
+    <script src="script.js"></script>
+</body>
+</html>
+
+
+