✨ shortcode gallery

[mircea-pavel-anton]

Fixes #428

[mircea-pavel-anton]

@nunocoracao For this one, I decided to go with the verbose list as a solution since it makes it that much more easier to set the custom width for each element.

[nunocoracao]

@mirceanton I don't agree with this implementation.

1. can we use tailwind components please, defining styles in shortcodes is going to lead to problems.
2. why do we need the new import?

[mircea-pavel-anton]

@nunocoracao Okay, I'll see what I can do. Sorry if this isn't following best practices, I don't normally do HTML, CSS & JS, it's all a bit new to me.

[mircea-pavel-anton]

@nunocoracao As for the javascript import, should I simply dump the minified js into a file under static/js like we have zoom.min.js?

[nunocoracao]

For the CSS it will be super clear if you look at other shortcodes or partials. Tailwindcss docs are also super great.
Pro-tip for dev: run npm run example in one terminal window and npm run dev in another. The first one runs Hugo server and the second one compiles tailwind in real time if there are any changes. When you finish use npm run build to generate the final CSS file for the theme.

For the imports check what is happening for typeit for example.

• add a new npm module to devDependencies
• change the package.json copy-to-from array to add the new dependency
• run npm run fullinstall
• final lib should be in assets
• change vendors partials to ONLY import the lib if the shortcode is being used (there are other examples there)

Sounds like a lot of effort but it will make everything super easy to update and maintain. My advice, check if you really need a new dependency for this or if could be achieved using just tailwind. Aka a quick search for twailwind image gallery might surprise you.

[nunocoracao]

@mirceanton if you want I can open a feature branch an we can collab before merging to dev (release branch)

[mircea-pavel-anton]

@nunocoracao that would be amazing! This is the first time I'm touching this tech stack so I am quite lost to be honest.

[nunocoracao]

merging into feature branch for final alterations