Files
ptp/themes/hugo-theme-massively
Kirik 3de138ff41 UX overhaul: glassmorphism nav/footer, forms redesign, mobile fixes
Navigation:
- Nav bar pill shape (border-radius: 100px), dark glass style
- Icons added to all nav items (FA4 outline variants, fixed-width alignment)
- Footer hidden on all devices (nav panel covers mobile)
- Footer nav icons + text added before removal

Forms (ask.md, plan.md):
- Full glassmorphism redesign: rounded card, blur backdrop
- Input borders visible (#b8c4ce), focus ring, proper placeholder colors
- Select: self-contained CSS, no backdrop-filter conflict, arrow fixed
- Submit button: gradient with shadow
- File upload button: .file-btn class, fa-arrow-down icon
- form-note styled as info callout with left border + ⓘ icon
- Footnotes sup.fn: circular badge, baseline positioning (no line-height jump)
- Footnote ¹ on both consent checkboxes, accordion = full legal text
- Dark mode: opaque dark card (rgba 22,26,34,0.88), proper contrast
- Dark mode success/error messages adapted
- Double checkmark bug fixed (removed ::after overlay)
- Italic removed from privacy-details text

Layout:
- #main rounded corners (20px all sides) + margin for visibility
- Post card images rounded (border-radius: 10px)
- Page titles: uppercase removed, font-weight 900, left-aligned
- "Подробнее" button hidden on post cards
- iOS background-attachment: fixed bug fixed (scroll on mobile)
- Pagination mobile: counter restored, buttons above footer

Content:
- Page titles uncommented in front matter (gallery, map, ask, plan)
- Duplicate rawhtml title blocks removed

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-24 00:44:57 +01:00
..

Hugo Theme Massively

e2e tests

Massively theme ported from HTML5 UP for use with the Hugo static site generator.

Demo

https://hugo-theme-massively.netlify.com/

Setup

Configuration

See the demo's configuration as an example:

https://github.com/curtiscde/hugo-theme-massively/blob/master/exampleSite/config-prod.toml

Hugo Internal Templates

The theme currently also supports the following "internal templates" supplied by Hugo

Cover Image

The cover image URL is hard-coded, therefore to replace this add an image to the following location in your Hugo application:

/static/images/bg.jpg

Supported Languages

Custom Front Matter

  • disableComments - If set to true this will disable comments on the post when Disqus is enabled.

Custom <head>

If you wish to add custom CSS overrides, or other elements in the <head>, then this can be done by adding the following to the root of your Hugo app: layouts/partials/htmlhead.custom.html. Any content added to this file will then be injected at the end of the <head>.

Development

Example Site Production Deployment

Production Deployment

$ cd exampleSite
$ hugo --config config-prod.toml

Running Locally

$ npm i
$ npm run hugo-dev

OR

$ cd exampleSite
$ hugo server --themesDir ../..

Original Theme Credits

License

This hugo theme is licensed under the Creative Commons Attribution 3.0 License.

Read More - LICENSE