diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml index 76d24c0..002ee3f 100644 --- a/.github/FUNDING.yml +++ b/.github/FUNDING.yml @@ -3,7 +3,7 @@ github: [uetchy] patreon: # Replace with a single Patreon username open_collective: # Replace with a single Open Collective username -ko_fi: # Replace with a single Ko-fi username +ko_fi: uetchy tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry liberapay: # Replace with a single Liberapay username diff --git a/api/services/spectrum/[query].ts b/api/services/spectrum/[query].ts deleted file mode 100644 index 978caaf..0000000 --- a/api/services/spectrum/[query].ts +++ /dev/null @@ -1,31 +0,0 @@ -import { send, sendError, fetch } from '../../../util/http'; -import { VercelRequest, VercelResponse } from '@vercel/node'; - -export default async function handler( - req: VercelRequest, - res: VercelResponse -): Promise { - const { query } = req.query; - - if (!query || typeof query !== 'string') { - return sendError(res, new Error('No query given')); - } - - if (/[^a-zA-Z0-9_-]/.test(query)) { - return sendError(res, new Error('Invalid characters')); - } - - try { - const response = await fetch( - `https://spectrum.chat/${encodeURIComponent(query)}`, - 'GET' - ); - const body = await response.text(); - const availability = body.includes( - 'You may be trying to view something that is deleted' - ); - send(res, { availability }); - } catch (err: any) { - sendError(res, err); - } -} diff --git a/src/components/Welcome.tsx b/src/components/Welcome.tsx index 23a81f8..6b665d1 100644 --- a/src/components/Welcome.tsx +++ b/src/components/Welcome.tsx @@ -85,6 +85,12 @@ const Welcome: React.FC = () => { {t('gettingStartedWithExample')} + or + + SpaceX + Netflix + Zoom + @@ -105,6 +111,10 @@ const Welcome: React.FC = () => { export default Welcome; +const Subtle = styled.span` + color: #5a5a5a; +`; + const Container = styled.div` /* padding-bottom: 40px; */ text-align: center; @@ -121,7 +131,7 @@ const Section = styled.div` padding: 40px 20vw 100px; ${mobile} { - padding: 60px 40px; + padding: 0px 40px 50px; } `; @@ -166,19 +176,36 @@ const HeroText = styled.p` `; const ButtonContainer = styled.div` - margin: 10px 0 0 0; + margin: 30px 0 0 0; `; const List = styled.div` + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: center; + align-items: center; + + font-size: 1rem; +`; + +const HList = styled.div` display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; - + align-items: center; font-size: 1rem; - ${mobile} { - justify-content: flex-start; + a { + color: black; + border-bottom: 1px dashed black; + text-decoration: none; + font-family: monospace; + } + + > *:not(:last-child) { + margin-right: 15px; } `; @@ -211,9 +238,10 @@ const ListButton = styled.div` } a { - color: black; + color: #632bec; padding: 12px 25px; - border: 1px solid black; + border: 2px solid #632bec; + font-family: monospace; border-radius: 2px; text-decoration: none;