Add pigeon of the day beside the profile photo

Renders a procedurally generated pigeon in the empty space to the right of the
avatar, linking through to pegeongen.html. The widget seeds itself from the
local calendar date, so the bird is stable for the day and the link carries
#seed=... to open the generator on that same bird.

Inline SVG rather than an iframe, so it inherits page styling and the click
reaches the wrapping link. Hidden below 900px where the profile row gets tight.
The bilingual data-en/data-zh pair sits on the label span, not the anchor,
because setLang() rewrites textContent and would otherwise wipe out the SVG.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

Author: zlyfunction

index.html

@@ -407,6 +407,53 @@
             }
         }
 
+        /* ── Pigeon of the Day ── */
+        .daily-pigeon {
+            margin-left: auto;
+            flex-shrink: 0;
+            align-self: center;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 4px;
+            padding: 10px 14px 12px;
+            border-radius: 18px;
+            text-decoration: none;
+            transition: transform 0.25s ease, background-color 0.25s ease;
+        }
+
+        .daily-pigeon:hover {
+            transform: translateY(-3px);
+            background-color: var(--color-surface-variant);
+        }
+
+        .daily-pigeon-slot {
+            display: block;
+            width: 150px;
+            height: 150px;
+        }
+
+        .daily-pigeon-slot svg {
+            display: block;
+            width: 100%;
+            height: 100%;
+        }
+
+        .daily-pigeon-label {
+            font-family: var(--font-display);
+            font-size: 12px;
+            color: var(--color-accent);
+            opacity: 0.85;
+            white-space: nowrap;
+        }
+
+        /* Below this width the profile row gets tight, then stacks at 640px. */
+        @media (max-width: 900px) {
+            .daily-pigeon {
+                display: none;
+            }
+        }
+
         .profile-info h1 {
             font-family: var(--font-display);
             font-size: 2.5rem;
@@ -1418,6 +1465,15 @@ <h1 data-en="Leyi Zhu" data-zh="朱乐宜">Leyi Zhu</h1>
                         <a href="mailto:leyi@nyu.edu" data-en="Email" data-zh="邮件">Email</a>
                     </div>
                 </div>
+                <!-- Procedurally generated pigeon, reseeded each day. The
+                     data-en/data-zh pair sits on the label span only: setLang()
+                     rewrites textContent, which would wipe out the SVG. -->
+                <a class="daily-pigeon" href="./pegeongen.html" data-daily-pigeon data-pigeon-size="150"
+                    aria-label="Pigeon of the day — open the pigeon generator">
+                    <span class="daily-pigeon-slot" data-pigeon-slot></span>
+                    <span class="daily-pigeon-label" data-en="pigeon of the day"
+                        data-zh="每日鸽子">pigeon of the day</span>
+                </a>
             </div>
         </section>
 
@@ -2012,6 +2068,7 @@ <h2 class="section-title" data-en="Miscellaneous" data-zh="其他">Miscellaneous
         </div>
     </footer>
     <script defer src="./public_html/test.js"></script>
+    <script defer src="./pigeon-widget.js"></script>
 </body>
 
 </html>