jekyll-theme-future-imperfect
Advanced tools
A Jekyll adaptation of the Future Imperfect theme by HTML5 UP. See Credits for more info.
Add this line to your Jekyll site's Gemfile:
gem "jekyll-theme-future-imperfect"
And add this line to your Jekyll site's _config.yml:
theme: jekyll-theme-future-imperfect
And then execute:
$ bundle install
Or install it yourself as:
$ gem install jekyll-theme-future-imperfect
I chose to stick closely to the two pages offered by the original theme and my experience with the Step By Step Tutorial. This led to the following 4 layouts:
base.html : A base layout for others to inherit from. Contains common elements between index and single pages from the original theme. Any page that presents content should be wrapped with this layout.
default.html
: The default layout for the theme. Most pages are safe to use this as the content is wrapped in an <article class="post"> tag, which provides a simple border around the content.
author.html : Displays information about the author and a list of articles written by them.
post.html : Provides structured metadata about the post with the post contents. This layout is wrapped by the default layout.
Based on my limited knowledge of website design, it seemed like a good idea to split some of the common markup found in original the theme's index.html and single.html files. This resulted in:
footer.html : Contains the social media, RSS, email, and copyright elements
head.html
: Contains the common items of the <head> tags for each page
large_post_preview.html: Displays a post as a large preview section, used in the site index
list_post_preview.html : Displays a post as a list item, used in individual author pages and the site index
menu.html : Contains the menu which is controlled by the hamburger button in the top right corner of the page.
navigation.html
: Contains the top bar of the page displaying the data stored in _data/navigation.yml.
scripts.html : Contains the tags to include the Javascript used by this theme
small_post_preview.html
: Displays a post as a small preview section, used in /blog and the site index.
The theme currently is very simple, lacking features found in other themes. The reason comes down to several factors:
Looking at other themes here are some potential ideas:
I am planning on using this theme for my own personal site so hopefully this keep me committed to completing these TODOs.
In light of the previous section, please feel free to submit PRs and contribute. This is my first open source project and would happy to learn the ropes of maintanence if you, dear potential contributor, will have patience for me.
Bug reports and pull requests are welcome on GitHub at https://github.com/ejohnso49/jekyll-theme-future-imperfect. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.
This Jekyll theme has been adapted for Jekyll from the Future Imperfect created by HTML5 UP. The following modifications were made to the original work:
This theme is offered under the Creative Commons 3.0 License. See LICENSE.TXT for the full text, or visit https://creativecommons.org/licenses/by/3.0/ for more information.
Copyright (c) 2020 Jekyll Adaptations by Eric Johnson, Copyright (c) Theme Design by HTML5 UP, Original Work: Future Imperfect
FAQs
Unknown package
We found that jekyll-theme-future-imperfect demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
PyPI confirms no security flaws were exploited in the Ultralytics supply chain attack and highlights improvements for safer package publishing.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.