🎨 AniList SVG Stats Card

Generate a dynamic, themeable, and self-contained SVG card of your AniList stats, perfect for your GitHub profile README!

---

✨ Main Features

• 🎨 Highly Customizable: Change colors, size, title, and row count directly via the URL.
• 🖼️ Poster Images Inlined: All poster images are embedded as Base64, making the SVG self-contained. No more proxy blocking (e.g., GitHub Camo).
• 🚀 Fast & Efficient: Runs on Netlify Edge Functions with smart caching for maximum performance.
• 📊 Informative Display: Shows your Watching, Completed, and Planning lists in a clear, easy-to-read table format.
• ✨ Modern Design: Clean and professional look, ready to enhance your profile.

---

🚀 Live Demo & Usage Example

Use the URL https://kenndeclouv.netlify.app/animelist and add parameters as needed.

Preview	Markdown Code to Use
Default Theme	
Dracula	
Tokyo Night	
Nord	
Gruvbox Dark	
Solarized Light	
Monokai	
One Dark	
Material Oceanic	
Compact Light	

---

⚙️ Customization Parameters

All customization is done via query parameters. Colors use hex values (without #).

Parameter	Description	Default
username	AniList username.	kenndeclouv
layout	layout type (list/grid)	list
title	Custom card title.	<username>'s AniList
maxRows	Max anime per category.	5
width	Total SVG card width (in px).	560
bgColor	Main background color.	23272e
primaryColor	Primary accent color (title, etc).	49ACD2
accentColor	Left bar accent color.	49ACD2
textColor	Secondary text color.	abb2bf
sectionBg	Category header background.	23272e
posterBg	Row background accent color.	49ACD2
rowHeight	Anime row height (in px).	56
headerHeight	Category header height (in px).	38
headerFontSize	Category header font size.	18
titleFontSize	Main title font size.	28
titleMargin	Top margin for main title.	32
sectionGap	Gap between categories (in px).	18
bgImage	Background image URL (will be inlined as base64, overrides bgColor).	(none)
useTableHeader	Show table column headers in list layout (true/false).	true

---

🛠️ Local Development

Requirements:

• Node.js v18+
• Netlify CLI

1. Install dependencies:

   npm install

2. Run local server:

   netlify dev

   The server will run at http://localhost:8888. You can access the endpoint at http://localhost:8888/animelist?username=...

---

🚀 Deploy

This project is configured for automatic deployment on Netlify. Just push to the main branch of your GitHub repo. Make sure your netlify.toml is correct.