Guams/my_photo_album
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add: icon

Browse Source
This commit is contained in:
guamss 2026-06-04 23:27:06 +02:00
parent 16e679db52
commit 28cda26023
7 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 655 B

9
public/favicon.svg
View File

@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
<path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
<style>
path { fill: #000; }
@media (prefers-color-scheme: dark) {
path { fill: #FFF; }
}
</style>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 749 B

BIN
public/logo.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB

8
src/components/Layout.astro
View File

@ -9,8 +9,12 @@ import Modal from "./Modal.astro";
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <meta content="Album" property="og:title" />
<link rel="icon" href="/favicon.ico" /> <meta content="Here's my photo album :)" property="og:description" />
<meta content="https://myalbum.guams.fr" property="og:url" />
<meta content="https://myalbum.guams.fr/icon.webp" property="og:image" />
<meta content="#EF88AD" data-react-helmet="true" name="theme-color" />
<link rel="icon" type="image/png+xml" href="/logo.webp" />
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<Font cssVariable="--font-atkinson" /> <Font cssVariable="--font-atkinson" />
<title>Album</title> <title>Album</title>

1
src/components/Modal.astro
View File

@ -12,7 +12,6 @@ import "../styles/modal.css";
cet album photo. Vous trouverez sous (presque) chaque image une description cet album photo. Vous trouverez sous (presque) chaque image une description
du contexte de la photo. du contexte de la photo.
</p> </p>
<p> <p>
Si vous cherchez à acheter le même appareil que le mien, voici la référence Si vous cherchez à acheter le même appareil que le mien, voici la référence
: <span>Canon Digital IXUS V</span> : <span>Canon Digital IXUS V</span>

8
src/styles/global.css
View File

@ -9,6 +9,10 @@
box-sizing: border-box; box-sizing: border-box;
} }
p {
font-size: 18px;
}
button { button {
background-color: transparent; background-color: transparent;
border: none; border: none;
@ -85,6 +89,10 @@ body {
} }
@media screen and (max-width: 450px) { @media screen and (max-width: 450px) {
p {
font-size: 16px;
}
body div { body div {
> header nav { > header nav {
flex-direction: column; flex-direction: column;

4
src/styles/modal.css
View File

@ -62,6 +62,10 @@ h1 {
margin: 0; margin: 0;
} }
p {
font-size: 16px;
}
@media screen and (min-width: 900px) and (max-width: 1200px) { @media screen and (min-width: 900px) and (max-width: 1200px) {
dialog { dialog {
max-width: 45%; max-width: 45%;