diff --git a/data/carousel/art.yaml b/data/carousel/art.yaml index c869316b..5b715c73 100644 --- a/data/carousel/art.yaml +++ b/data/carousel/art.yaml @@ -1,7 +1,10 @@ weight: 4 -title: "The art of intelligence sharing" -description: "

is to -share more, smarter and faster
-with your friends and allies
-than your adversaries would like to.

" +eyebrow: "Built for trusted communities" +title: "Share intelligence securely, at operational speed" +description: "

Give trusted partners the information they need, when they need it. MISP supports precise distribution, collaborative analysis and open standards without compromising control.

" image: "img/carousel/art.png" +image_alt: "The art of information sharing illustrated as a word cloud" +url: "/communities/" +button_label: "Join the community" +secondary_url: "/download/" +secondary_label: "Deploy MISP" diff --git a/data/carousel/galaxy.yaml b/data/carousel/galaxy.yaml index 10202af9..f8578211 100644 --- a/data/carousel/galaxy.yaml +++ b/data/carousel/galaxy.yaml @@ -1,5 +1,8 @@ weight: 3 -title: "A galaxy of information" -description: "

MISP is more than Software

It is also a massive collection of open taxonomies that can be used in any software.

-

AM!TT for disinformation,
ATT&CK for threat actors, TTPs,
Attack4fraud, TLP, GDPR, Veris, admiralty, estimative language, document classification, and much more!" +eyebrow: "Open knowledge models" +title: "Put shared intelligence into context" +description: "

Use community-maintained galaxies and taxonomies—including ATT&CK, TLP and sector-specific models—to describe threats consistently across tools and teams.

" image: "img/carousel/galaxy.jpeg" +image_alt: "MISP Galaxy interface for contextual threat intelligence" +url: "/datamodels/" +button_label: "Explore data models" diff --git a/data/carousel/threat_sharing.yaml b/data/carousel/threat_sharing.yaml index 3dad2f72..c05d54cd 100644 --- a/data/carousel/threat_sharing.yaml +++ b/data/carousel/threat_sharing.yaml @@ -1,4 +1,11 @@ weight: 1 -title: "Open Source Threat Intelligence and Sharing Platform" -description: "

Share.Store.Correlate.Analyse.
Targeted attacks.Financial Fraud.Counter-terrorism.

" -image: "img/carousel/automation-icon.png" +eyebrow: "Latest release · MISP 2.5.47" +title: "Turn threat intelligence into decisive action" +description: "

MISP 2.5.47 strengthens collaborative analysis with security hardening, PostgreSQL support, AI-assisted workflows and the evolving Overmind interface.

" +image: "img/blog/new-correlation.jpeg" +image_alt: "MISP correlation interface showing related threat intelligence" +image_caption: "Explore correlations directly in the MISP analyst workspace." +url: "/2026/09/17/MISP.2.5.47.released.html" +button_label: "Read the release notes" +secondary_url: "/features/" +secondary_label: "Explore the platform" diff --git a/data/carousel/visualization.yaml b/data/carousel/visualization.yaml index aaf48e32..66766e80 100644 --- a/data/carousel/visualization.yaml +++ b/data/carousel/visualization.yaml @@ -1,4 +1,8 @@ weight: 2 -title: "Visualization & Dashboards" -description: "

Seeing helps understanding.

MISP comes with many visualization options helping analysts find the answers they are looking for." +eyebrow: "Analyst experience" +title: "See the relationships behind the data" +description: "

Interactive dashboards, correlation views and contextual graphs help analysts identify patterns, validate findings and communicate intelligence with confidence.

