diff --git a/web/splash/splash.css b/web/splash/splash.css index 2676bacaf..d194e0b9d 100644 --- a/web/splash/splash.css +++ b/web/splash/splash.css @@ -1,103 +1,61 @@ div.headerContainer { flex: 1 1 auto; padding: 0 10px; } div.topContainer { position: absolute; top: 0; left: 0; right: 0; } div.content { flex: 1 0 0; position: relative; min-height: 100%; } div.top { max-width: 1024px; margin: 0 auto; } div.headerContents { display: flex; justify-content: space-between; align-items: center; padding-top: 5px; padding-bottom: 7px; } div.actionLinks > * { padding-right: 15px; color: white; font-weight: 300; } div.actionLinks > *:last-child { padding-right: 0; } header.header h1 { color: white; font-size: 38px; } header.header { padding: 10px 20px; border-radius: 20px; border: 1px solid white; } div.body { padding: 30px 0 20px 0; } div.intro { text-align: center; margin-bottom: 50px; } p.introHeader { color: white; font-size: 28px; font-weight: 300; } p.introDescription { color: white; font-size: 21px; font-weight: 300; padding-top: 5px; } -div.bottomContainer { - z-index: 2; - position: relative; - overflow: auto; - height: 100%; -} -div.bottom { - margin-top: 728px; - min-height: 100%; - display: flex; - flex-direction: column; -} -div.headerRest { - background-color: rgba(255, 255, 255, 0.84); - flex-grow: 1; -} -div.headerOverscroll { - position: fixed; - top: 100%; - left: 0; - right: 0; - height: 1000px; - background-color: white; -} -div.prompt { - margin: 0 auto; - display: flex; - flex-direction: column; - align-items: center; -} -p.promptHeader { - color: #282828; - font-size: 21px; - padding-top: 25px; - text-align: center; -} -p.promptDescription { - color: #282828; - font-size: 18px; - padding-top: 9px; - text-align: center; -} diff --git a/web/splash/splash.react.js b/web/splash/splash.react.js index 42def68dc..a8c5a5437 100644 --- a/web/splash/splash.react.js +++ b/web/splash/splash.react.js @@ -1,84 +1,68 @@ // @flow import * as React from 'react'; import LogInModal from '../modals/account/log-in-modal.react'; import { useModalContext } from '../modals/modal-provider.react'; import css from './splash.css'; type Props = { +setModal: (modal: React.Node) => void, +modal: ?React.Node, }; class Splash extends React.PureComponent { render() { return (

Comm is a chat app with an integrated calendar.

We make it incredibly easy to plan events with your friends.

-
-
-
-
-

- We're currently alpha testing the first version of our - app. -

-

- If you'd like to try it out, please let us know! -

-
-
-
-
-
{this.props.modal} ); } onClickLogIn = (event: SyntheticEvent) => { event.preventDefault(); this.props.setModal(); }; } const ConnectedSplash: React.ComponentType<{}> = React.memo<{}>( function ConnectedSplash(): React.Node { const modalContext = useModalContext(); return ( ); }, ); export default ConnectedSplash;