Start of resources section with placeholders

content/resources/_index.md

@@ -0,0 +1,7 @@
+---
+title: "Resources"
+description: "A collection of useful tools, scripts, and experiments"
+draft: false
+---
+
+Welcome to my whiteboard of resources. Here you'll find various tools, scripts, and experiments I've built and wanted to share.

content/resources/lastfm-stats/index.md

@@ -0,0 +1,34 @@
+---
+title: "Last.fm Weekly Stats Script"
+date: 2026-01-04
+tags: ["javascript", "api", "last.fm"]
+description: "Fetch and display your weekly listening stats from Last.fm"
+icon: "lastfm-stats"
+demo_url: ""
+source_url: ""
+draft: false
+---
+
+A handy script for pulling your weekly listening statistics from Last.fm's API. Perfect for tracking your music habits and creating weekly listening reports.
+
+## Features
+
+- Fetches weekly top tracks from Last.fm
+- Displays track count and listening time
+- Formats data in a clean, readable format
+- Easy to integrate into blogs or dashboards
+
+## Setup
+
+1. Get your Last.fm API key from [Last.fm API](https://www.last.fm/api)
+2. Configure your username in the script
+3. Run the script to fetch your weekly stats
+
+## Output
+
+The script returns your top tracks for the week, including:
+- Track name and artist
+- Play count
+- Listening duration
+
+Great for weekly blog posts or personal music tracking!

content/resources/lavalamp/index.md

@@ -0,0 +1,27 @@
+---
+title: "HTML/CSS Lavalamp"
+date: 2026-01-04
+tags: ["css", "html", "animation"]
+description: "A pure CSS lavalamp animation with floating blobs"
+icon: "lavalamp"
+demo_url: ""
+source_url: ""
+draft: false
+---
+
+A mesmerizing lavalamp effect created entirely with HTML and CSS. Features smooth floating animations and gradient blobs that rise and fall like a classic lava lamp.
+
+## Features
+
+- Pure CSS animation (no JavaScript required)
+- Customizable colors and blob shapes
+- Smooth, organic floating motion
+- Responsive design
+
+## How It Works
+
+The animation uses CSS keyframes to create the illusion of blobs floating up and down. Multiple blob elements with different animation delays create a realistic lava lamp effect.
+
+## Usage
+
+Simply copy the HTML and CSS into your project. You can customize the colors by changing the gradient values and adjust the animation speed by modifying the animation duration.