hextra icon indicating copy to clipboard operation
hextra copied to clipboard

feat: Implement hextra hero-section

Open fmunteanu opened this issue 1 year ago • 2 comments

New Feature Proposal: Hero Section

On Hextra front-page, I need the ability to insert a h2 heading, defining additional section titles. For example, adding a subtitle above hextra/feature-grid.

Proposed Solution

I created the following layouts/shortcodes/hextra/hero-section.html shortcode, implementing a section.

Live Example

Visit https://axivo.com/k3s-cluster/.

Shortcode Usage

Example of hextra/hero-section shortcode usage, default header size is h2:

{{< hextra/hero-section >}}
  Used Technologies
{{< /hextra/hero-section >}}

image

Example of hextra/hero-section shortcode usage, with h3 header size:

{{< hextra/hero-section header="h3" >}}
  Used Technologies
{{< /hextra/hero-section >}}

image

Example of hextra/hero-section shortcode usage, with h4 or greater header size:

{{< hextra/hero-section header="h4" >}}
  Used Technologies
{{< /hextra/hero-section >}}

image

Frontage View

The Used Technologies section title, using default h2 header:

image

fmunteanu avatar May 16 '24 23:05 fmunteanu

Deploy Preview for hugo-hextra ready!

Name Link
Latest commit ccfe49729cc45f32a87552631d4b0e6aeeda5193
Latest deploy log https://app.netlify.com/sites/hugo-hextra/deploys/6758d53ef417d6000836bf79
Deploy Preview https://deploy-preview-390--hugo-hextra.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] avatar May 16 '24 23:05 netlify[bot]

Related to #388 and #389.

fmunteanu avatar May 16 '24 23:05 fmunteanu