A personal link hub for miikkis with a minimal black-and-white design.
- Soft radial spotlight glow that drifts gently with mouse-parallax
- Noise texture overlay for added depth and visual interest
- Live Helsinki clock, ticking every second
- Location line showing the last place miikkis arrived at and when (
📍 place · D.M.), updated automatically via an iPhone Shortcuts → Apps Script pipeline, with a small (i) icon — click or hover for an explanation. Hidden if the last update is over 7 days old - Smooth fade-in entrance animation
On wider screens the columns run horizontally in the order Links, Updates, Playlists (with YouTube channels below); on mobile they stack in that order.
Updates — a self-hosted micro-feed of short posts, sourced live from a published Google Sheet (columns: date, text, image). Rendered as tweet-style cards, newest first, capped at 8, with a "Loading…" placeholder until the sheet responds. To post, add a row to the sheet — no code changes needed. Dates accept YYYY-MM-DD or D.M.YYYY. A leading > in the text renders the post as a styled blockquote, and literal newlines in the cell render as line breaks. image can carry an optional photo, or a YouTube link that renders as a clickable video thumbnail, shown below the post text (a post can also be media only). Clicking a photo opens it enlarged in a lightbox; video thumbnails link straight to YouTube.
Links — three flat, bordered link cards:
- Spotify
- Suno
Each card features the service's official logo in its original brand color, a sliding arrow reveal on hover, and staggered entrance animations.
Electricity — below the links, a card with the current Finnish spot price (c/kWh incl. VAT) and a chart of today and tomorrow in 15-minute steps, from spot-hinta.fi. Hover, touch or use the arrow keys to read any slot; a table view lists all of them. The card is in Finnish. A Pörssi / Kokonaishinta (spot / all-in) switch adds the chosen network company's transfer price and electricity tax (pick from eight companies; basic fee shown as a note).
Playlists — embedded Spotify players (newest playlist first), so visitors can preview and play tracks without leaving the page.
YouTube — below the playlists, a compact list of YouTube channels miikkis watches, each linking to the channel.
Copyright text, hidden until hovered.
- Minimal flat design with subtle borders, no heavy blur or glow effects
- Smooth animations including entrance transitions and interactive hover effects
- Responsive layout adapting seamlessly to mobile, tablet, and desktop screens
- Accessibility support with keyboard focus states, reduced motion preferences (disables mouse-parallax too), and high contrast mode
- Inter typography for a clean, modern look