Add new example onboard projects

hackclub · Oct 16, 2023 · 46a4587 · 46a4587
1 parent a5e912c
commit 46a4587
Showing 1 changed file with 30 additions and 6 deletions.
diff --git a/pages/onboard.js b/pages/onboard.js
@@ -684,22 +684,21 @@ const ShipPage = () => {
             </a>
 
             <a
-              href="https://github.com/hackclub/sprig-hardware"
+              href="https://github.com/hackclub/OnBoard/tree/main/projects/proto2040"
               target="_blank"
             >
               <Flex as="article">
                 <Text as="p" sx={{ pr: 100 }}>
-                  A <strong>movement sensor</strong> add-on to an open source{' '}
-                  <strong>game console</strong>.
+                  The cutest, tiniest raspberry pi-base developer board.
                 </Text>
                 <Text as="p" sx={{ pr: 140, color: 'gray' }}>
-                  Read the source&nbsp;<span className="arrow">&rarr;</span>
+                  Read Paolo's work&nbsp;<span className="arrow">&rarr;</span>
                 </Text>
                 <Image
-                  src="https://cloud-6exi6bz1i-hack-club-bot.vercel.app/0rotatesprig.png"
+                  src="https://cloud-6a1wip38p-hack-club-bot.vercel.app/02023-07-21t14_56_26.548z-img_20230720_175244.png"
                   alt="A black circuit board for a game console with copper wiring."
                   sx={{
-                    maxWidth: 280,
+                    maxWidth: 180,
                     position: 'absolute',
                     bottom: -40,
                     right: -75
@@ -760,6 +759,31 @@ const ShipPage = () => {
                 />
               </Flex>
             </a>
+
+            <a
+              href="https://github.com/hackclub/OnBoard/tree/main/projects/TOTKey"
+              target="_blank"
+            >
+              <Flex as="article">
+                <Text as="p" sx={{ pr: 140 }}>
+                  Build your own <strong>hardware key</strong>.
+                </Text>
+                <Text as="p" sx={{ pr: 140, color: 'gray' }}>
+                  Learn how to make your own&nbsp;<span className="arrow">&rarr;</span>
+                </Text>
+                <Image
+                  src="https://cloud-6a1wip38p-hack-club-bot.vercel.app/1totk_key.png"
+                  alt="A long PCB with a pixelated screen."
+                  sx={{
+                    position: 'absolute',
+                    top: 40,
+                    right: -30,
+                    maxWidth: 230,
+                    transform: 'rotate(20deg)'
+                  }}
+                />
+              </Flex>
+            </a>
           </Grid>
 
           <Button