dickiethinking's picture
This is a false accusers Register, When women who make false accusations of Domestic violence or Abuse Can be identified and their social media linked in order to protect other would be victims of their lies, this is akin to the sex offenders register As the general public have the right to be informed when somebody is a dangerous False accuser and vexatious litigant
f308503 verified
class CustomFooter extends HTMLElement {
connectedCallback() {
this.attachShadow({ mode: 'open' });
this.shadowRoot.innerHTML = `
<style>
.footer-link:hover {
color: #f43f5e;
}
</style>
<footer class="bg-gray-800 border-t border-gray-700 mt-12">
<div class="container mx-auto px-4 py-8">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<div>
<div class="flex items-center mb-4">
<div class="w-8 h-8 rounded-full bg-red-500 flex items-center justify-center text-white mr-2">
<i data-feather="alert-triangle"></i>
</div>
<span class="text-xl font-bold text-white">False Accuser Alerts</span>
</div>
<p class="text-gray-400 text-sm">
A public registry to protect innocent individuals from false accusations.
</p>
</div>
<div>
<h3 class="text-white font-semibold mb-4">Navigation</h3>
<ul class="space-y-2">
<li><a href="/" class="text-gray-400 hover:text-white footer-link text-sm">Home</a></li>
<li><a href="/cases" class="text-gray-400 hover:text-white footer-link text-sm">Case Database</a></li>
<li><a href="/report" class="text-gray-400 hover:text-white footer-link text-sm">Report an Accuser</a></li>
<li><a href="/resources" class="text-gray-400 hover:text-white footer-link text-sm">Legal Resources</a></li>
</ul>
</div>
<div>
<h3 class="text-white font-semibold mb-4">Legal</h3>
<ul class="space-y-2">
<li><a href="/disclaimer" class="text-gray-400 hover:text-white footer-link text-sm">Disclaimer</a></li>
<li><a href="/privacy" class="text-gray-400 hover:text-white footer-link text-sm">Privacy Policy</a></li>
<li><a href="/terms" class="text-gray-400 hover:text-white footer-link text-sm">Terms of Use</a></li>
</ul>
</div>
<div>
<h3 class="text-white font-semibold mb-4">Connect</h3>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white" data-tooltip="Twitter">
<i data-feather="twitter"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white" data-tooltip="Facebook">
<i data-feather="facebook"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white" data-tooltip="Telegram">
<i data-feather="send"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white" data-tooltip="Email">
<i data-feather="mail"></i>
</a>
</div>
<p class="text-gray-400 text-sm mt-4">
Need help? <a href="/contact" class="text-secondary hover:text-rose-400">Contact us</a>
</p>
</div>
</div>
<div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400 text-sm">
<p>&copy; ${new Date().getFullYear()} False Accuser Alerts Registry. All rights reserved.</p>
<p class="mt-2">This registry is for informational purposes only. Verify all information independently.</p>
</div>
</div>
</footer>
`;
}
}
customElements.define('custom-footer', CustomFooter);