From 16e679db52d60239a9ea97936a44b8b1663a2f9b Mon Sep 17 00:00:00 2001 From: guamss Date: Thu, 4 Jun 2026 22:55:12 +0200 Subject: [PATCH] add: modal --- public/camera.jpg | Bin 0 -> 27584 bytes src/components/Layout.astro | 2 + src/components/Modal.astro | 22 +++++++++++ src/components/Nav.astro | 2 +- src/styles/global.css | 41 ++++++++++++++------ src/styles/index.css | 2 +- src/styles/modal.css | 75 ++++++++++++++++++++++++++++++++++++ 7 files changed, 130 insertions(+), 14 deletions(-) create mode 100644 public/camera.jpg create mode 100644 src/components/Modal.astro create mode 100644 src/styles/modal.css diff --git a/public/camera.jpg b/public/camera.jpg new file mode 100644 index 0000000000000000000000000000000000000000..795cc7cd789438019bd8dccdda5ea50fe442cdce GIT binary patch literal 27584 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 literal 0 HcmV?d00001 diff --git a/src/components/Layout.astro b/src/components/Layout.astro index 74fc07c..2d8cc68 100644 --- a/src/components/Layout.astro +++ b/src/components/Layout.astro @@ -1,6 +1,7 @@ --- import Font from "astro/components/Font.astro"; import Nav from "./Nav.astro"; +import Modal from "./Modal.astro"; --- @@ -25,5 +26,6 @@ import Nav from "./Nav.astro"; sur cet album photo. + diff --git a/src/components/Modal.astro b/src/components/Modal.astro new file mode 100644 index 0000000..95d958b --- /dev/null +++ b/src/components/Modal.astro @@ -0,0 +1,22 @@ +--- +import "../styles/modal.css"; +--- + + +

À propos de cet album

+

C'est mon album photo !

+

+ Dans cet album je montre les photos type vintage. On peut y + voir des photos de sortie entre amis, de vacances, d'un arbre, un peu de + n'importe quoi. Le but est principalement de répertorier des souvenirs dans + cet album photo. Vous trouverez sous (presque) chaque image une description + du contexte de la photo. +

+ +

+ Si vous cherchez à acheter le même appareil que le mien, voici la référence + : Canon Digital IXUS V +

+ Mon appareil photo + +
diff --git a/src/components/Nav.astro b/src/components/Nav.astro index 6df2435..c4049d6 100644 --- a/src/components/Nav.astro +++ b/src/components/Nav.astro @@ -2,7 +2,7 @@

Mon album photo

- diff --git a/src/styles/global.css b/src/styles/global.css index 7dd2b7a..793120d 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -9,6 +9,17 @@ box-sizing: border-box; } +button { + background-color: transparent; + border: none; + margin: 0; + padding: 0; + text-align: inherit; + font: inherit; + border-radius: 0; + appearance: none; +} + html, body { color: var(--font-color); @@ -30,21 +41,10 @@ body { display: flex; align-items: baseline; justify-content: space-between; - border-radius: 2rem; + border-radius: 8px; margin: 2rem 0; background-color: var(--secondary-background-color); - > button { - background-color: transparent; - border: none; - margin: 0; - padding: 0; - text-align: inherit; - font: inherit; - border-radius: 0; - appearance: none; - } - > a, button { padding: 0 1rem; @@ -65,6 +65,23 @@ body { margin: 4rem; } } + + > dialog button { + align-self: flex-end; + border-radius: 8px; + color: var(--primary-background-color); + background-color: var(--font-color); + padding: 0.8rem 1.2rem; + text-decoration: none; + transition: 0.2s; + + &:hover { + scale: 1.02; + cursor: pointer; + background-color: var(--font-hover); + color: var(--secondary-background-color); + } + } } @media screen and (max-width: 450px) { diff --git a/src/styles/index.css b/src/styles/index.css index 1ee99ef..9d25797 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -6,7 +6,7 @@ main { grid-template-columns: repeat(3, 1fr); gap: 1rem; - a img { + > a img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; diff --git a/src/styles/modal.css b/src/styles/modal.css new file mode 100644 index 0000000..a5e08e9 --- /dev/null +++ b/src/styles/modal.css @@ -0,0 +1,75 @@ +@keyframes slideUp { + from { + transform: translateY(500px); + opacity: 0; + } + to { + transform: translateY(0); + opacity: 1; + } +} + +dialog { + max-width: 30%; + display: flex; + flex-direction: column; + gap: 1rem; + color: var(--font-color); + border-radius: 1rem; + background-color: var(--secondary-background-color); + border: 3px solid var(--font-color); + transition: + opacity 0.5s, + display 0.5s allow-discrete, + overlay 0.5s allow-discrete; + + > p span { + font-weight: bold; + font-style: italic; + } + + > img { + width: 100%; + } +} + +dialog::backdrop { + backdrop-filter: blur(0.25rem); + transition: + background-color 0.4s, + backdrop-filter 0.4s, + display 0.4s allow-discrete, + overlay 0.4s allow-discrete; +} + +@starting-style { + dialog[open]::backdrop { + background-color: transparent; + backdrop-filter: blur(0); + } +} + +dialog { + display: none; +} + +dialog[open] { + display: flex; + animation: slideUp 0.4s ease-out forwards; +} + +h1 { + margin: 0; +} + +@media screen and (min-width: 900px) and (max-width: 1200px) { + dialog { + max-width: 45%; + } +} + +@media screen and (max-width: 900px) { + dialog { + max-width: 60%; + } +}