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>

This site is open source. Improve this page.