As per swcarpentry/lesson-template#140, but only the core CSS
changes.

The workshop template is mostly plain bootstrap, so getting it work
alongside the site CSS seems mostly straightforward. We only need to
add in a .workshop class to the body, and a .card class to the
.container in the workshop. Everything else is bootstrap content.

This commit also removes the banner.html include since this did not
seem to be removed in the main site, but was referenced in the CSS.
Removing it makes it clear the .banner class is only needed in the
workshop, not here.

* add Country drop down select
* add Gender

~~~
$ for file in $(grep -r -l 'bootcamp' .); do sed -i 's/bootcamp/workshop/g' $file; done
$ for file in $(grep -r -l 'boot camp' .); do sed -i 's/boot camp/workshop/g' $file; done
~~~

and others minors changes.

Close #240.

The CSS was add at our main CSS and remove from printing:

- Logo at header
- GitHub ribbon
- Footnote

Close #561.

* remove unused classes copied from google form
* moved styles to swc.css
* #361

**Note**: This is a prototype.

Instead of "In" and "Out" use arrow to mark the input and output
of IPython lessons.

To construct the arrows we only use CSS.

* input from @r-gaia-cs
* links on hover: darker & underline
* move search bar to bottom on collapse

* mostly the collapsed the bar, make less awkward
* some link colour changes

* related to #278

* helps with learning a new ui
* 3 sub-headings on home page are no longer links

* #278

* cleaner design

* simplifying design
* use header more on each page

* add hammer to header
* add twitter to home page
* adjust styles
* adjust branding on all pages

* footer still needs work
* not sure if I got all the pages

* very much a work in progress
* experimenting with header/banner/home page

When using large font it will overflow the width so I add
max-width in the css.

The 'box' class overflow the window width for some screen size.
This patch fix it using CSS media query.