helios_jekyll

helios_jekyll

Website: conversion of Helios template to Jekyll

Helios Jekyll Version

mit license ruby version versions

This is a Jekyll version of the theme Helios: http://html5up.net/helios

  • helios_jekyll
    • _config.yml
    • _layouts
      • default.html
      • style.css
    • _includes
      • banner.html
      • carousel.html
      • css
        • main.css
        • skel.css
      • features.html
      • footer.html
      • head.html
      • header.html
      • js.html
      • main.html
    • _posts
      • carousel
    • css
      • font-awesome.min.css
      • ie
        • PIE.htc
        • backgroundsize.min.htc
        • html5shiv.js
        • v8.css
      • images
        • arrow.svg
      • skel.css
      • style-mobile.css
      • style-narrower.css
      • style-normal.css
      • style-noscript.css
      • style-wide.css
      • style.css
    • images
    • index.html
    • left-sidebar.html
    • no-sidebar.html
    • right-sidebar.html
    • js
      • init.js
      • jquery.dropotron.min.js
      • jquery.min.js
      • jquery.onvisible.min.js
      • jquery.scrolly.min.js
      • skel-layers.min.js
      • skel.min.js

You can check the build here: http://kaira.one/helios_jekyll

In the original Helios theme, the content is not abstracted. With this Jekyll theme, content can be managed (adding, deleting, or changing) under the _posts and carousel directories.

Adding Post Articles The main articles are located above the footer of the page. When a new article is created, the most recent one will show up to the left of the previous articles.

  • To add an article create a new file under _posts
  • Make sure the file name follows this format 2015-01-01-post1.markdown (YEAR-MM-DD-FILENAME.markdown)

Adding Carousel Articles The carousel articles are located below the banner of the page. When a new article is created, the most recent one will show up to the left of the previous articles.

  • To add an article create a new file under _posts --> carousel
  • Make sure the file name follows this format 2015-01-01-post1.markdown (YEAR-MM-DD-FILENAME.markdown)
  • There is also an option for changing the image of the article. The format for the carousel card is shown below:
---
layout: default
title: Post 1
desc: This is a sample post that is added under the "desc" part of the YAML.
img: pic01.jpg
categories: carousel
---
jekyll logo

Want a Jekyll website built?

Hire a Jekyll developer