Minor updates

components/home/join-form.js

@@ -106,7 +106,7 @@ const JoinForm = () => {
             fontFamily: 'inherit',
             backgroundImage: (theme) => grad(theme, 'cyan', 'blue')
           }}
-          value={status === 'success' ? 'Signed up!' : 'Request Invitation'}
+          value={status === 'success' ? 'Submitted!' : 'Queue signup'}
         />
       </form>
     </Card>

components/home/slack-events.js

@@ -1,6 +1,6 @@
 import React, { useState, useMemo, useRef, useEffect } from 'react'
 import useWebSocket from 'react-use-websocket'
-import { Box, Text, Spinner } from 'theme-ui'
+import { Box, Text } from 'theme-ui'
 import { take, sample } from 'lodash'
 import { Slide } from 'react-reveal'
 
@@ -12,7 +12,7 @@ const types = {
 }
 
 const emoji = ['🚀', '🥳', '😂', '💖', '👀']
-const colors = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue']
+const colors = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', '#8067c3']
 
 const Channel = ({ color, channel }) => (
   <Text as="strong" color={color} children={channel} />
@@ -20,7 +20,10 @@ const Channel = ({ color, channel }) => (
 
 export default ({ sx, ...props }) => {
   const didUnmount = useRef(false)
-  const [events, setEvents] = useState([])
+  const [events, setEvents] = useState([
+    { type: 'typing', channel: '#lounge', color: 'cyan' },
+    { type: 'message', channel: '#design', color: 'red' }
+  ])
   const STATIC_OPTIONS = useMemo(
     () => ({
       shouldReconnect: () => !didUnmount.current,
@@ -89,9 +92,6 @@ export default ({ sx, ...props }) => {
       aria-hidden="true"
       {...props}
     >
-      {events.length === 0 && (
-        <Spinner color="cyan" sx={{ display: ['none', 'block'] }} />
-      )}
       {take(events, 7).map(({ timestamp, type, emoji, ...channel }) => (
         <Slide top duration={256} key={timestamp}>
           <>

pages/index.js

@@ -32,11 +32,8 @@ const CardLink = (props) => (
       fontSize: 3,
       color: 'red',
       lineHeight: 'subheading',
-      textDecoration: 'none',
-      ':focus,:hover': {
-        textDecoration: 'underline',
-        textDecorationStyle: 'wavy'
-      },
+      textDecoration: 'underline',
+      textDecorationStyle: 'wavy',
       ':after': { content: '"›"', pl: 1 },
       ...props.sx
     }}
@@ -147,7 +144,7 @@ export default () => (
           minHeight: '100%',
           objectPosition: 'center',
           objectFit: 'cover',
-          animation: `${fade} 4s ease-out`,
+          animation: `${fade} 6s ease-out`,
           '@media (prefers-reduced-motion: reduce)': { display: 'none' }
         }}
       />
@@ -561,8 +558,9 @@ export default () => (
             mb: 4
           }}
         >
-          Due to high demand from the Elon Musk AMA, we’re temporarily making
-          our community invite-only. But we still want to meet you!
+          Due to high demand from the Elon Musk AMA, we’re temporarily pausing
+          Slack signups. But we still want to meet you! Add yourself to the
+          signup queue—we’ll be adding everyone over the next week.
         </Text>
         <JoinForm />
       </Container>