Repository navigation
Modernize the UI - #476
Merged
Merged
Modernize the UI#476
Conversation
Move from Bootstrap 4.1 with jQuery and the social-buttons stylesheet to Bootstrap 5.3 with the Bootswatch Pulse theme, pinned on jsDelivr with integrity hashes. The header becomes a navbar that collapses on small screens, the add_blurb form sits in a card with labels stacked above full-width inputs in a two-column grid, and the landing, install, howto and error pages share the same centred layout. The 14px base font size is dropped in favour of the Bootstrap default.
Mariatta
force-pushed
the
modernize-styling
branch
from
October 22, 2026 00:36
440e85a to
a212e10
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The pages were built on Bootstrap 4.1 with jQuery and a 2018 social-buttons stylesheet, with inline form rows that cramp the labels against the inputs and stretch the textarea across the whole screen.
This moves to Bootstrap 5.3.3, still on the Bootswatch Pulse theme, loaded from jsDelivr with integrity hashes. jQuery, Popper and
bootstrap-social.cssare gone; Font Awesome 4 stays for the GitHub and wrench icons.The form's field names, ids, patterns and option values are unchanged, so the handler receives exactly the same data. The error page keeps its plain
<h1>for the middleware tests.Screenshots
Landing page:
The add_blurb form:
Howto page: