From 0cd6230b847a9c3fe8f35107d8c71898706256cb Mon Sep 17 00:00:00 2001 From: BrightTheBackpack <100brightli@gmail.com> Date: Thu, 28 Nov 2024 00:17:29 -0800 Subject: [PATCH] 11/27 and 11/28 changes Co-authored-by: BRUHisbackbois --- app/ModelViewer.js | 15 + app/_app.js | 15 + app/guide/page.tsx | 3 +- app/page.tsx | 55 +- package-lock.json | 142 +- package.json | 4 +- public/3D-hacky-holidays.step | 92406 ++++++++++++++++++++++++++++++++ public/3D-hackyholidays.glb | Bin 0 -> 1427550 bytes 8 files changed, 92604 insertions(+), 36 deletions(-) create mode 100644 app/ModelViewer.js create mode 100644 app/_app.js create mode 100644 public/3D-hacky-holidays.step create mode 100644 public/3D-hackyholidays.glb diff --git a/app/ModelViewer.js b/app/ModelViewer.js new file mode 100644 index 0000000..7fb0e17 --- /dev/null +++ b/app/ModelViewer.js @@ -0,0 +1,15 @@ +const ModelViewer = () => { + return ( + + ); + }; + + export default ModelViewer; \ No newline at end of file diff --git a/app/_app.js b/app/_app.js new file mode 100644 index 0000000..28b7b3a --- /dev/null +++ b/app/_app.js @@ -0,0 +1,15 @@ +import Script from 'next/script'; + +function MyApp({ Component, pageProps }) { + return ( + <> + ); } diff --git a/app/page.tsx b/app/page.tsx index d4a5514..5d20711 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,7 +1,12 @@ "use client"; + + /* eslint-disable @typescript-eslint/no-unused-vars */ import { keyframes } from '@emotion/react' +import '@google/model-viewer'; +import Script from 'next/script'; + // import Image from "next/image"; import { Box, @@ -12,6 +17,11 @@ import { Heading, Text, } from 'theme-ui' +import dynamic from 'next/dynamic'; + +// const ModelViewer = dynamic(() => import('./ModelViewer'), { ssr: false }); +import ModelViewer from './ModelViewer.js'; + const fall = ( rotationDirection: number) => keyframes` from { transform: translateY(-10%) rotate(0deg); @@ -23,8 +33,8 @@ const fall = ( rotationDirection: number) => keyframes` export default function Home() { return ( - - + + + +{/* Example PCB! + /> */} - Design a PCB holiday decoration this winter, get a PCB grant! + Design a PCB holiday decoration this winter, get a PCB grant!