Stip is a single-page Hugo theme to introduce yourself. Add a portrait, an introduction, several links, and you’re set. The theme was inspired by Material Design’s tap target design pattern. An implementation of this design pattern.
1. Install the theme
If your site is also under version control using git, the easiest way to install this theme is to add it as a submodule. If you have not created a git repo for your project yet, you need to run git init beforehand. Inside the folder of your Hugo site, run the following command.
If you have installed the theme as a git submodule, you can update the theme by issuing the following command inside your project folder.
git submodule update --remote --rebase
If you have cloned the theme, you can run git pull inside the theme folder.
Put your own portrait in /static/images/portrait.jpg of your own site, and/or put your own background in /static/images/background.jpg of your own site and Hugo wil automatically use those images instead of the standard one. It’s not necessary to alter the theme.
Put your own introduction text in /layouts/partials/introduction.html of your own site and Hugo wil automatically use that introduction instead of the standard one. It’s not necessary to alter the theme.
Name and bio
Stip will use the name and bio of the author that has been configured in the Author section of your site’s config.toml. Add the lines below to your config.toml to configure these.
name = "Jane Doe"
bio = "Professional coffee drinker"
You can put your own links below the introduction text, for example to link to your social media accounts or to include your e-mail address. These links use icons from FontAwesome. The links can be configured in the params section of your site’s config.toml. This is an example configuration for a link to Github:
Stip by default allows you to choose an icon from the brands set. Put the name of the icon in the icon parameter. This set is the default set because these links will mostly be used for links to social media.
It is possible to use an icon from the solid set. To do this, specify the icon set, like this:
Stip supports using other languages than English. Language files for the texts Stip uses are provided in the i18n directory. The default language is English. To switch languages, add the key defaultContentLanguage to your config.toml file. For example:
defaultContentLanguage = "nl"
To translate texts your site uses, add an i18n folder to your site.
Feel free to submit pull requests for other translations of Stip’s texts.