Savepoint

for another review!

components/hackathons/features/money.js

@@ -1,4 +1,13 @@
-import { Button, Box, Container, Heading, Text, Link } from 'theme-ui'
+import {
+  Button,
+  Box,
+  Container,
+  Heading,
+  Text,
+  Link,
+  Badge,
+  Flex
+} from 'theme-ui'
 import NextLink from 'next/link'
 import { Fade } from 'react-reveal'
 import Icon from '../../icon'
@@ -39,6 +48,7 @@ const Content = () => (
       </Container>
       <List>
         <ListItem
+          knew
           icon="payment"
           leadText="$500 grants."
           body={
@@ -56,6 +66,7 @@ const Content = () => (
           }
         />
         <ListItem
+          knew
           icon="bolt"
           leadText="All fees waived."
           body={`
@@ -85,7 +96,7 @@ const List = ({ children }) => (
   </Box>
 )
 
-const ListItem = ({ icon, leadText, body }) => (
+const ListItem = ({ icon, leadText, body, knew }) => (
   <Fade bottom>
     <li
       style={{
@@ -105,9 +116,26 @@ const ListItem = ({ icon, leadText, body }) => (
         }}
       />
       <Box sx={{ display: 'flex', flexDirection: 'column' }}>
-        <Text sx={{ fontWeight: 'bold', fontSize: [24, 32], lineHeight: 1 }}>
-          {leadText}
-        </Text>
+        <Flex sx={{ alignItems: 'center' }}>
+          <Text sx={{ fontWeight: 'bold', fontSize: [24, 32], lineHeight: 1 }}>
+            {leadText}
+          </Text>
+          {knew && (
+            <Badge
+              variant="pill"
+              sx={{
+                zIndex: '1',
+                bg: 'muted',
+                color: 'steel',
+                fontWeight: 'normal',
+                ml: 2
+              }}
+            >
+              New!
+            </Badge>
+          )}
+        </Flex>
+
         <Text variant="lead">{body}</Text>
       </Box>
     </li>

components/hackathons/features/slack.js

@@ -138,17 +138,16 @@ const Slack = () => {
             objectFit: 'cover'
           }}
         >
-          {/* TODO: Fix the mp4 and mov screen recordings. I think Chrome uses the webm one.*/}
           <source
-            src="https://cloud-absimk9o2-hack-club-bot.vercel.app/0hellyeah-smooth-scroll.mp4"
+            src="https://cloud-hsc3k1am6-hack-club-bot.vercel.app/0screen_recording_2022-08-03_at_9.50.26_am.mp4"
             type="video/mp4; codecs=hevc"
           />
           <source
-            src="https://cloud-a3mid6xbx-hack-club-bot.vercel.app/0screen_recording_2022-08-02_at_10.48.59_pm.webm"
+            src="https://cloud-azjxx4vqu-hack-club-bot.vercel.app/0have-finally-figured-it-out-hell-yeah.webm"
             type="video/webm; codecs=vp9,opus"
           />
           <source
-            src="https://cloud-absimk9o2-hack-club-bot.vercel.app/0hellyeah-smooth-scroll.mp4"
+            src="https://cloud-hsc3k1am6-hack-club-bot.vercel.app/0screen_recording_2022-08-03_at_9.50.26_am.mp4"
             type="video/quicktime"
           />
         </Box>

components/hackathons/todo.md

@@ -1,4 +0,0 @@
-# TODO:
-
-- [ ] make the grants and waived fees seem like a more temporary thing
-- [ ] write the homepage banner