hugomods / bootstrap Goto Github PK
View Code? Open in Web Editor NEW:art: Hugo Bootstrap Module ships with some handy shortocodes for using Bootstrap components.
Home Page: https://bootstrap.hugomods.com
License: MIT License
:art: Hugo Bootstrap Module ships with some handy shortocodes for using Bootstrap components.
Home Page: https://bootstrap.hugomods.com
License: MIT License
{{% bs/collapse "content/_index.md" primary true %}}
**Foo**bar
{{% /bs/collapse %}}
Since the inner shortcode of nested shortcodes won't be reloaded after modifying.
Use link or text instead of button may fix.
This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.
This repository currently has no open or pending branches.
.github/workflows/release-please.yml
google-github-actions/release-please-action v4
go.mod
go 1.19
github.com/hugomods/base v0.6.0
github.com/hugomods/icons/vendors/bootstrap v0.5.6
github.com/hugomods/images v0.10.1
package.json
prettier-plugin-go-template ^0.0.15
Scenario:
I use {{< bs/img-grid "attendees.yaml" >}}
to build an image grid of photos of people attending an event on a page.
The images are stored in the page bundle, in a subdirectory e.g. attendess/foo.jpg
.
Anomaly:
Page always builds correctly in production.
Sometimes, in development, e.g. if one edited that page bundle's index.md, the images are not found.
If one triggers a rebuild, they will often be found.
github.com/hugomods/images/layouts/partials/images/image.html
reports that the images that were part of the page resources was not found.
Analysis:
By adding some debugging, I've determined that when things have failed, it has occurred because image.html
's $page variable is Page(/_index.md)
not Page(/events/2024-baja-mexico/index.md)
(the proper page).
Strongly enough, the call to GitHub.com/hugomods/bootstrap/layouts/partials/bootstrap/img-grid.html
(one level up in the call stack) is always called with the proper Page set.
Here's my debugging output when it fails:
WARN DATA: page=Page(/events/2024-baja-mexico/index.md) key=attendees data=[map[src:attendees/mug_mattgor.jpg title:Matt "Gecko" Gordon] map[src:attendees/mug_stuart.jpg title:Uncle Stu] map[src:attendees/mug_ian.jpg title:Ian] map[src:attendees/mug_hunt.jpg title:Huntley] map[src:attendees/mug_ich.jpg title:Ichabod] map[src:attendees/mug_raj.jpg title:Raj] map[src:attendees/mug_eminem.jpg title:Mike] map[src:attendees/mug_jake.jpg title:Jake] map[src:attendees/mug_milo.jpg title:Milo] map[src:attendees/mug_holland.jpg title:Holland Ja (unconfirmed)] map[src:attendees/mug_matthanley.jpg title:Matt Hanley (2 days)] map[src:attendees/mug_tuggle.jpg title:Steve Tuggle (2 days)] map[src:attendees/mug_charles.jpg title:Charles (unconfirmed)] map[src:attendees/mug_dan.jpg title:Dan G (unconfirmed)]]
WARN looking for page resources getmatch path=attendees/mug_mattgor.jpg page=Page(/_index.en.md) res=<nil>
WARN image not found: attendees/mug_mattgor.jpg
WARN looking for page resources getmatch path=attendees/mug_stuart.jpg page=Page(/_index.en.md) res=<nil>
WARN image not found: attendees/mug_stuart.jpg
...
Here is my debugging when it succeeded:
WARN DATA: page=Page(/events/2024-baja-mexico/index.md) key=attendees data=[map[src:attendees/mug_mattgor.jpg title:Matt "Gecko" Gordon] map[src:attendees/mug_stuart.jpg title:Uncle Stu] map[src:attendees/mug_ian.jpg title:Ian] map[src:attendees/mug_hunt.jpg title:Huntley] map[src:attendees/mug_ich.jpg title:Ichabod] map[src:attendees/mug_raj.jpg title:Raj] map[src:attendees/mug_eminem.jpg title:Mike] map[src:attendees/mug_jake.jpg title:Jake] map[src:attendees/mug_milo.jpg title:Milo] map[src:attendees/mug_holland.jpg title:Holland Ja (unconfirmed)] map[src:attendees/mug_matthanley.jpg title:Matt Hanley (2 days)] map[src:attendees/mug_tuggle.jpg title:Steve Tuggle (2 days)] map[src:attendees/mug_charles.jpg title:Charles (unconfirmed)] map[src:attendees/mug_dan.jpg title:Dan G (unconfirmed)]]
WARN looking for page resources getmatch path=attendees/mug_mattgor.jpg page=Page(/events/2024-baja-mexico/index.md) res=attendees/mug_mattgor.jpg
WARN looking for page resources getmatch path=attendees/mug_stuart.jpg page=Page(/events/2024-baja-mexico/index.md) res=attendees/mug_stuart.jpg
My best guess is that something is partialCached when it shouldn't be, but this is really weird.. the page in question is just using a standard shortcut...
Full source code at https://github.com/goattrails/hb-goattrails/blob/main/content/events/2024-baja-mexico/index.md
My debugging diffs:
bootstrap.patch
images.patch
{{% bootstrap/alert primary %}}
A simple **primary** alert—check it out!
{{% /bootstrap/alert %}}
Doesn't work.
Such as pills and underline.
It's bad experience that put command and it's output togther, since user will get all those text (includes the output) when clicked the copy button.
Would you have any objection to me taking a whack at creating "photo grid" (or extending icon-grid) to handle grids that have small photos in them? I'm trying to make a clean and responsive version of something like:
https://www.goattrails.info/baja/people.html
Would you rather see it as an extension to icon grids (specifying a photo in the data file and no icon) or a separate partial?
It would helpful to reduce duplicate things.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.