Getting typography OK

phocks · Mar 4, 2020 · 064104b · 064104b
1 parent 7893cff
commit 064104b
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 14 deletions.
diff --git a/components/layout.js b/components/layout.js
@@ -234,13 +234,13 @@ const Layout = props => {
           h4,
           h5,
           h6 {
-            /* margin-top: 0;
-            margin-bottom: 1em; */
             font-weight: bold;
+            margin-bottom: 0.75em;
           }
 
           p {
             margin-top: 0;
+            margin-bottom: 0.75em;
           }
 
           a {

diff --git a/pages/about.js b/pages/about.js
@@ -5,17 +5,21 @@ const About = props => {
     <Layout title={"About — Quoke"}>
       <div className={"about container"}>
         <div className={"top"}>
-
-            <h1 className={"title"}>About</h1>
-            <p>
-              quoke - an open source project to collect and share quotations.
-            </p>
-            <div className="edit">
-              <a href="https://github.com/phocks/quoke/blob/master/pages/about.js">
-                Edit this page
-              </a>
-            </div>
-
+          <h1 className={"title"}>About</h1>
+          <p>
+            Quoke is an open source project to collect and share quotations.
+          </p>
+
+          <p>
+            It is still in early development. If you'd like to help out{" "}
+            <a href="https://github.com/phocks/quoke">give it a star</a> on
+            GitHub.
+          </p>
+          <div className="edit">
+            <a href="https://github.com/phocks/quoke/blob/master/pages/about.js">
+              Edit this page
+            </a>
+          </div>
         </div>
       </div>
       <hr />

diff --git a/pages/index.js b/pages/index.js
@@ -18,7 +18,12 @@ const Home = props => {
 
   return (
     <Layout title="Quoke">
-      <div className={"container"}><h1>Welcome to Quoke</h1></div>
+      <div className={"container"}><h1>Welcome to Quoke</h1>
+
+      <p className="lead">quoke - an open source project to collect and share quotations.</p>
+
+
+      </div>
 
     </Layout>
   );