Edit readme

README.md

@@ -1,3 +1,10 @@
 This is my portfolio website, a static React site with mostly custom CSS and a few Ant Design components. I started with create-react-app, but I quickly 'ejected' so I could have more control over the config.
 
 Check out the live site: [https://paulhoskinson.surge.sh/](https://paulhoskinson.surge.sh/)
+
+To run the site locally (i.e. for development or to examine the source code):
+- Clone repository to your local computer (this will create a "portfolio" directory): `git clone https://github.com/plhosk/portfolio.git`
+- Enter project directory: `cd portfolio`
+- Install npm dependencies: `npm install`
+- To start dev server with hot reloading: `npm run start` then navigate to [http://localhost:3000](http://localhost:3000) in your web browser
+- To generate an optimized development build: `npm run build`

src/App.jsx

@@ -37,7 +37,7 @@ const App = () => (
           }}
         >
           <Menu.Item key={1}>
-            <a href="/">
+            <a href="https://paulhoskinson.surge.sh">
               <span className="App-home App-home1">p</span>
               <span className="App-home App-home2">h</span>
             </a>

src/SectionHeader.css

@@ -37,7 +37,10 @@
   line-height: 1.25em;  
   height: 48px; 
   margin: 10px;
-  background-color: #404040;
+  margin-left: 3px;
+  margin-right: 3px;
+  /* background-color: #404040; */
+  /* background-color: #ddd; */
   padding: 4px; 
   transition: all 0.2s ease;
 }
@@ -50,7 +53,8 @@
 }
 
 .SectionHeader-ph:hover {
-  background-color: #777;
+  background-color: #ddd;
+  /* border: 2px solid grey; */
 }
 
 .SectionHeader-ph-p {