changes (#1101)

* Added Brain Hat (#1060) * Create README.md * Add files via upload * Add files via upload * Create .gitkeep * Add files via upload * Delete projects/BrainHat/EEG amp.kicad_pcb * removed stuff * gerber.zip * cart.png * LED heart (#991) * Create Heart w leds(fade in & fade out) * Create README.md * Create gerber.zip * Add files via upload * Add files via upload * Delete projects/PROJECT_NAME/gerber.zip * Add files via upload * Delete projects/PROJECT_NAME directory * Create README.md * Delete projects/Heart w leds(fade in & fade out) * Add files via upload * Add files via upload * Delete projects/Heart with leds/gerber files directory * Add files via upload * Add files via upload * Create lasdjkasdjkladjkls.md * Add files via upload * Delete projects/Heart with leds/src/lasdjkasdjkladjkls.md * Delete projects/Heart with leds/cart.png * Add files via upload * Rename Captura de pantalla (16).png to cart.png * Delete projects/Heart with leds/cart.png * Add files via upload * Rename Captura de pantalla (16).png to CART.png * Delete projects/Heart with leds/CART.png * Add files via upload * Delete projects/Heart with leds/cart.png * Add files via upload * Add files via upload * Rename corazon con leds123.pdf to schematic.pdf * Delete projects/Heart with leds/CORAZON LEDS CON FADE.kicad_pcb * Delete projects/Heart with leds/CORAZON LEDS CON FADE.kicad_pro * Delete projects/Heart with leds/CORAZON LEDS CON FADE.kicad_sch * Delete projects/Heart with leds/src/schematic.pdf * Add files via upload --------- Co-authored-by: blaze <Arnnav0kudale@gmail.com> * Hive PCB grant (#1048) * Create Hive/README.md * Add Hive files * Create Hive/src README.md * Add Hive src * Rename PCB_PCB_Hive_2024-08-19.json to pcb.json * Rename SCH_Hive_2024-08-19.json to schematic.json * Delete projects/Hive/src/README.md * Modify cart to be in order history window (Hive) --------- Co-authored-by: blaze <Arnnav0kudale@gmail.com> * Emma Hacker Card Board (#1056) * Create README.md * Add files for "Emma Hacker Card" board * Add "Raspi Control" Board (#1066) * Create README.md * Add files via upload * Add files via upload * Rename projects/raspiControl/PCB_PCB_climber-dog_2024-09-03 (1).json to projects/raspiControl/src/PCB_PCB_climber-dog_2024-09-03 (1).json * Rename projects/raspiControl/PCB_PCB_climber-dog_2024-09-03.json to projects/raspiControl/src/PCB_PCB_climber-dog_2024-09-03.json * Add files via upload * Add files via upload * Delete projects/raspiControl/cart.png * Rename Screenshot 2024-09-04 at 6.43.59 AM.png to cart.png --------- Co-authored-by: blaze <Arnnav0kudale@gmail.com> * Add "Hacker_Card_Arp" Board (#1064) * Add the "Hacker_Card_Arp" board README.md * Add files for "Hacker_Card_Arp"" board * re add gerber * Add files via upload * Update README.md * Add files via upload * Update README.md * Add files via upload * Add files via upload * Add files via upload * gamingsystemno2 (#1063) * Add files via upload * Delete projects/gamingsystemno2/gerber.zip * Delete projects/gamingsystemno2/src/pcb.json * Add files via upload * Add files via upload * Rename Gerber_arduinogaming2_pcb_2024-09-04.zip to gerber.zip * Update and rename PCB_pcb_2024-09-04.json to pcb.json * showcase website changes (#1080) * website template * Add website changes Co-authored-by: Arthur Beck <averse.abfun@gmail.com> Co-authored-by: Aryan Kapoor <Aryankpoor@users.noreply.github.com> Co-authored-by: Max Wofford <max@maxwofford.com> --------- Co-authored-by: Arthur Beck <averse.abfun@gmail.com> Co-authored-by: Aryan Kapoor <Aryankpoor@users.noreply.github.com> Co-authored-by: Max Wofford <max@maxwofford.com> * website update (#1082) * website template * Add website changes Co-authored-by: Arthur Beck <averse.abfun@gmail.com> Co-authored-by: Aryan Kapoor <Aryankpoor@users.noreply.github.com> Co-authored-by: Max Wofford <max@maxwofford.com> * add 3d model with threatle * small website updates --------- Co-authored-by: Arthur Beck <averse.abfun@gmail.com> Co-authored-by: Aryan Kapoor <Aryankpoor@users.noreply.github.com> Co-authored-by: Max Wofford <max@maxwofford.com> * fix pnpm lock file (#1083) * My project (#1077) * Create README.md * Add files via upload * Rename Card.png to Cart.png * Delete projects/HybridController/Main project-top-pos.csv * Delete projects/HybridController/Main project.xml * Create Design files * Delete projects/HybridController/Design files * Create bom * Add files via upload * Rename Cart.png to cart.png * Rename Gerber.zip to gerber.zip * Delete projects/HybridController/Design files directory * Create 1 i cant find how to make a folder without creating new file so this will be deleted * Add files via upload * Delete projects/HybridController/src/1 * Delete projects/HybridController/src/Main project-top-pos.csv * Delete projects/HybridController/src/Main project.csv * Create 1 * Add files via upload * Delete projects/HybridController/src/1 * Delete projects/HybridController/cart.png * Add files via upload * Delete projects/HybridController/cart.png * Add files via upload * Delete projects/HybridController/cart.png * Add files via upload * Delete projects/HybridController/cart.png * Add files via upload * Rename order.png to cart.png --------- Co-authored-by: blaze <Arnnav0kudale@gmail.com> * new website changes (#1085) * add images! * fix components positioning issue * fix cloudflare issue (#1086) * Remote control macropad (#1078) * Create README.md * Add files via upload * Create test * Add files via upload * Delete projects/RemoteControlMacroPad/src/test * Delete projects/RemoteControlMacroPad/cart_aliexpress.png * Delete projects/RemoteControlMacroPad/cart.png * Add files via upload * Delete projects/RemoteControlMacroPad/Screenshot 2024-09-09 121349.png * Add project to repo (#1084) * Create README.md * Update README.md * Add files via upload * Update README.md * Add files via upload * Add files via upload * Create a * Add files via upload * Delete projects/kake's nfc card/src/a * Delete projects/kake's nfc card/cart.png * Add files via upload * Update README.md --------- Co-authored-by: blaze <Arnnav0kudale@gmail.com> * update submit button (#1087) * fix cloudflare issue * disable submit button * better mobile compatability (#1090) * fix cloudflare issue * disable submit button * better compatability for mobile * Update App.svelte * Update App.svelte * oops * Update App.svelte * Add "businesscardformom" board (#1067) * Add the "businesscardformom" board README.md * Add files for "businesscardformom" board * Add files via upload * Add files via upload * Add files via upload * Add files via upload * Delete src directory * Delete cart.png * Add files via upload * Rename src/pcb.json to src/businesscardformom/pcb.json * Delete src directory * Rename projects/businesscardformom/schematic.json to projects/businesscardformom/src/schematic.json * Rename projects/businesscardformom/pcb.json to projects/businesscardformom/src/pcb.json --------- Co-authored-by: blaze <Arnnav0kudale@gmail.com> * Fixed Mobile Overflow Issue (#1092) * Driving robot project (#1093) * Create README.md * Add files via upload * Add files via upload * Add files via upload * Added Blackberry Project project (#1091) * Created Project README.md * added cart, gerber and schematic files * added pcb.json * added schematic.json * Delete projects/BBQ10_KeyboardBreakoutBoard/cart.png * Added new cart.png * Delete projects/BBQ10_KeyboardBreakoutBoard/schematic.pdf * Uploaded new schematic file * Pizzalover's NFC Card (#1008) * Create README.md * Added project files * Fixed problems for PizzaCard * Added PCB(...).json * Fixed naming * Fixed choices * Added traces * Fixed trace issue --------- Co-authored-by: blaze <Arnnav0kudale@gmail.com> * Clarifications, Cleanup and Website changes (#1094) * readme & kicad clarifications * project directory cleanup * add faq, stickers and better support for mobile * remove Dev labeler config because it doesn't work * remove styling as github doesn't support that * maybe fix fonts? (#1095) * minor site theme update (#1096) * maybe fix fonts? * minor theme updates * Pull Request (#1088) * Create README.md * Add files via upload * Add files via upload * Delete projects/CardPCB/BOM_NFC-hackercard_2024-09-10.csv * Delete projects/CardPCB/PickAndPlace_PCB_NFC-hackercard_2024-09-10.csv * Add files via upload * Delete projects/CardPCB/cart.png * card.png * Delete projects/CardPCB/cart.png * cart.png * cart.png * Delete projects/CardPCB/cart.png * Add files via upload * Delete projects/CardPCB/carte.png --------- Co-authored-by: blaze <Arnnav0kudale@gmail.com> * Add Hackboard (#1072) * small website formatting changes (#1097) * info change * fix contrast issues * fix text formatting * line spacing changes * add medicard (#1075) * Create README.md * Add files via upload * various changes * changes to background and text formatting * small formatting changes --------- Co-authored-by: Arthur Beck <averse.abfun@gmail.com> Co-authored-by: aGuyWhoHasGithub <francob.gonzalezliotta@gmail.com> Co-authored-by: blaze <Arnnav0kudale@gmail.com> Co-authored-by: Nv7 <50369270+Nv7-GitHub@users.noreply.github.com> Co-authored-by: Memma <132008224+MeMMa137@users.noreply.github.com> Co-authored-by: Eric H. <82407170+hyweric@users.noreply.github.com> Co-authored-by: arp2019-Dev <130191124+arp2019-Dev@users.noreply.github.com> Co-authored-by: eyestare <134981219+eyestare@users.noreply.github.com> Co-authored-by: Aryan Kapoor <Aryankpoor@users.noreply.github.com> Co-authored-by: Max Wofford <max@maxwofford.com> Co-authored-by: stygmatic <104601689+stygmatic@users.noreply.github.com> Co-authored-by: Tiebe Groosman <tiebe.groosman@gmail.com> Co-authored-by: kake <88353972+kakenbutter@users.noreply.github.com> Co-authored-by: michellemeng06 <144287979+michellemeng06@users.noreply.github.com> Co-authored-by: InspectorRex <github@reggs.dev> Co-authored-by: Jesse-Madden <150436995+Jesse-Madden@users.noreply.github.com> Co-authored-by: PetabyteBrain <153134032+PetabyteBrain@users.noreply.github.com> Co-authored-by: pizzalover125 <119770527+pizzalover125@users.noreply.github.com> Co-authored-by: NikRom2009sigma <apg.romanov@gmail.com> Co-authored-by: Adam Turaj <51931914+AdamTuraj@users.noreply.github.com> Co-authored-by: Sahiti Dasari <sahitiaws@gmail.com>
hackclub · Sep 16, 2024 · 6d85909 · 6d85909
1 parent 8eb7997
commit 6d85909
Show file tree

Hide file tree

Showing 4 changed files with 66 additions and 56 deletions.
diff --git a/showcase/src/lib/components/stickers.svelte b/showcase/src/lib/components/stickers.svelte
@@ -21,7 +21,7 @@
 
 	// Fixed positions for the stickers
 	const fixedPositions = [
-		{ left: 1500, top: 120 },
+		{ left: 1500, top: 170 },
 		{ left: 1500, top: 330 },
 		{ left: 1500, top: 500 }
 	];

diff --git a/showcase/src/routes/+page.svelte b/showcase/src/routes/+page.svelte
@@ -75,15 +75,17 @@
 	<div class="banner">
 		<!-- svelte-ignore a11y-distracting-elements -->
 		<marquee>
-			<p1>oooo second grant, how cool is that eh?</p1>
+			<span>oooo second grant, how cool is that eh?</span>
+			<span>woah unrestricted access to purchase parts from wherever</span>
 		</marquee>
 	</div>
 
 	<header bind:this={randomPartsContainer}>
 		<div class="header-background"></div>
 		<img src="/orpeheus.png" alt="Showcase Logo" class="logo" />
 		<div id="title">
-			<h2>OnBoard's Month Showcase</h2>
+			<img src="/title.png" alt="Trick or Trace" />
+			<h2>Design a PCB this September, vote on the best designs, and get a second grant</h2>
 		</div>
 		<a
 			id="form-link"
@@ -94,8 +96,7 @@
 			on:keydown={(e) => e.key === 'Enter' && handleClick()}
 			style="pointer-events: {isDisabled ? 'none' : 'auto'}"
 		>
-			Submit your project
-			<span class="coming-soon">Coming Soon</span>
+			<h3>ENTER YOUR DESIGN</h3>
 		</a>
 
 		{#each randomItems as item}
@@ -109,20 +110,17 @@
 	</header>
 
 	<main id="content">
-		<h2>How to enter your PCB</h2>
-		<p>
-			This September, we're kicking off Halloween festivities early with OnBoard! Whether you've
-			already received an OnBoard grant or are simply seeking inspiration, this is your chance to
-			innovate and showcase your skills.
-		</p>
-
 		<p>
 			Ready? Design a unique PCB, either with or without a spooky twist, and create a pull request
-			to the <a href="https://github.com/hackclub/OnBoard">GitHub Repository</a>.
+			to the <a
+				href="https://github.com/hackclub/OnBoard"
+				style="color: #ff8c37; text-decoration: underline;">GitHub Repository</a
+			>. Draw inspiration from Halloween themes, costumes, and common haunted house props and see
+			how you can incorporate them into your PCB.
 		</p>
 
 		<p>
-			All approved particiapnts will recieves a limited-edition sticker kit. Top contenders will be
+			Approved participants will recieves a limited-edition sticker kit. Top contenders will be
 			awarded a $100 USD grant that can be used for PCB fabrication, component purchases (including
 			LCSC & Amazon), or tools—just in time for Halloween!
 		</p>
@@ -145,7 +143,7 @@
 			<div class="item-step hoverable">
 				<div class="step-number">2</div>
 				<div class="model-container">
-					<Gallery />
+					<img src="/gallery.png" alt="Check out the OnBoard Gallery!" />
 				</div>
 				<div class="item-title">
 					<h3 class="item-heading">Vote for your favoriate design in the Project Gallery</h3>
@@ -172,25 +170,32 @@
 			<div class="guidelines-header">
 				<h3>Does it have to be Halloween themed?</h3>
 				<p>
-					Whether it's spooky, funny, or completely unrelated to Halloween, your project is welcome!
+					Whether it's spooky, funny, or completely unrelated to Halloween, your
+					project&nbsp;is&nbsp;welcome!
 				</p>
 			</div>
 			<div class="guidelines-header">
 				<h3>How does the top project get selected?</h3>
 				<p>
-					Peer voting! Make your project appealing to others. Creativity, innovation, and
-					presentation are key.
+					Peer voting! Make your project appealing to others. Creativity, innovation,&nbsp;and
+					presentation&nbsp;are&nbsp;key.
 				</p>
 			</div>
 
 			<div class="guidelines-header">
 				<h3>How do we get stickers?</h3>
-				<p>If there are 50+ submissions, we'll send stickers to every participant!</p>
+				<p>
+					Once there's 50 submissions, we'll send stickers
+					to&nbsp;every&nbsp;approved&nbsp;participant!
+				</p>
 			</div>
 
 			<div class="guidelines-header">
 				<h3>What about the OnBoard grant?</h3>
-				<p>You can apply for the OnBoard grant after the event. Stay tuned for details.</p>
+				<p>
+					You can apply for the OnBoard grant if you haven't got it already, but you can't use it on
+					the same PCB as for Trace or Trick. Stay tuned for details.
+				</p>
 			</div>
 		</div>
 	</main>
@@ -222,7 +227,6 @@
 		background-image: url('/what-the-hex-background.png');
 		background-blend-mode: lighten;
 		overflow-x: hidden;
-		font-size: 1.2em;
 		margin: 0;
 
 		-webkit-transition: background-image 0.2s ease-in-out;
@@ -244,7 +248,6 @@
 	body h3 {
 		color: #7b69f0;
 		font-size: 1.6rem;
-		margin-top: 0.5em;
 		text-align: center;
 		font-style: italic;
 	}
@@ -296,8 +299,21 @@
 	}
 
 	#title {
-		margin-top: 0.5em;
 		z-index: 50;
+		max-width: 500px;
+		min-width: 10px;
+		padding-bottom: 1rem;
+		margin: 0.4rem;
+	}
+
+	#title h2 {
+		font-size: 1.2rem;
+		font-weight: 200;
+		padding-top: 0;
+		margin-top: 0;
+		font-weight: 700;
+		color: #ff8c37;
+		margin-bottom: 0.4rem;
 	}
 
 	.grid-steps {
@@ -345,7 +361,7 @@
 	}
 
 	#content {
