Compare commits
7 Commits
7d65b963c6
...
0b1ea63abc
| Author | SHA1 | Date | |
|---|---|---|---|
| 0b1ea63abc | |||
| bb024bafba | |||
| 3ba2a10262 | |||
| a982343802 | |||
| a1b88815db | |||
| 508e03fba8 | |||
| a44b68b31f |
@ -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 |
@ -5,7 +5,7 @@
|
||||
--dark-1: #041C32;
|
||||
--dark-2: #04293A;
|
||||
--dark-3: #064663;
|
||||
--accent: #F6AE2D;
|
||||
--accent: #D87E27;
|
||||
}
|
||||
|
||||
.bg-dark-1 {
|
||||
@ -63,10 +63,6 @@ a:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn.mod {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.btn-block {
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
||||
63
index.html
@ -3,6 +3,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="theme-color" content="#041C32"/>
|
||||
<meta name="description" content="d3vyce.fr Site" />
|
||||
<meta name="author" content="d3vyce - Nicolas Sudres" />
|
||||
<title>Home • d3vyce.fr</title>
|
||||
@ -29,7 +30,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>
|
||||
@ -37,9 +38,9 @@
|
||||
<h2 class="text-white font-weight-bold">Hi 👋, Welcome to my Site!</h2>
|
||||
<p class="text-white-65">Developer, CTF Player, Homelab, 3D Printing</p>
|
||||
<hr class="divider" />
|
||||
<div class="d-grid col-6 mx-auto">
|
||||
<a class="btn mt-2 btn-lg" href="https://blog.d3vyce.fr" target="_blank"><span><i class="fa fa-bookmark fa-lg"></i> Blog</span></a>
|
||||
<a class="btn mt-2 btn-lg" href="https://github.com/d3vyce" target="_blank"><span><i class="fa fa-github fa-lg"></i> Github</span></a>
|
||||
<div class="d-grid col-8 mx-auto">
|
||||
<a class="btn mt-2 btn-lg" href="https://blog.d3vyce.fr" target="_blank" rel="noopener noreferrer"><span><i class="fa fa-bookmark fa-lg"></i> Blog</span></a>
|
||||
<a class="btn mt-2 btn-lg" href="https://github.com/d3vyce" target="_blank" rel="noopener noreferrer"><span><i class="fa fa-github fa-lg"></i> Github</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -66,7 +67,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>
|
||||
@ -187,9 +188,9 @@
|
||||
<div class="mb-2"><i class="text-accent bi-award fs-1"></i></div>
|
||||
<h3 class="text-white h4 mb-3">Certification</h3>
|
||||
<div class="text-white-65">
|
||||
<p><a href="assets/doc/Jr-penetration-tester.pdf" target="_blank">Jr Penetration Tester (THM) 🔗</a></p>
|
||||
<p><a href="assets/doc/Offensive-Pentesting.pdf" target="_blank">Offensive Pentesting (THM) 🔗</a></p>
|
||||
<p><a href="assets/doc/Junos.pdf" target="_blank">JNCIA Junos 🔗</a></p>
|
||||
<p><a href="assets/doc/Jr-penetration-tester.pdf" target="_blank" rel="noopener noreferrer">Jr Penetration Tester (THM) 🔗</a></p>
|
||||
<p><a href="assets/doc/Offensive-Pentesting.pdf" target="_blank" rel="noopener noreferrer">Offensive Pentesting (THM) 🔗</a></p>
|
||||
<p><a href="assets/doc/Junos.pdf" target="_blank" rel="noopener noreferrer">JNCIA Junos 🔗</a></p>
|
||||
<p>CCNAv7, CCNA R&S</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -231,7 +232,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 +250,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 +268,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 +285,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>
|
||||
@ -305,9 +306,9 @@
|
||||
<footer class="footer py-3">
|
||||
<div class="container">
|
||||
<div class="social text-center">
|
||||
<a href="https://twitter.com/d3vyce" target="_blank"><i class="fa test fa-twitter fa-lg"></i></a>
|
||||
<a href="https://github.com/d3vyce" target="_blank"><i class="fa test fa-github fa-lg"></i></a>
|
||||
<a href="https://www.d3vyce.fr" target="_blank"><i class="fa test fa-bookmark fa-lg"></i></a>
|
||||
<a href="https://twitter.com/d3vyce" target="_blank" rel="noopener noreferrer"><i class="fa test fa-twitter fa-lg"></i></a>
|
||||
<a href="https://github.com/d3vyce" target="_blank" rel="noopener noreferrer"><i class="fa test fa-github fa-lg"></i></a>
|
||||
<a href="https://www.d3vyce.fr" target="_blank" rel="noopener noreferrer"><i class="fa test fa-bookmark fa-lg"></i></a>
|
||||
</div>
|
||||
<div class="small text-center text-muted">d3vyce 2022 © All rights reserved</div>
|
||||
<div class="small text-center text-muted"><a href="#home">Home</a> • <a href="#about">About</a> • <a href="#skills">Skills</a> • <a href="#projects">Projects</a></div>
|
||||
@ -329,7 +330,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 +340,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 -->
|
||||
@ -358,7 +358,7 @@
|
||||
</a>
|
||||
</div>
|
||||
<p class="mb-4 text-white-65">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
||||
<a class="btn mod btn-outline-light btn-lg mb-4" href="https://github.com/d3vyce/d3vyce.fr" target="_blank"><span>Source Code</span></a>
|
||||
<a class="btn mod btn-outline-light btn-lg mb-4" href="https://github.com/d3vyce/d3vyce.fr" target="_blank" rel="noopener noreferrer"><span>Source Code</span></a>
|
||||
<p class="mb-0">
|
||||
<span class="badge bg-dark-3">CSS3</span>
|
||||
<span class="badge bg-dark-3">HTML5</span>
|
||||
@ -387,7 +387,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 +395,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 -->
|
||||
@ -408,7 +407,7 @@
|
||||
</a>
|
||||
</div>
|
||||
<p class="mb-4 text-white-65">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
||||
<a class="btn mod btn-outline-light btn-lg mb-4" href="https://github.com/d3vyce/Python-Game" target="_blank"><span>Source Code</span></a>
|
||||
<a class="btn mod btn-outline-light btn-lg mb-4" href="https://github.com/d3vyce/Python-Game" target="_blank" rel="noopener noreferrer"><span>Source Code</span></a>
|
||||
<p class="mb-0">
|
||||
<span class="badge bg-dark-3">Python</span>
|
||||
<span class="badge bg-dark-3">PyGame</span>
|
||||
@ -435,7 +434,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 +443,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 -->
|
||||
@ -460,7 +458,7 @@
|
||||
</a>
|
||||
</div>
|
||||
<p class="mb-4 text-white-65">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
||||
<a class="btn mod btn-outline-light btn-lg mb-4" href="https://blog.d3vyce.fr/tag/writeup/" target="_blank"><span>Read more</span></a>
|
||||
<a class="btn mod btn-outline-light btn-lg mb-4" href="https://blog.d3vyce.fr/tag/writeup/" target="_blank" rel="noopener noreferrer"><span>Read more</span></a>
|
||||
<p class="mb-0">
|
||||
<span class="badge bg-dark-3">Kali</span>
|
||||
<span class="badge bg-dark-3">THM</span>
|
||||
@ -488,7 +486,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 +496,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 -->
|
||||
@ -517,7 +514,7 @@
|
||||
</a>
|
||||
</div>
|
||||
<p class="mb-4 text-white-65">Initially, my goal was to create a media server accessible from anywhere with Plex. That was the initial objective, but you will see that today my homelab is much more extensive than that. I have over 20 selfhosted services ranging from password manager, web hosting, game server, etc.</p>
|
||||
<a class="btn mod btn-outline-light btn-lg mb-4" href="https://blog.d3vyce.fr/my-current-homelab/" target="_blank"><span>Read more</span></a>
|
||||
<a class="btn mod btn-outline-light btn-lg mb-4" href="https://blog.d3vyce.fr/my-current-homelab/" target="_blank" rel="noopener noreferrer"><span>Read more</span></a>
|
||||
<p class="mb-0">
|
||||
<span class="badge bg-dark-3">Unraid</span>
|
||||
<span class="badge bg-dark-3">OPNsense</span>
|
||||
@ -554,7 +551,7 @@
|
||||
points: 10.00,
|
||||
maxDistance: 20.00,
|
||||
spacing: 25.00,
|
||||
color: 0xECB365,
|
||||
color: 0xD87E27,
|
||||
backgroundColor: 0x041C32
|
||||
})
|
||||
</script>
|
||||
|
||||