moonlight-institute-www/governance/index.html

7 lines
6.4 KiB
HTML
Raw Normal View History

<!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>