diff --git a/packages/web/pages/help/emails.tsx b/packages/web/pages/help/emails.tsx new file mode 100644 index 000000000..40735fb62 --- /dev/null +++ b/packages/web/pages/help/emails.tsx @@ -0,0 +1,67 @@ +/* eslint-disable @next/next/no-img-element */ +import { Box, HStack } from '../../components/elements/LayoutPrimitives' +import { PrimaryLayout } from '../../components/templates/PrimaryLayout' +import { Button } from '../../components/elements/Button' +import Link from 'next/link' + +export default function Emails(): JSX.Element { + return ( + + +

Omnivore Email Addresses

+
+

+ An Omnivore email address will receive email, detect whether the email is a PDF document or newsletter, + and add the content to your library. +

+

+ If Omnivore doesn't think the item should be added to your library, + it will be forwarded to the email address you used when you registered + for Omnivore (from msgs@omnivore.app). +

+ +

Sending PDFs to your Omnivore Email Address

+

+ Add PDFs to your Omnivore library by sending them to your Omnivore email address. If there is a subject + line in the email, it will be used as the title of the PDF. If there is no subject line, the filename will + be used as the title. +

+ +

Read all your newsletters in Omnivore

+

+ Subscribe to newsletters with your Omnivore email address and they + will be added to your library when we receive them. +

+ +

Learn more about setting up newsletters

+ + + + + + +
+ +
+ ) +} diff --git a/packages/web/pages/help/newsletters.tsx b/packages/web/pages/help/newsletters.tsx index d41b395e3..2c248f140 100644 --- a/packages/web/pages/help/newsletters.tsx +++ b/packages/web/pages/help/newsletters.tsx @@ -3,15 +3,37 @@ import { Box, HStack, SpanBox } from '../../components/elements/LayoutPrimitives import { PrimaryLayout } from '../../components/templates/PrimaryLayout' import { Button } from '../../components/elements/Button' import Link from 'next/link' -import { StyledText } from '../../components/elements/StyledText' -import { styled } from '@stitches/react' +import { Copy, Plus } from 'phosphor-react' +import { theme } from '../../components/tokens/stitches.config' + +const AddEmailButton = () => { + return () +} + +const CopyButton = () => { + return ( + ) +} export default function Newsletters(): JSX.Element { - const HighlightText = styled(SpanBox, { - padding: '2px', - background: '$highlightBackground', - }) - return (

Read Newsletters in Omnivore


-

- Currently Omnivore supports newsletters from the following providers. -

- If there is a newsletter you would like to read in Omnivore, please let us know. -

- +

Omnivore supports newsletters from the following providers:

+ +

If there is a newsletter you would like to read in Omnivore, please let us know.

+

Omnivore Email Addresses

- Omnivore allows you to create unique email addresses for subscribing to newsletters. - You can reuse one address for all your newsletters, or you can create a unique address - for each. + Omnivore allows you to create unique email addresses for subscribing to newsletters. + You can reuse one address for all your newsletters, or you can create a unique address + for each.

- An Omnivore email address will receive email, detect whether the email is a newsletter, - and add the newsletter content to your library. If the email does not appear to be a newsletter, - it will be forwarded to the email address you used when you registered for Omnivore.

+ An Omnivore email address will receive email, detect whether the email is a newsletter, + and add the newsletter content to your library. If the email does not appear to be a newsletter, + it will be forwarded to the email address you used when you registered for Omnivore. +

-

There are multiple ways to have newsletters added directly to your Omnivore library:

+

There are multiple ways to add newsletters to your Omnivore library:

- {/*

Notifications

-

If you are a registered iOS user and have granted push notification permission to Omnivore, you will be sent a notification when a newsletter is added to your library. Otherwise, you will be notified via your registered email address.

*/} +

Updating your account email

+

+ If you want all your substack newsletters sent to Omnivore, you can login and change the + address on your account page in Substack. +

Subscribing Directly

-

Create your first email address by clicking the Create New Email button on - the emails page. Copy the email address to your clipboard using the - copy button, and enter that email address into an email subscription box. If you are already logged into - Substack you might need to logout to use your new email address.

+

+ Create your first email address by clicking the button on + the emails page. Copy the email address + to your clipboard using the + copy button, and enter that email address into an email subscription box. +

- If you want all your substack newsletters sent to Omnivore, you can login and change the - address on your account page in Substack. + If you are already logged into Substack you might need to logout to use your new email address.

Create a Forwarding Rule

-

If you are a Gmail user you can create a forwarding rule to send email from your regular account to your Omnivore email address. This is useful if you have an existing paid newsletter subscription. For free newsletters we recommend subscribing directly to the newsletter with your Omnivore email address.

+

+ If you are a Gmail user you can create a forwarding rule to send email from your regular account + to your Omnivore email address. This is useful if you have an existing paid newsletter subscription and + don't want to update your account email address. +

+ +

+ For free newsletters we recommend subscribing directly to the newsletter with your Omnivore email address + instead of setting up forwarding rules. +

Before you start:

Create a forwarding rule:

- +
) } diff --git a/packages/web/pages/help/saving-links.tsx b/packages/web/pages/help/saving-links.tsx index bf88e6dea..ff16e56d1 100644 --- a/packages/web/pages/help/saving-links.tsx +++ b/packages/web/pages/help/saving-links.tsx @@ -162,6 +162,7 @@ export default function Colors(): JSX.Element { + ) }