casassg / events-landing

🗓 Events statically-generated landing page

Events landing

Statically generated landing website that lists your events

Features

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

Run project

Needs: Ruby

Local

1. Clone repository to your computer with git clone https://github.com/casassg/events-landing
2. cd into your repository
3. gem install jekyll
4. jekyll serve --watch

Deploy

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

Personalization

Add an event

1. Go to _data/events.yml
2. Copy and paste the following text

- name: Startups2Students Fall #Event name
  light_background: True # Optional: only put if image-url is set and image is light
  image-url: assets/img/startups2students.png # Optional: only if you want a preview image in the heading
  line: Bridging the gap between students and startups # Small description of event
  date: 2017-10-19 6:00 PM # Optional: When is the event starting
  end-date: 2017-10-19 8:00 PM # Optional: When is the event ending, make sure you set it if date is set
  location: Idea Forge # Optional: Location where the event will be celebrated, set TBD if not sure yet
  url: https://startups2students.org # Optional: Url with more info about the event

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

If you need a preview image please add it to assets/img/.

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

License

MIT © Gerard Casas Saez

events-landing's Issues

Add style for past events

Events that have already finished have a past class in it activated, we should show them as inactive!

Add CSS Styling to do this

Add animation on hover

• Just so its easier to see that those are cliackable, we should increase shadow on hover maybe? Otherwise something that allows to see that the event is clickable

Increase padding between events vertically

There's not a lot of padding between events and between events and the add to GCalendar button. We should try and increase it.

Suggested by @oriolclosa

Fix the wording with the FB and Slack buttons

Maybe work with hide-with-small-screens option so the wording can fit on mobile

Format tiles

Make them more responsive and easier to understand. Remove When Where titles and replace with X

Remove contact icon

Add biko font for titles

Add our usual biko font for titles and more

Reverse order events

We may want that events that are coming up show up first, and show past events after. This may be done adding reverse filter on index.md. The question is, would this make it harder to understand? IMO yes, but I'll allow for a free discussion around this.

Mentioned by @felixarpa

Set up domain redirect on Github pages

Set up domain community.hackcu.org to here (or events.hackcu.org ). Thoughts?

Update colors and background style

Open to suggestions

Add documentation on how to add an event

How to add an event? Add this to README

Create an og image

Image for sharing on FB+Twitter

Create footer

• Contact email > mailto link
• Links to Twitter, Facebook, Instagram (awesomefont maybe?)
• Link to CU Boulder page
• Add CU Boulder logo on bottom ??? - @casassg will ask

Add favicon.ico

Needs to be done

Create HackCU header

• HackCU logo
• One line description of the site
• Link to our FB group > HackCU Hackers
• Link to our slack join page > slack.hackcu.org

Fix link to S2S page

We don't have an SSL cert on S2S.org, so any links to that page should point to http://, not https://