Website: add iso 27001 coming soon badge to footer (#25756)

Closes: https://github.com/fleetdm/confidential/issues/8914

Changes:
- Added an ISO 27001 coming soon badge to the website's footer.
This commit is contained in:
Eric 2025-01-24 12:54:45 -06:00 committed by GitHub
parent 62170514f9
commit 11319fdea7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 24 additions and 18 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

View file

@ -1,4 +1,4 @@
@footer-height: 409px;
@footer-height: 433px;
@container-md-max-width: 1100px;
[v-cloak] { display: none; }
@ -581,6 +581,10 @@ html, body {
[purpose='legal-section'] {
font-size: 12px;
line-height: 150%;
[purpose='iso-27001-badge'] {
width: 48px;
margin-right: 8px;
}
[purpose='creative-commons-license'] {
width: 80px;
height: 15px;
@ -603,7 +607,7 @@ html, body {
}
}
[purpose='page-wrap'].reduced-footer-links {
padding-bottom: 70px;
padding-bottom: 96px;
}
// Landing page footer styles
@ -611,7 +615,7 @@ html, body {
position: absolute;
bottom: 0px;
width: 100%;
height: 70px;
height: 96px;
padding: 24px 32px;
color: @core-fleet-black-75;
a {
@ -629,11 +633,11 @@ body.detected-mobile {
}
@media (max-width: 991px) {
[purpose='page-wrap'] {
padding-bottom: 460px;
padding-bottom: 487px;
}
[purpose='page-footer'] {
padding: 64px 40px;
height: 460px;
height: 487px;
[purpose='footer-socials'] {
margin-bottom: 32px;
}
@ -743,20 +747,20 @@ body.detected-mobile {
}
}
[purpose='page-wrap'] {
padding-bottom: 701px;
padding-bottom: 728px;
}
[purpose='footer-nav-column']:not(:last-of-type) {
margin-bottom: 64px;
}
[purpose='page-footer'] {
padding: 64px 32px;
height: 701px;
height: 728px;
}
[purpose='page-wrap'].reduced-footer-links {
padding-bottom: 121px;
padding-bottom: 150px;
}
[purpose='reduced-nav-footer'] {
height: 121px;
height: 150px;
[purpose='footer-socials'] {
margin-bottom: 32px;
}
@ -766,7 +770,7 @@ body.detected-mobile {
}
@media (max-width: 575px) {
[purpose='page-wrap'] {
padding-bottom: 925px;
padding-bottom: 955px;
}
[purpose='page-header'] {
padding: 19px 20px;
@ -780,14 +784,14 @@ body.detected-mobile {
}
}
[purpose='page-wrap'].reduced-footer-links {
padding-bottom: 173px;
padding-bottom: 200px;
}
[purpose='reduced-nav-footer'] {
height: 173px;
height: 200px;
padding: 24px;
}
[purpose='page-footer'] {
height: 925px;
height: 955px;
padding: 64px 24px;
}
[purpose='footer-nav'] {

View file

@ -344,10 +344,11 @@
<div purpose="footer-bottom">
<div purpose="legal-and-social-nav" class="d-flex flex-lg-row flex-column align-items-lg-center justify-content-lg-between">
<div purpose="legal-section" class="d-flex flex-column justify-content-start align-items-start flex-sm-row pr-sm-0">
<div purpose="legal-section" class="d-flex flex-column justify-content-start align-items-start align-items-sm-center flex-sm-row pr-sm-0">
<div purpose="license-information" class="d-flex flex-row align-items-center">
<img purpose="creative-commons-license" alt="Creative Commons Licence CC BY-SA 4.0" src="/images/logo-creative-commons-greyscale-80x16@2x.png" />
<img purpose="iso-27001-badge" src="/images/icon-iso27001-coming-soon-48x48@2x.png" alt="ISO 27001 coming soon">
<a purpose="footer-trust-link" class="d-flex flex-row align-items-center" href="/trust" target="_blank"><img alt="a small checkmark" src="/images/icon-checkmark-fleet-black-75-9x7@2x.png">SOC2 Type 2</a>
<img purpose="creative-commons-license" alt="Creative Commons Licence CC BY-SA 4.0" src="/images/logo-creative-commons-greyscale-80x16@2x.png" />
</div>
<div class="text-sm-nowrap d-block d-sm-inline">
© <%= (new Date()).getFullYear() %> <a href="/handbook/company"><%= corporationDisplayName %></a>
@ -383,12 +384,13 @@
</div>
<% } else { %>
<div purpose="reduced-nav-footer" data-nosnippet>
<div purpose="legal-and-social-nav" class="d-flex flex-md-row flex-column align-items-lg-center justify-content-md-between">
<div purpose="legal-and-social-nav" class="d-flex flex-md-row flex-column align-items-md-center justify-content-md-between">
<div purpose="legal-section" class="d-flex flex-column justify-content-start align-items-start flex-sm-row pr-sm-0">
<div purpose="legal-section" class="d-flex flex-column justify-content-start align-items-start align-items-sm-center flex-sm-row pr-sm-0">
<div purpose="license-information" class="d-flex flex-row align-items-center">
<img purpose="creative-commons-license" alt="Creative Commons Licence CC BY-SA 4.0" src="/images/logo-creative-commons-greyscale-80x16@2x.png" />
<img purpose="iso-27001-badge" src="/images/icon-iso27001-coming-soon-48x48@2x.png" alt="ISO 27001 coming soon">
<a purpose="footer-trust-link" class="d-flex flex-row align-items-center" href="/trust" target="_blank"><img alt="a small checkmark" src="/images/icon-checkmark-fleet-black-75-9x7@2x.png">SOC2 Type 2</a>
<img purpose="creative-commons-license" alt="Creative Commons Licence CC BY-SA 4.0" src="/images/logo-creative-commons-greyscale-80x16@2x.png" />
</div>
<div purpose="copyright-and-legal-link" class="text-sm-nowrap d-block d-sm-inline">
© <%= (new Date()).getFullYear() %> <a href="/handbook/company"><%= corporationDisplayName %></a>