mirror of
https://github.com/fleetdm/fleet
synced 2026-04-21 13:37:30 +00:00
17f41b1147
Closes: https://github.com/fleetdm/confidential/issues/10407 Changes: - Added three new logos to the logo-carousel component - Updated the logos on the /contact page
99 lines
4.7 KiB
JavaScript
Vendored
99 lines
4.7 KiB
JavaScript
Vendored
/**
|
|
* <logo-carousel>
|
|
* -----------------------------------------------------------------------------
|
|
* A row of logos that scroll infinitly to the left.
|
|
*
|
|
* @type {Component}
|
|
*
|
|
* -----------------------------------------------------------------------------
|
|
*/
|
|
|
|
parasails.registerComponent('logoCarousel', {
|
|
// ╔═╗╦═╗╔═╗╔═╗╔═╗
|
|
// ╠═╝╠╦╝║ ║╠═╝╚═╗
|
|
// ╩ ╩╚═╚═╝╩ ╚═╝
|
|
props: [],
|
|
|
|
// ╦╔╗╔╦╔╦╗╦╔═╗╦ ╔═╗╔╦╗╔═╗╔╦╗╔═╗
|
|
// ║║║║║ ║ ║╠═╣║ ╚═╗ ║ ╠═╣ ║ ║╣
|
|
// ╩╝╚╝╩ ╩ ╩╩ ╩╩═╝ ╚═╝ ╩ ╩ ╩ ╩ ╚═╝
|
|
data: function (){
|
|
return {
|
|
isSafariThirteen: bowser.safari && _.startsWith(bowser.version, '13'),
|
|
isIosThirteen: bowser.safari && _.startsWith(bowser.version, '13') && bowser.ios,
|
|
};
|
|
},
|
|
|
|
// ╦ ╦╔╦╗╔╦╗╦
|
|
// ╠═╣ ║ ║║║║
|
|
// ╩ ╩ ╩ ╩ ╩╩═╝
|
|
template: `
|
|
<div purpose="logos" class="mx-auto d-flex flex-row align-items-center">
|
|
<div purpose="logo-carousel">
|
|
<div purpose="logo-row" class="d-flex flex-row align-items-center" :class="[isIosThirteen ? 'ios-13-scroll-animation' : isSafariThirteen ? 'safari-13-scroll-animation' : '']">
|
|
<a href="/testimonials">
|
|
<img alt="Notion logo" src="/images/[email protected]">
|
|
<img alt="Gusto logo" src="/images/[email protected]">
|
|
<img alt="Rivian logo" src="/images/[email protected]">
|
|
<img alt="Deloitte logo" src="/images/[email protected]">
|
|
<img alt="Flywire logo" src="/images/[email protected]">
|
|
<img alt="Snowflake logo" src="/images/[email protected]">
|
|
<img alt="Uber logo" src="/images/[email protected]">
|
|
<img alt="Atlassian logo" src="/images/[email protected]">
|
|
<img alt="Mr. Beast logo" src="/images/[email protected]">
|
|
<img alt="Fastly logo" src="/images/[email protected]">
|
|
<img alt="Hashicorp logo" src="/images/[email protected]">
|
|
<img alt="Dropbox logo" src="/images/[email protected]">
|
|
<img alt="Reddit logo" src="/images/[email protected]">
|
|
<img alt="Northwestern logo" src="/images/[email protected]">
|
|
<img alt="Nutanix logo" src="/images/[email protected]">
|
|
<img alt="Vibe logo" src="/images/[email protected]">
|
|
</a>
|
|
</div>
|
|
<div purpose="logo-row" class="d-flex flex-row align-items-center" :class="[isIosThirteen ? 'ios-13-scroll-animation' : isSafariThirteen ? 'safari-13-scroll-animation' : '']">
|
|
<a href="/testimonials">
|
|
<img alt="Notion logo" src="/images/[email protected]">
|
|
<img alt="Gusto logo" src="/images/[email protected]">
|
|
<img alt="Rivian logo" src="/images/[email protected]">
|
|
<img alt="Deloitte logo" src="/images/[email protected]">
|
|
<img alt="Flywire logo" src="/images/[email protected]">
|
|
<img alt="Snowflake logo" src="/images/[email protected]">
|
|
<img alt="Uber logo" src="/images/[email protected]">
|
|
<img alt="Atlassian logo" src="/images/[email protected]">
|
|
<img alt="Mr. Beast logo" src="/images/[email protected]">
|
|
<img alt="Fastly logo" src="/images/[email protected]">
|
|
<img alt="Hashicorp logo" src="/images/[email protected]">
|
|
<img alt="Reddit logo" src="/images/[email protected]">
|
|
<img alt="Dropbox logo" src="/images/[email protected]">
|
|
<img alt="Northwestern logo" src="/images/[email protected]">
|
|
<img alt="Nutanix logo" src="/images/[email protected]">
|
|
<img alt="Vibe logo" src="/images/[email protected]">
|
|
</a>
|
|
</div>
|
|
<div purpose="fade-left"></div>
|
|
<div purpose="fade-right"></div>
|
|
</div>
|
|
|
|
</div>
|
|
`,
|
|
|
|
// ╦ ╦╔═╗╔═╗╔═╗╦ ╦╔═╗╦ ╔═╗
|
|
// ║ ║╠╣ ║╣ ║ ╚╦╝║ ║ ║╣
|
|
// ╩═╝╩╚ ╚═╝╚═╝ ╩ ╚═╝╩═╝╚═╝
|
|
beforeMount: function() {
|
|
//…
|
|
},
|
|
mounted: async function(){
|
|
//…
|
|
},
|
|
beforeDestroy: function() {
|
|
//…
|
|
},
|
|
|
|
// ╦╔╗╔╔╦╗╔═╗╦═╗╔═╗╔═╗╔╦╗╦╔═╗╔╗╔╔═╗
|
|
// ║║║║ ║ ║╣ ╠╦╝╠═╣║ ║ ║║ ║║║║╚═╗
|
|
// ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝
|
|
methods: {
|
|
//…
|
|
}
|
|
});
|