Add 'note about resume' blurb

package.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "html-react-parser": "^0.9.1",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
     "react-scripts": "3.0.1"

src/App.css

@@ -110,6 +110,10 @@
   font-size: 1.1rem;
 }
 
+.extraEndContainer {
+  margin: 2px 8px 12px 26px;
+}
+
 .leftInfoBox {
   margin: 8px 4px 18px 10px;
 }

src/ExtraEndContainer.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import parse from 'html-react-parser';
+
+import './App.css';
+
+function ExtraEndContainer(props) {
+  return (
+    <div>
+      <p className="sectionHeader">{props.extra.headline}</p>
+      <div className="extraEndContainer">
+        <span className="extraText">{parse(props.extra.body)}</span>
+      </div>
+    </div>
+  );
+}
+
+export default ExtraEndContainer;

src/MainContent.js

@@ -2,6 +2,7 @@ import React from 'react';
 import './App.css';
 import RoleContainer from './RoleContainer';
 import EducationContainer from './EducationContainer';
+import ExtraEndContainer from './ExtraEndContainer';
 
 function MainContent(props) {
   return (
@@ -24,6 +25,10 @@ function MainContent(props) {
           <EducationContainer key={education.text} education={education} />
         )}
       </div>
+
+      { props.data.extraEnd.map(extra =>
+        <ExtraEndContainer key={extra.headline} extra={extra} />
+      )}
     </div>
   );
 }

src/data.js

@@ -114,6 +114,12 @@ const content = {
       text: "Studied Computer Science (University of North Texas)",
     },
   ],
+  extraEnd: [
+    { headline: "Note about this resume",
+      /* note that this is passed through html-react-parser, and is susceptible to injection attacks */
+      body: "This resume was created with ReactJS (Javascript/HTML/CSS). See the related github repo at <a href='https://github.com/notlesh/stephen-shelton-resume'>https://github.com/notlesh/stephen-shelton-resume</a> for more info.",
+    },
+  ],
 };
 
 export default content;