Osprey Delight is the free-minded artist's choice for a clutter-free and blazingly fast single-page portfolio.
v5 of the theme goes by the nickname 'Modular Manta', since it packs many improvements that might not be that obvious on first sight by integrating Hugo Mods. I've started this project a few months ago to make website building with Hugo even more easy and modular. The goal is to have a high-quality selection of community-maintained Hugo modules for popular use-cases such as icon embedding, lazy image loading, static on-page discussions and more.
Behind the scenes: To create the modules, many parts of the theme's v4 version have been extracted and generalized, tested and then embedded into the theme again. This way everyone can profit even from a subset of the theme's functionality, with a great support for customization. :rocket:
Changelog in commits:
v4..v5
Changelog in plain english :arrow_down:
hugo-mods/icons
hugo-mods/lazyimg
for improved imaging supporthugo-mods/release-notify
module to get a notification for every minor/major version_custom.scss
(under sass/themes
) is loaded before more generic _custom.scss
(under sass
)dedark
theme which is a word-playing ancestor of the default delight themeorigin
theme which is a revival of the original Osprey theme - with the same colors, text alignment and fontsauto
static
to assets
for the lazyimg module to resolve them correctlySee migration steps for more information.
This release has been sponsored by @gutzbenj who runs earthobservations with his friends, a GitHub organization dedicated to ease access to open weather data. Thanks! :heart:
I'm proud to announce v4, Osprey Delight's largest update to date. It's huge.
First of all, I've made the theme asset-driven. Well, what does asset-driven mean at all?
Instead of using the static/
directory, you simply use the assets/
directory. Therewith, the theme is able to use Hugo Pipes to process the images accordingly to create a best fitting version including responsive sizes if enabled, render a Low Quality Image Placeholder (LQIP) and retrieve width and height to prevent any content layout shifts. All in for the smoothest user experience! This is an awesome user-friendly approach to enable high-quality images without manually resizing them, and I've not seen it to this extinct in any other theme.
Next up is background image support. You can now use the background
Param to reference a background image in the asset folder that is displayed in near-instant time due to some clever tricks with a low-quality placeholder that is placed underneath the actual high-quality image that is still loading.
That's not all. Under the hood, I set the course for theming support by extracting the relevant parts and refactored the colors to a color-scheme instead of hardwired color name variables and making it fun to exchange fonts. I rewrote nearly every template, JS and SCSS, optimized every bit and made tests; be it UX tests, performance tests or PageSpeed Insight tests for SEO lessons.
Finally, I even teamed up with the great Indie Musician Protonaut (@protonautmusic), who now has an awesome homepage powered by Osprey Delight v4. Go check it out!
Below is a more or less complete changelog derived from commit history. :arrow_down: Please note the breaking changes if you upgrade. It's a bit of work to migrate, but can be done in less than 5 minutes, and it's totally worth it!
ES2015
compatibility
js.Build
(ESBuild) instead of plain minify
spotify
and img
shortcodes to utilize lazySizes
if enabledmdTagline
introducedhoverColor
_custom.scss
exampleSite
, add customization doc, adapt existing docs100vh
due to browser address bar height calculationsv5.3.2
(fixes iframe CVE and improves performance)_gen
files:warning: ATTENTION: Every big upgrade breaks something. Please ensure to check the
exampleSite
to see what has changed, below is only a very small list of config breaking changes!
github
: Assume type if repo is set.Site.Params.accentColor
(use new color scheming options instead)useBlog
, theme uses auto-detection to determine if blog is used insteadThis is the first proper release of Osprey Delight. Additionally to all the goodies mentioned in the motivation of forking from Osprey, it delivers:
assets/