Pictures are not displayed in card on homepage

[Aerosand]

1. I write the homepage _index.md like this

...
{{< hextra/feature-grid >}}
  {{< hextra/feature-card
    title="OFSB"
    subtitle="OpenFOAM Sharing Basics."
    link="/ofs/ofsb"
    class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]"
    image="images/ofsb.png"
    imageClass="hx-top-[40%] hx-left-[36px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80"
    style="background: radial-gradient(ellipse at 50% 80%,rgba(194,97,254,0.15),hsla(0,0%,100%,0));"
  >}}
...
{{< /hextra/feature-grid >}}

2. The picture "ofsp.png" is saved in folder [static/images]

3. I use the hextra from the latest main branch.

However , pictures are not displayed in card on homepage, like below.

https://aerosand.cc/

Is there anyone who could help with this problem?

Thank you so much.

[imfing]

try add a slash to the beginning of the "image" field?

[Aerosand]

Unfortunately, the pictures are still not displayed.

[imfing]

The image itself is successfully loaded, so I think it could be caused by either missing layout front-matter or some other styles in the feature card shortcode. Please double check the _index.md.

hextra/exampleSite/content/_index.md

Line 3 in 493cfba

layout: hextra-home

[Aerosand]

I had been set the layout to be "hextra-home". However, it doesn't work.

See as below,
https://github.com/Aerosand/aerosand.github.io/blob/main/content/_index.md

[imfing]

can you copy the latest feature card shortcodes from

hextra/exampleSite/content/_index.md

Lines 30 to 38 in 6d0e59b

	{{< hextra/feature-grid >}}
	{{< hextra/feature-card
	title="Fast and Full-featured"
	subtitle="Simple and easy to use, yet powerful and feature-rich."
	class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-md:min-h-[340px]"
	image="images/hextra-doc.webp"
	imageClass="hx:top-[40%] hx:left-[24px] hx:w-[180%] hx:sm:w-[110%] hx:dark:opacity-80"
	style="background: radial-gradient(ellipse at 50% 80%,rgba(194,97,254,0.15),hsla(0,0%,100%,0));"
	>}}

the class names in your site are from an old version

[Aerosand]

I am so glad that your advice helped. Thank you so much for your work and contributions.

[imfing]

I am so glad that your advice helped. Thank you so much for your work and contributions.

you're welcome, appreciate your feedbacks.