Onion

screenshot of Onion
hugo

An experimental Hugo theme.

Overview

The Onion theme is an experimental theme designed for the Hugo static site generator. It is currently under construction and may experience major breaking changes between versions. The theme follows several design principles, including being plug-and-play, using progressive enhancement with vanilla JavaScript libraries, providing graceful degradation for older browsers, and being multilingual and mobile-first. It also respects the user's system preferences for light/dark themes and reduced motion. Privacy is also a key consideration, with no cookies required. The theme offers extensive display options for posts, detailed metadata display, and various additional features such as sidenotes, a "gadget" column, customizable CSS and JavaScript, and social media integration.

Features

  • Extensive display options for posts
  • Detailed and extensible page and post metadata display
  • Automatic Table of Contents for lengthy posts
  • Sidenotes (marginalia)
  • "Gadget" column with various features
  • Abbreviations and external links display tooltips
  • Themable with CSS variables
  • Three font options
  • Lazy menus
  • "Hero" and listing images
  • Additional post types: preformatted
  • Full content RSS feed
  • Archives template grouped by year
  • Privacy-first social sharing
  • Syntax highlighting
  • Customizable CSS and JavaScript per page
  • Social media icons in footer
  • Open Graph and Twitter metadata
  • Image gallery
  • Disqus comments
  • Google Analytics integration
  • Microformats friendly

Summary

The Onion theme for the Hugo static site generator is an experimental theme that offers extensive features and customization options. It follows various design principles, with a focus on plug-and-play functionality, progressive enhancement, and privacy by design. The theme is still under development and may undergo major changes between versions. Overall, it provides a modern and versatile design for static sites.

hugo
Hugo

Hugo is an open-source static site generator that features fast build times, flexible themes, support for multiple content formats, multilingual websites, live reloading, and an active community. It allows developers to easily create and deploy SEO-friendly and mobile-responsive websites.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.