From 516656f19467f89377a46ab119fa3b3f58470289 Mon Sep 17 00:00:00 2001 From: Austin Chen Date: Sun, 6 Feb 2022 00:35:58 -0800 Subject: [PATCH] Clean up About page --- web/package.json | 1 + web/pages/about.module.css | 59 ++---------------------------- web/pages/about.tsx | 74 +++++++++++++++++++++++--------------- web/tailwind.config.js | 6 +++- yarn.lock | 14 ++++++++ 5 files changed, 67 insertions(+), 87 deletions(-) diff --git a/web/package.json b/web/package.json index 92ca48d3..55c6c49a 100644 --- a/web/package.json +++ b/web/package.json @@ -31,6 +31,7 @@ }, "devDependencies": { "@tailwindcss/forms": "0.4.0", + "@tailwindcss/typography": "^0.5.1", "@types/lodash": "4.14.178", "@types/node": "16.11.11", "@types/react": "17.0.37", diff --git a/web/pages/about.module.css b/web/pages/about.module.css index 6f5ed2c1..731cd5c2 100644 --- a/web/pages/about.module.css +++ b/web/pages/about.module.css @@ -1,64 +1,9 @@ -.div { - /* Tailwind Gray 700 */ - color: #334155; - font-size: 1.1em; -} - .h1, .h2, .h3 { - color: #4338ca; - margin-top: 2rem; - margin-bottom: 1rem; - font-family: 'Readex Pro', sans-serif; -} - -.h1 { - font-size: 2rem; -} - -.h2 { - font-size: 2rem; -} - -.h3 { - font-size: 1.5rem; -} - -.p { - margin-bottom: 0.75rem; + color: #4338ca !important; } .a { - /* Tailwind Indigo 700 */ - color: #4338ca; -} - -.a:hover { - text-decoration: solid underline #4338ca 2px; -} - -.aside { - border-radius: 0.5rem; - /* Tailwind Slate 200 */ - background-color: #e2e8f0; - padding: 1.5rem; -} - -.hr { - margin-top: -0.5rem; - margin-bottom: 1rem; -} - -.ul { - list-style-type: disc; -} - -.ol { - list-style-type: decimal; -} - -.li { - margin-left: 2rem; - margin-bottom: 0.5rem; + font-weight: 700 !important; } diff --git a/web/pages/about.tsx b/web/pages/about.tsx index 360273d8..1981a907 100644 --- a/web/pages/about.tsx +++ b/web/pages/about.tsx @@ -8,7 +8,9 @@ export default function About() { return ( - +
+ +
) } @@ -41,17 +43,23 @@ function Contents() { return cloneWithStyle(

About

-

- Manifold Markets is creating better forecasting through user-created - prediction markets. -

-

- Our mission is to expand humanity's collective knowledge by making - prediction markets accessible to all. + Manifold Markets lets anyone create a prediction market on any topic. + Win virtual money betting on what you know, from{' '} + + chess tournaments + {' '} + to{' '} + + lunar collisions + {' '} + to{' '} + + newsletter subscriber rates + {' '} + - or learn about the future by creating your own market!

FAQ

-

What are prediction markets?

@@ -76,7 +84,8 @@ function Contents() { market's best estimate - . This is the power of prediction markets! + . Since these probabilities are public, anyone can use them to make + better decisions!

How does Manifold Markets work? @@ -86,29 +95,30 @@ function Contents() { Anyone can create a market for any yes-or-no question. +

+ You can ask questions about the future like "Will Taiwan remove + its 14-day COVID quarantine by Jun 01, 2022?" If the market + thinks this is very likely, you can plan more activities for your + trip. +

+

+ You can also ask subjective, personal questions like "Will I + enjoy my 2022 Taiwan trip?". Then share the market with your + family and friends and get their takes! +

-

- You can ask questions about the future like "Will Taiwan remove - its 14-day COVID quarantine by Jun 01, 2022?" Then use the - information to plan your trip. -

-

- You can also ask subjective, personal questions like "Will I - enjoy my 2022 Taiwan trip?". Then share the market with your - family and friends. -

  • Anyone can bet on a market using Manifold Dollars (M$), our platform currency. +

    + You get M$ 1,000 just for signing up, so you can start betting + immediately! When a market creator decides an outcome in your favor, + you'll win Manifold Dollars from people who bet against you. +

    • -

    - You get M$ 1,000 just for signing up, so you can start betting - immediately! When a market creator decides an outcome in your favor, - you'll win Manifold Dollars from people who bet against you. -

    Can prediction markets work without real money?

    @@ -223,6 +233,13 @@ function Contents() { The result is a market that can function well when trading volume is low without any risk to the market creator.

    +

    + Read{' '} + + our technical guide + {' '} + to find out more! +

    Who are we?

    Manifold Markets is currently a team of three:

    @@ -235,14 +252,14 @@ function Contents() { We've previously launched consumer-facing startups ( Throne,{' '} One Word), and worked at top - tech and finance companies (Google, Susquehanna). + tech and trading firms (Google, Susquehanna).

    Talk to us!

    -

    Questions? Comments? Want to create a market? Talk to us!

    • - Email: info@manifold.markets + Email:{' '} + info@manifold.markets
    • Office hours:{' '} @@ -269,7 +286,6 @@ function Contents() {

      Further Reading

      -
      • diff --git a/web/tailwind.config.js b/web/tailwind.config.js index e009e488..8c72e89b 100644 --- a/web/tailwind.config.js +++ b/web/tailwind.config.js @@ -21,7 +21,11 @@ module.exports = { variants: { extend: {}, }, - plugins: [require('@tailwindcss/forms'), require('daisyui')], + plugins: [ + require('@tailwindcss/forms'), + require('@tailwindcss/typography'), + require('daisyui'), + ], daisyui: { themes: [ { diff --git a/yarn.lock b/yarn.lock index ab0d8142..c78b5ee2 100644 --- a/yarn.lock +++ b/yarn.lock @@ -975,6 +975,15 @@ dependencies: mini-svg-data-uri "^1.2.3" +"@tailwindcss/typography@^0.5.1": + version "0.5.1" + resolved "https://registry.yarnpkg.com/@tailwindcss/typography/-/typography-0.5.1.tgz#486248a9426501f11a9b0295f7cfc0eb29659c46" + integrity sha512-AmSzZSgLhHKlILKduU+PKBTHL6c+al82syZlRid1xgmlWwXagLigO+O++B4C0scpMfzW//f/3YCRcwwEHWoU3w== + dependencies: + lodash.castarray "^4.4.0" + lodash.isplainobject "^4.0.6" + lodash.merge "^4.6.2" + "@tootallnate/once@2": version "2.0.0" resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf" @@ -4070,6 +4079,11 @@ lodash.camelcase@^4.3.0: resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6" integrity sha1-soqmKIorn8ZRA1x3EfZathkDMaY= +lodash.castarray@^4.4.0: + version "4.4.0" + resolved "https://registry.yarnpkg.com/lodash.castarray/-/lodash.castarray-4.4.0.tgz#c02513515e309daddd4c24c60cfddcf5976d9115" + integrity sha1-wCUTUV4wna3dTCTGDP3c9ZdtkRU= + lodash.clonedeep@^4.5.0: version "4.5.0" resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"