Improfestival "Tilt" 2016 homepage
This is the homepage for the 4th international improv festival Tilt (2016).
This is a static site, built with Jekyll. This means that one can not "edit and save" content similarly to Wordpress.
For every change, a new "deployment" needs to happen before the changed content is visible to the world.
To change something within the website:
- Make the desired change on the develop branch (only for people who are members of the organization)
- Create a pull request from
- The change will automatically be deployed to the live environment 2016.improfestival.ee once the pull request is merged
Each change automatically triggers a Travis build, which will build a new version of the site's Docker image and checks for coding errors.
The build takes about ~2...5 minutes. If the build fails see Travis logs for an error and fix the problem.
Here is a list of the most important folders in the project.
_assets/img- All images, split into sub-folders
_data/- Data files (yml): information that does not need to be translated and does not require an extensive content section. Example: venues and sponsors.
_i18n/- All translatable content (text in Estonian and English)
_performances/- Metadata about performances (dates, times...)
_team/- Metadata about Tilt team members
_workshops/- Metadata about workshops (dates, locations)
_config.yml- Global configuration. Contains things like timezone and social media links.
Performances and Workshops
Performance (workshop) details (ticket prices, locations) can be edited from files in
_workshops) folder. One file per performance.
The files contain metadata (between
--- lines), which is generic information about the thing: location, title, dates. The description of the event will be in
_i18n/<lang>/performances/ folder, because that is translated.
# Start and end times of the event, in the specified format. start: 2016-10-20 19:45 end: 2016-10-20 20:15 # Only the date of the event, in specified format. This duplicate information is needed for technical reasons. date: 2016-10-20 # The name of the performance group. This is not translated. name: Eesti Improteater # The title of the performance. This is a reference to a translatable string in _i18n/ folder title: performances.titles.eesti_improteater # The origin country of the performance group country: est # The language of the performance language: est # Reference to a promotional image of the performance in `_assets/img/` folder. No leading slash. image: performers/improteater.jpg # Reference to the location of the performance. See `_data/venues.yml`. venue: soprus # Boolean (true or false): is the performance sold out? If set to `true`, a "SOLD OUT" sign will be shown. sold_out: false # Reference to a ticket sales link. Translated: see `_i18n/` for the actual link. ticket_url: performances.ticket_links.eesti_improteater
Identical to "performance".
start: 2016-10-20 15:00 end: 2016-10-20 18:00 date: 2016-10-20 title: workshops.titles.do_it_yourself country: grc name: Menelaos Prokos image: workshops/menelaos.jpg sold_out: false venue: vene ticket_url: workshops.ticket_url
Adding and Changing Images
Add an image to
_assets/img/ folder. Before adding the image, ensure that the image is optimized for web:
- Not much larger than it needs to be: if the display size is 400x400px in it's largest form, don't upload a 1000px image; resize it beforehand
- Is .jpg or .png format. JPG for photos, .png for graphics (logo)
- Has a reasonable file name (ASCII characters)
- Docker Compose
- Ruby and Bundler
Run the image:
docker run -p 80:80 improvjaa/improfestival-2016
This will start a Nginx webserver image listening on port 80.
- Install Jekyll:
gem install jekyll
- Install gems:
- Run Jekyll server:
bundle exec jekyll serve
Instead of using the stock Font Awesome icon package, this site uses a custom-generated icon font that includes only the icons it actually uses. This saves bandwidth.
The icons are generated with Icomoon.io. See
To add new icons:
- Open the Icomoon app
- Add new icons
- Download the icon archive into
- Manually update
_assets/css/_icons.scss- add new icon variables and classes
Licenced under Apache License 2.0.