HMFAYSAL OMEGA is a minimalist, beautiful, responsive theme for Jekyll designed for engineers as well as writers who want their content to take front and center. This theme elegantly wraps each page and post with featured images complementing the content. HMFAYSAL OMEGA (named after the Greek Alphabet) complements Jekyll’s minimalist, content-first approach with gorgeous typography and subtle design elements.
Write well, write beautifully, write responsively!
Features
- Twitter Bootstrap 3
- Option to set Parallax featured image that wraps your post in header and footer
- Variable templates for articles, link, quotation and status updates
- Responsive images and Magnific Popup Lightbox
- Plugin-free/Github Pages Deployment Ready
- Read time Calculator: Calculation of post read-time based on word count
- Simple search that overlays results based on post title
- Display mathematical equations beautifully via MathJax
- CSS3 transitions and SVG graphics for better performance
- Ability to turn of animations in _config.yml
- Readable typography to make your words shine
- Google Fonts
- Other features
- Designed by an Electrical Engineer
- License
Twitter Bootstrap 3
Based on the latest Bootstrap its easy to update and customize to your own needs. Plus the power of the mobile first front-end framework adds to faster and easier web development.
See the list of theme elements.
Option to set Parallax featured image that wraps your post in header and footer
I always thought an article should wrap up in the end. What better way to do it other than wrapping it around with pictures? As we all know, a picture is worth a thousand words. Why not put 500 of those in the header and the rest in the footer to help writers tell their story?
Variable templates for articles, link, quotation and status updates
HMFAYSAL OMEGA Theme employs "post.type"
to assign variable templates article entries, link posts, quotation and status updates. No other Jekyll theme offers this functionality. In the future, more "post.types"
will be included.
Responsive images and Magnific Popup Lightbox
This theme supports responsive images and uses a responsive lightbox to showcase larger images. Images also use CSS3 transitions to turn to B&W when not hovered.
Plugin-free/Github Pages Deployment Ready
Although featuring a mind-boggling number of features, this theme has been coded in such a way that it can be compiled without the usage of any plugins whatsoever. You do not have to worry about compatibility. Its ready for deployment on the Github Pages immediately.
Read time Calculator: Calculation of post read-time based on word count
I have been enjoying Medium.com as of lately and I simply love their Estimated Reading Time (ERT) of an article feature. What it does, it takes the word count of an article and calculates the ERT based on the average reading speed (ARS). While ARS is simply an estimation and it differs from person-to-person, Medium uses 180 Words-Per-Minute (WPM) as their ARS. I figured out that ARS in general is around 200 WPM. You can turn on or off this feature in the _config.yml file. Very recommended to use this feature as it increases user engagement.
Simple search that overlays results based on post title
HMFAYSAL OMEGA Theme provides search using Christian Fei’s Simple Jekyll jQuery plugin if you choose to enable search functionality in the _config.yml
file. Clicking search will trigger a fullscreen overlay that searches post titles’ using an autogenerated JSON file.
Display mathematical equations beautifully via MathJax
Both inline and displayed equations can be rendered via MathJax. HMFAYSAL OMEGA Theme supports MathJax natively.
CSS3 transitions and SVG graphics for better performance
This theme uses subtle CSS3 transitions and SVG to showcase subtle animations for viewer pleasure. This ensures that optimal performance is guaranteed during page viewing.
Ability to turn of animations in _config.yml
HMFAYSAL OMEGA Theme avoids Javascript animations to increase website performance. But if you are still facing some lag in your test device, you can turn off the animations in the _config.yml file.
Readable typography to make your words shine
HMFAYSAL OMEGA Theme is a minimal, simple and responsive Jekyll theme built for maximum readability. The main design focus of HMFAYSAL OMEGA Theme is the typography and the clean design.
Google Fonts
This theme uses Google Webfonts instead of Adobe Edgefonts for performance.
Other features
- Disqus comments if you choose to enable.
- Simple and clear permalink structure
- Footer Menu
- 361 Fontawesome icons
- Tags for Open Graph and Twitter Cards for a better social sharing experience
- Beautifully crafted 404 page
- Custom categories and tags pages for viewers pleasure
- Stylesheets for Pygments and Coderay to make your code examples look snazzy.
- Sitemap for search engines
Designed by an Electrical Engineer
HMFAYSAL OMEGA Theme was designed by Hossain Mohd Faysal – an Electrical Engineer. I have to confess I am not a designer. So when you download this theme, you have to know you are not getting the best designed elements out there, but instead what you are getting is extremely clean code even though the site uses some highly complex liquid logic expressions.
Questions?
Having a problem getting something to work or want to know why I setup something in a certain way? Read the theme documentation or ping me on Twitter @hmfaysal or file a GitHub Issue.
Requests?
If you have some specific requests for this theme, or if you need help custom coding some elements, message me on Twitter @hmfaysal or email me at hmfaysal@alum.mit.edu
License
This theme is free and open source software, distributed under the The MIT License. So feel free to use this Jekyll theme on your site without linking back to me or using a disclaimer.
If you’d like to give me credit somewhere on your blog or tweet a shout out to @hmfaysal, that would be pretty sweet.