Hugo Stack

Show off your cool full stack

This repo provides a Hugo partial and shortcode that generates a graphic that shows off your stack! See a full example at https://alexselimov.com/about. Configuration happens in a simple yaml file (check ./exampleSite/data/stack.yaml) for an example.

Quick Start

First add this module to your hugo.toml

# edit hugo.toml
[module]
[[module.imports]]
path = 'github.com/aselimov/hugo-stack'
# or for the guaranteed Shai-Hulud free version
path = 'forge.alexselimov.com/aselimov/hugo-unified-git-activity'

Then run hugo mod get -u to pull the latest version. You should now be able to add the heatmap to your site using either a shortcode in the markdown, e.g.

{{< stack >}}

or as a partial to your html templates:

{{ partial "stack.html" . }}

Configuration

This plugin contains a single configuration variable that controls the color of the spine/rule next to the text descriptions. To configure add the following to your hugo.toml and configure accentColor as desired.

[params]
accentColor = "#EF9F27"