“Thank you, thank you, thank you! Our new website is a fantastic tool for keeping our members informed of events and actions, and for attracting new people to our chapter. Thanks to the Indivisible Template, it only took me a few hours to get it up and running.”
Jen Roberts, Indivisible Colusa
The purpose of the Indivisible Template is to make Indivisible Guide chapters more effective by providing them with a fast, free, and easy to use website and CMS (Content Management System).
Follow the steps in the Setup Instricutions below to set up your site.
Sign up for email updates about changes and improvements to the Indivisible Template.
The Indivisible Template creates a website that, by default, looks like this. You can see a live, interactive Indivisible Template site at IndivisibleTemplate.com.
It's optimized for desktop, tablet, and mobile usage.
It's fully and completely customizable for developers via Jekyll.
The Indivisible Template is designed to maximize the positive effect Indivisible chapters can have in congress. It does this in a few ways.
The Template is designed to get chapters up and running with a new website without a lot of fuss. Once you get the template set up, all you have to do is edit your chapter name, tweak the title, and start posting.
There are no servers to set up, no software to update, and no bandwidth limits to worry about for normal usage.
The Indivisible Template pushes chapters by be effective in promoting positive action, getting media attention, and recruiting new members by putting content front and center. Rather than rely on verbose descriptions and about pages, the Indivisible Template pushes chapters to publish actionable content and success stories.
If you don't already have a website domain name like IndivisibleSF.org, you'll need one. Go to Google Domains to purchase a domain name.
Once you've completed the purchase of your domain name move on to the next step.
If you already have a domain name move on to the next step.
The Indivisible Template is hosted on GitHub.com, a popular open source hosting service. GitHub makes it easy for you to copy the Invisibile Template and provides you with space to host your new Indivisible Template website. Don't worry, you don't need to manage any servers or administer any software or look at any code.
GitHub is the service that will host your new website. Visit GitHub.com in your browser and click the "Sign Up" button in the top right of the page. Fill out your basic info in Step 1 of the GitHub sign up form. In Step 2 of the GitHub sign up form select Unlimited public repositories for free in the plan options. Do not check the "Help me set up an organization next" box during step 2.
After filling out your info you should end up on a page like this:
IMPORTANT: GitHub will send you an email to verify the email address you signed up with, make sure to click the link in their verification email before going to the next step.
Click the "Fork" button below to copy the Indivisible Template to your the GitHub account you just created. You'll be taken to GitHub's webiste to begin the process setting up your copy of the Indivisible Template.
Forking, for our purposes, just means to copy the Indivisible Template to your account so only you can edit it.
After clicking the "fork" button above you'll be taken to GitHub.com. There you'll be asked which GitHub account you want your new website to be associated with. Select the account you set up in Step 1.
The name and icon of your account may be different than the sceenshot above above
GitHub will then tell you that it is copying the Indivisible Template to your account. This should only take a minute.
Once GitHub finishing copying the Indivisible Template to your account you'll be taken to your new copy. Click the Settings link in the top right of the page so we can connect your copy of the Indivisible Template to the internet and to your domain.
In the Repository name field toward the top of the settings page change the name BasicTemplate to YourUsername.github.io. Your username is listed at the top left of the page before /BasicTemplate. So, if your username was IndivisibleSF you'd enter IndivisibleSF.github.io into the Repository name field.
In the same settings page where you just edited the name field, scroll down to the GitHub Pages section. GitHub Pages is the GitHub feature that turns the Indivisible Template into a website.
First, in the Source section, click the None dropdown under Source, select Master branch, and then click the Save button.
The page should automatically refresh after you click Save. Scroll down to the GitHub Pages section of the settings page again and you'll see two new features. First, there should be a notification saying your website is published (the green highlighted area). This might take a few minutes to happen. Second, a new Custom domain field should be present.
Enter the website domain you want to use for your website in the Custom domain field and click Save. For example, if you had purchased IndivisibleEB.com you would put in IndivisibleEB.com in this field and click Save.
You're almost done!
Now that you have GitHub hosting your new Indivisible Template website, you need to tell your domain registrar to point your domain name to GitHub's servers so that your domain (e.g. IndivisibleEB.com) points to your new website.
The following steps will show you how to log into your domain registrar, find the DNS section, and add the following A records: 220.127.116.11 and 18.104.22.168. A records are like street addresses, and those long A records numbers just mentioned are where GitHub's servers live.
Note: The instructions below are for Google's domain registrar - Google Domains. If you used a different domain registrar to purchase your domain name you'll need to ask them how to update your A records.
In Google Domains, this is the icon you click to edit your domain's DNS settings:
Ignore all the domain settings except for the Custom resource records section of the DNS settings tab:
In the form above:
That's it for this step.
Wait a few minutes and go to yourdomainname.com (where yourdomainname.com is the domain you purchased in Step 1) and your new site should be up and and ready to start editing.
Just as GitHub.com hosts your new copy of the Indivisible Template, Siteleaf.com makes it easy to update and administer your new Indivisible Template website. Siteleaf is the CMS (Content Management System) - like Wordpress - that allows you to create blog posts, edit your site, add pages, and everything else you'd expect to be able to do. When you want to edit the content of your site you'll go to Siteleaf.com, not GitHub.com.
NOTE: Indivisible Template only officially supports Siteleaf. It does not currently work with Wordpress, Weebly, or other CMS tools that don't directly integrate with GitHub. Don't worry, Siteleaf is great.
Visit Siteleaf.com and click the Sign up button at the top right of the page.
You should now be able to edit your live Indivisible Template powered website, start posting, and take on the world.
It may take a few seconds or even a minute or two for your live website to be updated when you make changes in Siteleaf. This is normal. Please be patient.
Now that your website and Siteleaf CMS are set up, here are some basic things you'll want to update to get your site up and running:
In Siteleaf, click the Settings icon from the left nav. This is where most of your site-wide settings are kept.
In the left nav click Posts. This is where you can post blog post, action posts, and event posts. These are all just blog posts and will show up on your site's homepage.
IMPORTANT: To get a blog post to include your representatives contact information and a call script you must add the category Action to your post.
IMPORTANT: To get a blog post to include event details and the custom event styles you must include the category Event in the blog post.
Click the pages link in the left nav, then click the Become A Member page in the list of pages in the middle of the page. Edit the main Content field at the top of the page to include a short description of your group. Copy and paste your Mailchimp signup form embed code from Mailchim into the mailchimp-form-embed field. This will allow members to join your group.
Click the Successes link in the left nav. To create a Success post publish a new post from this section of this site. These will show up in the right column of the homepage and the Successes page on your website. Here are detailed instructions on how to get a signup form embed code from Mailchimp.
Click the Pages link in the left nav. Click the Calendar page. You can embed a Google Calendar embed code into the embed-code field on this page and your Google Calendar will show up on your website's calendar page.
Click the Representatives link in the left nav. From here you can add and edit your representatives and their contact info.
Siteleaf includes one free plan that lasts forever. It's called the Developer plan. This is all you need to get up and running and to edit your site forever. If Siteleaf tells you your trial is ending soon go to the purchase page and select the free developer plan. This plan, does not include features like milti-autor editing. If you want those features please do purchase the more advanced Siteleaf plans.
Because your Indivisible Tempalate website is hosted on GitHub, people can send you code updates with what is called a "Pull Request". Do not accept any pull requests form anyone except the official IndivisibleTemplate.
You should consider every piece of content hosted on your Indivisible Website to be public. There are no password protected pages. Do not try to store and information on your website that contains personal information about you or any of your members. You should even consider your draft blog posts to be public. This is both because your website code is stored on GitHub and because nearly every piece of software is vulnerable to hacking.
Please take these precautions when setting up and use any online account, including the Github and Siteleaf accounts that are required for the Indivisible Template.
If you're still having trouble setting up your Indivisible Template website after following the above instructions, need help with a problem you're having related to Indisibile Tempalte, or want to report a bug, visit the support forum:
Thanks to members of the Indivisible SF and East Bay chapters for their feedback on early drafts of this template. Thanks especially to the Indivisible Farmington, CT chapter for providing early testing and feedback.
Thanks to Jekyll, Bootstrap, GitHub, and the many other open software tools used to make Indivisible Template.