-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 19.3 KB
/
index.html
1
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><title>Builtree</title><meta name="description" content="Generated by create next app"/><link rel="icon" href="/favicon.ico"/><meta name="next-head-count" content="5"/><link rel="preload" href="/_next/static/css/7ae430d00ff23c91.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7ae430d00ff23c91.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-69bfa6990bb9e155.js" defer=""></script><script src="/_next/static/chunks/framework-6e4ba497ae0c8a3f.js" defer=""></script><script src="/_next/static/chunks/main-101cfeaa18eb0e64.js" defer=""></script><script src="/_next/static/chunks/pages/_app-9cd1d19dd7237c4c.js" defer=""></script><script src="/_next/static/chunks/247-9f6b861a40887884.js" defer=""></script><script src="/_next/static/chunks/pages/index-db515eb42f8d831f.js" defer=""></script><script src="/_next/static/c_u7Po-9zn4oOwkE0z5lv/_buildManifest.js" defer=""></script><script src="/_next/static/c_u7Po-9zn4oOwkE0z5lv/_ssgManifest.js" defer=""></script><script src="/_next/static/c_u7Po-9zn4oOwkE0z5lv/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div><nav class="fixed top-0 z-50 w-full bg-white shadow-md px-4"><div class="flex flex-wrap justify-between items-center max-w-7xl mx-auto"><div class="relative h-24 w-24"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:absolute;top:0;left:0;bottom:0;right:0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain"/><noscript><img sizes="100vw" srcSet="https://raw.githubusercontent.com/builtree/assets/org/builtree-logo.svg?imwidth=640 640w, https://raw.githubusercontent.com/builtree/assets/org/builtree-logo.svg?imwidth=750 750w, https://raw.githubusercontent.com/builtree/assets/org/builtree-logo.svg?imwidth=828 828w, https://raw.githubusercontent.com/builtree/assets/org/builtree-logo.svg?imwidth=1080 1080w, https://raw.githubusercontent.com/builtree/assets/org/builtree-logo.svg?imwidth=1200 1200w, https://raw.githubusercontent.com/builtree/assets/org/builtree-logo.svg?imwidth=1920 1920w, https://raw.githubusercontent.com/builtree/assets/org/builtree-logo.svg?imwidth=2048 2048w, https://raw.githubusercontent.com/builtree/assets/org/builtree-logo.svg?imwidth=3840 3840w" src="https://raw.githubusercontent.com/builtree/assets/org/builtree-logo.svg?imwidth=3840" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain" loading="lazy"/></noscript></span></div><nav class="relative flex space-x-2 h-10 items-center md:order-2"><div class="relative w-8"><a target="_blank" rel="noreferrer" href="https://github.com/builtree"><svg width="28" height="28" xmlns="http://www.w3.org/2000/svg" class="fill-slate-500 hover:fill-black"><path d="M12.428.1C5.975.822.785 6.165.083 12.664-.618 19.45 3.17 25.517 8.921 27.827c.421.145.842-.144.842-.722v-2.31s-.561.144-1.262.144c-1.964 0-2.806-1.733-2.946-2.744-.14-.578-.421-1.01-.842-1.444-.421-.144-.561-.144-.561-.289 0-.289.42-.289.56-.289.843 0 1.544 1.011 1.825 1.445.7 1.155 1.543 1.444 1.964 1.444.56 0 .981-.145 1.262-.29.14-1.01.561-2.021 1.403-2.599-3.227-.722-5.611-2.6-5.611-5.776 0-1.589.701-3.177 1.683-4.332-.14-.29-.28-1.011-.28-2.022 0-.578 0-1.444.42-2.31 0 0 1.964 0 3.928 1.876.702-.288 1.684-.433 2.666-.433s1.964.145 2.805.433c1.824-1.877 3.928-1.877 3.928-1.877.28.867.28 1.733.28 2.31 0 1.156-.14 1.734-.28 2.023.982 1.155 1.684 2.599 1.684 4.332 0 3.177-2.385 5.054-5.612 5.776.842.722 1.403 2.022 1.403 3.322v3.755c0 .433.421.866.982.722C24.352 25.805 28 20.607 28 14.542 28 5.875 20.846-.912 12.428.1Z"></path></svg></a></div><div class="relative w-8"><a target="_blank" rel="noreferrer" href="https://discord.gg/9BtRZhJb9G"><svg width="28" height="28" xmlns="http://www.w3.org/2000/svg" class="fill-slate-500 hover:fill-[#5165F6]"><path d="M28 14c0-7.732-6.268-14-14-14S0 6.268 0 14s6.268 14 14 14 14-6.268 14-14Z"></path><path d="M21.022 9.205c-1.285-1.028-2.826-1.541-4.453-1.627l-.257.257c1.456.342 2.74 1.027 3.94 1.97a13.035 13.035 0 0 0-4.796-1.456c-.514-.086-.942-.086-1.456-.086-.513 0-.942 0-1.455.086-1.713.17-3.34.685-4.795 1.455 1.198-.942 2.483-1.627 3.938-1.97l-.257-.256c-1.626.086-3.168.6-4.452 1.627-1.456 2.74-2.226 5.822-2.312 8.99 1.284 1.37 3.083 2.227 4.966 2.227 0 0 .6-.685 1.028-1.285-1.113-.256-2.14-.856-2.826-1.798.6.343 1.199.685 1.798.942.771.343 1.542.514 2.312.685.685.086 1.37.171 2.055.171s1.37-.085 2.055-.17c.771-.172 1.542-.343 2.312-.686.6-.257 1.2-.6 1.799-.942-.686.942-1.713 1.542-2.826 1.799.428.599 1.027 1.284 1.027 1.284 1.884 0 3.682-.856 4.967-2.226-.086-3.169-.857-6.251-2.312-8.991Zm-9.847 7.45c-.857 0-1.627-.771-1.627-1.713 0-.942.77-1.713 1.627-1.713.856 0 1.627.77 1.627 1.713 0 .942-.771 1.712-1.627 1.712Zm5.651 0c-.856 0-1.627-.771-1.627-1.713 0-.942.77-1.713 1.627-1.713.856 0 1.627.77 1.627 1.713 0 .942-.77 1.712-1.627 1.712Z" fill="#fff"></path></svg></a></div><button class=" inline-flex p-3 items-center hover:bg-orange-400 rounded md:hidden ml-auto hover:text-white outline-none"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg></button></nav><div class="hidden w-full md:flex md:w-auto md:order-1"><nav class="relative"><ul class="flex flex-col md:flex-row md:space-x-12 text-base text-slate-500"><li class="md:hover:border-b-2 pb-1 border-b-orange-400 hover:font-semibold"><a href="/#about">About</a></li><li class="md:hover:border-b-2 pb-1 border-b-orange-400 hover:font-semibold"><a href="/projects">Projects</a></li><li class="md:hover:border-b-2 pb-1 border-b-orange-400 hover:font-semibold"><a href="/blog">Blog</a></li><li class="md:hover:border-b-2 pb-1 border-b-orange-400 hover:font-semibold"><a href="mailto:[email protected]" target="_blank" rel="noreferrer">Contact</a></li></ul></nav></div></div></nav><main class="relative"><div class="min-h-screen relative"><div class="w-full h-full absolute -z-10"><img src="./background.svg" alt="landing background" class="w-full h-full min-h-screen object-cover top-0 right-0"/></div><div class="flex justify-center lg:justify-between max-w-7xl items-center h-screen mx-auto"><div class="flex-col lg:pl-4 text-center lg:text-left items-center"><h1 class="font-bold text-5xl text-[#0B4870]">Collaborative Project</h1><h1 class="font-bold text-5xl text-[#0B4870]">Incubator</h1><p class=" font-light text-xl text-[#0B4870] my-2">Helping Convert Ideas to Real World Projects</p><div class="flex justify-center lg:justify-start"><button class="bg-[#FFA62B] text-white font-semibold py-2 px-4 my-4 shadow-[#FFA62B] shadow-sm w-28">Join</button><button class="bg-white hover:bg-[#0B4870] text-[#0B4870] hover:text-white font-semibold py-2 px-4 my-4 ml-6 w-28 border border-[#0B4870]">Contact</button></div></div><div class="hidden lg:block relative max-w-2xl w-1/2"><img src="/landing_illustration.svg"/></div></div></div><div id="about" class=" max-w-7xl mx-auto"><h2 class="text-xl font-bold text-[#0B4870] underline underline-offset-8 decoration-[#FFA62B] text-center pt-12">ABOUT</h2><p class="text-center text-slate-500 italic pt-8 mx-4 md:mx-auto md:w-1/2">"Programming isn't about what you know; it's about what you can figure out.” - Chris Pine</p><div class="border mx-6 mt-10 shadow-lg pt-6 md:pt-2"><div class="grid grid-cols-1 md:grid-cols-2 justify-items-center items-center"><div class="flex-col text-center items-center mx-6 pt-2 px-4 md:pt-4 lg:pt-0"><h3 class="font-bold text-center text-3xl text-[#0B4870]">What is Builtree?</h3><p class="font-semibold text-justify text-lg text-[#0B4870] pt-6"><span class="block">Started by passionate developers who believe that the most effective way to learn any technical skill is by doing.</span><span class="block pt-4">With project based learning as our core, we help developers gain skills and experience through existing projects or building things from scratch.</span><span class="block pt-4">Follow this <a href="https://github.com/builtree/builtree/blob/main/PROJECTS.md" target="_blank" rel="noreferrer" class="text-orange-400">link</a> to know more!</span></p></div><div class="relative h-96 w-96"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:absolute;top:0;left:0;bottom:0;right:0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain"/><noscript><img sizes="100vw" srcSet="https://raw.githubusercontent.com/builtree/assets/org/builtree-logo.svg?imwidth=640 640w, https://raw.githubusercontent.com/builtree/assets/org/builtree-logo.svg?imwidth=750 750w, https://raw.githubusercontent.com/builtree/assets/org/builtree-logo.svg?imwidth=828 828w, https://raw.githubusercontent.com/builtree/assets/org/builtree-logo.svg?imwidth=1080 1080w, https://raw.githubusercontent.com/builtree/assets/org/builtree-logo.svg?imwidth=1200 1200w, https://raw.githubusercontent.com/builtree/assets/org/builtree-logo.svg?imwidth=1920 1920w, https://raw.githubusercontent.com/builtree/assets/org/builtree-logo.svg?imwidth=2048 2048w, https://raw.githubusercontent.com/builtree/assets/org/builtree-logo.svg?imwidth=3840 3840w" src="https://raw.githubusercontent.com/builtree/assets/org/builtree-logo.svg?imwidth=3840" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain" loading="lazy"/></noscript></span></div><div class="flex-col text-center items-center mx-6 md:order-4 px-4 md:pb-6"><h3 class="font-bold text-center text-3xl text-[#0B4870]">Where can we add value?</h3><p class="font-semibold text-justify text-lg text-[#0B4870] pt-6"><span class="block">As much as building stuff is fun and rewarding, it is also difficult.</span><span class="block pt-4">Learning new technologies, multitask in development, find collaborators, maintaining the project for future and so much more is required to make a good idea successful.</span><span class="block pt-4">We aim to assist you in all this and more!</span></p></div><div class="relative h-96 w-96"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:absolute;top:0;left:0;bottom:0;right:0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain"/><noscript><img sizes="100vw" srcSet="books.svg?imwidth=640 640w, books.svg?imwidth=750 750w, books.svg?imwidth=828 828w, books.svg?imwidth=1080 1080w, books.svg?imwidth=1200 1200w, books.svg?imwidth=1920 1920w, books.svg?imwidth=2048 2048w, books.svg?imwidth=3840 3840w" src="books.svg?imwidth=3840" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain" loading="lazy"/></noscript></span></div></div></div></div><div class="max-w-7xl mx-auto"><h2 class="text-lg font-bold text-[#0B4870] text-center pt-12">JOIN TO</h2><div class="flex flex-wrap gap-10 mx-10 items-center justify-center py-8"><div class="flex flex-col border shadow-lg text-center w-56 h-72 items-center"><div class="relative h-24 w-24 m-6"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:absolute;top:0;left:0;bottom:0;right:0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain"/><noscript><img sizes="100vw" srcSet="jointo_gear.svg?imwidth=640 640w, jointo_gear.svg?imwidth=750 750w, jointo_gear.svg?imwidth=828 828w, jointo_gear.svg?imwidth=1080 1080w, jointo_gear.svg?imwidth=1200 1200w, jointo_gear.svg?imwidth=1920 1920w, jointo_gear.svg?imwidth=2048 2048w, jointo_gear.svg?imwidth=3840 3840w" src="jointo_gear.svg?imwidth=3840" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain" loading="lazy"/></noscript></span></div><h3 class="text-base p-2 font-bold text-[#0B4870] text-center">Acquire New Skills</h3><p class="text-slate-500 text-sm px-3 pb-2">Get guidance from experienced mentors and Upskill while working on amazing projects or building your own!</p></div><div class="flex flex-col border shadow-lg text-center w-56 h-72 items-center"><div class="relative h-24 w-24 m-6"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:absolute;top:0;left:0;bottom:0;right:0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain"/><noscript><img sizes="100vw" srcSet="jointo_collab.svg?imwidth=640 640w, jointo_collab.svg?imwidth=750 750w, jointo_collab.svg?imwidth=828 828w, jointo_collab.svg?imwidth=1080 1080w, jointo_collab.svg?imwidth=1200 1200w, jointo_collab.svg?imwidth=1920 1920w, jointo_collab.svg?imwidth=2048 2048w, jointo_collab.svg?imwidth=3840 3840w" src="jointo_collab.svg?imwidth=3840" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain" loading="lazy"/></noscript></span></div><h3 class="text-base p-2 font-bold text-[#0B4870] text-center">Collaborate and Build</h3><p class="text-slate-500 text-sm px-3 pb-2">Be a part of an active community, share ideas, meet people and build something great together.</p></div><div class="flex flex-col border shadow-lg text-center w-56 h-72 items-center"><div class="relative h-24 w-24 m-6"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:absolute;top:0;left:0;bottom:0;right:0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain"/><noscript><img sizes="100vw" srcSet="jointo_bulb.svg?imwidth=640 640w, jointo_bulb.svg?imwidth=750 750w, jointo_bulb.svg?imwidth=828 828w, jointo_bulb.svg?imwidth=1080 1080w, jointo_bulb.svg?imwidth=1200 1200w, jointo_bulb.svg?imwidth=1920 1920w, jointo_bulb.svg?imwidth=2048 2048w, jointo_bulb.svg?imwidth=3840 3840w" src="jointo_bulb.svg?imwidth=3840" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain" loading="lazy"/></noscript></span></div><h3 class="text-base p-2 font-bold text-[#0B4870] text-center">Turn Ideas Into Products</h3><p class="text-slate-500 text-sm px-3 pb-2">Got an idea in your mind and don't know where to get started? Propose your idea and make it real.</p></div></div></div><div class="bg-[#DDEEFD] mt-16"><div class="flex justify-center lg:max-h-64 lg:justify-between max-w-7xl items-center mx-auto"><div class="flex-col text-center lg:text-left items-center px-4 py-8 lg:px-8"><h1 class="font-bold text-5xl text-[#0B4870]">Having a eureka moment isn’t enough!</h1><p class="font-light text-xl text-slate-600 my-2">Take help from experienced developers and give your idea a headstart.</p><div class="flex justify-center lg:justify-start"><button class="bg-[#FFA62B] text-white font-semibold py-2 px-4 my-4 shadow-[#FFA62B] shadow-sm w-38">Submit an Idea</button></div></div><div class="hidden lg:block z-10"><img src="/idea_illustration.svg"/></div></div></div><div class=" max-w-7xl mx-auto py-4"><h2 class="text-xl font-bold text-[#0B4870] underline underline-offset-8 decoration-[#FFA62B] text-center py-8">PROJECTS</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-10 mx-10 items-center justify-center justify-items-center py-8"><div class="relative max-w-2xl"><img src="/project_illustration.svg"/></div><div class="relative max-w-2xl"><p class="font-semibold text-justify text-base text-[#0B4870] "><span class="block">Projects can be intimidating, especially when you can see the source.</span><span class="block pt-4">But it doesn’t matter if you are a beginner or a pro, there’s always something you can help with.</span><span class="block pt-4">Admins and Mentors at Builtree are here to help you navigate through the project and find where you can make a difference.</span></p></div></div><div class="flex mx-10 items-center justify-center py-16"><p class="text-[#0B4870] text-center"><span class="text-4xl font-bold">We <span class="text-red-500">❤️</span> Open Source!</span><span class="block pt-4 text-2xl font-semibold">and strive to keep most of projects open to everyone.</span><span class="block hover:font-bold hover:text-orange-400 pt-4 text-lg font-semibold">Check out our projects →</span></p></div></div><div class="w-full bg-[#0B4870] text-white text-center py-4">Copyright © 2022 Builtree. All rights reserved.</div></main></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"c_u7Po-9zn4oOwkE0z5lv","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>