mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
Website: Add HubSpot chat widget and replace calendly links (#11677)
Closes: https://github.com/fleetdm/confidential/issues/2699 Changes: - Removed the Papercups chat widget. - Changed the "Talk to an expert" buttons on the website to open the HubSpot chat widget. - Updated the Fleet Sandbox registration page to link to the MDM setup docs. - Changed the earliest supported versions of iOS and Safari the Fleet website support to v11. After this PR is merged, we will need to activate the new chat flow in HubSpot.
This commit is contained in:
Eric
GitHub
parent
5779bd2381
commit
309297182a
28 changed files with 93 additions and 82 deletions
|
|
@ -26,6 +26,10 @@ parasails.registerPage('basic-article', {
|
|||
// ║║║║ ║ ║╣ ╠╦╝╠═╣║ ║ ║║ ║║║║╚═╗
|
||||
// ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝
|
||||
methods: {
|
||||
//…
|
||||
clickOpenChatWidget: function() {
|
||||
if(window.HubSpotConversations && window.HubSpotConversations.widget){
|
||||
window.HubSpotConversations.widget.open();
|
||||
}
|
||||
},
|
||||
}
|
||||
});
|
||||
|
|
|
|||
6
website/assets/js/pages/compliance.page.js
vendored
6
website/assets/js/pages/compliance.page.js
vendored
|
|
@ -20,6 +20,10 @@ parasails.registerPage('compliance', {
|
|||
// ║║║║ ║ ║╣ ╠╦╝╠═╣║ ║ ║║ ║║║║╚═╗
|
||||
// ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝
|
||||
methods: {
|
||||
//…
|
||||
clickOpenChatWidget: function() {
|
||||
if(window.HubSpotConversations && window.HubSpotConversations.widget){
|
||||
window.HubSpotConversations.widget.open();
|
||||
}
|
||||
},
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -204,6 +204,11 @@ parasails.registerPage('basic-documentation', {
|
|||
// ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝
|
||||
methods: {
|
||||
|
||||
clickOpenChatWidget: function() {
|
||||
if(window.HubSpotConversations && window.HubSpotConversations.widget){
|
||||
window.HubSpotConversations.widget.open();
|
||||
}
|
||||
},
|
||||
clickCTA: function (slug) {
|
||||
window.location = slug;
|
||||
},
|
||||
|
|
|
|||
6
website/assets/js/pages/get-started.page.js
vendored
6
website/assets/js/pages/get-started.page.js
vendored
|
|
@ -25,6 +25,10 @@ parasails.registerPage('get-started', {
|
|||
// ║║║║ ║ ║╣ ╠╦╝╠═╣║ ║ ║║ ║║║║╚═╗
|
||||
// ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝
|
||||
methods: {
|
||||
//…
|
||||
clickOpenChatWidget: function() {
|
||||
if(window.HubSpotConversations && window.HubSpotConversations.widget){
|
||||
window.HubSpotConversations.widget.open();
|
||||
}
|
||||
},
|
||||
}
|
||||
});
|
||||
|
|
|
|||
14
website/assets/js/pages/homepage.page.js
vendored
14
website/assets/js/pages/homepage.page.js
vendored
|
|
@ -77,16 +77,10 @@ parasails.registerPage('homepage', {
|
|||
tweetsDiv.scrollBy(amountToScroll, 0);
|
||||
},
|
||||
|
||||
clickChatButton: function() {
|
||||
// Temporary hack to open the chat
|
||||
// (there's currently no official API for doing this outside of React)
|
||||
//
|
||||
// > Alex: hey mike! if you're just trying to open the chat on load, we actually have a `defaultIsOpen` field
|
||||
// > you can set to `true` :) i haven't added the `Papercups.open` function to the global `Papercups` object yet,
|
||||
// > but this is basically what the functions look like if you want to try and just invoke them yourself:
|
||||
// > https://github.com/papercups-io/chat-widget/blob/master/src/index.tsx#L4-L6
|
||||
// > ~Dec 31, 2020
|
||||
window.dispatchEvent(new Event('papercups:open'));
|
||||
clickOpenChatWidget: function() {
|
||||
if(window.HubSpotConversations && window.HubSpotConversations.widget){
|
||||
window.HubSpotConversations.widget.open();
|
||||
}
|
||||
},
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -20,6 +20,10 @@ parasails.registerPage('unused-software', {
|
|||
// ║║║║ ║ ║╣ ╠╦╝╠═╣║ ║ ║║ ║║║║╚═╗
|
||||
// ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝
|
||||
methods: {
|
||||
//…
|
||||
clickOpenChatWidget: function() {
|
||||
if(window.HubSpotConversations && window.HubSpotConversations.widget){
|
||||
window.HubSpotConversations.widget.open();
|
||||
}
|
||||
},
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -20,6 +20,10 @@ parasails.registerPage('osquery-management', {
|
|||
// ║║║║ ║ ║╣ ╠╦╝╠═╣║ ║ ║║ ║║║║╚═╗
|
||||
// ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝
|
||||
methods: {
|
||||
//…
|
||||
clickOpenChatWidget: function() {
|
||||
if(window.HubSpotConversations && window.HubSpotConversations.widget){
|
||||
window.HubSpotConversations.widget.open();
|
||||
}
|
||||
},
|
||||
}
|
||||
});
|
||||
|
|
|
|||
14
website/assets/js/pages/pricing.page.js
vendored
14
website/assets/js/pages/pricing.page.js
vendored
|
|
@ -24,16 +24,10 @@ parasails.registerPage('pricing', {
|
|||
// ║║║║ ║ ║╣ ╠╦╝╠═╣║ ║ ║║ ║║║║╚═╗
|
||||
// ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝
|
||||
methods: {
|
||||
clickChatButton: function() {
|
||||
// Temporary hack to open the chat
|
||||
// (there's currently no official API for doing this outside of React)
|
||||
//
|
||||
// > Alex: hey mike! if you're just trying to open the chat on load, we actually have a `defaultIsOpen` field
|
||||
// > you can set to `true` :) i haven't added the `Papercups.open` function to the global `Papercups` object yet,
|
||||
// > but this is basically what the functions look like if you want to try and just invoke them yourself:
|
||||
// > https://github.com/papercups-io/chat-widget/blob/master/src/index.tsx#L4-L6
|
||||
// > ~Dec 31, 2020
|
||||
window.dispatchEvent(new Event('papercups:open'));
|
||||
clickOpenChatWidget: function() {
|
||||
if(window.HubSpotConversations && window.HubSpotConversations.widget){
|
||||
window.HubSpotConversations.widget.open();
|
||||
}
|
||||
},
|
||||
updateEstimatedTotal: function() {
|
||||
let total =
|
||||
|
|
|
|||
|
|
@ -348,6 +348,12 @@ parasails.registerPage('state-of-device-management', {
|
|||
// ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝
|
||||
methods: {
|
||||
|
||||
clickOpenChatWidget: function() {
|
||||
if(window.HubSpotConversations && window.HubSpotConversations.widget){
|
||||
window.HubSpotConversations.widget.open();
|
||||
}
|
||||
},
|
||||
|
||||
scrollSideNavigationWithHeader: function () {
|
||||
var navBar = document.querySelector('div[purpose="report-sidebar"]');
|
||||
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
|
||||
|
|
|
|||
|
|
@ -20,6 +20,10 @@ parasails.registerPage('sales-one-pager', {
|
|||
// ║║║║ ║ ║╣ ╠╦╝╠═╣║ ║ ║║ ║║║║╚═╗
|
||||
// ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝
|
||||
methods: {
|
||||
//…
|
||||
clickOpenChatWidget: function() {
|
||||
if(window.HubSpotConversations && window.HubSpotConversations.widget){
|
||||
window.HubSpotConversations.widget.open();
|
||||
}
|
||||
},
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -471,7 +471,9 @@
|
|||
padding: 20px 16px;
|
||||
color: @core-fleet-black;
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
a {
|
||||
|
||||
text-decoration: none;
|
||||
color: @core-fleet-black;
|
||||
&:hover {
|
||||
|
|
|
|||
|
|
@ -20,6 +20,10 @@ parasails.registerPage('<%= stem %>', {
|
|||
// ║║║║ ║ ║╣ ╠╦╝╠═╣║ ║ ║║ ║║║║╚═╗
|
||||
// ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝
|
||||
methods: {
|
||||
//…
|
||||
clickOpenChatWidget: function() {
|
||||
if(window.HubSpotConversations && window.HubSpotConversations.widget){
|
||||
window.HubSpotConversations.widget.open();
|
||||
}
|
||||
},
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<p>Vitae architecto reiciendis in temporibus consequatur doloremque reprehenderit perferendis? Eaque quod voluptates earum corporis, quo labore reprehenderit libero sint.</p>
|
||||
<div purpose="button-row" class="d-flex flex-sm-row flex-column justify-content-center align-items-center">
|
||||
<a purpose="cta-button" href="/try-fleet/register?tryitnow">Try Fleet today</a>
|
||||
<a href="https://calendly.com/fleetdm/demo?utm_source=<%= stem %>+demo" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
<a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -64,7 +64,7 @@
|
|||
|
||||
<div purpose="button-row" style="margin-top: 60px;" class="d-flex flex-sm-row flex-column justify-content-center align-items-center mx-auto">
|
||||
<a purpose="cta-button" href="/try-fleet/register?tryitnow">Try Fleet today</a>
|
||||
<a href="https://calendly.com/fleetdm/demo?utm_source=<%= stem %>+demo" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
<a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -86,7 +86,7 @@
|
|||
<h1>Think for yourself</h1>
|
||||
<div purpose="button-row" style="margin-top: 60px;" class="d-flex flex-sm-row flex-column justify-content-center align-items-center mx-auto">
|
||||
<a purpose="cta-button" href="/try-fleet/register?tryitnow">Try it out</a>
|
||||
<a href="https://calendly.com/fleetdm/demo?utm_source=compliance+demo" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
<a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
8
website/views/layouts/layout-customer.ejs
vendored
8
website/views/layouts/layout-customer.ejs
vendored
|
|
@ -170,9 +170,6 @@
|
|||
*/ %>
|
||||
<% /* Cookie consent banner */ %>
|
||||
<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/71bcdd51b166ceeb18bd0d28/script.js"></script>
|
||||
<% /* Chat (Papercups) */ %>
|
||||
<script>window.Papercups = { config: { accountId: '5b59eeac-1578-4fdb-b946-e17c1dca0c51', primaryColor:'#6A67FE', requireEmailUpfront: true } };</script>
|
||||
<script type="text/javascript" async defer src="https://app.papercups.io/widget.js"></script>
|
||||
|
||||
<%/* Stripe.js */%>
|
||||
<script src="https://js.stripe.com/v3/"></script>
|
||||
|
|
@ -249,7 +246,6 @@
|
|||
<script src="/js/pages/entrance/login.page.js"></script>
|
||||
<script src="/js/pages/entrance/new-password.page.js"></script>
|
||||
<script src="/js/pages/entrance/signup.page.js"></script>
|
||||
<script src="/js/pages/experimental/okta-webflow.page.js"></script>
|
||||
<script src="/js/pages/faq.page.js"></script>
|
||||
<script src="/js/pages/fleet-mdm.page.js"></script>
|
||||
<script src="/js/pages/get-started.page.js"></script>
|
||||
|
|
@ -294,13 +290,13 @@
|
|||
// - https://github.com/lancedikson/bowser/tree/1fb99ced0e8834fd9662604bad7e0f0c3eba2786#rendering-engine-flags
|
||||
// --------------------------------------------------------------------
|
||||
var LATEST_SUPPORTED_VERSION_BY_OS = {
|
||||
iOS: '10',//« earliest version to eliminate rare bug where `window.location` doesn't exist momentarily after doing a server-side redirect
|
||||
iOS: '11',//« earliest version to eliminate rare bug where `window.location` doesn't exist momentarily after doing a server-side redirect
|
||||
Android: '6'
|
||||
};
|
||||
var LATEST_SUPPORTED_VERSION_BY_USER_AGENT = {
|
||||
msedge: '16',
|
||||
// msie: '11',
|
||||
safari: '10',//« earliest version to eliminate rare bug where `window.location` doesn't exist momentarily after doing a server-side redirect
|
||||
safari: '11',//« earliest version to eliminate rare bug where `window.location` doesn't exist momentarily after doing a server-side redirect
|
||||
firefox: '54',//« earliest version to support both ES6 (for Vue.js) and unprefixed flexbox (for Bootstrap 4)
|
||||
chrome: '51',//« earliest version to support both ES6 (for Vue.js) and unprefixed flexbox (for Bootstrap 4)
|
||||
opera: '38',//« earliest version to support both ES6 (for Vue.js) and unprefixed flexbox (for Bootstrap 4)
|
||||
|
|
|
|||
9
website/views/layouts/layout-landing.ejs
vendored
9
website/views/layouts/layout-landing.ejs
vendored
|
|
@ -139,7 +139,6 @@
|
|||
<img alt="Fleet logo" src="/images/logo-blue-118x41@2x.png"/>
|
||||
</a>
|
||||
<div purpose="header-nav" class="d-sm-flex d-none flex-row align-items-center">
|
||||
<a style="padding: 4px 16px; line-height: 24px; color: #000; font-weight: 700; text-decoration: none;" target="_blank" href="https://calendly.com/fleetdm/demo?utm_source=landing+demo+topnav">Talk to an expert</a>
|
||||
<a purpose="glass-header-btn" style="padding: 4px 16px; line-height: 24px; color: #FFFFFF" class="btn btn-sm btn-primary d-flex" href="/try-fleet/register?tryitnow" >Try it out</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -171,9 +170,6 @@
|
|||
*/ %>
|
||||
<% /* Cookie consent banner */ %>
|
||||
<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/71bcdd51b166ceeb18bd0d28/script.js"></script>
|
||||
<% /* Chat (Papercups) */ %>
|
||||
<script>window.Papercups = { config: { accountId: '5b59eeac-1578-4fdb-b946-e17c1dca0c51', primaryColor:'#6A67FE', requireEmailUpfront: true } };</script>
|
||||
<script type="text/javascript" async defer src="https://app.papercups.io/widget.js"></script>
|
||||
|
||||
<%/* Stripe.js */%>
|
||||
<script src="https://js.stripe.com/v3/"></script>
|
||||
|
|
@ -250,7 +246,6 @@
|
|||
<script src="/js/pages/entrance/login.page.js"></script>
|
||||
<script src="/js/pages/entrance/new-password.page.js"></script>
|
||||
<script src="/js/pages/entrance/signup.page.js"></script>
|
||||
<script src="/js/pages/experimental/okta-webflow.page.js"></script>
|
||||
<script src="/js/pages/faq.page.js"></script>
|
||||
<script src="/js/pages/fleet-mdm.page.js"></script>
|
||||
<script src="/js/pages/get-started.page.js"></script>
|
||||
|
|
@ -295,13 +290,13 @@
|
|||
// - https://github.com/lancedikson/bowser/tree/1fb99ced0e8834fd9662604bad7e0f0c3eba2786#rendering-engine-flags
|
||||
// --------------------------------------------------------------------
|
||||
var LATEST_SUPPORTED_VERSION_BY_OS = {
|
||||
iOS: '10',//« earliest version to eliminate rare bug where `window.location` doesn't exist momentarily after doing a server-side redirect
|
||||
iOS: '11',//« earliest version to eliminate rare bug where `window.location` doesn't exist momentarily after doing a server-side redirect
|
||||
Android: '6'
|
||||
};
|
||||
var LATEST_SUPPORTED_VERSION_BY_USER_AGENT = {
|
||||
msedge: '16',
|
||||
// msie: '11',
|
||||
safari: '10',//« earliest version to eliminate rare bug where `window.location` doesn't exist momentarily after doing a server-side redirect
|
||||
safari: '11',//« earliest version to eliminate rare bug where `window.location` doesn't exist momentarily after doing a server-side redirect
|
||||
firefox: '54',//« earliest version to support both ES6 (for Vue.js) and unprefixed flexbox (for Bootstrap 4)
|
||||
chrome: '51',//« earliest version to support both ES6 (for Vue.js) and unprefixed flexbox (for Bootstrap 4)
|
||||
opera: '38',//« earliest version to support both ES6 (for Vue.js) and unprefixed flexbox (for Bootstrap 4)
|
||||
|
|
|
|||
11
website/views/layouts/layout-sandbox.ejs
vendored
11
website/views/layouts/layout-sandbox.ejs
vendored
|
|
@ -297,11 +297,7 @@
|
|||
*/ %>
|
||||
<% /* Cookie consent banner */ %>
|
||||
<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/71bcdd51b166ceeb18bd0d28/script.js"></script>
|
||||
<% /* Chat (Papercups) */ %>
|
||||
<%if(!optimizeForAppleWebview){%>
|
||||
<script>window.Papercups = { config: { accountId: '5b59eeac-1578-4fdb-b946-e17c1dca0c51', primaryColor:'#6A67FE', requireEmailUpfront: true } };</script>
|
||||
<script type="text/javascript" async defer src="https://app.papercups.io/widget.js"></script>
|
||||
<%}%>
|
||||
|
||||
<%/* Stripe.js */%>
|
||||
<script src="https://js.stripe.com/v3/"></script>
|
||||
|
||||
|
|
@ -377,7 +373,6 @@
|
|||
<script src="/js/pages/entrance/login.page.js"></script>
|
||||
<script src="/js/pages/entrance/new-password.page.js"></script>
|
||||
<script src="/js/pages/entrance/signup.page.js"></script>
|
||||
<script src="/js/pages/experimental/okta-webflow.page.js"></script>
|
||||
<script src="/js/pages/faq.page.js"></script>
|
||||
<script src="/js/pages/fleet-mdm.page.js"></script>
|
||||
<script src="/js/pages/get-started.page.js"></script>
|
||||
|
|
@ -422,13 +417,13 @@
|
|||
// - https://github.com/lancedikson/bowser/tree/1fb99ced0e8834fd9662604bad7e0f0c3eba2786#rendering-engine-flags
|
||||
// --------------------------------------------------------------------
|
||||
var LATEST_SUPPORTED_VERSION_BY_OS = {
|
||||
iOS: '10',//« earliest version to eliminate rare bug where `window.location` doesn't exist momentarily after doing a server-side redirect
|
||||
iOS: '11',//« earliest version to eliminate rare bug where `window.location` doesn't exist momentarily after doing a server-side redirect
|
||||
Android: '6'
|
||||
};
|
||||
var LATEST_SUPPORTED_VERSION_BY_USER_AGENT = {
|
||||
msedge: '16',
|
||||
// msie: '11',
|
||||
safari: '10',//« earliest version to eliminate rare bug where `window.location` doesn't exist momentarily after doing a server-side redirect
|
||||
safari: '11',//« earliest version to eliminate rare bug where `window.location` doesn't exist momentarily after doing a server-side redirect
|
||||
firefox: '54',//« earliest version to support both ES6 (for Vue.js) and unprefixed flexbox (for Bootstrap 4)
|
||||
chrome: '51',//« earliest version to support both ES6 (for Vue.js) and unprefixed flexbox (for Bootstrap 4)
|
||||
opera: '38',//« earliest version to support both ES6 (for Vue.js) and unprefixed flexbox (for Bootstrap 4)
|
||||
|
|
|
|||
8
website/views/layouts/layout.ejs
vendored
8
website/views/layouts/layout.ejs
vendored
|
|
@ -353,9 +353,6 @@
|
|||
*/ %>
|
||||
<% /* Cookie consent banner */ %>
|
||||
<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/71bcdd51b166ceeb18bd0d28/script.js"></script>
|
||||
<% /* Chat (Papercups) */ %>
|
||||
<script>window.Papercups = { config: { accountId: '5b59eeac-1578-4fdb-b946-e17c1dca0c51', primaryColor:'#6A67FE', requireEmailUpfront: true } };</script>
|
||||
<script type="text/javascript" async defer src="https://app.papercups.io/widget.js"></script>
|
||||
|
||||
<%/* Stripe.js */%>
|
||||
<script src="https://js.stripe.com/v3/"></script>
|
||||
|
|
@ -449,7 +446,6 @@
|
|||
<script src="/js/pages/entrance/login.page.js"></script>
|
||||
<script src="/js/pages/entrance/new-password.page.js"></script>
|
||||
<script src="/js/pages/entrance/signup.page.js"></script>
|
||||
<script src="/js/pages/experimental/okta-webflow.page.js"></script>
|
||||
<script src="/js/pages/faq.page.js"></script>
|
||||
<script src="/js/pages/fleet-mdm.page.js"></script>
|
||||
<script src="/js/pages/get-started.page.js"></script>
|
||||
|
|
@ -494,13 +490,13 @@
|
|||
// - https://github.com/lancedikson/bowser/tree/1fb99ced0e8834fd9662604bad7e0f0c3eba2786#rendering-engine-flags
|
||||
// --------------------------------------------------------------------
|
||||
var LATEST_SUPPORTED_VERSION_BY_OS = {
|
||||
iOS: '10',//« earliest version to eliminate rare bug where `window.location` doesn't exist momentarily after doing a server-side redirect
|
||||
iOS: '11',//« earliest version to eliminate rare bug where `window.location` doesn't exist momentarily after doing a server-side redirect
|
||||
Android: '6'
|
||||
};
|
||||
var LATEST_SUPPORTED_VERSION_BY_USER_AGENT = {
|
||||
msedge: '17',
|
||||
// msie: '11',
|
||||
safari: '10',//« earliest version to eliminate rare bug where `window.location` doesn't exist momentarily after doing a server-side redirect
|
||||
safari: '11',//« earliest version to eliminate rare bug where `window.location` doesn't exist momentarily after doing a server-side redirect
|
||||
firefox: '54',//« earliest version to support both ES6 (for Vue.js) and unprefixed flexbox (for Bootstrap 4)
|
||||
chrome: '55',//« earliest version to support both ES6 (for Vue.js), unprefixed flexbox (for Bootstrap 4), and async functions
|
||||
opera: '42',//« earliest version to support both ES6 (for Vue.js), unprefixed flexbox (for Bootstrap 4), and async functions
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@
|
|||
<img class="pr-3" alt="Slack logo" src="/images/logo-slack-24x24@2x.png"/>
|
||||
Join <span purpose="large-button-text"> the </span> Fleet <span purpose="large-button-text"> community </span>on Slack
|
||||
</a>
|
||||
<a href="https://calendly.com/fleetdm/demo?utm_source=article+demo+top" target="_blank" class="d-flex flex-fill btn btn-md btn-outline-secondary justify-content-center align-items-center mt-3 mt-md-0 mr-0" purpose="next-steps-button">
|
||||
<a @click="clickOpenChatWidget()" class="d-flex flex-fill btn btn-md btn-outline-secondary justify-content-center align-items-center mt-3 mt-md-0 mr-0" purpose="next-steps-button">
|
||||
Talk to an expert
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
6
website/views/pages/compliance.ejs
vendored
6
website/views/pages/compliance.ejs
vendored
|
|
@ -9,7 +9,7 @@
|
|||
<p>Automate security workflows in a single application by creating or installing policies to identify which devices comply with your security guidelines.</p>
|
||||
<div purpose="button-row" class="d-flex flex-sm-row flex-column justify-content-center align-items-center">
|
||||
<a purpose="cta-button" href="/try-fleet/register?tryitnow">Try Fleet today</a>
|
||||
<a href="https://calendly.com/fleetdm/demo?utm_source=compliance+demo" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
<a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
|
||||
<div purpose="button-row" style="margin-top: 60px;" class="d-flex flex-sm-row flex-column justify-content-center align-items-center mx-auto">
|
||||
<a purpose="cta-button" href="/try-fleet/register?tryitnow">Try Fleet today</a>
|
||||
<a href="https://calendly.com/fleetdm/demo?utm_source=compliance+demo" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
<a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -87,7 +87,7 @@
|
|||
<h1>Think for yourself</h1>
|
||||
<div purpose="button-row" style="margin-top: 60px;" class="d-flex flex-sm-row flex-column justify-content-center align-items-center mx-auto">
|
||||
<a purpose="cta-button" href="/try-fleet/register?tryitnow">Try it out</a>
|
||||
<a href="https://calendly.com/fleetdm/demo?utm_source=compliance+demo" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
<a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -167,7 +167,7 @@
|
|||
<a href="/support" class="btn btn-block btn-sm btn-primary">Support</a>
|
||||
<div purpose="right-sidebar-buttons">
|
||||
<div class="d-none d-lg-block" purpose="demo-cta">
|
||||
<a class="d-flex align-items-center justify-content-center" href="https://calendly.com/fleetdm/demo?utm_source=docs+demo" target="_blank">
|
||||
<a class="d-flex align-items-center justify-content-center" @click="clickOpenChatWidget()">
|
||||
<div class="d-flex flex-column align-items-center">
|
||||
<img style="height: auto; width: 47px; margin-bottom: 8px;" alt="Target and configure specific devices" src="/images/docs-cta-icon-47x38@2x.png">
|
||||
<p class="mb-2 text-center">Target and configure specific devices</p>
|
||||
|
|
|
|||
2
website/views/pages/get-started.ejs
vendored
2
website/views/pages/get-started.ejs
vendored
|
|
@ -64,7 +64,7 @@
|
|||
<img style="height: 24px;" class="pr-3 d-inline" alt="Slack logo" src="/images/logo-slack-24x24@2x.png" />
|
||||
Ask for help on Slack
|
||||
</a>
|
||||
<a href="https://calendly.com/fleetdm/demo?utm_source=get+started+demo" target="_blank"
|
||||
<a @click="clickOpenChatWidget()"
|
||||
class="d-flex flex-fill btn btn-md btn-outline-secondary justify-content-center align-items-center mt-3 mt-md-0 mr-0">
|
||||
Talk to an expert
|
||||
</a>
|
||||
|
|
|
|||
6
website/views/pages/homepage.ejs
vendored
6
website/views/pages/homepage.ejs
vendored
|
|
@ -10,7 +10,7 @@
|
|||
<p>Introducing the first GitOps-driven MDM with real-time visibility into every platform.</p>
|
||||
<div purpose="button-row" class="d-flex flex-sm-row flex-column justify-content-center align-self-start align-items-center">
|
||||
<a purpose="cta-button" href="/try-fleet/register?tryitnow">Try it out</a>
|
||||
<a href="https://calendly.com/fleetdm/demo?utm_source=homepage+demo+top" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
<a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
</div>
|
||||
<div purpose="hero-quote" class="d-flex flex-row align-items-between justify-content-center justify-content-md-start">
|
||||
<div><img alt="An opening quotation mark" src="/images/homepage-hero-quote-mark-22x17@2x.png"></div>
|
||||
|
|
@ -95,7 +95,7 @@
|
|||
<%/* Call to action */%>
|
||||
<div purpose="button-row" style="margin-top: 60px;" class="d-flex flex-sm-row flex-column justify-content-center align-items-center mx-auto">
|
||||
<a purpose="cta-button" href="/try-fleet/register?tryitnow">Try it out</a>
|
||||
<a href="https://calendly.com/fleetdm/demo?utm_source=homepage+demo+middle" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
<a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -218,7 +218,7 @@
|
|||
<h1>Think for yourself</h1>
|
||||
<div purpose="button-row" style="margin-top: 60px;" class="d-flex flex-sm-row flex-column justify-content-center align-items-center mx-auto">
|
||||
<a purpose="cta-button" href="/try-fleet/register?tryitnow">Try it out</a>
|
||||
<a href="https://calendly.com/fleetdm/demo?utm_source=homepage+demo+bottom" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
<a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<p>Automate security workflows in a single application by creating or installing policies to identify which devices comply with your security guidelines.</p>
|
||||
<div purpose="button-row" class="d-flex flex-sm-row flex-column justify-content-center align-items-center">
|
||||
<a purpose="cta-button" href="/try-fleet/register?imagine+land">Try Fleet today</a>
|
||||
<a href="https://calendly.com/fleetdm/demo?utm_source=imagine+land" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
<a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
|
||||
<div purpose="button-row" style="margin-top: 60px;" class="d-flex flex-sm-row flex-column justify-content-center align-items-center mx-auto">
|
||||
<a purpose="cta-button" href="/try-fleet/register?imagine+land">Try Fleet today</a>
|
||||
<a href="https://calendly.com/fleetdm/demo?utm_source=imagine+land" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
<a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
6
website/views/pages/osquery-management.ejs
vendored
6
website/views/pages/osquery-management.ejs
vendored
|
|
@ -9,7 +9,7 @@
|
|||
<p>Use Fleet to harness the power of osquery to investigate all your computers and servers in real time.</p>
|
||||
<div purpose="button-row" class="d-flex flex-sm-row flex-column justify-content-center align-items-center">
|
||||
<a purpose="cta-button" href="/try-fleet/register?tryitnow">Try Fleet today</a>
|
||||
<a href="https://calendly.com/fleetdm/demo?utm_source=osquery-management+demo" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
<a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -63,7 +63,7 @@
|
|||
|
||||
<div purpose="button-row" style="margin-top: 60px;" class="d-flex flex-sm-row flex-column justify-content-center align-items-center mx-auto">
|
||||
<a purpose="cta-button" href="/try-fleet/register?tryitnow">Try Fleet today</a>
|
||||
<a href="https://calendly.com/fleetdm/demo?utm_source=osquery-management+demo" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
<a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -85,7 +85,7 @@
|
|||
<h1>Think for yourself</h1>
|
||||
<div purpose="button-row" style="margin-top: 60px;" class="d-flex flex-sm-row flex-column justify-content-center align-items-center mx-auto">
|
||||
<a purpose="cta-button" href="/try-fleet/register?tryitnow">Try it out</a>
|
||||
<a href="https://calendly.com/fleetdm/demo?utm_source=compliance+demo" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
<a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
10
website/views/pages/pricing.ejs
vendored
10
website/views/pages/pricing.ejs
vendored
|
|
@ -52,7 +52,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="justify-self-end mt-auto">
|
||||
<a purpose="card-button" class="btn btn-block btn-lg btn-primary mx-auto" href="https://calendly.com/fleetdm/demo?utm_source=pricing+demo+top+premium">Talk to sales</a>
|
||||
<a purpose="card-button" class="btn btn-block btn-lg btn-primary mx-auto" @click="clickOpenChatWidget()">Talk to sales</a>
|
||||
</div>
|
||||
</div>
|
||||
<%// Fleet Ultimate %>
|
||||
|
|
@ -107,7 +107,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="justify-self-end">
|
||||
<a purpose="card-button" class="btn btn-block btn-lg btn-primary mx-auto" href="https://calendly.com/fleetdm/demo?utm_source=pricing+demo+top+ultimate">Talk to sales</a>
|
||||
<a purpose="card-button" class="btn btn-block btn-lg btn-primary mx-auto" @click="clickOpenChatWidget()">Talk to sales</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -183,14 +183,14 @@
|
|||
<td v-else></td>
|
||||
<td v-if="index === 0">
|
||||
<strong>Premium</strong>
|
||||
<a purpose="table-button" class="btn btn-info d-none d-sm-inline-block" href="https://calendly.com/fleetdm/demo?utm_source=pricing+demo+table+premium">
|
||||
<a purpose="table-button" class="btn btn-info d-none d-sm-inline-block" @click="clickOpenChatWidget()">
|
||||
Talk to sales
|
||||
</a>
|
||||
</td>
|
||||
<td v-else></td>
|
||||
<td v-if="index === 0">
|
||||
<strong>Ultimate</strong>
|
||||
<a purpose="table-button" class="btn btn-info d-none d-sm-inline-block" href="https://calendly.com/fleetdm/demo?utm_source=pricing+demo+table+ultimate">
|
||||
<a purpose="table-button" class="btn btn-info d-none d-sm-inline-block" @click="clickOpenChatWidget()">
|
||||
Talk to sales
|
||||
</a>
|
||||
</td>
|
||||
|
|
@ -341,7 +341,7 @@
|
|||
<a purpose="chat-button" style="max-width: 250px" class="mx-auto justify-self-center btn btn-block btn-md btn-primary my-3 mx-sm-2" @click="clickChatButton()">
|
||||
Ask us anything
|
||||
</a>
|
||||
<a style="max-width: 250px" class="btn btn-block btn-lg btn-white my-3 mx-sm-2 mx-auto" purpose="animated-arrow-button" target="_blank" href="https://calendly.com/fleetdm/demo?utm_source=pricing+demo+bottom">
|
||||
<a style="max-width: 250px" class="btn btn-block btn-lg btn-white my-3 mx-sm-2 mx-auto" purpose="animated-arrow-button" @click="clickOpenChatWidget()">
|
||||
Talk to an expert
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -332,7 +332,7 @@
|
|||
</div>
|
||||
<div purpose="cta-btns" class="mx-auto d-flex flex-sm-row flex-column justify-content-center">
|
||||
<a purpose="get-started-btn" class="d-sm-flex align-items-center justify-content-center btn btn-primary mx-auto mr-sm-4 ml-sm-0" href="/try-fleet/register?tryitnow&utm_content=try">Get started</a>
|
||||
<a purpose="animated-arrow-btn-red" style="max-width: 220px;" class="btn btn-lg btn-white mr-2 pl-0 mx-auto mx-sm-0 mt-2 mt-sm-0" target="_blank" href="https://calendly.com/fleetdm/demo/?utm_source=report&utm_medium=web&utm_campaign=sodm&utm_content=try">Talk to an expert
|
||||
<a purpose="animated-arrow-btn-red" style="max-width: 220px;" class="btn btn-lg btn-white mr-2 pl-0 mx-auto mx-sm-0 mt-2 mt-sm-0" @click="clickOpenChatWidget()">Talk to an expert
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -544,7 +544,7 @@
|
|||
</div>
|
||||
<div purpose="cta-btns" class="mx-auto d-flex flex-sm-row flex-column justify-content-center">
|
||||
<a purpose="get-started-btn" class="d-sm-flex align-items-center justify-content-center btn btn-primary mx-auto mr-sm-4 ml-sm-0" href="/try-fleet/register?tryitnow&utm_content=secure">Try Fleet</a>
|
||||
<a purpose="animated-arrow-btn-red" style="max-width: 220px;" class="btn btn-lg mr-2 pl-0 mx-auto mx-sm-0 mt-2 mt-sm-0" target="_blank" href="https://calendly.com/fleetdm/demo/?utm_source=report&utm_medium=web&utm_campaign=sodm&utm_content=secure">Talk to an expert
|
||||
<a purpose="animated-arrow-btn-red" style="max-width: 220px;" class="btn btn-lg mr-2 pl-0 mx-auto mx-sm-0 mt-2 mt-sm-0" @click="clickOpenChatWidget()">Talk to an expert
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
6
website/views/pages/sales-one-pager.ejs
vendored
6
website/views/pages/sales-one-pager.ejs
vendored
|
|
@ -8,7 +8,7 @@
|
|||
<h4>Any operating system, deployed anywhere.</h4>
|
||||
<div purpose="cta-buttons" style="max-width: 500px;" class="flex-row row mx-md-0 mx-4 pt-2">
|
||||
<a href="/try-fleet/register?tryitnow" class="btn btn-primary col-md-6 col-12">Try it out</a>
|
||||
<a purpose="demo-btn" style="color: #F9FAFC; max-width: 220px;" href="https://calendly.com/fleetdm/demo?utm_source=overview+demo+top" target="_blank" class="btn col-md-6 col-12 mx-auto">Talk to an expert</a>
|
||||
<a purpose="demo-btn" style="color: #F9FAFC; max-width: 220px;" @click="clickOpenChatWidget()" class="btn col-md-6 col-12 mx-auto">Talk to an expert</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-none d-lg-block px-0 px-sm-auto" purpose="banner-hero">
|
||||
|
|
@ -116,7 +116,7 @@
|
|||
<div class="container pt-0" purpose="content">
|
||||
<div purpose="button-row" style="padding-bottom: 80px; max-width: 500px;" class="d-flex flex-sm-row flex-column justify-content-center align-items-center mx-auto">
|
||||
<a purpose="cta-button" href="/try-fleet/register?tryitnow">Try Fleet today</a>
|
||||
<a href="https://calendly.com/fleetdm/demo?utm_source=overview+demo+mid" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
<a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -180,7 +180,7 @@
|
|||
</div>
|
||||
<div purpose="cta-buttons" class="mx-auto d-flex flex-sm-row flex-column justify-content-center">
|
||||
<a style="max-width: 220px;" class="text-white mr-sm-4 ml-sm-0 d-sm-flex align-items-center justify-content-center btn btn-block btn-primary mx-auto" href="/try-fleet/register?tryitnow">Get started</a>
|
||||
<a purpose="demo-btn" style="max-width: 220px;" class="btn btn-lg text-white btn-white mr-2 pl-0 mx-auto mx-sm-0 mt-2 mt-sm-0" target="_blank" href="https://calendly.com/fleetdm/demo?utm_source=overview+demo+bottom">Talk to an expert</a>
|
||||
<a purpose="demo-btn" style="max-width: 220px;" class="btn btn-lg text-white btn-white mr-2 pl-0 mx-auto mx-sm-0 mt-2 mt-sm-0" @click="clickOpenChatWidget()">Talk to an expert</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
2
website/views/pages/try-fleet/register.ejs
vendored
2
website/views/pages/try-fleet/register.ejs
vendored
|
|
@ -9,7 +9,7 @@
|
|||
The fastest way to test Fleet. Get up and running in minutes. Ready for production deployments? <a href="https://fleetdm.com/docs/deploying">Learn how to deploy Fleet</a>.
|
||||
</p>
|
||||
<div purpose="sandbox-mdm-note" class="d-flex flex-column">
|
||||
<p class="mb-0">Interested in testing Fleet’s MDM capabilities? <a target="_blank" href="https://calendly.com/fleetdm/demo?utm_source=sandbox+registration">Meet with us to learn more</a></p>
|
||||
<p class="mb-0">Interested in testing Fleet’s MDM capabilities? <a target="_blank" href="https://fleetdm.com/docs/using-fleet/mdm-setup">Deploy your own Fleet</a></p>
|
||||
</div>
|
||||
<div class="pt-3">
|
||||
<ajax-form :handle-submitting="handleSubmittingRegisterForm" class="sandbox-register" :syncing.sync="syncing" :cloud-error.sync="cloudError" :form-errors.sync="formErrors" :form-data="formData" :form-rules="formRules" @submitted="submittedRegisterForm()">
|
||||
|
|
|
|||
Loading…
Reference in a new issue