diff --git a/app/ModelViewer.js b/app/ModelViewer.js
index f97a9ad..7453dc3 100644
--- a/app/ModelViewer.js
+++ b/app/ModelViewer.js
@@ -7,7 +7,7 @@ const ModelViewer = () => {
disable-zoom
camera-orbit="0deg 0deg 105%"
disable-pan
- style={{ width: '25vw' ,height: '40vh'}}
+ style={{ width: '25' ,height: '40vh'}}
>
);
};
diff --git a/app/components/footer.tsx b/app/components/footer.tsx
index 41419b8..afca7d9 100644
--- a/app/components/footer.tsx
+++ b/app/components/footer.tsx
@@ -13,8 +13,8 @@ import {
backgroundColor: '#100056',
height: '8vh',
width: '100%',
- position: 'relative',
- //bottom: '0',
+ position: 'absolute',
+ bottom: '0px',
display: 'flex',
//flexDirection: 'column',
alignItems: 'center',
diff --git a/app/components/mdx.tsx b/app/components/mdx.tsx
index e6e51ce..640c043 100644
--- a/app/components/mdx.tsx
+++ b/app/components/mdx.tsx
@@ -12,6 +12,7 @@ const components = {
p: (props) => ,
ol: (props) => ,
li: (props) => ,
+ a: (props) => ,
}
export default components
\ No newline at end of file
diff --git a/app/components/top.tsx b/app/components/top.tsx
index f0db2de..12f59a0 100644
--- a/app/components/top.tsx
+++ b/app/components/top.tsx
@@ -22,8 +22,8 @@ import {
paddingRight: ['0rem', '3rem'],
width: '100%',
margin: ['auto'],
-
- mt: ['10vh', '0vh'],
+ paddingBottom: '15vh',
+ mt: ['40vh', '5vh'],
backgroundImage: '../public/background2.png',
height: ['2vh', '90vh'],
diff --git a/app/globals.css b/app/globals.css
index 91c013f..deaa32d 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -13,9 +13,9 @@
}
body {
color: #FFFFFF;
- background-color: 'linear-gradient(180deg, rgba(0,153,255,1) 0%, rgba(130,205,255,1) 100%);';
+ background: linear-gradient(180deg, rgba(0,153,255,1) 0%, rgba(130,205,255,1) 100%);
font-family: Arial, Helvetica, sans-serif;
- height: 100vh;
+ height: 100%;
margin: 0;
min-width: none;
}
diff --git a/app/guide/guideMD.mdx b/app/guide/guideMD.mdx
index cf5eda1..304a2cd 100644
--- a/app/guide/guideMD.mdx
+++ b/app/guide/guideMD.mdx
@@ -1,5 +1,7 @@
-
-# **Hacky Holidays Guide**
+
+
+
+# **🎄 Hacky Holidays Guide**
Hacky Holidays is a limited time YSWS event for making your own PCB tree decorations! There are **3** major steps in making a successful decoration:
1. Choosing your Parts
@@ -7,9 +9,9 @@ Hacky Holidays is a limited time YSWS event for making your own PCB tree decorat
3. Programming your PCB
### **** This guide serves as a learning tool to help you get started, If you submit the guide PCB you will not be accepted! ****
-
+
---
-
+
# Choosing Your Parts
When choosing your parts, think about the function of each component, and try to wither out unneeded components. Unneeded components can reduce your decoration’s battery life!
@@ -21,9 +23,9 @@ Parts covered in the guide **(THESE MUST BE ON YOUR PCB TO WORK):**
- Batteries
If you want to add any components **not** on the approved list, ask one of the organizers in #hacky-holidays!
-
+
---
-
+
# **Designing your PCB**
For this guide, we are going to be using KiCad, so if you are using a different tool your steps might be a bit different!
@@ -34,20 +36,21 @@ First, open up KiCad, and go to File → New Project… and name it whatever you
Then Click on the **Schematic Editor** Button. It will take you to a blank page where you will start designing your PCB!
-
+
Now it’s time to branch off…. Click on the link with the microcontroller you plan to use!
Xiao Esp32C3
2nd Microcontroller
-
+
---
-
+
# **Programming your PCB**
To program your PCB, use the Arduino IDE and the Neopixels library! Here is a helpful resource to help you get started:
https://learn.adafruit.com/adafruit-neopixel-uberguide/arduino-library-use
-# Submissions & Manufacturing
\ No newline at end of file
+# Submissions & Manufacturing
+
\ No newline at end of file
diff --git a/app/layout.tsx b/app/layout.tsx
index 4f9038f..051875d 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,3 +1,4 @@
+
import type { Metadata } from "next";
import localFont from "next/font/local";
import "./globals.css";
@@ -10,6 +11,7 @@ import {
Heading,
Text,
} from 'theme-ui';
+import Footer from './components/footer';
const geistSans = localFont({
src: "./fonts/GeistVF.woff",
diff --git a/app/page.tsx b/app/page.tsx
index d4b3987..98ca6d1 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -3,6 +3,7 @@
/* eslint-disable @typescript-eslint/no-unused-vars */
import { keyframes } from '@emotion/react';
+import Snowfall from 'react-snowfall';
// import '@google/model-viewer';
// import Script from 'next/script';
import { useEffect } from 'react';
@@ -35,8 +36,6 @@ const fall = ( rotationDirection: number) => keyframes`
}
`;
-const faqItems = {question: 'What is Next.js?', answer: 'Next.js is a React framework for production.' };
-
export default function Home() {
useEffect(() => {
if (typeof window !== 'undefined') {
@@ -44,18 +43,22 @@ export default function Home() {
}
}, []);
return (
-
+
-
+
-
@@ -103,30 +104,7 @@ export default function Home() {
- {Array.from({ length: 50 }).map((_, index) => {
- const randomRotationDirection = Math.random() > 0.5 ? 1 : -1;
- const randomSpeed = Math.random() * 10 + 5;
- return(
-
- âť„
- )
- })}
+
@@ -143,15 +121,16 @@ export default function Home() {
width: '100%',
// margin: 'auto',
height:['auto', '100vh'],
-
// textAlign: 'center'
}}>
+ Want a cool christmas decoration? A cool gift for someone you know? Design a unique PCB decoration from scratch and submit it via PR to OnBoard before the 30th!
@@ -164,8 +143,8 @@ export default function Home() {
paddingLeft: '4vw',
paddingRight: '4vw',
fontFamily: 'var(--font-inter)',
- fontSize: ['0.8rem', '1.9rem'],
- fontWeight:800,
+ fontSize: ['0.8rem', '1.2rem'],
+ fontWeight:700,
textShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)',
color: 'white'
}}>At the end, Submissions will be peer-reviewed and voted for the top 3. The top 3 will be re-made, and can be given out as gifts!