Skip to content



Repository files navigation

Events landing

Statically generated landing website that lists your events.

Logo by Icondesk at NounProject


  • Automatically updated webcalendar (ICS format)
  • Add/Remove events
  • Automatic recognition of past events
  • Easy footer and header customization

Run project

Needs: Ruby


  1. Clone repository to your computer with git clone
  2. cd into your repository
  3. gem install jekyll
  4. jekyll serve --watch


  1. Push changes to master
  2. There's no 3

Deployment is done automatically by GitHub pages. You don't need to do anything else than pushing to master.

Use for your organization

  1. Fork this repository
  2. Activate Github pages for your new repo
  3. Personalize


Update officers list

  1. Go to _data/officers.yml
  2. Edit the info for the appropriate position

Add photo albums to carousel

  1. I've been hosting the photo albums on the Google Photos account
  2. Add a disclaimer to the album (wherever its hosted)

If you'd like your photo removed from this album, please email

  1. Add one photo to the assets/img/ directory as a preview image
  2. Go to _data/carousel.yml
  3. Copy and paste the following text
- title: Winter Celebration 2016
  image-url: assets/img/2016wintercel.jpg

  1. Edit the properties as described in the text you just copied

Add a newsletter post

  1. Write a post in markdown
  2. Add the header
layout: post
  1. If you want a image to appear with the excerpt on the front page, use the header
layout: brochure
img: /assets/img/<file>
img_alt: <alt text>

This will create a post with a two column layout with the image on the left and the text on the right. There is no need to include the image in the markdown.

  1. The default excerpt shown on the front page is the first paragraph. If you want to have a custom length excerpt, add <!--more--> after your desired excerpt.
  2. Save to _posts/
  3. Posts automatically appear on the front page in the "Newsletter" section in an abbreviated form with a link to the full version. They also are automatically linked to on the archive page. I recommend checking that everything looks right in both locations.

Create an email newsletter

  1. Write in markdown.
  2. Add header.
layout: newsletter
  1. If you want to add a button use the following segment:
{% include emails/button.html action='Take the survey' url='' %}

Replace action with the call to action text and url with the url that the button should point to. 5. Save to _newsletters/ 6. Newsletters are automatically linked on the archive page.

Sending email newsletter

  1. Make sure the post is posted and accessible online. See: to find the newsletter for YYYY year and MM month.
  2. View HTML and copy it. See how to view the HTML on any browser.
  3. Install HTML Inserter for GMail
  4. Open GMail, open HTML Inserter and paste HTML content in it.
  5. Insert into email
  6. Send email.

Add/change footer links

You can change footer links by editing the file _data/footer_links.yml

Global variables

You can change various strings across the site, including the title of your app on _config.yml

Theme variables

Main colors can be changed on _config.yml. For more "deep" styling, you can edit all styling in assets/css/main.scss


MIT © Gerard Casas Saez


🗓 CS Graduate Student Association at CU landing webpage



Code of conduct





No releases published


No packages published


  • HTML 74.9%
  • SCSS 24.3%
  • JavaScript 0.8%