Update img format to .avif
@ -27,7 +27,7 @@
|
||||
<div class="row head-row align-items-center h-100 justify-content-evenly text-center">
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
|
||||
<h1 class="text-white font-weight-bold"><img src="/assets/img/error.png" width="12%"> 404 Not Found</h1>
|
||||
<h1 class="text-white font-weight-bold"><img src="/assets/img/error.avif" width="12%"> 404 Not Found</h1>
|
||||
<p class="text-white">The requested URL was not found on this server !</p>
|
||||
<hr class="divider" />
|
||||
<div class="d-grid gap-4 col-10 mx-auto">
|
||||
|
BIN
assets/img/error.avif
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
assets/img/profil.avif
Normal file
After Width: | Height: | Size: 31 KiB |
BIN
assets/img/profil_about.avif
Normal file
After Width: | Height: | Size: 61 KiB |
BIN
assets/img/projet/Homelab-1.avif
Normal file
After Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 294 KiB |
BIN
assets/img/projet/Homelab-2.avif
Normal file
After Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 294 KiB |
BIN
assets/img/projet/Homelab-3.avif
Normal file
After Width: | Height: | Size: 78 KiB |
Before Width: | Height: | Size: 123 KiB |
BIN
assets/img/projet/Homelab-4.avif
Normal file
After Width: | Height: | Size: 58 KiB |
Before Width: | Height: | Size: 278 KiB |
BIN
assets/img/projet/Python-game-1.avif
Normal file
After Width: | Height: | Size: 3.2 KiB |
Before Width: | Height: | Size: 12 KiB |
BIN
assets/img/projet/Python-game-2.avif
Normal file
After Width: | Height: | Size: 3.1 KiB |
Before Width: | Height: | Size: 12 KiB |
BIN
assets/img/projet/Site-d3vyce-1.avif
Normal file
After Width: | Height: | Size: 30 KiB |
Before Width: | Height: | Size: 296 KiB |
BIN
assets/img/projet/Site-d3vyce-2.avif
Normal file
After Width: | Height: | Size: 33 KiB |
Before Width: | Height: | Size: 290 KiB |
BIN
assets/img/projet/Site-d3vyce-3.avif
Normal file
After Width: | Height: | Size: 70 KiB |
Before Width: | Height: | Size: 225 KiB |
BIN
assets/img/projet/Site-d3vyce-4.avif
Normal file
After Width: | Height: | Size: 34 KiB |
Before Width: | Height: | Size: 193 KiB |
BIN
assets/img/projet/Writeup-ctf-1.avif
Normal file
After Width: | Height: | Size: 35 KiB |
Before Width: | Height: | Size: 221 KiB |
BIN
assets/img/projet/Writeup-ctf-2.avif
Normal file
After Width: | Height: | Size: 43 KiB |
Before Width: | Height: | Size: 269 KiB |
BIN
assets/img/projet/Writeup-ctf-3.avif
Normal file
After Width: | Height: | Size: 36 KiB |
Before Width: | Height: | Size: 88 KiB |
34
index.html
@ -29,7 +29,7 @@
|
||||
<div class="container h-100">
|
||||
<div class="row head-row align-items-center h-100 justify-content-evenly text-center">
|
||||
<div class="col-4">
|
||||
<img src="assets/img/profil.png" class="rounded-circle img-fluid" alt="...">
|
||||
<img src="assets/img/profil.avif" class="rounded-circle img-fluid" alt="...">
|
||||
<hr class="divider" />
|
||||
<h1 class="text-white font-weight-bold">d3vyce</h1>
|
||||
</div>
|
||||
@ -66,7 +66,7 @@
|
||||
<hr class="divider" />
|
||||
<div class="row align-items-center justify-content-center mt-4">
|
||||
<div class="col-xl-2 col-lg-3 col-sm-4">
|
||||
<img src="assets/img/profil_about.png" class="rounded img-fluid" alt="...">
|
||||
<img src="assets/img/profil_about.avif" class="rounded img-fluid" alt="...">
|
||||
</div>
|
||||
<div class="col-lg-8 mt-4">
|
||||
<blockquote>
|
||||
@ -231,7 +231,7 @@
|
||||
<a href="#Project1-modal" data-bs-toggle="modal" data-toggle="modal">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<img class="project-image" src="assets/img/projet/Site-d3vyce-1.png" alt="...">
|
||||
<img class="project-image" src="assets/img/projet/Site-d3vyce-1.avif" alt="...">
|
||||
</div>
|
||||
<div class="col project-text">
|
||||
<h2 class="text-white font-weight-bold">d3vyce.fr</h2>
|
||||
@ -249,7 +249,7 @@
|
||||
<a href="#Project2-modal" data-bs-toggle="modal">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<img class="project-image" src="assets/img/projet/Python-game-1.png" alt="...">
|
||||
<img class="project-image" src="assets/img/projet/Python-game-1.avif" alt="...">
|
||||
</div>
|
||||
<div class="col project-text">
|
||||
<h2 class="text-white font-weight-bold">Python Game</h2>
|
||||
@ -267,7 +267,7 @@
|
||||
<a href="#Project3-modal" data-bs-toggle="modal">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<img class="project-image" src="assets/img/projet/Writeup-ctf-1.png" alt="...">
|
||||
<img class="project-image" src="assets/img/projet/Writeup-ctf-1.avif" alt="...">
|
||||
</div>
|
||||
<div class="col project-text">
|
||||
<h2 class="text-white font-weight-bold">Writeup CTF</h2>
|
||||
@ -284,7 +284,7 @@
|
||||
<a href="#Project4-modal" data-bs-toggle="modal">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<img class="project-image" src="assets/img/projet/Homelab-1.png" alt="...">
|
||||
<img class="project-image" src="assets/img/projet/Homelab-1.avif" alt="...">
|
||||
</div>
|
||||
<div class="col project-text">
|
||||
<h2 class="text-white font-weight-bold">Homelab</h2>
|
||||
@ -329,7 +329,6 @@
|
||||
<!-- Icon Divider-->
|
||||
<hr class="divider" />
|
||||
<!-- Portfolio Modal - Image-->
|
||||
<!-- <img class="img-fluid rounded mb-5" src="assets/img/projet/Homelab-2.png" width="640" height="400" alt="..." />-->
|
||||
<div id="Project1-carousel" class="carousel slide mb-5" data-bs-ride="carousel">
|
||||
<!-- Carousel indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
@ -340,13 +339,13 @@
|
||||
<!-- Wrapper for carousel items -->
|
||||
<div class="carousel-inner rounded">
|
||||
<div class="carousel-item active">
|
||||
<img src="assets/img/projet/Site-d3vyce-2.png" class="d-block w-100" alt="Slide 1">
|
||||
<img src="assets/img/projet/Site-d3vyce-2.avif" class="d-block w-100" alt="Slide 1">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="assets/img/projet/Site-d3vyce-3.png" class="d-block w-100" alt="Slide 2">
|
||||
<img src="assets/img/projet/Site-d3vyce-3.avif" class="d-block w-100" alt="Slide 2">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="assets/img/projet/Site-d3vyce-4.png" class="d-block w-100" alt="Slide 3">
|
||||
<img src="assets/img/projet/Site-d3vyce-4.avif" class="d-block w-100" alt="Slide 3">
|
||||
</div>
|
||||
</div>
|
||||
<!-- Carousel controls -->
|
||||
@ -387,7 +386,6 @@
|
||||
<!-- Icon Divider-->
|
||||
<hr class="divider" />
|
||||
<!-- Portfolio Modal - Image-->
|
||||
<!-- <img class="img-fluid rounded mb-5" src="assets/img/projet/Homelab-2.png" width="640" height="400" alt="..." />-->
|
||||
<div id="Project2-carousel" class="carousel slide mb-5" data-bs-ride="carousel">
|
||||
<!-- Carousel indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
@ -396,7 +394,7 @@
|
||||
<!-- Wrapper for carousel items -->
|
||||
<div class="carousel-inner rounded">
|
||||
<div class="carousel-item active">
|
||||
<img src="assets/img/projet/Python-game-2.png" class="d-block w-100" alt="Slide 1">
|
||||
<img src="assets/img/projet/Python-game-2.avif" class="d-block w-100" alt="Slide 1">
|
||||
</div>
|
||||
</div>
|
||||
<!-- Carousel controls -->
|
||||
@ -435,7 +433,6 @@
|
||||
<!-- Icon Divider-->
|
||||
<hr class="divider" />
|
||||
<!-- Portfolio Modal - Image-->
|
||||
<!-- <img class="img-fluid rounded mb-5" src="assets/img/projet/Homelab-2.png" width="640" height="400" alt="..." />-->
|
||||
<div id="Project3-carousel" class="carousel slide mb-5" data-bs-ride="carousel">
|
||||
<!-- Carousel indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
@ -445,10 +442,10 @@
|
||||
<!-- Wrapper for carousel items -->
|
||||
<div class="carousel-inner rounded">
|
||||
<div class="carousel-item active">
|
||||
<img src="assets/img/projet/Writeup-ctf-2.png" class="d-block w-100" alt="Slide 1">
|
||||
<img src="assets/img/projet/Writeup-ctf-2.avif" class="d-block w-100" alt="Slide 1">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="assets/img/projet/Writeup-ctf-3.png" class="d-block w-100" alt="Slide 2">
|
||||
<img src="assets/img/projet/Writeup-ctf-3.avif" class="d-block w-100" alt="Slide 2">
|
||||
</div>
|
||||
</div>
|
||||
<!-- Carousel controls -->
|
||||
@ -488,7 +485,6 @@
|
||||
<!-- Icon Divider-->
|
||||
<hr class="divider" />
|
||||
<!-- Portfolio Modal - Image-->
|
||||
<!-- <img class="img-fluid rounded mb-5" src="assets/img/projet/Homelab-2.png" width="640" height="400" alt="..." />-->
|
||||
<div id="Project4-carousel" class="carousel slide mb-5" data-bs-ride="carousel">
|
||||
<!-- Carousel indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
@ -499,13 +495,13 @@
|
||||
<!-- Wrapper for carousel items -->
|
||||
<div class="carousel-inner rounded">
|
||||
<div class="carousel-item active">
|
||||
<img src="assets/img/projet/Homelab-2.png" class="d-block w-100" alt="Slide 1">
|
||||
<img src="assets/img/projet/Homelab-2.avif" class="d-block w-100" alt="Slide 1">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="assets/img/projet/Homelab-3.png" class="d-block w-100" alt="Slide 2">
|
||||
<img src="assets/img/projet/Homelab-3.avif" class="d-block w-100" alt="Slide 2">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="assets/img/projet/Homelab-4.png" class="d-block w-100" alt="Slide 3">
|
||||
<img src="assets/img/projet/Homelab-4.avif" class="d-block w-100" alt="Slide 3">
|
||||
</div>
|
||||
</div>
|
||||
<!-- Carousel controls -->
|
||||
|