Copy and paste this script tag on your website:
<!-- NLA Gaming License Seal -->
<div data-nla-seal-id="YOUR_SEAL_ID"></div>
<script src="https://gaming.nla.gov.lr/SealScript" async defer></script>// Replace YOUR_SEAL_ID with your actual seal ID from the license
// Position options: bottom-right, bottom-left, top-right, top-left
(function() {
// NLA Gaming License Seal Script
// This script creates a verified seal badge for licensed operators
// Find the seal container element
const sealElement = document.querySelector('[data-nla-seal-id]');
if (!sealElement) {
console.error('NLA Seal: No element with data-nla-seal-id found');
return;
}
const sealId = sealElement.getAttribute('data-nla-seal-id');
const position = sealElement.getAttribute('data-position') || 'bottom-right';
if (!sealId) {
console.error('NLA Seal: No seal ID provided');
return;
}
// Create seal container
const sealContainer = document.createElement('div');
sealContainer.id = 'nla-seal-container';
sealContainer.style.cssText = `
position: fixed;
z-index: 999999;
${position.includes('bottom') ? 'bottom: 20px;' : 'top: 20px;'}
${position.includes('right') ? 'right: 20px;' : 'left: 20px;'}
`;
// Create seal badge
sealContainer.innerHTML = `
<a href="https://gaming.nla.gov.lr" target="_blank" id="nla-seal-badge" style="
background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
border-radius: 10px;
padding: 10px 14px;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
cursor: pointer;
transition: all 0.2s;
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
border: 2px solid #166534;
" onmouseover="this.style.transform='scale(1.05)'; this.style.boxShadow='0 6px 16px rgba(0,0,0,0.25)'" onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.2)'">
<img src="https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/public/base44-prod/public/858b6ae92_NLAA.jpg" alt="NLA Logo" style="height: 36px; width: 36px; object-fit: contain; border-radius: 4px; background: white; padding: 2px;" />
<div style="color: white; font-family: system-ui, -apple-system, sans-serif;">
<div style="font-size: 10px; opacity: 0.95; font-weight: 500;">✓ Licensed by</div>
<div style="font-size: 14px; font-weight: 700; letter-spacing: 0.3px;">NLA Liberia</div>
</div>
</a>
<div id="nla-seal-details" style="
display: none;
position: absolute;
${position.includes('bottom') ? 'bottom: 70px;' : 'top: 70px;'}
${position.includes('right') ? 'right: 0;' : 'left: 0;'}
background: white;
border-radius: 12px;
padding: 16px;
box-shadow: 0 8px 24px rgba(0,0,0,0.2);
min-width: 280px;
font-family: system-ui, -apple-system, sans-serif;
border: 2px solid #C9B896;
">
<div style="text-align: center; color: #64748b; font-size: 13px;">
Loading...
</div>
</div>
`;
// Replace the placeholder element with the seal container
sealElement.appendChild(sealContainer);
// Fetch license data
fetch(`https://gaming.nla.gov.lr/getSealData?seal_id=${sealId}`)
.then(res => res.json())
.then(data => {
const detailsDiv = document.getElementById('nla-seal-details');
if (data.success && data.license) {
const lic = data.license;
detailsDiv.innerHTML = `
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 2px solid #e2e8f0;">
<img src="https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/public/base44-prod/public/858b6ae92_NLAA.jpg" style="height: 32px; width: 32px; object-fit: contain;" />
<span style="font-weight: 700; color: #16a34a; font-size: 15px;">✓ Verified License</span>
</div>
<div style="space-y: 8px; font-size: 13px; color: #475569; line-height: 1.8;">
<div><strong style="color: #1e293b;">Company:</strong> ${lic.company_name}</div>
<div><strong style="color: #1e293b;">License #:</strong> ${lic.license_number}</div>
<div><strong style="color: #1e293b;">Type:</strong> ${lic.gaming_type.replace(/_/g, ' ')}</div>
<div><strong style="color: #1e293b;">Status:</strong> <span style="color: #16a34a; font-weight: 700; background: #dcfce7; padding: 2px 8px; border-radius: 4px;">✓ Active</span></div>
<div style="margin-top: 14px; padding-top: 14px; border-top: 1px solid #e2e8f0; text-align: center;">
<a href="https://gaming.nla.gov.lr/LicenseCertificate?id=${lic.id || ''}" target="_blank" style="display: inline-block; background: #1e3a8a; color: white; text-decoration: none; font-weight: 600; font-size: 13px; padding: 8px 16px; border-radius: 6px; transition: background 0.2s;" onmouseover="this.style.background='#1e40af'" onmouseout="this.style.background='#1e3a8a'">
View Full Certificate →
</a>
</div>
</div>
`;
} else {
detailsDiv.innerHTML = `
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="2">
<circle cx="12" cy="12" r="10"/>
<line x1="15" y1="9" x2="9" y2="15"/>
<line x1="9" y1="9" x2="15" y2="15"/>
</svg>
<span style="font-weight: 600; color: #ef4444; font-size: 14px;">Invalid License</span>
</div>
<div style="font-size: 13px; color: #64748b;">
This seal could not be verified. Please contact support.
</div>
`;
}
})
.catch(err => {
console.error('NLA Seal Error:', err);
const detailsDiv = document.getElementById('nla-seal-details');
detailsDiv.innerHTML = `
<div style="text-align: center; color: #ef4444; font-size: 13px;">
Failed to verify license
</div>
`;
});
// Toggle details on click
document.getElementById('nla-seal-badge').addEventListener('click', function(e) {
e.preventDefault();
const details = document.getElementById('nla-seal-details');
details.style.display = details.style.display === 'none' ? 'block' : 'none';
});
// Close on outside click
document.addEventListener('click', function(e) {
if (!sealContainer.contains(e.target)) {
document.getElementById('nla-seal-details').style.display = 'none';
}
});
})();
