generated from HYP3R00T/CelestialDocs
-
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
02ab8af
commit 56c087f
Showing
28 changed files
with
13,679 additions
and
76 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,144 @@ | ||
| --- | ||
| import { Button } from "@/components/ui/button"; | ||
| import { MenuIcon, X } from "lucide-react"; | ||
| import { SITE } from "@/config"; | ||
| --- | ||
|
|
||
| <style> | ||
| .menu-overlay { | ||
| display: none; | ||
| position: fixed; | ||
| inset: 0; | ||
| background-color: rgb(255, 255, 255); | ||
| z-index: 9999; | ||
| overflow-y: auto; | ||
| opacity: 0; | ||
| transition: opacity 0.3s ease-in-out; | ||
| } | ||
|
|
||
| @media (prefers-color-scheme: dark) { | ||
| .menu-overlay { | ||
| background-color: rgb(9, 9, 11); | ||
| } | ||
| } | ||
|
|
||
| .menu-overlay.active { | ||
| display: flex; | ||
| flex-direction: column; | ||
| opacity: 1; | ||
| } | ||
|
|
||
| .menu-content { | ||
| padding: 2rem; | ||
| flex-grow: 1; | ||
| display: flex; | ||
| flex-direction: column; | ||
| justify-content: center; | ||
| align-items: center; | ||
| position: relative; | ||
| z-index: 10000; | ||
| } | ||
|
|
||
| .close-button { | ||
| position: absolute; | ||
| top: 1rem; | ||
| right: 1rem; | ||
| z-index: 10001; | ||
| } | ||
|
|
||
| .menu-item { | ||
| width: 100%; | ||
| text-align: center; | ||
| padding: 0.5rem; | ||
| position: relative; | ||
| z-index: 10000; | ||
| list-style: none; | ||
| } | ||
|
|
||
| #menu-toggle { | ||
| position: relative; | ||
| z-index: 9998; | ||
| } | ||
|
|
||
| .menu-list { | ||
| list-style: none; | ||
| padding: 0; | ||
| margin: 0; | ||
| } | ||
|
|
||
| @media (max-width: 768px) { | ||
| .menu-content { | ||
| justify-content: flex-start; | ||
| padding-top: 4rem; | ||
| } | ||
| } | ||
| </style> | ||
|
|
||
| <div id="menu-toggle"> | ||
| <Button variant="ghost" size="icon" client:load aria-label="Toggle menu"> | ||
| <MenuIcon className="h-[1.2rem] w-[1.2rem]" /> | ||
| </Button> | ||
| </div> | ||
|
|
||
| <div class="menu-overlay" role="dialog" aria-modal="true"> | ||
| <div class="close-button"> | ||
| <Button variant="ghost" size="icon" client:load id="close-menu" aria-label="Close menu"> | ||
| <X className="h-[1.2rem] w-[1.2rem]" /> | ||
| </Button> | ||
| </div> | ||
| <nav class="menu-content"> | ||
| <ul class="menu-list flex flex-col items-center space-y-6 text-xl w-full"> | ||
| <li class="menu-item"> | ||
| <a href="/"> | ||
| <Button client:load variant="link" size="lg" className="w-full">Home</Button> | ||
| </a> | ||
| </li> | ||
| <li class="menu-item"> | ||
| <a href="/projects"> | ||
| <Button client:load variant="link" size="lg" className="w-full">Projects</Button> | ||
| </a> | ||
| </li> | ||
| <li class="menu-item"> | ||
| <a href="/competition"> | ||
| <Button client:load variant="link" size="lg" className="w-full">Competition</Button> | ||
| </a> | ||
| </li> | ||
| <li class="menu-item"> | ||
| <a href="/our-people"> | ||
| <Button client:load variant="link" size="lg" className="w-full">Our People</Button> | ||
| </a> | ||
| </li> | ||
| <li class="menu-item"> | ||
| <a href="/join-us"> | ||
| <Button client:load variant="default" size="lg" className="w-full">Join Us</Button> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
|
|
||
| <script> | ||
| function toggleMenu() { | ||
| const menuOverlay = document.querySelector('.menu-overlay'); | ||
| if (menuOverlay) { | ||
| menuOverlay.classList.toggle('active'); | ||
| document.body.style.overflow = menuOverlay.classList.contains('active') ? 'hidden' : ''; | ||
| } | ||
| } | ||
|
|
||
| document.getElementById('menu-toggle')?.addEventListener('click', toggleMenu); | ||
| document.getElementById('close-menu')?.addEventListener('click', toggleMenu); | ||
|
|
||
| document.querySelectorAll('.menu-overlay a').forEach(link => { | ||
| link.addEventListener('click', toggleMenu); | ||
| }); | ||
|
|
||
| document.addEventListener('keydown', (e) => { | ||
| if (e.key === 'Escape') { | ||
| const menuOverlay = document.querySelector('.menu-overlay'); | ||
| if (menuOverlay?.classList.contains('active')) { | ||
| toggleMenu(); | ||
| } | ||
| } | ||
| }); | ||
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,13 @@ | ||
| --- | ||
| // CallToAction.astro | ||
| --- | ||
|
|
||
| <div class="cta-container"> | ||
| <h1 class="text-center">Take an idea you're interested in and bring it to <i>L</i>ife</h1> | ||
| </div> | ||
|
|
||
| <style> | ||
| .cta-container { | ||
| padding-bottom: 4rem; /* Adds padding below the h1 */ | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,37 @@ | ||
| --- | ||
| import { Image } from 'astro:assets'; | ||
| import zennethmotivational from '/src/assets/img/zennethmotivational.webp'; | ||
| --- | ||
|
|
||
| <div class="flex flex-col md:flex-row items-center justify-center w-full max-w-4xl mx-auto pb-16 px-4 md:px-0"> | ||
| <div class="flex-shrink-0 mb-6 md:mb-0 md:mr-8"> | ||
| <Image | ||
| src={zennethmotivational} | ||
| alt="Motivational image" | ||
| width={320} | ||
| height={320} | ||
| class="w-full md:w-auto" | ||
| /> | ||
| </div> | ||
| <div class="flex-grow"> | ||
| <p class="text-base md:text-lg text-[#cbd4f5] space-y-2 text-center md:text-left"> | ||
| Ever wanted to make a <a href="https://hackclub.com/onboard/" class="text-[#00ff29]">PCB</a>? | ||
| <br /> | ||
| What about a <a href="https://sprig.hackclub.com/" class="text-[#00ffb3]">game</a>? | ||
| <br /> | ||
| What about a <a href="https://saumilthecode.github.io/dancefloor/" class="text-[#f2ed6d]">3D website</a>? | ||
| <br /> | ||
| <br /> | ||
| I could keep this list going but you get what I'm talking about. | ||
| <br /> | ||
| Ever wanted to make something with Tech but never knew how to? | ||
| <br /> | ||
| With BBSS Hack Club we <strong>will</strong> give you the resources, time and (<em>possibly</em>) funding to work on your projects | ||
| <br /> | ||
| <br /> | ||
| <a href="/projects" class="font-bold hover:underline transition-all duration-300 inline-block mt-4 text-lg"> | ||
| 🚀 <i class="text-primary">Explore Our Exciting Projects!</i> | ||
| </a> | ||
| </p> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.