Website: add press logos to /ai (#50281)

Adds press logos below "The road to AI in IT" report card.

<!-- Add the related story/sub-task/bug number, like Resolves #123, or
remove if NA -->
**Related issue:** NA

# Checklist for submitter

- [x] QA'd all new/changed functionality manually

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* **New Features**
  * Added a press coverage section to the AI in IT page.
* Displays logos for Apple World Today, Cybersecurity Insiders, and IT
Brief, linking to related articles.
  * Added responsive layouts for desktop, tablet, and mobile screens.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Co-authored-by: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Mike Thomas
2026-07-31 11:14:30 -05:00
committed by GitHub
co-authored by Claude Sonnet 5
parent 773c162a50
commit 45fa8be602
5 changed files with 50 additions and 1 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

+35 -1
View File
@@ -177,6 +177,33 @@
}
}
[purpose='press-logos'] {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
[purpose='press-logos-heading'] {
color: @core-fleet-black;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: @text-lineheight;
text-align: center;
}
[purpose='press-logo-row'] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 48px;
a {
display: flex;
align-items: center;
}
}
[purpose='feature-with-image'] {
.feature-with-image();
gap: 64px;
@@ -281,6 +308,14 @@
border-bottom-right-radius: 0px;
}
}
[purpose='press-logos'] {
gap: 24px;
}
[purpose='press-logo-row'] {
flex-direction: column;
align-items: center;
gap: 24px;
}
}
@@ -318,5 +353,4 @@
}
}
}
+15
View File
@@ -70,6 +70,21 @@
</div>
</div>
<div purpose="press-logos">
<div purpose="press-logos-heading">As featured on</div>
<div purpose="press-logo-row">
<a href="https://appleworld.today/2026/07/new-research-7-in-10-it-leaders-are-skipping-the-foundation-required-for-safe-enterprise-ai/" target="_blank" no-icon>
<img alt="Apple World Today logo" style="height: 31px;" src="/images/press-logo-apple-world-today-179x31@2x.png">
</a>
<a href="https://www.cybersecurity-insiders.com/fleet-research-7-in-10-it-leaders-missing-the-foundation-for-enterprise-ai/" target="_blank" no-icon>
<img alt="Cybersecurity Insiders logo" style="height: 55px;" src="/images/press-logo-cybersecurity-insiders-130x55@2x.png">
</a>
<a href="https://itbrief.co.uk/story/it-leaders-prioritise-ai-over-infrastructure-as-code" target="_blank" no-icon>
<img alt="IT Brief logo" style="height: 32px;" src="/images/press-logo-itbrief-138x32@2x.png">
</a>
</div>
</div>
</div>
<div purpose="page-section">