siawyoungsiawyoung
89

Immaculate

screenshot of Immaculate

A beautiful, fast, AMP-compliant Jekyll theme based on Tufte CSS.

GithubDemo

Overview:

Immaculate is a beautiful and fast Jekyll theme that is AMP-compliant and based on Tufte CSS. It is designed to be speedy, with DOMContentLoaded times under 100ms when served over Google's CDN. The theme includes support for various Tufte CSS layout options, such as sidenotes, margin notes, and full-width figures. While it offers helper tags for images and embedded Youtube videos, there is a caveat regarding form elements. Immaculate is customizable through modifying template files and the _config.yml file.

Features:

  • Fast and AMP-compliant: Immaculate is designed to be highly performant, with DOMContentLoaded times under 100ms when served over Google's CDN.
  • Tufte CSS support: The theme includes tag support for commonly-used Tufte CSS layout options, including sidenotes, margin notes, and full-width figures.
  • Customizable: Users can modify template files and the _config.yml file to personalize the theme to their liking.
  • Helper tags for images: Immaculate provides a helper tag for inserting AMP-compliant images into posts, allowing customization of attributes such as source, width, height, and options like full width or raw tag output.
  • Helper tags for Youtube videos: The theme also includes a helper tag for embedding AMP-compliant Youtube videos into posts, with customization options for source, width, height, and additional options like full width or raw tag output.
  • Caveat regarding form elements: Due to AMP HTML limitations, form elements like checkboxes used for toggling display of sidenotes and margin notes are disabled in Immaculate at smaller widths. The theme seeks assistance in finding alternative ways to achieve this functionality without using checkboxes.

Summary:

Immaculate is a fast and visually appealing Jekyll theme that complies with AMP standards and is based on Tufte CSS. It offers support for various Tufte CSS layout options like sidenotes and margin notes, making it a versatile choice for content creators. With its speed and customization options, Immaculate provides an excellent foundation for creating visually stunning and efficient websites.