converted images to webp format
@ -2,7 +2,7 @@
|
|||||||
<html lang="fr" id="html">
|
<html lang="fr" id="html">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8"/>
|
<meta charset="UTF-8"/>
|
||||||
<link rel="icon" href="/icon.png"/>
|
<link rel="icon" href="/icon.webp"/>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap" rel="stylesheet">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||||
<title>Home</title>
|
<title>Home</title>
|
||||||
@ -28,7 +28,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="window-border">
|
<div class="window-border">
|
||||||
<div class="banner-div window-border">
|
<div class="banner-div window-border">
|
||||||
<img id="banner" alt="profile banner" src="/src/img/banner_home.png">
|
<img id="banner" alt="profile banner" src="/src/img/banner_home.webp">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content window-border">
|
<div class="content window-border">
|
||||||
@ -74,7 +74,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div id="about-me-content">
|
<div id="about-me-content">
|
||||||
<div class="about-top">
|
<div class="about-top">
|
||||||
<img class="osaka" alt="osaka :3" src="/src/img/default.png">
|
<img class="osaka" alt="osaka :3" src="/src/img/default.webp">
|
||||||
<div class="about-top-text">
|
<div class="about-top-text">
|
||||||
<p>Guams</p>
|
<p>Guams</p>
|
||||||
<p>21 years old</p>
|
<p>21 years old</p>
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
<html lang="fr" id="html">
|
<html lang="fr" id="html">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8"/>
|
<meta charset="UTF-8"/>
|
||||||
<link rel="icon" href="/icon.png"/>
|
<link rel="icon" href="/icon.webp"/>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap" rel="stylesheet">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||||
<title>My projects</title>
|
<title>My projects</title>
|
||||||
@ -28,7 +28,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="window-border">
|
<div class="window-border">
|
||||||
<div class="banner-div window-border">
|
<div class="banner-div window-border">
|
||||||
<img id="banner" alt="profile banner" src="/src/img/banner_about.png">
|
<img id="banner" alt="profile banner" src="/src/img/banner_about.webp">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content window-border">
|
<div class="content window-border">
|
||||||
@ -74,7 +74,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div id="about-me-content">
|
<div id="about-me-content">
|
||||||
<div class="about-top">
|
<div class="about-top">
|
||||||
<img class="osaka" alt="osaka :3" src="/src/img/default.png">
|
<img class="osaka" alt="osaka :3" src="/src/img/default.webp">
|
||||||
<div class="about-top-text">
|
<div class="about-top-text">
|
||||||
<p>Guams</p>
|
<p>Guams</p>
|
||||||
<p>21 years old</p>
|
<p>21 years old</p>
|
||||||
@ -105,7 +105,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-content">
|
<div class="project-content">
|
||||||
<img class="project-top" alt="screen of my gitea" src="/src/img/gitea.png">
|
<img class="project-top" alt="screen of my gitea" src="/src/img/gitea.webp">
|
||||||
<div class="text status">
|
<div class="text status">
|
||||||
<u><p class="text">Summary :</p></u>
|
<u><p class="text">Summary :</p></u>
|
||||||
<p class="text">This is my own Gitea instance where I share my projects.</p>
|
<p class="text">This is my own Gitea instance where I share my projects.</p>
|
||||||
@ -128,7 +128,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-content">
|
<div class="project-content">
|
||||||
<img class="project-top" alt="screen of abonentendeur" src="/src/img/abonentendeur.png">
|
<img class="project-top" alt="screen of abonentendeur" src="/src/img/abonentendeur.webp">
|
||||||
<div class="text status">
|
<div class="text status">
|
||||||
<u><p class="text">Summary :</p></u>
|
<u><p class="text">Summary :</p></u>
|
||||||
<p class="text">This is my <a href="https://abonentendeur.guams.fr" target="_blank" class="hypertext-link">blog</a> where I share my thoughts on the works I play or read.</p>
|
<p class="text">This is my <a href="https://abonentendeur.guams.fr" target="_blank" class="hypertext-link">blog</a> where I share my thoughts on the works I play or read.</p>
|
||||||
|
BIN
public/icon.png
Before Width: | Height: | Size: 218 KiB |
BIN
public/icon.webp
Normal file
After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 1.5 MiB |
BIN
src/img/abonentendeur.webp
Normal file
After Width: | Height: | Size: 97 KiB |
Before Width: | Height: | Size: 244 KiB |
BIN
src/img/banner_about.webp
Normal file
After Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 236 KiB |
BIN
src/img/banner_home.webp
Normal file
After Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 3.4 KiB |
BIN
src/img/button.webp
Normal file
After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 389 B |
BIN
src/img/cursor.webp
Normal file
After Width: | Height: | Size: 258 B |
Before Width: | Height: | Size: 188 KiB |
BIN
src/img/default.webp
Normal file
After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 54 KiB |
BIN
src/img/gitea.webp
Normal file
After Width: | Height: | Size: 33 KiB |
Before Width: | Height: | Size: 1.8 KiB |
@ -30,7 +30,7 @@ h1 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
cursor: url('/src/img/cursor.png'), default;
|
cursor: url('/src/img/cursor.webp'), default;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|