diff --git a/README.md b/README.md index 48baa8c..771aeb1 100644 --- a/README.md +++ b/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` diff --git a/src/App.jsx b/src/App.jsx index 9f4041f..680589e 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -37,7 +37,7 @@ const App = () => ( }} > - + p h diff --git a/src/SectionHeader.css b/src/SectionHeader.css index 06d4240..c1a0eff 100644 --- a/src/SectionHeader.css +++ b/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 {