Skip to content

Refresh the MISP website visual design - #138

Merged
adulau merged 1 commit into
newfrom
codex/update-misp-website-style
Sep 29, 2026
Merged

adulau merged 1 commit into
newfrom
codex/update-misp-website-style

Conversation

@adulau

@adulau adulau commented Sep 29, 2026

Copy link
Copy Markdown
Member

Motivation

  • Give the site a calmer, more contemporary presentation while preserving the MISP cyan branding and the upstream theme layout.
  • Improve readability, spacing, and visual hierarchy across the homepage, feature cards, blog listings and interior pages.
  • Increase accessibility and usability by improving focus visibility, keyboard semantics, responsive behavior and reduced-motion support.

Description

  • Replaced static/css/custom.css with a new cohesive visual system using CSS custom properties for colors, radii, shadows, typography, spacing and component styles, and updated rules for the hero, cards, CTAs, forms, blog and footer.
  • Tweaked navigation markup in layouts/partials/nav.html to add mobile-menu ARIA attributes (aria-controls, aria-expanded) and mark active links with aria-current="page" for better accessibility.
  • Improved responsive rules and added prefers-reduced-motion handling to limit motion for users who prefer it.
  • Kept all structural output from the upstream Hugo theme untouched so the change is a progressive style override rather than a template rewrite.

Testing

  • Ran git diff --check to validate the working tree for whitespace and trivial diffs which completed successfully.
  • Executed a Python validation script that confirmed balanced Hugo template delimiters and matching CSS braces which passed.
  • Attempted a local preview build with git submodule update --init --recursive && hugo version but the build could not run due to the environment blocking submodule fetch and the absence of a local hugo binary, so a render preview/screenshot was not produced.

Codex Task

@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Sep 29, 2026 •

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review ✅ Completed 2026-09-29T07:43:32.840933Z 2d5e36a PR opened
🔒 Security Review ✅ Completed 2026-09-29T07:43:04.162425Z 2d5e36a PR opened
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@adulau
adulau merged commit 40779d2 into new Sep 29, 2026
1 check passed

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 2d5e36a2d4

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment thread layouts/partials/nav.html
{{ $hasSections := (hasPrefix (index .Children 0).Identifier "section.") }}
<li class="dropdown{{ if $hasSections }} use-yamm yamm-fw{{end}} {{ $active }}">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ .Name }} <span class="caret"></span></a>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"{{ if $active }} aria-current="page"{{ end }}>{{ .Name }} <span class="caret"></span></a>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Mark the actual destination link as current

When a parent menu URL is the current page—for example, /events/—this adds aria-current="page" to the dropdown control whose href is only #. Screen-reader users are therefore told that a non-navigating toggle represents the current page, while the actual /events/ link in the submenu has no current-page indication. Apply aria-current to the matching submenu destination instead.

Useful? React with 👍 / 👎.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant