Use single wedding illustration

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`
+- Upload page illustration: `src/public/wedding-illustration.png`
-- Optional thank-you illustration: `src/public/wedding-thanks-couple.png`
 
 Each request creates its own folder under the upload directory.

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__art {
-.poster__portrait,
-.poster__couple {
-  position: relative;
-  display: block;
-}
-
-.poster__gate {
   position: absolute;
-  inset: 0 50% 0 auto;
+  inset: 0;
-  z-index: 3;
+  display: block;
-  width: 103%;
+  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%;

src/public/upload.html

@@ -10,10 +10,7 @@
   <main class="upload-page">
     <section class="wedding-card" aria-labelledby="archive-title">
       <div class="poster">
-        <div class="poster__portrait" aria-hidden="true">
+        <img class="poster__art" src="/assets/wedding-illustration.png?v=single-illustration-1" alt="">
-          <img class="poster__couple" src="/assets/wedding-couple.png" alt="">
-        </div>
-        <img class="poster__gate" src="/assets/wedding-gate-bg.png?v=gate-sage-2" alt="">
 
         <div class="poster__plate">
           <h1 id="archive-title">{{title}}</h1>

src/server.js

@@ -168,10 +168,7 @@ function uploadResultPage(request, { heading, message, isError = false }) {
   <main class="upload-page">
     <section class="wedding-card" aria-labelledby="archive-title">
       <div class="poster">
-        <div class="poster__portrait" aria-hidden="true">
+        <img class="poster__art" src="/assets/wedding-illustration.png?v=single-illustration-1" alt="">
-          <img class="poster__couple" src="/assets/wedding-couple.png" alt="">
-        </div>
-        <img class="poster__gate" src="/assets/wedding-gate-bg.png?v=gate-sage-2" alt="">
         <div class="poster__plate">
           <h1 id="archive-title">${title}</h1>
           <p class="poster__date">2026.05.24 SUN</p>