Fixes to strange bars on mobile, and addition of server which currently powers a new Last.FM-based music tracker.

src/server.ts

@@ -0,0 +1,48 @@
+import { Elysia, t } from 'elysia';
+import { staticPlugin } from '@elysiajs/static';
+
+const app = new Elysia()
+  .use(staticPlugin({
+    assets: 'dist',
+    prefix: ''
+  }))
+  .get('/api/last-song', async () => {
+    const apiKey = Bun.env.LASTFM_API_KEY;
+    const username = Bun.env.LASTFM_USERNAME;
+
+    if (!apiKey || !username) {
+      return new Response(
+        JSON.stringify({ error: 'Last.fm API key or username not configured' }),
+        { status: 500, headers: { 'Content-Type': 'application/json' } }
+      );
+    }
+
+    const url = `https://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=${username}&api_key=${apiKey}&format=json&limit=1`;
+
+    try {
+      const response = await fetch(url);
+      const data = await response.json();
+      const track = data.recenttracks.track[0];
+      return {
+        name: track.name,
+        artist: track.artist['#text'],
+        album: track.album['#text'],
+        url: track.url,
+        nowPlaying: track['@attr']?.nowplaying === 'true',
+        image: track.image || [],
+      };
+    } catch (error) {
+      console.error('Error fetching from Last.fm:', error);
+      return new Response(JSON.stringify({ error: 'Failed to fetch last song' }), {
+        status: 500,
+        headers: { 'Content-Type': 'application/json' },
+      });
+    }
+  })
+  .listen(3000);
+
+console.log(
+  `🦊 Elysia is running at http://${app.server?.hostname}:${app.server?.port}`
+);
+
+export type App = typeof app;