diff --git a/README.md b/README.md index 5d4ab87..961084e 100644 --- a/README.md +++ b/README.md @@ -34,7 +34,6 @@ The server cron runs this once per minute. - Uploads: `/volume2/AKA Drive/사진 받기` - Upload page template: `src/public/upload.html` - Upload page style: `src/public/upload.css` -- Upload page images: `src/public/wedding-gate-bg.png`, `src/public/wedding-couple.png` -- Optional thank-you illustration: `src/public/wedding-thanks-couple.png` +- Upload page illustration: `src/public/wedding-illustration.png` Each request creates its own folder under the upload directory. diff --git a/src/public/upload.css b/src/public/upload.css index 1199977..4e73a5e 100644 --- a/src/public/upload.css +++ b/src/public/upload.css @@ -40,7 +40,7 @@ body { position: relative; width: 100%; margin: 0 auto; - aspect-ratio: 390 / 545; + aspect-ratio: 538 / 795; overflow: hidden; padding: 0; } @@ -49,48 +49,15 @@ body { content: none; } -.poster__gate, -.poster__portrait, -.poster__couple { - position: relative; - display: block; -} - -.poster__gate { +.poster__art { position: absolute; - inset: 0 50% 0 auto; - z-index: 3; - width: 103%; + inset: 0; + display: block; + z-index: 1; + width: 100%; height: 100%; - max-width: none; object-fit: contain; object-position: center top; - transform: translateX(50%); - opacity: 1; - filter: none; -} - -.poster__portrait { - position: absolute; - z-index: 2; - left: 24.5%; - right: 24.5%; - top: 18.4%; - bottom: 27%; - overflow: hidden; - background: transparent; - border-radius: 0; -} - -.poster__couple { - position: absolute; - left: 52%; - top: 9%; - width: 132%; - height: auto; - max-width: none; - transform: translateX(-50%); - filter: none; } .poster__plate { @@ -402,31 +369,13 @@ h1 { .poster { width: 100%; padding: 0; - aspect-ratio: 390 / 545; + aspect-ratio: 538 / 795; } .poster::before { content: none; } - .poster__gate { - width: 103%; - opacity: 1; - } - - .poster__portrait { - left: 24.5%; - right: 24.5%; - top: 18.4%; - bottom: 27%; - } - - .poster__couple { - top: 9%; - left: 52%; - width: 132%; - } - .poster__plate { left: 8%; right: 8%; diff --git a/src/public/upload.html b/src/public/upload.html index 5e9b1b0..e3f2e4e 100644 --- a/src/public/upload.html +++ b/src/public/upload.html @@ -10,10 +10,7 @@
- - +

{{title}}

diff --git a/src/public/wedding-couple.png b/src/public/wedding-couple.png deleted file mode 100644 index ac5f991..0000000 Binary files a/src/public/wedding-couple.png and /dev/null differ diff --git a/src/public/wedding-gate-bg.png b/src/public/wedding-gate-bg.png deleted file mode 100644 index db657da..0000000 Binary files a/src/public/wedding-gate-bg.png and /dev/null differ diff --git a/src/public/wedding-illustration.png b/src/public/wedding-illustration.png new file mode 100644 index 0000000..c9b676c Binary files /dev/null and b/src/public/wedding-illustration.png differ diff --git a/src/public/wedding-thanks-couple.png b/src/public/wedding-thanks-couple.png deleted file mode 100644 index 85d2b73..0000000 Binary files a/src/public/wedding-thanks-couple.png and /dev/null differ diff --git a/src/server.js b/src/server.js index cdbc4f7..705bc10 100644 --- a/src/server.js +++ b/src/server.js @@ -168,10 +168,7 @@ function uploadResultPage(request, { heading, message, isError = false }) {
- - +

${title}

2026.05.24 SUN