Fuse Core
A lightweight Jekyll theme for single-page personal websites.
This Jekyll theme is for you if you need a personal website that simply summarizes the links to your social media profiles and external content.
- responsive - adapts to all screen sizes
- mobile-friendly
- lightweight - no JavaScript (except for Google Analytics, if enabled)
- easy to configure - no HTML knowledge required, just change _config.yml (step-by-step guide)
- fast - All third party components loaded via their CDN (with subresource integrity), so most resources are already cached from visits to other websites.
- Optional Google Analytics support, with IP anonymization and cookie consent popup
(optional, but these things are helpful to comply with EU data protection laws).
You'll need to have a Google Analytics account set up for this to work, of course.
We even generate statistics on how often people click on your specific social media links, for example:
Performance Hint
It is a good idea to increase the cache lifetime of the background image, so that public proxies and users' browsers
do not need to download it every time. GitHub Pages does not support cache control, but if your web server supports
.htaccess files, you may want to add one to the images folder like so:
# Cache the large background image for 1 year
<IfModule mod_headers.c>
<Files "background.jpg">
Header unset ETag
Header set Cache-Control "public, max-age=31536000"
</Files>
</IfModule>License
The Fuse Core theme is free to use and modify under the terms of the CC-BY-4.0 license.
Ancestry
The visual design for this theme is heavily inspired by Dashingcode's front-cover. Big thank you, it looks awesome!
However, Fuse Core is a complete reimplementation, which makes it very different on the inside. There are many improvements big and small over front-cover, making Fuse Core a kind of "front-cover 2.0" or "front-cover Plus":
- Complete configuration via _config.yml, including order of links or adding of new links.
- Ability to show extra HTML below the links, for any crisp statement that you deem necessary to add.
- Use of Bootstrap for responsive design. This gives us supreme browser compatibility and ease of maintenance, because a myriad of problems are already handled by the folks at Bootstrap.
- SASS styling instead of raw CSS
- Up-to-date libraries, especially Font Awesome 5.
- Support for Google Analytics , including tracking of outbound links (so you'll know which social media profiles people clicked on), and some legal details such as IP anonymization and cookie consent popup (all optional).
- Search engine control via configurable meta tags
- Responsive sticky footer
Credits
This theme draws upon the following work by others:
- Visual appearance from the front-cover theme by Dashingcode under MIT license.
- All icons are provided by Font Awesome under
SIL OFL license.
The star icon used as dummy favicon is provided by Font Awesome under CC-BY-4.0 license. - The background image is used under CC0 Public Domain license.
- The Open Sans font by Steve Matteson is used under Apache 2.0 license.
- The Bootstrap framework is used under MIT license.
- The dummy avatar image was generated using TinyGraphs.
