Lucas_Gomes_Tamba/Portfolio-LG2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Portfolio avec Docker

Browse Source
This commit is contained in:
Lucas Gomes Tamba
2025-12-08 00:06:03 +01:00
commit 52f3de74b7
12 changed files with 1161 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
experimentsaudio.html Normal file
View File

@@ -0,0 +1,98 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Détail des Expérimentations Vidéo & Audio - Lucas G.T.</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css" />
</head>
<body data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="50">
<div id="preloader" class="preloader-active">
<h1 class="text-white">Lucas G.T.</h1>
</div>
<header class="fixed-top" id="mainNav">
<nav class="navbar navbar-expand-lg navbar-dark py-3" aria-label="Navigation principale">
<div class="container">
<a class="navbar-brand fw-bold fs-4" href="index.html#hero">Lucas G.T.</a>
<button id="themeToggle" class="btn btn-outline-light rounded-pill">Dark mode</button>
</div>
</nav>
</header>
<section id="project-detail" class="py-5 mt-5">
<div class="container py-4">
<a href="index.html#projects" class="btn btn-secondary mb-4 rounded-pill">← Revenir aux Projets</a>
<h1 class="display-3 fw-bold mb-4">Expérimentations Audio & Vidéo</h1>
<p class="lead mb-5">Une sélection de mes travaux de montage, d'édition sonore et de création audiovisuelle, démontrant ma polyvalence technique et mon sens du rythme.</p>
<h2 class="fw-bold mb-4 mt-5">Démonstrations de Création</h2>
<p class="lead mb-4">Découvrez ci-dessous les deux clips mis en avant pour cet exemple :</p>
<div class="row g-4 video-gallery mb-5">
<div class="col-12 col-lg-6">
<div class="video-container">
<iframe
src="https://www.youtube.com/embed/cH-ysZILju4"
title="Démo Vidéo 1 : Montage Minecraft"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
</div>
<p class="text-center mt-2 fw-light text-muted">
Vidéo 1 : Trailer pour communauté gaming (Logiciel : Capcut).
</p>
</div>
<div class="col-12 col-lg-6">
<div class="video-container">
<iframe
src="https://www.youtube.com/embed/BZR-1JJQFz4"
title="Démo Vidéo 2 : Mixage et Édition Sonore"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
</div>
<p class="text-center mt-2 fw-light text-muted">
Vidéo 2 : Post-production et édition de dialogue (Logiciel : Audacity).
</p>
</div>
</div>
<h2 class="fw-bold mb-4 mt-5">Technologies Audiovisuelles Utilisées</h2>
<ul>
<li> Logiciels de Montage : Capcut et Davinci Resolve</li>
<li> Logiciels Audio : Audacity pour l'édition et le mixage</li>
<li> Formats traités : MP4, MOV, WAV, MP3</li>
</ul>
</div>
</section>
<footer class="text-white text-center py-4 bg-secondary">
<div class="container">
<p class="m-0">© 2025 Lucas Gomes Tamba.</p>
</div>
</footer>
<audio id="soundToggle" src="toggle-sound.mp3"></audio>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="script.js"></script>
</body>
</html>