Osprey Delight is a sugar-free version of the awesome Osprey theme which has been created by Toma Nistor for Hugo, a fast static site generator.
It’s a blazingly fast minimalistic single page portfolio perfectly suited to show off your awesome work! :zap:
It tastes a bit different than the original (hence the light in the name) but also adds great new functionality - hopefully to your delight.
Well, first I personally did not need the blog features of the theme, so I removed them.
Though the original theme is already performance-tuned, I decided to improve it further which enabled me to get a PageSpeed score of 100 on desktop and 99~100 on mobile. After optimizing, I added some other functionality in a modular way as outlined below.
Finally, I decided to publish it so that others with a similar use-case might profit from it, too.
The “Taste” (Features)
:warning: Please note: In contrary to Osprey it does not have the built-in minimalistic blog! This is not the aim of the project.
:low_brightness: Light: Removed features
The following features of the original theme have been removed in order to make it more lightweight:
Navbar shadow is only shown when navbar docks to prevent issues on mobile devices
Rounded-up edges for modals (and use alternative close icon/position)
Smooth scrolling via CSS-only
Use buttons instead of links in modals
SASS styling Compiled natively to CSS, then minified and fingerprinted using Hugo Pipes
No Cachebusting hash setup needed anymore
Use more partials
Change existing configuration variables, introduce new ones
Make it easier to maintain
Yes, the screenshot looks pretty familiar, doesn’t it?
To taste the differences, it’s best to simply try Osprey Delight out!
$ mkdir themes/ # if dir does not exist yet
$ git clone https://github.com/kdevo/osprey-delight.git themes/ --depth 1
:bulb: The easiest way is to simply copy the exampleSite directory’s content to your project’s root.
This way, you have a good starting point that you can use for further modifications.
:wrench: Configuration and Usage
Documentation is not complete yet, but hopefully it’s enough if you want to migrate from Osprey to Osprey Delight.
Since many configuration attributes have been changed/refactored, this is a necessary step.
To create an about section that renders on the home page, run:
$ hugo new about.md
To create a new gallery item, run:
$ hugo new gallery/item-name.md
This is very helpful for the first time since you will get a fully documented file.
:warning: Please make sure that item-name is unique on the whole page because it will be used as an anchor/identifier!
Data directory (optional)
Optionally, Osprey Delight makes use of the Hugo’s data folder.
Currently, the following files can be used to configure the theme in more detail:
terminal.json: Configure several parameters for Termynal (see config.toml above for an explanation)
Contact Form: Basin
Basin is a free AJAX contact form service. To use Basin, sign up for a free account and create a form. Copy and paste your form’s URL endpoint to the ajaxBasin config.toml parameter. Select the Submit this form via AJAX option on your Basin dashboard.