updating about us page independently

[jessicasalmon]

If you would like to change the content of the 'about' page, this can easily be done without any developer intervention using github.

Before we get started - what can I do, what should a developer do?

'Changing the content' includes tasks like, updating text, fixing typos, adding or removing a volunteer. If you want to change the page in a way that would change it's 'shape', i.e. add new paragraphs, change logos to one of different dimensions, you may need a developer or some knowledge of html/css to ensure the formatting stays true to the design.

And onwards - let's add an exclamation mark to a header :)

For this guide, our task will be to add an additional exclamation.

A) Make the changes

1) Navigate to the about folder

Quick link: https://github.com/InFact-coop/building-exploratory/tree/master/src/components/about

Here's how you navigate to the folder via github interface
Go to the project homepage in github at https://github.com/InFact-coop/building-exploratory

Then click through the folders to reach the 'about' folder shown below. The file path is building-exploratory/src/components/about

2) Select the file you would like to edit and make your changes

Click into the file you'd like to update. The about page is split into multiple files which each handle their own sections of the page (e.g., volunteers, partners). Looking at the webpage should give you a clue as to which file the content you wish to edit will be in.

Then edit the file.

B) Submit the changes

1) make a request

Now we've made the changes, we need to make a request to submit them into our codebase (which you will approve yourself). It may be tempting to merge them straight into the codebase, but please don't do this! The reason we make requests is to have a history of all requests that were made, and so that we can easily revert back to an old version if new code breaks our site!

First make a "branch"

Then make a "pull request"

2) Check your request and approve it when happy

Remember to check your proposed changes to make sure you're happy. Your proposed changes are highlighted in green, and you can easily see what they replace (in red).

Once you're happy, press 'merge'

When your changes have been merged into the codebase, you'll see this screen.

3) Deploy the new codebase (to make the changes live for users)

Once the above steps have been completed, re-deploy the master (aka main) branch in heroku with one click)

[jessicasalmon]

@KatieRussellTBE please try to make a small change following these steps as soon as possible. That way you can let me know if any step is unclear and I can provide clarification :)