https://github.com/gethinode/mod-lottie

A Hugo module to add animations powered by Lottie to your Hinode site
https://github.com/gethinode/mod-lottie

Last synced: over 1 year ago
JSON representation

A Hugo module to add animations powered by Lottie to your Hinode site

• Host: GitHub
• URL: https://github.com/gethinode/mod-lottie
• Owner: gethinode
• License: mit
• Created: 2023-09-23T04:07:05.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-02-18T01:58:23.000Z (over 1 year ago)
• Last Synced: 2025-02-18T03:01:47.315Z (over 1 year ago)
• Language: HTML
• Homepage:
• Size: 1.43 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Hinode Module - Lottie



    A Hugo module to add animations powered by Lottie to your Hinode site 

    






    

        

    

    

        

    

    

        

    

    

        

    

    

        

    

    

        

    



## About

![Logo](https://raw.githubusercontent.com/gethinode/hinode/main/static/img/logo.png)

Hinode is a clean blog theme for [Hugo][hugo], an open-source static site generator. Hinode is available as a [template][repository_template], and a [main theme][repository]. This repository maintains a Hugo module to add [Lottie][lottie] to a Hinode site. Visit the Hinode documentation site for [installation instructions][hinode_docs].

[hugo]: https://gohugo.io

## Notes

This modules uses [Lottie Light][lottie_light] by default. The `lottie_light.js` player is a lighter version of lottie that supports only the svg renderer and does not support expressions or effects. Canvas and html renderers are not supported either.

You can adjust the mount point in `config.toml` to use the default library instead. Please note that you need to enable `unsafe-eval` in your [Content Security Policy][mozilla_csp_script] then (see Lottie issue [#2173][lottie_issue_2173]).

```toml

[[module.imports.mounts]]

source = "build/player/lottie.js"

target = "assets/js/modules/lottie/lottie.js"

```

[hinode_docs]: https://gethinode.com

[lottie]: http://airbnb.io/lottie/

[lottie_light]: https://github.com/airbnb/lottie-web/wiki/Lottie-Light

[lottie_issue_2173]: https://github.com/airbnb/lottie-web/issues/2173

[mozilla_csp_script]: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src

[repository]: https://github.com/gethinode/hinode.git

[repository_template]: https://github.com/gethinode/template.git