From 8caa77e4b4b3ea41434ddace400283c084ef631f Mon Sep 17 00:00:00 2001 From: Benedicte Raae Date: Wed, 28 Aug 2019 21:34:20 +0200 Subject: [PATCH] Text (#18) * Updated marketing * Fixed app links * Tiny space fix --- src/components/BrandLayout.js | 8 +++++-- src/components/Mdx.js | 7 +++++- src/components/MenstruationNote.js | 7 ++++-- src/components/appNavFooterItems.js | 32 +++++++++++++++++++++----- src/pages/index.mdx | 35 +++++++++++++++-------------- 5 files changed, 61 insertions(+), 28 deletions(-) diff --git a/src/components/BrandLayout.js b/src/components/BrandLayout.js index d5cd2db9..072eddc4 100644 --- a/src/components/BrandLayout.js +++ b/src/components/BrandLayout.js @@ -6,6 +6,8 @@ import { Button, makeStyles, IconButton, + Typography, + Link, } from "@material-ui/core" import BrandFooter from "./BrandFooter" @@ -55,14 +57,16 @@ const Nav = ({ items = [], ...props }) => ( ) -const BrandLayout = ({ homeItem, navItems, footer, children }) => { +const BrandLayout = ({ navItems, footer, children }) => { const classes = useStyles() return (
- {homeItem} + + This app in in open beta. + diff --git a/src/components/Mdx.js b/src/components/Mdx.js index cce4912a..895309a5 100644 --- a/src/components/Mdx.js +++ b/src/components/Mdx.js @@ -12,7 +12,12 @@ const Link = ({ children, ...props }) => { } return ( - + {children} ) diff --git a/src/components/MenstruationNote.js b/src/components/MenstruationNote.js index 7ab33ea8..98b7f227 100644 --- a/src/components/MenstruationNote.js +++ b/src/components/MenstruationNote.js @@ -11,6 +11,10 @@ const useStyles = makeStyles((theme) => ({ root: { padding: theme.spacing(3), paddingBottom: theme.spacing(2), + + "& a": { + marginTop: theme.spacing(1), + }, }, })) @@ -26,7 +30,6 @@ const NoMenstruationTagSetting = () => { color="secondary" to="/settings" size="small" - fullWidth component={Link} > Configure tag @@ -38,7 +41,7 @@ const NoMenstruationTagSetting = () => { const NotEnoughData = () => { return ( <> - + There is not enough data yet to give you personalized predictions. Keep on tracking. diff --git a/src/components/appNavFooterItems.js b/src/components/appNavFooterItems.js index 01d31cd0..a7f16f0c 100644 --- a/src/components/appNavFooterItems.js +++ b/src/components/appNavFooterItems.js @@ -2,21 +2,41 @@ import React from "react" import { OpenInNew as WebsiteIcon, - Ballot as ProductHuntIcon, + Email as SupportIcon, + Face as TwitteIcon, } from "@material-ui/icons" export default [ + // { + // label: "Support POW!", + // text: "on Product Hunt", + // icon: , + // component: "a", + // target: "_blank", + // rel: "noopener", + // href: "https://www.producthunt.com/", + // }, { - label: "Support POW!", - text: "on Product Hunt", - icon: , + label: "Support", + text: "via email", + icon: , component: "a", target: "_blank", rel: "noopener", - href: "https://www.producthunt.com/", + href: "mailto:pow@raae.codes", }, { - label: "Open Website", + label: "@raae", + text: "on Twitter", + icon: , + component: "a", + target: "_blank", + rel: "noopener", + href: "https://twitter.com/raae", + }, + { + label: "Back to", + text: "Website", icon: , component: "a", target: "_blank", diff --git a/src/pages/index.mdx b/src/pages/index.mdx index bc457465..2b3ccfd3 100644 --- a/src/pages/index.mdx +++ b/src/pages/index.mdx @@ -38,15 +38,15 @@ how the different factors play out throughout your cycle. # Your personal data -POW! is as a **privacy-first** app. You keep complete -control of your data. It is never ever shared with any third +POW! is a **privacy-first** app. You keep complete control +of your data. It is never ever shared with any third parties. Under the hood POW! uses the [Blockstack](/#blockstack) platform. All data is encrypted before being stored locally and before -sending it to your storage personal storage hub. +sending it to your personal storage hub. @@ -109,9 +109,11 @@ Blockstack empowers developers like me to create privacy first apps, like POW!, for you. Blockstack gives you complete control of your identity and your data. -Check out [blockstack.org](https://#blockstack.org/) for -more information. Heads up, its for the more technically -inclined amongst you. +Check out [blockstack.org](https://blockstack.org/) for more +information. Heads up, its for the more technically inclined +amongst you. + + @@ -125,19 +127,18 @@ inclined amongst you. -# Free for now - -Please show your support on -[Product Hunt](https://www.producthunt.com/)! +# Open beta -To foster adaptation, Blockstack runs a program aptly named -[App Mining](https://app.co/mining). Participating apps get -paid from a monthly pool of money based on its rank. The -rank is in part based on popularity and upvotes on -[Product Hunt](https://www.producthunt.com/). +POW! is being developed as we speak. This means everything +is not up to the standard I would like yet, and some key +features are still around the corner. You must also prepare +yourself for sudden user interface changes. -At a later point, there will be a subscription model of some -sort. +But if you, as I, believe in a menstrual cycle tracker that +lets us be in charge of our cycles, please start using POW! +and hit me up on [Twitter](https://twitter.com/raae) or +[email](mailto:pow@raae.codes) with your feedback and +suggestions.