Improve Hugo template readability and prevent potential blank page on load #33509
Description
Description
The home page template uses style="opacity:0" on the <html> element,
which may result in a permanently invisible page if JS fails to load.
Additionally, the template relies heavily on .Scratch and variable
shadowing in nested range loops, which makes maintenance and debugging harder.
Affected file
- layouts/index.html (or relevant path)
Issues observed
- Inline opacity on
<html>may cause blank page - Repeated
$ishadowing in nested loops - Scratch usage where local variables would suffice
- Repeated inline SVG markup
Expected behavior
- Page should remain visible even if JS fails
- Cleaner, more maintainable Hugo templates
Suggested improvements
- Replace inline opacity with CSS class toggled by JS
- Use local variables instead of
.Scratch - Use unique loop variables
- Extract SVGs into partials
Happy to submit a PR if this direction makes sense.
Documentation Page
Index.html
Issue Description
Some behavioral improvements