Improved page component (codeforgso#45)

tleisman · SchaeStewart · commit 1f2742618d45 · 2019-10-08T20:41:58.000-04:00
* updated setup.md for more clarity in new user setup

* Added h2 to styles and started adding projects.

* Added title to page component and modified projects

* forgot to stage changes on project page
diff --git a/components/page.js b/components/page.js
@@ -12,6 +12,7 @@ const Page = ({ children, title = '' }) => (
         <Nav />
         <JoinButton location="top" />
         <div className="section">
+            <h1 className="title">{title}</h1>
             <div className="container">{children}</div>
         </div>
         <JoinButton location="bottom" />
diff --git a/package-lock.json b/package-lock.json
diff --git a/pages/about.js b/pages/about.js
@@ -4,7 +4,6 @@ import '../styles.scss'
 
 const About = () => (
     <Page title="About">
-        <p className="title">About</p>
         <div className="content">
             <div className="leftcolumn">
                 <p>The Code for America mission is, in part, to</p>
diff --git a/pages/conduct.js b/pages/conduct.js
@@ -4,7 +4,6 @@ import '../styles.scss'
 
 const Conduct = () => (
     <Page title="Code of Conduct">
-        <p className="title">Code of Conduct</p>
         <div>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
             eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
diff --git a/pages/contact.js b/pages/contact.js
@@ -4,7 +4,6 @@ import '../styles.scss'
 
 const Contact = () => (
     <Page title="Contact Us">
-        <p className="title">Contact Us</p>
         <div>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
             eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
diff --git a/pages/index.js b/pages/index.js
@@ -3,7 +3,6 @@ import Page from '../components/page'
 import '../styles.scss'
 const Home = () => (
     <Page title="Home">
-        <p className="title">Home</p>
         <div className="content">
             <p className="subtitle">
                 Code for Greensboro works to improve the way our community uses
diff --git a/pages/join.js b/pages/join.js
@@ -4,7 +4,6 @@ import '../styles.scss'
 
 const Join = () => (
     <Page title="Join Us">
-        <p className="title">Join Us</p>
         <div>
             <h2>MeetUp</h2>
             <div>
diff --git a/pages/projects.js b/pages/projects.js
@@ -3,29 +3,33 @@ import Page from '../components/page'
 import '../styles.scss'
 
 const Projects = () => (
-    <Page title="Our Projects">
-        <p className="title">Our Projects</p>
+<Page title="Our Projects">
         <div>
             <h2>Re-entry Resources</h2>
-            <div>
-                A website providing information relevant and valuable to
+            <div className='projects'>
+               <p> A website providing information relevant and valuable to
                 residents reentering communities after a period of
                 incarceration. Project initiated by Code for Asheville and
-                scaled by Open NC.
-            </div>
-            <div>
+                scaled by Open NC.</p>
                 {' '}
-                <a href="https://github.com/Open-NC/reentry-resources-hub">
+                <p>
+                  <a href="https://github.com/Open-NC/reentry-resources-hub">
                     {' '}
-                    Open NC Repository{' '}
-                </a>
-            </div>
+Re-entry Resources Repository (Open NC){' '}
+                  </a>
+                </p>
+            </div> 
+            <br/>
             <h2>GoVoteGSO</h2>
-            <div>
+            <div className='projects'>
                 A web app providing local residents the ability to look up voter
                 registration status and polling place information by address.
                 Project initiated in partnership with the League of Women{"'"}s
                 Voters Triad.{' '}
+              <br/>
+              <a href="https://github.com/codeforgso/GoVote">
+                GoVoteGSO Repository
+              </a>
             </div>
             <div>
                 {' '}
diff --git a/styles.scss b/styles.scss
@@ -151,3 +151,7 @@ body {
 .alignment-left {
   margin: 0;
 }
+
+.projects {
+ padding-left: 2em;
+}

Original file line number	Diff line number	Diff line change
`@@ -151,3 +151,7 @@ body {`
`151`	`151`	`.alignment-left {`
`152`	`152`	`margin: 0;`
`153`	`153`	`}`
	`154`	`+`
	`155`	`+.projects {`
	`156`	`+ padding-left: 2em;`
	`157`	`+}`