Skip to content

Refresh MISP features experience: feature catalogue, layout and styles - #142

Merged
adulau merged 1 commit into
newfrom
codex/improve-features-page-layout-and-update-list
Sep 29, 2026
Merged

adulau merged 1 commit into
newfrom
codex/improve-features-page-layout-and-update-list

Conversation

@adulau

@adulau adulau commented Sep 29, 2026

Copy link
Copy Markdown
Member

Motivation

  • Modernise the /features/ experience to be more attractive and scannable while aligning the listed capabilities with the MISP 2.5 feature set.
  • Make the features content machine-friendly by moving to structured YAML so feature updates and templated rendering are easier to maintain.

Description

  • Switch content/features.md to use a purpose-built features layout and keep the legacy /features.html alias via front matter (content/features.md).
  • Add data/feature_catalog.yaml containing six categories and 29 concise feature entries representing MISP 2.5 capabilities for use by the template (data/feature_catalog.yaml).
  • Add a dedicated Hugo template that renders a hero, category navigation, scannable feature cards and CTAs at layouts/page/features.html.
  • Add responsive CSS for the hero, category jump bar, feature grid, cards and CTA styles, and update a few icon classes in static/css/custom.css.

Testing

  • Validated the new YAML with ruby -e 'require "yaml"; d=YAML.load_file("data/feature_catalog.yaml"); abort unless d.length==6 && d.sum{|g| g["features"].length}==29' which succeeded.
  • Checked template delimiter balance by comparing counts of {{ and }} in layouts/page/features.html and the counts matched.
  • Ran git diff --check and repository lint checks (rg/diff checks) and found no errors.
  • Attempted a local site build with hugo --minify but the hugo binary is not available in this environment, so a rendered build and screenshots were 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-29T08:09:15.962903Z 1425914 PR opened
🔒 Security Review ✅ Completed 2026-09-29T08:08:58.365590Z 1425914 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 6f9be73 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: 142591444b

ℹ️ 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 data/feature_catalog.yaml

- id: sharing
title: Share & collaborate
icon: fas fa-people-arrows

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 Use an icon available in Font Awesome 5.11.2

The site loads Font Awesome 5.11.2 in layouts/partials/headers.html, but fa-people-arrows was introduced in a later release. Consequently, the Share & collaborate icon is blank in both the category navigation and section header; use an icon included in 5.11.2 or update the loaded Font Awesome version.

Useful? React with 👍 / 👎.

{{ range $group.features }}
<article class="feature-card">
<i class="fas fa-check" aria-hidden="true"></i>
<div><h3>{{ .title }}</h3><p>{{ .description }}</p>{{ with .link }}<a href="{{ . }}">Learn more <span aria-hidden="true">&rarr;</span></a>{{ end }}</div>

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 Preserve the configured base path for internal card links

The new template emits data-provided links verbatim, so the internal /openapi/ entry navigates to the domain root rather than the configured Hugo base path. In the GitHub Pages workflow, where --baseURL comes from configure-pages and can include a repository subpath, this card therefore leads outside the generated site while the other internal links correctly use relURL; apply relURL to internal entries while leaving external URLs unchanged.

Useful? React with 👍 / 👎.

Comment thread static/css/custom.css
Comment on lines +1042 to +1045
.features-eyebrow {
color: #47cee0;
display: block;
font-size: 13px;

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 Increase the eyebrow contrast on the white intro section

The shared eyebrow color #47cee0 has only about a 1.8:1 contrast ratio against the white background used by .features-intro. Because this is 13px text, the “A complete intelligence lifecycle” label falls well below the WCAG 4.5:1 requirement and is difficult to read for low-vision users; give the light-background variant a darker color while retaining the cyan on dark sections.

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