web/choose.js

@@ -55,17 +55,6 @@ function main() {
     selectedPhotos[0].click()
 }
 
-function moveToNextSlot() {
-    /** @type HTMLCollectionOf<HTMLImageElement> */
-    const selectedPhotos = selectedPhotosDiv.getElementsByTagName("img")
-    for (const img of selectedPhotos) {
-        if(img.src.endsWith("stock.svg")) {
-            img.click()
-            return
-        }
-    }
-}
-
 function loadAlbums() {
     (async () => {
         try {
@@ -126,7 +115,6 @@ function loadPhotos() {
             for(const photo of photoImgs) {
                 photo.onclick = () => {
                     selectedPhotoImg.src = photo.src
-                    moveToNextSlot()
                 }
             }
         } catch(e) {

web/index.css

@@ -10,7 +10,6 @@
     justify-content: space-around;
     flex-direction: column;
     flex: 25%;
-    overflow: scroll;
 }
 .imagebox {
     padding: 2rem;
@@ -45,8 +44,8 @@
 }
 
 .template {
-    width: 6rem;
+    width: 100px;
-    height: 6rem;
+    height: 100px;
 }
 
 .template-selected {
@@ -115,13 +114,3 @@
     grid-template-areas:
     "A B C D"
 }
-
-.one-three-topbottom {
-    display: grid;
-    grid-template-areas:
-    "A  A  A"
-    "B  C  D"
-}
-.one-three-topbottom .img1 {
-    grid-area: A
-}

web/index.html

@@ -26,9 +26,6 @@
                     </select>
                 </label>
 
-                <button id="snapper" class="showbuton">Snap Collage</button>
-                <p><a href="" target="_blank" id="collage-url"></a></p>
-
 
                 <ul class="templates">
                     <li>
@@ -116,35 +113,10 @@
                             <div class="img img12"></div>
                         </div>
                     </li>
-                    <li>
-                        <div class="template three-row">
-                            <div class="img img1"></div>
-                            <div class="img img2"></div>
-                            <div class="img img3"></div>
-                            <div class="img img4"></div>
-                            <div class="img img5"></div>
-                            <div class="img img6"></div>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="template two-row">
-                            <div class="img img1"></div>
-                            <div class="img img2"></div>
-                            <div class="img img3"></div>
-                            <div class="img img4"></div>
-                            <div class="img img5"></div>
-                            <div class="img img6"></div>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="template one-three-topbottom">
-                            <div class="img img1"></div>
-                            <div class="img img2"></div>
-                            <div class="img img3"></div>
-                            <div class="img img4"></div>
-                        </div>
-                    </li>
                 </ul>
+                <button id="snapper" class="showbuton">Snap Collage</button>
+                <p><a href="" target="_blank" id="collage-url"></a></p>
+
 
             </div>
             <div class="imagebox">