Jekyll DTF Basic Theme
A beautiful and simple Jekyll theme based on the Design Tag Framework (DTF), mainly for showcasing the DTF features.
The Feature Design Elements
display features with straightforward liquid tags, e.g.,
{% feature_group title="Our Features" %}
{% feature_element title="Intuitive Elements" icon-class="fa-solid fa-check" description="Description" %}
{% feature_element title="Good Design" icon-class="fa-solid fa-check" description="Description" %}
{% feature_element title="Documentation" icon-class="fa-solid fa-book" description="Also supports links!" url="/documentation" %}
{% feature_element title="Another Feature" icon-class="fa-solid fa-check" description="Description" %}
{% feature_element title="Another Feature" icon-class="fa-solid fa-check" description="Description" %}
{% feature_element title="Another Feature" icon-class="fa-solid fa-check" description="Description" %}
{% endfeature_group %}will produce a grid like this
Our Features
Intuitive Elements
Description
Good Design
Description
Documentation
It even has a Documentation
Another Feature
Description
Another Feature
Description
Another Feature
Description
The Project Feature Tag
To display a collection of projects you can use this:
{% project_group title = "Latest Projects" link = "/projects" %}
{% for project in site.projects limit: 5 %}
{% project_element project %}
{% endfor %}
{% endproject_group %}This would result in cards like this:
Latest Projects
The Post Feature Tag
To display a the latest 5 posts you can use this:
{% post_group title = "Latest Posts" link = "/posts" %}
{% for post in site.posts limit: 5 %}
{% post_element post %}
{% endfor %}
{% endpost_group %}For this theme, this would look like this:
