πŸ—³ Chance the Rapper for Mayor of Chicago.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
src
.gitignore
.travis.yml
Gruntfile.js
LICENSE
README.md
git_user.enc
index.html
package.json
scripts.min.js
styles.min.css

README.md

#chano4mayor

They say I'm savin' my city, say I'm stayin' for good

They screamin' "Chano for Mayor," I'm thinkin' maybe I should

- Somewhere in Paradise (2015)

We want Chance the Rapper to run for Mayor of Chicago in 2019. He doesn't seem to have any intention of doing it. So, we did what any group of concerned citizens would do: we made a website to encourage him to run.

A picture of Chance the Rapper saying "I got some ideas that you gotta see"

The concept

We want a mayor who will fight for public education. We want a mayor who will reinvest in black and brown communities on the South and West Sides. We want a mayor who will address our epidemic of gun violence without the brutality of police or prisons. We want a mayor who will let the young people of Chicago lead.

We want a mayor like Chance.

Not convinced that Chance should be the next mayor of Chicago? Check out the site to read why we think you should change your mind, or let us know who you think should run against Rahm in 2019.

Twitter bot

If you like this site, you might also like our Twitter bot @Chano4Mayor2k19 that makes memes about #chano4mayor.

To see that code or steal it for your own mischief, head on over to its repo.

Developer information (for the nerds)

The following instructions will help you use our code to either a) suggest changes to this site or b) draft your own favorite rapper to run for office.

Before you start

We used the following open source tools to build this site. You should install them on your computer using your favorite package manager before getting started:

  • npm - JavaScript package manager
  • Grunt - The JavaScript task runner
    • Although grunt is included in the package.json it's recommended to install it globally with npm install -g grunt
  • Ruby
  • SASS - CSS with superpowers

Installation

Start by cloning our repo:

# Assumes SSH - use the HTTPS link instead if you like it like that
git clone git@github.com:jeancochrane/chano4mayor.git

Next, change into the directory and install dependencies with npm:

cd chano4mayor
npm install

Use Grunt to compile and minify JS/CSS while you work:

grunt

Finally, open up the page in your favorite browser to view your work:

# Mac users:
open index.html

# Linux aficionados:
xdg-open index.html

If like you can use the LiveReload plugin for developing sites, Grunt will automatically start that for you, too.

Directory structure

This is a pretty simple static site, so most of the action happens in index.html. As you write code, Grunt will work its magic to produce minified files that live in the topmost level of the repo. Add JS to the src/js/ directory and it will be concatenated and minified automatically; edit styles in src/scss/styles.scss and Grunt will compile to CSS, prefix, and minify for you (don't edit styles.min.css or src/scss/styles-unprefixed directly).

Here's an overview of the important files in the directory:

chano4mayor/
β”œβ”€β”€ index.html
β”œβ”€β”€ src
β”‚Β Β  β”œβ”€β”€ js
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ jquery-accessible-hide-show-aria.js
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ refs.js
β”‚Β Β  β”‚Β Β  └── tweetcount.js
β”‚Β Β  └── scss
β”‚Β Β      β”œβ”€β”€ styles-unprefixed.css
β”‚Β Β      β”œβ”€β”€ styles-unprefixed.css.map
β”‚Β Β      └── styles.scss
β”œβ”€β”€ styles.min.css
β”œβ”€β”€ styles.min.css.map
β”œβ”€β”€ scripts.min.js
└── images
Β Β  β”œβ”€β”€ chano_hat.svg
Β Β  β”œβ”€β”€ favicon
Β Β  β”‚Β Β  └── chano_four.png
Β Β  β”œβ”€β”€ illustrations
Β Β  β”‚Β Β  β”œβ”€β”€ chano1.png
Β Β  β”‚Β Β  β”œβ”€β”€ chano10.png
Β Β  β”‚Β Β  β”œβ”€β”€ chano4.png
Β Β  β”‚Β Β  β”œβ”€β”€ chano5.png
Β Β  β”‚Β Β  β”œβ”€β”€ chano8.png
Β Β  β”‚Β Β  └── chano9.png
Β Β  β”œβ”€β”€ sparkles.png
Β Β  β”œβ”€β”€ triangle.svg
Β Β  └── twitter_white.svg

Contributing

We welcome issues and pull requests if you want to suggest changes to the site.

The best way to suggest changes is to follow these steps:

  1. Fork the project
  2. Make a new feature branch for your changes so we can merge them easily
  3. Make your feature addition or bug fix
  4. Open a pull request with a description of your work

Before making pulls, make sure to use Grunt to build your code for distribution:

grunt build

This will automatically generate a bunch of necessary files.

Style

Always follow the coding style you see in the files. Some general principles are:

  • Use logical indentation. If the file is indented with 4 spaces, use 4 spaces; if it's indented with tabs, use tabs.
  • Always aim for clarity, and leave a comment any time you do something clever.
  • Keep it accessible! Images should always have alt text, never indicate information with color alone, add title attributes to links, and make sure the color contrast ratios are at least up to AA standards. Use this checklist for reference.

Team

You have these fine folks to blame for this mess:

Opinions about #chano4mayor are entirely our own, and have nothing to do with the views of our employers, parents, or childhood mentors.

Acknowledgements

We used the following open source tools to build this site, and they made our lives so much easier:

Many thanks to the developers on these projects for enabling our mischief.

License

Technically released under the MIT License. Do what you will!