To help support local responses to COVID-19, we're sharing code for a modular website design that you can adapt as you see fit for your local response. We are also assembling a collection of local response sites from around the world. Here are detailed instructions for anyone looking to create a website for their city.
- Determine what the needs are in your location. Every place is facing different challenges. Join up with your community response efforts and find out how you can make your site most useful, whether it's coordinating donations, distributing volunteer applications, or documenting ongoing efforts for others to learn from.
- Please fill out this google form to let us know of your intentions to create a site, and for which city. We will maintain an "In progress" list at earth.fightingcovid.net so visitors can see whether their city is being covered.
Our goal is simply to reduce the time it takes to get a working site up and running, so we are recommending modifying our template and hosting the site via GitHub pages for the shortest & smoothest out-the-door workflow while still allowing for minor to major customizations. That said, you're more than welcome to use whatever you'd like to build and host your site. If so, you can skip to the next section if you want to host via GitHub pages, or to the very last section if you just want us to add you to the collection.
- Clone this repository to your computer. (In a terminal window,
git clone https://github.com/anthonyftwang/mycity-fighting-covid.git
) - Ideally, simply editing
index.html
to update links, text, and images should be sufficient for most and shouldn't take more than a few minutes. Change "mycity" to the name of your city/town/community, and add an appropriate header photo. You can also link to an "About" page, or legal information as needed by region.- Since the design is modular, you can delete sections you don't need or add new ones.
- (Optional - create/connect to a blog like WordPress, Jekyll, etc!)
- Create a GitHub account, if you don't already have one.
- Create a new repository.
- Make sure to rename the folder
mycity-fighting-covid
so it matches your repository name. - Push your code to GitHub:
- In a terminal window,
cd
into the website directory git init
git add .
git commit -m "initial commit"
- Copy the link to your GitHub repository, then
git remote add origin <git repo link>
git push origin master
- In a terminal window,
- Navigate to the Settings tab of your repository on GitHub. Scroll down to the GitHub pages section. Choose the branch
master
as the source, and the site should be published athttps://username.github.io/repository-name/
.
Once your site is up, contact us at opensource@fightingcovid.net with your link, and we'd be happy to add it to earth.fightingcovid.net. This lets visitors from around the world learn from each others' responses and will inspire even more people to join in their local efforts!
Additionally, if your site is live at https://username.github.io/repository-name/
and you'd prefer a more relevant URL (or even just the latter), just let us know and we will help you get it working with something like [mycity].fightingcovid.net
.