From 3fed0ea94ec393aa401928df88d19f868b2d05e0 Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Sun, 27 Feb 2022 03:50:11 -0500
Subject: [PATCH] mention FakeYou.com accounts

---
 .../pages/index/subpages/LoggedOutIndex.tsx   |  2 +
 .../storyteller/src/pages/login/LoginPage.tsx | 63 ++++++++++---------
 2 files changed, 36 insertions(+), 29 deletions(-)

diff --git a/packages/storyteller/src/pages/index/subpages/LoggedOutIndex.tsx b/packages/storyteller/src/pages/index/subpages/LoggedOutIndex.tsx
index 027131d790..329c20bdd9 100644
--- a/packages/storyteller/src/pages/index/subpages/LoggedOutIndex.tsx
+++ b/packages/storyteller/src/pages/index/subpages/LoggedOutIndex.tsx
@@ -10,6 +10,8 @@ function LoggedOutIndex() {
         <div className="container">
 
           <h1 className="title is-4"> <FontAwesomeIcon icon={faRocket} /> You'll need an account to continue&hellip;</h1>
+          <h1 className="subtitle is-6">(If you have a FakeYou.com account, it'll work here too.)</h1>
+
           <Link
             to="/signup"
             className="button is-large is-info is-fullwidth"
diff --git a/packages/storyteller/src/pages/login/LoginPage.tsx b/packages/storyteller/src/pages/login/LoginPage.tsx
index 919a3598e0..59d322adfc 100644
--- a/packages/storyteller/src/pages/login/LoginPage.tsx
+++ b/packages/storyteller/src/pages/login/LoginPage.tsx
@@ -69,38 +69,43 @@ function LoginPage(props: Props) {
 
   return (
     <div>
-      <h1 className="title is-1"> Login </h1>
+      <section className="section">
+        <div className="container">
+          <h1 className="title is-1"> Login </h1>
+          <h1 className="subtitle is-6">(If you have a FakeYou.com account, it'll work here too.)</h1>
 
-      {errorWarning}
+          {errorWarning}
 
-      <form onSubmit={handleFormSubmit}>
-        <div className="field">
-          <label className="label">Username or Email</label>
-          <div className="control has-icons-left has-icons-right">
-            <input className="input" type="text" placeholder="Username or Email" value={usernameOrEmail} onChange={handleUsernameOrEmailChange} />
-            <span className="icon is-small is-left">
-              <FontAwesomeIcon icon={iconUser} />
-            </span>
-          </div>
-          {/*<p className="help"></p>*/}
+          <form onSubmit={handleFormSubmit}>
+            <div className="field">
+              <label className="label">Username or Email</label>
+              <div className="control has-icons-left has-icons-right">
+                <input className="input" type="text" placeholder="Username or Email" value={usernameOrEmail} onChange={handleUsernameOrEmailChange} />
+                <span className="icon is-small is-left">
+                  <FontAwesomeIcon icon={iconUser} />
+                </span>
+              </div>
+              {/*<p className="help"></p>*/}
+            </div>
+
+            <div className="field">
+              <label className="label">Password</label>
+              <div className="control has-icons-left has-icons-right">
+                <input className="input" type="password" placeholder="Password" value={password} onChange={handlePasswordChange} />
+                <span className="icon is-small is-left">
+                  <FontAwesomeIcon icon={iconPasswordField} />
+                </span>
+              </div>
+              {/*<p className="help"></p>*/}
+            </div>
+
+            <br />
+
+            <button className="button is-link is-large is-fullwidth">Login</button>
+
+          </form>
         </div>
-
-        <div className="field">
-          <label className="label">Password</label>
-          <div className="control has-icons-left has-icons-right">
-            <input className="input" type="password" placeholder="Password" value={password} onChange={handlePasswordChange} />
-            <span className="icon is-small is-left">
-              <FontAwesomeIcon icon={iconPasswordField} />
-            </span>
-          </div>
-          {/*<p className="help"></p>*/}
-        </div>
-
-        <br />
-
-        <button className="button is-link is-large is-fullwidth">Login</button>
-
-      </form>
+      </section>
     </div>
   )
 }