From d1b789ca44afb0835957e9ee34815b32b8ef40a7 Mon Sep 17 00:00:00 2001
From: 2jun0 <soo28819@gmail.com>
Date: Sat, 13 Jul 2024 03:24:04 +0900
Subject: [PATCH] chore: update preview

---
 static/preview.html | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/static/preview.html b/static/preview.html
index 470ac53..dd48e10 100644
--- a/static/preview.html
+++ b/static/preview.html
@@ -33,11 +33,12 @@
         const username = formData.get("username");
         const width = formData.get("width");
         const height = formData.get("height");
+        const background = formData.get("background");
 
         if (username !== "") {
           preview.classList.remove("hidden");
 
-          const svgUrl = `https://gitpokecol.org/pokemons/${username}?face=${moving}&width=${width}&height=${height}`;
+          const svgUrl = `https://gitpokecol.org/pokemons/${username}?face=${moving}&width=${width}&height=${height}&background=${background}`;
           previewImg.src = svgUrl;
           previewUrl.textContent = `<a href="https://github.com/2jun0/github-pokemon-collection">
     <img src="${svgUrl}" alt="${username}'s GitHub Pokemon Collection"/>
@@ -87,6 +88,19 @@ <h2>Github Pokemon Collection Preivew</h2>
         Username:
         <input type="text" name="username" placeholder="github username" />
       </div>
+      <div>
+        Background:
+        <select name="background">
+          <option value="none">None</option>
+          <option value="abyss">Abyss</option>
+          <option value="badlands">Badlands</option>
+          <option value="beach">Beach</option>
+          <option value="cave">Cave</option>
+          <option value="desert">Desert</option>
+          <option value="normal">Normal</option>
+          <option value="plain">Plain</option>
+        </select>
+      </div>
       <button type="submit">Preview</button>
     </form>
     <div id="preview" class="hidden">