Update app.py

app.py

@@ -158,7 +158,131 @@ def download_image(url, save_path):
     # Fail
     log_failure(url, "All methods failed")
     return None
-
+lamp_html = """
+<style>
+  * {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+  }
+  body {
+    background-color: #D8D2C2;
+    transition: background 0.4s ease;
+  }
+  body.night {
+    background: radial-gradient(#555, #111);
+  }
+  .lamp-fixed {
+    position: fixed;
+    top: 0;
+    right: 0;
+    width: 100px;
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    z-index: 9999;
+    pointer-events: none;
+  }
+  .mount {
+    width: 30px;
+    height: 5px;
+    background: #111;
+    border-radius: 6px;
+    pointer-events: none;
+  }
+  .wire {
+    width: 4px;
+    height: 120px;
+    background: #000;
+    margin: 0;
+    pointer-events: none;
+  }
+  .blub {
+    position: relative;
+    width: 47px;
+    height: 47px;
+    background: #444;
+    border-radius: 50%;
+    cursor: pointer;
+    margin-top: -1px;
+    transition: all 0.3s ease;
+    z-index: 2;
+    pointer-events: auto;
+  }
+  .blub.night {
+    background: #ffec99;
+    box-shadow: 0 0 28px #ffec99, 0 0 56px #ffec99,
+                0 0 84px #ffec99, 0 0 168px #ffec99;
+  }
+  .blub.night::before {
+    background: #ffec99;
+  }
+  .blub.night::after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-60%, -50%);
+    width: 78px;
+    height: 78px;
+    background: #ffec99;
+    border-radius: 100%;
+    filter: blur(26px);
+    z-index: -1;
+  }
+  .blub::before {
+    content: "";
+    position: absolute;
+    top: -30px;
+    left: 11px;
+    width: 25px;
+    height: 47px;
+    background: #444;
+    border-top: 19px solid #000;
+    border-radius: 8px;
+    transition: background 0.3s ease;
+  }
+  .blub span:nth-child(1) {
+    position: absolute;
+    top: -10px;
+    left: -2px;
+    width: 20px;
+    height: 18px;
+    background: transparent;
+    transform: rotate(343deg);
+    border-bottom-right-radius: 40px;
+    box-shadow: 12px 12px 0 5px #444;
+    transition: box-shadow 0.3s ease;
+  }
+  .blub.night span:nth-child(1) {
+    box-shadow: 12px 12px 0 5px #ffec99;
+  }
+  .blub span:nth-child(2) {
+    position: absolute;
+    top: -10px;
+    right: -2px;
+    width: 20px;
+    height: 18px;
+    background: transparent;
+    transform: rotate(18deg);
+    border-bottom-left-radius: 50px;
+    box-shadow: -12px 12px 0 5px #444;
+    transition: box-shadow 0.3s ease;
+  }
+  .blub.night span:nth-child(2) {
+    box-shadow: -12px 12px 0 5px #ffec99;
+  }
+</style>
+<div class="lamp-fixed">
+  <div class="mount"></div>
+  <div class="wire"></div>
+  <div class="blub" onclick="this.classList.toggle('night'); document.body.classList.toggle('night')">
+    <span></span>
+    <span></span>
+  </div>
+</div>
+"""
 def resize_with_padding(img, target_w, target_h, fill=(255,255,255)):
     img.thumbnail((target_w, target_h), Image.LANCZOS)
     bg = Image.new("RGB", (target_w, target_h), fill)