Update img format to .avif

This commit is contained in:
d3vyce 2022-08-24 15:50:53 +02:00
parent 508e03fba8
commit a1b88815db
31 changed files with 16 additions and 20 deletions

View File

@ -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

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

BIN
assets/img/profil.avif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 294 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 294 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 123 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 278 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 296 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 290 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 225 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 193 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 221 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 269 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 KiB

View File

@ -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 -->