Skip to content

tsjensen/fuse-core

Repository files navigation

DEMO

Fuse Core

A lightweight Jekyll theme for single-page personal websites.

Screenshot

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:
    GA Outbound Stats

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: