Theme features

Hugo Lever is a versatile and user-friendly Hugo theme designed specifically for individuals looking to create a dynamic and aesthetically pleasing bio, personal, or resume-style website. Unlike traditional themes that may demand extensive content creation or long-form blogging, Hugo Lever simplifies the process, allowing users to achieve an impressive and professional-looking site with minimal content investment.

The theme’s strength lies in its flexibility, enabling users to effortlessly showcase their personal and professional journey through simple notes, project links, or even full-length articles. This makes it an ideal choice for individuals who want a streamlined and visually appealing online presence without the need for extensive writing or content development.

With Hugo Lever, users can curate their personal brand and highlight key aspects of their career, projects, and interests in a visually cohesive manner. It includes multiple high visibility CTAs so clients can easily contact you.

Content Types

• Homepage (Markdown)
• Work (Markdown)
• Basic Page (Markdown)

Design & Code

• Hugo v0.113.0+
• Clean code and Hugo best practices
• All content is editable and configurable via markdown and front-matter. No hardcoded content.
• Configure global logo, colors, fonts all from config.yml
• Configure global header, footer, menu, dark mode, seo, og meta, cookie banner, analytics and more from config.yml

CSS

• Bootstrap 5.3
• SCSS (Hugo Pipelines)
• 100% responsive design
• Includes all SCSS files which are well structured and cleanly written
• The entire Bootstrap library is not imported by default. Mainly we use the Bootstrap grid, media queries and utilities. If you wish to use more of the Bootstrap library you just need to uncomment the @imports in the style.scss.

Speed

• 100/100 Google Lighthouse speed score
• Tiny CSS and JS filesize ⚡
• No jQuery
• Statically generated - you can’t get faster or more resiliant then that! 💪

SEO

• 100/100 Google Lighthouse SEO score
• Google Analytics can be configured in _config.yml, supports environment variables.
• Google Tag manager can be configured in _config.yml, supports environment variables.
• Plausible analytics can configured in _config.yml, supports environment variables.
• Umami analytics can configured in _config.yml, supports environment variables.
• Title and Meta tags generated for each page automatically
• OG meta data for Facebook, Twitter etc generated for each page automatically
• Ability to override title and meta tags in the frontmatter on a per page basis
• Ability to override OG Meta data in frontmatter on a per page basis
• Semantic HTML5 document structure
• Social media links can be configured in data/social.json - Fontawesome is used for the icons.
• No Javascript links or onClick events to prevent crawling
• Statically generated pages are fast and easy to index

Privacy

• No analytics, tracking, or cookies are enabled by default
• Supports privacy focused analytics providers Plausible & Umami, both GDPR compliant alternatives to Google Analytics
• Self hosted Google fonts enabled by default. Option to switch between hosting and CDN Google fonts in _config.yml
• Does not use NPM or node_modules, no risk of dependencies leaking or extracting data

Menus

• Responsive menu using simple vanilla JS/CSS code
• Animated hamburger and mobile overlay menu
• Dropdown items in main menu
• Dropdown menu items can have optional icons and descriptions
• Configure menu items as buttons or external links
• 3 Footer menus
• Bootom menu
• Configure copyright, RSS, terms and privacy links in the footer

Header

• Fixed header and animation on scroll
• Logo configuration for desktop and mobile. Control the image (different logos for desktop and mobile for instance) size, text, color etc - Your logo will be perfect 👌

Darkmode

• First class darkmode support
• Configure manual dark mode and position of dark mode toggle
• Supports automatic darkmode based on users OS setting (css prefers-color-scheme)
• Dark mode switch can be displayed in header/footer and mobile menu overlay
• Configure the color palette for light and dark mode base colors in config.yml

Fonts

• Supports self hosted fonts @font-face - GDPR compliant
• Supports Google fonts
• Fonts can be configured in config.yml switch between self hosting and CDN Google fonts
• Font Awesome 5 icons

Social

• Social media links can be configured in data/social.json - Fontawesome is used for the icons.
• Auto generated and overridable OG Meta data for Facebook and Twitter cards

Comments

• Includes Disqus comments

Newsletter

• Includes Mailchimp subscribe

Cookie Banner

• Cookieconsent open source Cookie banner - a lightweight, cutomizable, GDPR compliant cookie consent solution written in vanilla JS. Amazing 🍺

RSS

• Includes RSS feed
• RSS icon feed can be enabled/disabled in footer

Content

• Robust example content included out of the box
• All photos, illustrations and icons included with this theme are royalty free

Netlify

• Ready to deploy to Netlify
• includes netlify.toml file

Linting

• prettier
• stylelint
• vscode settings

Changelog

Version 2.2.1 (Released Nov 24, 2024)

• Update to latest Hugo version 0.139.0

Version 2.2.0 (Released Aug 18, 2024)

• Fix depreciation errors with hugo.IsServer and hugo.IsMultilingual
• Test with latest version of hugo v0.133.0+extended
• Resolve some depreciation warnings with Bootstrap and SCSS. Bootstrap version is 5.3.2

Version 2.1.0 (Released Feb 18, 2024)

• Various bug fixes for analytics - GA, GTM, Plausible, Umami
• Improvements to cookie-consent functionality
• Bug fixes for Disqus comments, now enabled by default
• Improvements to dark mode auto detect
• Various layout bug fixes

Version 2.0 (Released Nov 24, 2023)

• Add new privacy focused analytics providers Plausible & Umami
• Add self hosted Google fonts, enabled by default
• Add cookie banner - Cookieconsent - a lightweight, cutomizable, GDPR compliant cookie consent solution written in vanilla JS.
• Prevent loading of Disqus unless user needs to comment, prevents 3rd party cookie installation and data tracking from Disqus
• Use the Youtube no-cookie embed code when embedding videos
• Remove external Javascript from Mailchimp embed
• Add configurable RSS Icon to footer
• Improvements to SEO meta tags and OG meta tags. More flexible to override on a per page basis
• Improve support for Google Tag manager and Google analytics
• Update to Bootstrap 5.3.2
• Add option for Formspree contact forms
• Add option for Disqus comments
• Improve contact details in footer
• Improve dropdown menu and mobile menu

Version 1.1 (Released Feb 21, 2023)

• Add optional profile photo to the homepage
• Add email and phone options to the footer
• Improved “About” page example and added image property to front-matter
• Improved dark mode, icons now invert to white. Improved dark mode color palette
• Review Google Lighthouse scores and fix several seo/speed/accessibility issues. Theme now achieves 100/100/100/100

Version 1.0 (Released Feb 13, 2023)

• Initial release.