" image: "img/carousel/visualization.png" +image_alt: "MISP visualization dashboard" +url: "/features/" +button_label: "Discover visual analysis" diff --git a/layouts/partials/carousel.html b/layouts/partials/carousel.html new file mode 100644 index 00000000..9322f9f6 --- /dev/null +++ b/layouts/partials/carousel.html @@ -0,0 +1,31 @@ +{{ if default true .Site.Params.carouselHomepage.enable }} +
+
+
+ {{ range sort .Site.Data.carousel "weight" }} + {{ $slide := . }} + + {{ end }} +
+
+
+{{ end }} diff --git a/static/css/custom.css b/static/css/custom.css index 942b0d8a..9b5b449f 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -209,11 +209,43 @@ li { } .home-carousel .container { - padding-bottom: 32px; - padding-top: 32px; + padding-bottom: 42px; + padding-top: 42px; position: relative; } +.home-hero { + align-items: center; + display: grid; + gap: clamp(40px, 6vw, 88px); + grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr); + min-height: 500px; + padding: 34px 16px 18px; +} + +.home-hero__content { max-width: 590px; } + +.home-hero__eyebrow { + align-items: center; + color: #8ee6f2 !important; + display: flex; + font-size: 13px !important; + font-weight: 700; + gap: 10px; + letter-spacing: .14em; + margin-bottom: 18px; + text-transform: uppercase; +} + +.home-hero__eyebrow::before { + background: #24bdd2; + border-radius: 50%; + box-shadow: 0 0 0 5px rgba(36, 189, 210, .16); + content: ""; + height: 7px; + width: 7px; +} + .home-carousel h1, .home-carousel h2, .home-carousel h3 { @@ -230,6 +262,59 @@ li { line-height: 1.65; } +.home-hero__description { max-width: 570px; } +.home-hero__description p { margin: 22px 0 0; } + +.home-hero__actions { + align-items: center; + display: flex; + flex-wrap: wrap; + gap: 24px; + margin-top: 30px; +} + +.home-carousel .home-hero__primary { + background: #fff; + border-color: #fff; + border-radius: 5px; + color: #086f84; + font-weight: 700; + padding: 12px 20px; + text-transform: none; +} + +.home-carousel .home-hero__primary:hover, +.home-carousel .home-hero__primary:focus { background: #dff8fb; border-color: #dff8fb; color: #064f60; } + +.home-hero__secondary { color: #fff; font-weight: 700; } +.home-hero__secondary:hover, +.home-hero__secondary:focus { color: #a8edf5; } + +.home-hero__visual { min-width: 0; } + +.home-hero__window { + background: #f7fafb; + border: 1px solid rgba(255, 255, 255, .32); + border-radius: 10px; + box-shadow: 0 28px 60px rgba(0, 17, 25, .35); + overflow: hidden; + transform: perspective(1200px) rotateY(-2deg); +} + +.home-hero__window-bar { + align-items: center; + background: #edf3f5; + border-bottom: 1px solid #d8e2e5; + display: flex; + gap: 6px; + height: 30px; + padding: 0 12px; +} + +.home-hero__window-bar span { background: #aebec3; border-radius: 50%; height: 7px; width: 7px; } +.home-hero__window img { height: 330px; object-fit: cover; object-position: center; width: 100%; } +.home-hero__caption { color: #bdebf1 !important; font-size: 12px !important; margin: 12px 4px 0; text-align: right; } + .home-carousel .owl-controls .owl-page span { background: #fff; height: 8px; @@ -910,6 +995,14 @@ ul ul { } @media (max-width: 991px) { + .home-hero { + gap: 34px; + grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr); + min-height: 450px; + } + + .home-hero__window img { height: 280px; } + .navbar-default .navbar-nav > li > a { padding-left: 10px; padding-right: 10px; @@ -968,6 +1061,20 @@ ul ul { padding-top: 20px; } + .home-hero { + display: flex; + flex-direction: column; + gap: 32px; + min-height: 0; + padding: 30px 4px 20px; + } + + .home-hero__content { max-width: none; } + .home-hero__visual { width: 100%; } + .home-hero__window { transform: none; } + .home-hero__window img { height: min(52vw, 310px); } + .home-hero__caption { text-align: left; } + .home-carousel h1, .home-carousel h2, .home-carousel h3 {