refactor(ui): migrate Bootstrap 4 to Bootstrap 5 and update content #60

Merged
claudiomaradonna merged 2 commits from refactor/bootstrap5-migration into master 2026-05-27 12:12:47 +02:00
Collaborator

The vendored Bootstrap 4 partial tree (42 files under src/_sass/vendor/bootstrap-custom/) is replaced with Bootstrap 5.3.3. All
templates are updated to the renamed utility classes (fw-bold, text-start/text-end, ms-*/me-*, ps-*/pe-*,
float-end, w-100), and site-local jumbotron styles are re-introduced in _layout.scss since Bootstrap 5 dropped that
component. Semantic HTML is corrected throughout: <navbar> becomes <nav>, page content is wrapped in <main>,
anchor-used-as-button elements are converted to <button type="button">, and ARIA attributes are added to social icons.

Two shared CTA partials (contact-cta.html and lets-talk.html) are extracted for reuse across pages. Copy in both locales is
updated — "Project Manager" becomes "CTO", button labels and section titles are revised — and a cookie.dismiss i18n key is added
for the cookie-consent dismiss button.

The vendored Bootstrap 4 partial tree (42 files under `src/_sass/vendor/bootstrap-custom/`) is replaced with Bootstrap 5.3.3. All templates are updated to the renamed utility classes (`fw-bold`, `text-start`/`text-end`, `ms-*`/`me-*`, `ps-*`/`pe-*`, `float-end`, `w-100`), and site-local jumbotron styles are re-introduced in `_layout.scss` since Bootstrap 5 dropped that component. Semantic HTML is corrected throughout: `<navbar>` becomes `<nav>`, page content is wrapped in `<main>`, anchor-used-as-button elements are converted to `<button type="button">`, and ARIA attributes are added to social icons. Two shared CTA partials (`contact-cta.html` and `lets-talk.html`) are extracted for reuse across pages. Copy in both locales is updated — "Project Manager" becomes "CTO", button labels and section titles are revised — and a `cookie.dismiss` i18n key is added for the cookie-consent dismiss button.
Replace the vendored Bootstrap 4 partial tree (42 files under
src/_sass/vendor/bootstrap-custom/) with a Bootstrap 5.3.3 vendor
tree. Update _bootstrap-custom.scss to use the new import order and
add _bootstrap-variables.scss for pre-import overrides.

Adapt all templates to BS5 renamed utilities: font-weight-bold ->
fw-bold, text-left/right -> text-start/end, ml-*/mr-* -> ms-*/me-*,
pl-*/pr-* -> ps-*/pe-*, float-right -> float-end, btn-block -> w-100.

Fix semantic HTML throughout: replace <navbar> with <nav>, wrap
page content in <main>, convert <a> used as buttons to
<button type="button">, quote the lang attribute, remove duplicate
shortcut icon link, add aria-label and aria-hidden to social icons.

Add site-local .jumbotron/.jumbotron-fluid styles to _layout.scss
since Bootstrap 5 removed the jumbotron component. Introduce new
includes contact-cta.html and lets-talk.html as shared CTA
partials (structural only, no content changes).
Update copy in both locales: rename "Project Manager" to "CTO" in
the about-us experience blurb, soften the services header lead to
include a call-to-action sentence, rename the about-us contact
section title, and update button labels ("Learn more" / "Voglio
saperne di più").

Add a cookie.dismiss i18n key used by the new dismiss button in
the cookie-consent partial.

Note: the template changes that render these strings (CTAs, button
replacements, lets-talk include) are part of the preceding commit
and must land first.
claudiomaradonna deleted branch refactor/bootstrap5-migration 2026-05-27 12:12:52 +02:00
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
unitoo/website!60
No description provided.