-		margin: 2%;
+		margin: 4%;
 		margin-inline: 12%;
 	}
 
@@ -378,13 +394,13 @@
 		max-height: 100%;
 		align-content: center;
 		border-radius: 12px;
+		opacity: 95%;
 	}
 
 	.item-title {
 		font-weight: 700;
 		font-size: 1.3em;
 		color: #333;
-		text-shadow: 0.1px 0 0.1px #bb774a;
 	}
 
 	.item-heading {
@@ -394,31 +410,22 @@
 		font-size: 1.3rem; /* Adjust as needed */
 		font-weight: bold;
 		margin: 0 auto;
-		color: #ff6347; /* or your preferred color */
+
+		color: #7b69f0;
+		text-align: center;
 	}
 
 	.item-text {
 		text-align: center;
-
-		font-size: 1rem;
-		font-weight: 600;
-		color: #747f81;
+		font-size: 0.9rem;
+		color: #6b5bd4;
 	}
 
 	img {
 		max-width: 100%; /* Ensures images fit within their container */
 		height: auto; /* Maintain aspect ratio */
 	}
 
-	@media (max-width: 600px) {
-		body {
-			font-size: 1em; /* Adjust base font size */
-		}
-
-		.item-title {
-			font-size: 1.1em;
-		}
-	}
 	footer {
 		margin: 0;
 		line-height: normal;
@@ -448,6 +455,8 @@
 		color: #ca6666;
 		font-family: 'Roboto Flex';
 		font-weight: 800;
+		display: flex;
+		justify-content: space-between;
 	}
 
 	.random-electronics {
@@ -471,31 +480,24 @@
 		}
 	}
 	#form-link {
-		margin: 1rem;
-		padding: 0.5em 0.8em; /* Reduced padding for smaller devices */
+		padding: 0.3rem 0.8em; /* Reduced padding for smaller devices */
 		background: #d3d3d3;
+		margin-top: 0;
 		border-radius: 0.5em;
-		color: #fff;
-		font-weight: 650;
-		text-decoration: none;
 		opacity: 0.7;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
 		z-index: 5;
 		max-width: 100%; /* Allow full width on mobile */
 		max-height: 9.2vh; /* Slightly reduced height */
 		font-size: 2.9vh; /* Smaller text for mobile */
+		text-align: center;
 	}
 
-	#form-link:hover {
-		background: #d3d3d3; /* Keep it greyed out */
+	#form-link h3 {
+		font-weight: 900;
 	}
 
-	#form-link span.coming-soon {
-		font-size: 0.8em; /* Slightly smaller font */
-		color: #6a6a6a;
-		margin-top: 0.3em;
+	#form-link:hover {
+		background: #bbbaba; /* Keep it greyed out */
 	}
 
 	.guidelines {
@@ -505,24 +507,32 @@
 		max-width: 100%; /* Ensure it doesn't exceed the viewport width */
 		background-color: rgba(255, 255, 255, 0.1);
 		border-radius: 10px;
-		gap: 2.2rem;
-		padding: 1rem;
+		gap: 5.2rem;
+		padding: 2rem;
 		text-align: center;
 		align-items: center;
 		justify-content: center;
 		grid-auto-rows: 1fr;
 	}
 
 	.guidelines-header {
+		height: 100%;
 		outline: 3px solid orange;
 		font-size: 1.3rem;
 		background-color: #2a3b4c;
 		border-radius: 0.5rem;
 		grid-column: span 2; /* Ensure headers span across both columns */
-		padding: 0.7rem;
+		align-items: center;
+		padding: 0.2rem;
+	}
+
+	.guidelines-header h3 {
+		font-size: 1.6rem;
+		padding: 0.2rem;
 	}
 
 	.guidelines-header p {
+		height: auto;
 		text-align: center;
 	}
 

diff --git a/showcase/static/gallery.png b/showcase/static/gallery.png
diff --git a/showcase/static/title.png b/showcase/static/title.png