Adding post on embed widget

In order for images to be stored in the content directory and displayed
on the homepage a render has been added and hugo updated.

Signed-off-by: Matt Farina <matt.farina@suse.com>

.github/workflows/publish.yaml

@@ -18,5 +18,5 @@ jobs:
         uses: chabad360/hugo-gh-pages@0bcf754dc6c823a580c58a59a3baa476a41258d3
         with:
           githubToken: ${{ secrets.GITHUB_TOKEN }}
-          hugoVersion: extended_0.78.2
+          hugoVersion: extended_0.82.0
           cname: blog.artifacthub.io

content/blog/2021-05-18-embed-widget/index.md

@@ -0,0 +1,20 @@
+---
+title: "Embed Artifact Details In Your Site"
+date: 2021-05-18T00:00:00-05:00
+author: "Matt Farina"
+authorLink: "https://mattfarina.com"
+slug: "embed-widget"
+---
+![Embedded Packages](embed.png)
+
+Ever want to show off a package from the Artifact Hub on a website? I know I've thought about putting one in the sidebar of a website. Artifact Hub now makes that easy with a widget you can embed. The above image displays various configurations of the widget you can get from Artifact Hub.<!--more-->
+
+Getting a widget for any packages is straight forward. When viewing a package there is a menu with three dots. Under there is an option to get the widget. The Prometheus example blow shows you where the option is.
+
+![Embedded Widget Menu](embed-menu.png)
+
+A modal, like the one below, will pop-up with options you can use to configure the display of the widget.
+
+{{< figure src="embed-modal.png" alt="Embedded Widget Menu" width="800px">}}
+
+Now you can easily show off you charts, plugins, operators, actions, and more.

layouts/_default/_markup/render-image.html

@@ -0,0 +1 @@
+<img src="{{ printf "%s%s" .Page.Permalink .Destination | safeURL }}" {{ with .Text }} alt="{{ . }}" {{ end }} {{ with .Title }} title="{{ . }}" {{ end }} />