All Projects → melvinchng → event-jekyll-theme

melvinchng / event-jekyll-theme

Licence: GPL-3.0 License
Jekyll Theme package for your event

Programming Languages

75241 projects
184084 projects - #8 most used programming language
56736 projects
36898 projects - #4 most used programming language

Projects that are alternatives of or similar to event-jekyll-theme

✨ my homepage & template for jekyll-theme-WuK
Stars: ✭ 171 (+43.7%)
Mutual labels:  jekyll, jekyll-theme, jekyll-site, jekyll-blog
Jekyll Theme Massively
Stars: ✭ 187 (+57.14%)
Mutual labels:  jekyll, jekyll-theme, jekyll-site, jekyll-blog
A minimalist Jekyll theme for running a personal blog
Stars: ✭ 454 (+281.51%)
Mutual labels:  jekyll, jekyll-theme, jekyll-site, jekyll-blog
Jekyll Klise
🏖 Klisé is a minimalist Jekyll theme for running a personal site or blog, light & dark mode support. (
Stars: ✭ 312 (+162.18%)
Mutual labels:  jekyll, jekyll-theme, jekyll-site, jekyll-blog
Mr.Brown is a responsive Jekyll theme
Stars: ✭ 21 (-82.35%)
Mutual labels:  jekyll, jekyll-theme, jekyll-site, jekyll-blog
Mundana Theme Jekyll
Mundana is a free Jekyll theme, Medium styled.
Stars: ✭ 402 (+237.82%)
Mutual labels:  jekyll, jekyll-theme, jekyll-site, jekyll-blog
Tmaize Blog
Stars: ✭ 152 (+27.73%)
Mutual labels:  jekyll, jekyll-theme, jekyll-site, jekyll-blog
Liberxue blog for lightweight Jekyll themes 轻量级自适应 简洁 卡片式博客主题 3秒搞定GitHub blog
Stars: ✭ 330 (+177.31%)
Mutual labels:  jekyll, jekyll-theme, jekyll-site, jekyll-blog
Jekyll theme based on Stylish Portfolio Bootstrap theme
Stars: ✭ 20 (-83.19%)
Mutual labels:  jekyll, jekyll-theme, jekyll-site, jekyll-website
🙌 Derrick is a clean minimal and fast theme for a personal blog.
Stars: ✭ 51 (-57.14%)
Mutual labels:  jekyll, jekyll-theme, jekyll-site, jekyll-blog
Type On Strap
🎨 Simplistic, responsive jekyll based open source theme
Stars: ✭ 471 (+295.8%)
Mutual labels:  jekyll, jekyll-theme, jekyll-site, jekyll-blog
Jekyll Theme Memoirs
Memoirs is a free minimalist Jekyll theme for those who love the beauty of simplicity.
Stars: ✭ 151 (+26.89%)
Mutual labels:  jekyll, jekyll-theme, jekyll-site, jekyll-blog
Mediumish Theme Jekyll
Jekyll Template - Mediumish
Stars: ✭ 786 (+560.5%)
Mutual labels:  jekyll, jekyll-theme, jekyll-site, jekyll-blog
Affiliates Jekyll Theme
Affiliates - Jekyll Blogging Theme for Affiliate Marketers
Stars: ✭ 145 (+21.85%)
Mutual labels:  jekyll, jekyll-theme, jekyll-site, jekyll-blog
A minimalist Jekyll theme for running an online publication
Stars: ✭ 223 (+87.39%)
Mutual labels:  jekyll, jekyll-theme, jekyll-site, jekyll-blog
Jekyll Theme Simple Texture
A gem-based responsive simple texture styled Jekyll theme.
Stars: ✭ 168 (+41.18%)
Mutual labels:  jekyll, jekyll-theme, jekyll-site
Adam Blog
Adam Blog is a minimal clear theme for Jekyll
Stars: ✭ 167 (+40.34%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
A Jekyll theme for resume / cv based on Markdown. Demo:
Stars: ✭ 27 (-77.31%)
Mutual labels:  jekyll, jekyll-theme, jekyll-site
Hacker Blog
Hacker-Blog is a minimalistic, responsive jekyll theme built for hackers.
Stars: ✭ 156 (+31.09%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
Paper Jekyll Theme
A minimal Jekyll theme for personal blogs
Stars: ✭ 172 (+44.54%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog

Event Jekyll Theme

Event Jekyll Theme is a theme that is designed to be used for conference and event purposes. The index page is a modification and built on top of Agency Jekyll Theme. Unlike most Jekyll Themes, Event Jekyll Theme is not meant to be a single page theme. This theme is a package that you can use for your organization's event as it come with almost everything you need. I reorganized all the files to make sure that you can easily reuse the same template each year (or each month, depending on how you organize the path), assuming that you event is once a year.

Big thanks to the creator of Agency as this theme would not be possible without their hard work! You are always welcome to contribute to this repository to make it better!

Example Site


Index Page

  • Event's title, location, and date
  • Welcoming remark section with video
  • Speaker with name, title, pop up profile section
  • About section with options to navigate to subpages
  • Event Sponsors' pictures section
  • Contact Us section
    • Refer to Formspree on how to setup the contact form.

Agenda Page

  • Table with time and event title columns
  • Speaker's name is hilighted in different color and speaker's position/title is in italic.

Team's Profile Page

Two different design:

  • profile picture with name and email
  • user profile with picture, title, position, and profile

Event's Location

  • Google Map (need to replace it with your own API key)

FAQs Page

  • Just a typical FAQs page

Mission, Vision, and Objectives Page

  • Sections to talk about mission, vision, objectives, and history about your event

Register Page

  • A page to redirect to a sign up page

More features

  • Google Analytics built in (replace UA-xxxxxxxx-x with your personal analytics verification key in _includes/2016_data/head.html)
  • SEO (check _config.yml)
  • Customized 404 Page Not Found Page
  • Designed to be futureproof as you can create a subpages for each year (eg.,, etc)
  • Header with icon logo defined, but removed from source code.
  • Website logo in SVG defined, but removed from source code.
  • Display PDF from Google Drive


  1. For first time user, you have to install Ruby and NodeJS. You may follow my installation guide in my Jekyll tutorial or Ruby on Rails Tutorial for Windows, Linux, and MacOS (installation videos are included).
  2. Install Jekyll by using the command gem install jekyll.
  3. Then, install Jekyll Sitemap and Jekyll SEO gems by using the command gem install jekyll-sitemap and gem install jekyll-seo-tag.
  4. Start your localhost server by using the command jekyll serve. Make sure that you are at the root directory of your folder before using this command.
  5. Your site should be accessible at localhost:4000.
  6. For additional information about Jekyll, refer to the official website.

Note: If you forked it and edited _config.yml via the online editor on Github, the Github pages may not work. In that case, you will make any changes (add a new line, etc) and push the changes from your local machine via CLI or GUI git.

Files Structure

  • The main stylesheet is stored /css/2016_style. Both 2016 and 2017 are sharing the same stylesheet.
  • In /css/2016_style/img you will find where the pictures in /2016 are stored at. You will find the images of speakers in /css/2017_style/img. This setup is to ensure that we can easily to move from year to year by creating new folders.
  • _2016_pages and _2017_pages are the folders that store subpages.
  • _2016_data and _2017_data are the folders that store each sections in home page. Those sections are can be removed by removing or commenting out the include code in _layout/2016_home.html or _layout/2017_home.html.
  • _data/twenty_16/ and _data/twenty_17/ contains data files for agenda, faqs, home about section data, speakers, and team members information. The data file is in the format of .yml. The reason why the folders are named twenty_16 and twenty_17 are due to liquid syntax will throw errors if the name contains integer.
  • In order to view PDF correctly, sharing setting in Google Drive must set to "Public on the web".


Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].