moonlight-institute-www/governance/index.html
2026-03-29 16:52:09 +01:00

7 lines
No EOL
6.4 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><title>moonlight institute</title><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Merriweather:wght@400;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/about.VnERiBqh.css"></head> <body class="font-inter"> <header class="bg-midnight shadow-md"> <div class="container mx-auto px-4 py-4 flex justify-between items-center"> <a href="/" class="flex font-serif font-bold items-center"> <img src="/_astro/logo.B4JwDBCK_fI1oy.webp" alt="Company Logo" class="rounded-lg" width="48" height="48" loading="lazy" decoding="async"> <span class="ml-4 text-white text-2xl">moonlight institute</span> </a> <nav class="hidden md:flex space-x-6"> <a href="/about" class="text-white hover:text-moonlight-hover transition duration-150 ease-in-out"> About </a><a href="/governance" class="text-white hover:text-moonlight-hover transition duration-150 ease-in-out"> Governance </a><a href="/projects" class="text-white hover:text-moonlight-hover transition duration-150 ease-in-out"> Projects </a> </nav> <a href="/#" class="bg-moonlight-hover text-white px-4 py-2 rounded hover:bg-primary-600 transition duration-150 ease-in-out" style="display:none">
🤍 Donate
</a> </div> </header> <main> <section class="bg-slate-100 py-20"> <div class="container mx-auto px-4"> <div class="flex flex-col lg:flex-col items-center"> <div class="lg:w-2/3 lg:pr-12"> <h1 class="text-moonlight-700 text-7xl font-semibold text-center">
Governance
</h1> </div> <div class="lg:w-2/3 lg:pr-12 mt-12 text-center"> <p class="text-black text-xl mt-4"><a href="/_astro/Constitution-of-moonlight-%E2%80%A2-institute-v1.0.CLKNCUZc.pdf" class="underline text-moonlight-700">Constitution</a></p> <p class="text-black text-xl mt-4"><a href="/_astro/Bylaws-of-moonlight-%E2%80%A2-institute-v1.1.BDHBI3Z6.pdf" class="underline text-moonlight-700">Bylaws</a></p> </div> </div> </div></section> </main> <footer class="bg-gray-900 text-white py-12"> <div class="container mx-auto px-4"> <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8"> <div> <img src="/_astro/logo.B4JwDBCK_fI1oy.webp" alt="Company Logo Image" class="rounded-lg" width="48" height="48" loading="lazy" decoding="async"> <p class="font-serif font-bold pt-2 text-xl">moonlight institute</p> <p class="text-sm pt-2">illuminating pathways to a sustainable, equitable, and just world for generations to come</p> <p class="text-sm pt-2 mt-6 text-gray-300">moonlight institute is a Canadian federally regulated non-profit corporation headquartered on the unceded territory of the ɬəʔamɛn (Tlaamin Nation)</p> <p class="text-sm pt-2 mt-6 text-gray-300"><span class="font-bold">Contact Us</span><br><a class="underline" href="mailto:info@moonlightinstitute.org">info@moonlightinstitute.org</a><br>11 Laniakea Crescent, Lasqueti Island, BC V0R 2J0<br>+1 (604) 800-5640</p> </div> <div> <h3 class="text-lg font-semibold mb-4">Quick Links</h3> <ul class="space-y-2"> <li> <a href="/" class="text-sm hover:text-primary-300">Home</a> </li><li> <a href="/about" class="text-sm hover:text-primary-300">About</a> </li><li> <a href="/governance" class="text-sm hover:text-primary-300">Governance</a> </li><li> <a href="/projects" class="text-sm hover:text-primary-300">Projects</a> </li><li> <a href="mailto:info@moonlightinstitute.org" class="text-sm hover:text-primary-300">Contact Us</a> </li><li> <a href="#" class="text-sm hover:text-primary-300" style="display:none">Donate</a> </li> </ul> </div> <div style="display:none"> <h3 class="text-lg font-semibold mb-4">Stay Connected</h3> <p class="text-sm mb-4">Subscribe to our newsletter for updates</p> <form class="flex"> <input type="email" placeholder="Your email" class="flex-grow rounded-l-md px-4 py-2 text-gray-900 focus:outline-none focus:ring-2 focus:ring-primary-500"> <button type="submit" class="bg-moonlight-500 text-white px-4 py-2 rounded-r-md hover:bg-moonlight-300 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2">
Subscribe
</button> </form> </div> </div> <div class="border-t border-gray-700 pt-8 flex flex-col md:flex-row justify-between items-center"> <p class="text-sm mb-4 md:mb-0">&copy; 2025 moonlight institute. All rights reserved.</p> <div class="flex space-x-4"> <a href="https://www.instagram.com/moonlight.institute/" target="_blank" rel="noopener noreferrer" class="text-moonlight-100 hover:text-white"> <span class="sr-only">Instagram</span> <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path d="M 8 3 C 5.239 3 3 5.239 3 8 L 3 16 C 3 18.761 5.239 21 8 21 L 16 21 C 18.761 21 21 18.761 21 16 L 21 8 C 21 5.239 18.761 3 16 3 L 8 3 z M 18 5 C 18.552 5 19 5.448 19 6 C 19 6.552 18.552 7 18 7 C 17.448 7 17 6.552 17 6 C 17 5.448 17.448 5 18 5 z M 12 7 C 14.761 7 17 9.239 17 12 C 17 14.761 14.761 17 12 17 C 9.239 17 7 14.761 7 12 C 7 9.239 9.239 7 12 7 z M 12 9 A 3 3 0 0 0 9 12 A 3 3 0 0 0 12 15 A 3 3 0 0 0 15 12 A 3 3 0 0 0 12 9 z"></path> </svg> </a> <a href="https://twitter.com/moonlight_inst" target="_blank" rel="noopener noreferrer" class="text-moonlight-100 hover:text-white"> <span class="sr-only">Twitter</span> <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path> </svg> </a> <a href="https://www.facebook.com/moonlightinstitute" target="_blank" rel="noopener noreferrer" class="text-moonlight-100 hover:text-white"> <span class="sr-only">Facebook</span> <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path d="M12,2C6.477,2,2,6.477,2,12c0,5.013,3.693,9.153,8.505,9.876V14.65H8.031v-2.629h2.474v-1.749 c0-2.896,1.411-4.167,3.818-4.167c1.153,0,1.762,0.085,2.051,0.124v2.294h-1.642c-1.022,0-1.379,0.969-1.379,2.061v1.437h2.995 l-0.406,2.629h-2.588v7.247C18.235,21.236,22,17.062,22,12C22,6.477,17.523,2,12,2z"></path> </svg> </a> </div> </div> </div> </footer> </body></html>