This is OneFlow Jekyll Theme. Section 1, in alternative color

Practical Design

With its practical design and intuitive layout, OneFlow offers a seamless user experience for showcasing your content.

Theme Example Website One Theme Example Website Two Also check out the Homepage Canvas

Open-Source & free to use

OneFlow is licensed under the MIT License. That means, you can freely copy, use and customize it - whatever you like!

Drop in galleries, round images or image-text-rows

Gallery

placeholder image 1 placeholder image 2 placeholder image 3
Gallery captions, just like the rest of the theme, support Markdown

Round Images

Header 1

Caption 1

Header 2

Caption 2

Header 3

Caption 3

Header 4

Caption 4

Header 5

Caption 5

Header 6

Caption 6

Image-Text-Rows

Alternative text for the image

Image-Text-Row

This is an image-text-row


Image-Text-Row

This is an image-text-row with the image on the right (on large enough screens) and a little bit longer text plus a button

A button
Alternative text for the image

Responsive Video Embed


This is OneFlow Jekyll Theme. Section 2, in normal color

Utilities

Notices

Notice

This is a notice. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Primary Notice

This is a pirmary notice. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Success Notice

This is a success notice. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Warning Notice

This is a warning notice. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Danger Notice

This is a danger notice. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Info Notice

This is an info notice. Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Boxes of different sizes in a container

Box

Text in a box

Primary Box

Text in a box

Success Box

Text in a box

Warning Box

Text in a box

Danger Box

Text in a box

Info Box

Text in a box


Buttons

Primary Button Success Button Warning Button Danger Button Info Button Inverse Button

Extra Large Button Large Button Default Button Small Button

This is OneFlow Jekyll Theme. Section 3

Easy customization

Color skins

OneFlow offers various color skins, easily settable in the _config.yml file.

Masthead

The masthead is set to sticky, so it always stays visible. You can easily change that in the _config.yml file.
You can also set the opacity of the masthead there.
Of course, the navigation links also can easily be changed, in /_data/navigation.yml.
The masthead can show your logo, the site title or the site title + a subtitle.

Footer

The links, copyright and creator in the footer can easily be set in the _config.yml file.

Custom stylesheet, custom fonts

Add your own styles in /assets/css/custom-styles.css, and easily apply any font you want.

Cookie / cdn-usage consent banner

OneFlow comes with a build-in popup banner that you can easily turn on and off plus customize to suit your needs. The existing version of the popup is a suggestion and should (no legal advice given) fulfill german laws regarding cookie and cdn-usage consent.

This is OneFlow Jekyll Theme. Section 4

Easy local build with docker

OneFlow comes with build-in docker configuration using BretFisher's jekyll serve. Just open up a terminal, navigate to your site and run docker-compose up. Easy as that.

Client editables

Are you a Web Developer and using OneFlow to build a site for a client? If the client him/herself regularly wants to change certain parts of the site, for example upcoming dates, OneFlow offers easy editables within Jekyll's /_includes folder, so the client does not have to touch the rest of the site, but can still edit whatever he/she needs to edit.

HTML and Markdown

Use raw and flexible HTML or clear markdown to write your content. Markdown is rendered with kramdown, which supports applying css classes to the Markdown. That means, you can add notices, boxes and other utilities even to your Markdown content, as simple as "Text you want to add the classes to {: .class1 .class2}".

Icons with Font Awesome

Add icons anywhere, using Font Awesome. Locally hosted and directly build into OneFlow, ready to be applied.

Responsive design

All of OneFlows features are 100% responsive and adapt to different screen sizes, so your site looks good on all devices!