🇱🇰 Sri Lanka Relief Widget

A lightweight, zero-dependency JavaScript widget to display disaster-relief and donation prompts on any website.
Designed for Sinhala & English, fully responsive, and CDN-ready.

Supports multiple visual layouts (variants) that can be embedded anywhere on your site with a single script.

🔗 Live Demo:
https://kjeymax.github.io/sri-lanka-relief-widget/demo/demo.html

---

✨ Features

• ✅ Popup Modal (with floating trigger)
• ✅ Floating Action Button
• ✅ Sticky Header Banner
• ✅ Snackbar Notification
• ✅ Navigation Bar Banner
• ✅ In-Feed Content Card
• ✅ Mobile responsive
• ✅ Sinhala + English friendly
• ✅ No dependencies (Pure JavaScript)
• ✅ CDN ready via jsDelivr
• ✅ Custom placement & target selector
• ✅ Clean UI with modern animations
• ✅ Works with WordPress, Blogger, React, and plain HTML
• ✅ Compatible with GitHub Pages

---

🌍 Language Versions (CDN)

Choose the script based on your language requirement:

✅ Sinhala Version

<script src="https://cdn.jsdelivr.net/gh/kjeymax/sri-lanka-relief-widget@main/slrw-v.2.js"></script>

✅ English Version

<script src="https://cdn.jsdelivr.net/gh/kjeymax/sri-lanka-relief-widget@main/slrw-english-v.2.js"></script>

📦 Configuration Guide

<script>
  window.HSL_CONFIG = {
    variant: "popup",
    placement: "bottom-right",
    modal_title: "Your Title",
    modal_body: "Your description text.",
    target_selector: null
  };
</script>