Update Stasis logo

.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+    "workbench.colorCustomizations": {
+        "statusBar.noFolderBackground": "#0F3046",
+        "statusBar.noFolderForeground": "#F6FAFD"
+    }
+}

components/FancyCard.js

@@ -1,4 +1,4 @@
-import { Box, Card, Image, Link, Text } from 'theme-ui'
+import { Badge, Box, Card, Image, Link, Text } from 'theme-ui'
 import Icon from '@hackclub/icons'
 import { useState } from 'react'
 
@@ -10,16 +10,19 @@ export default function FancyCard({
   onHoverLeave
 }) {
   const {
-    background,
+    background: rawBackground,
     backgroundSize,
     titleColor,
     descriptionColor,
     arrowColor,
     name,
     description,
     img,
-    url
+    url,
+    tag
   } = item
+  const isUrl = rawBackground && (rawBackground.startsWith('http') || rawBackground.startsWith('/'))
+  const background = isUrl ? `url(${rawBackground}) center/cover no-repeat` : rawBackground
   return (
     <Box
       sx={{
@@ -159,6 +162,20 @@ export default function FancyCard({
             <Text as="p" sx={{ color: descriptionColor, fontSize: '20px' }}>
               {description}
             </Text>
+            {tag && (
+              <Badge
+                sx={{
+                  bg: titleColor,
+                  fontSize: 1,
+                  borderRadius: 3,
+                  px: 2,
+                  mt: 2,
+                  display: 'inline-block'
+                }}
+              >
+                #{tag}
+              </Badge>
+            )}
           </Card>
         </Card>
       </Link>

manifest.js

@@ -48,6 +48,29 @@ export default [
         fancy: true
       },
       // Limited-time YSWSs start here
+      {
+        name: 'Sleepover',
+        description:
+          'Learn to code and fly out to an all girls Slumber Party Hackathon in Chicago!',
+        img: 'https://cdn.hackclub.com/019cb51b-3772-71e5-ab48-da8f5c8d2ffa/image.png',
+        background: 'https://cdn.hackclub.com/019cb51b-3a1a-742e-b765-6d80a1f8ecd9/image.png',
+        titleColor: '#9B72AA',
+        descriptionColor: '#9B72AA',
+        external: true,
+        url: 'https://sleepover.hackclub.com?utm_source=toolbox',
+        fancy: true
+      },
+      {
+        name: 'Stasis',
+        description:'Build hardware projects and f  ly out to Austin, TX for a hardware hackathon.',
+        img: 'https://cdn.hackclub.com/019cb70b-096a-7412-9625-9fa77be951b1/image__192_.png',
+        background: 'https://cdn.hackclub.com/019cb521-9b7a-7faf-b26c-e81d66e42fbb/stasis-banner.png',
+        titleColor: '#4A2006',
+        descriptionColor: '#4A2006',
+        external: true,
+        url: 'https://stasis.hackclub.com?utm_source=toolbox',
+        fancy: true
+      },
       {
         name: "Scraps",
         description: "Make projects, get scraps, try your luck, get prizes, repeat.",