diff --git a/website/api/controllers/imagine/view-higher-education.js b/website/api/controllers/imagine/view-higher-education.js new file mode 100644 index 0000000000..928da04f56 --- /dev/null +++ b/website/api/controllers/imagine/view-higher-education.js @@ -0,0 +1,27 @@ +module.exports = { + + + friendlyName: 'View higher education', + + + description: 'Display "Higher education" page.', + + + exits: { + + success: { + viewTemplatePath: 'pages/imagine/higher-education' + } + + }, + + + fn: async function () { + + // Respond with view. + return {}; + + } + + +}; diff --git a/website/assets/js/pages/imagine/higher-education.page.js b/website/assets/js/pages/imagine/higher-education.page.js new file mode 100644 index 0000000000..38f5cc199a --- /dev/null +++ b/website/assets/js/pages/imagine/higher-education.page.js @@ -0,0 +1,29 @@ +parasails.registerPage('higher-education', { + // ╦╔╗╔╦╔╦╗╦╔═╗╦ ╔═╗╔╦╗╔═╗╔╦╗╔═╗ + // ║║║║║ ║ ║╠═╣║ ╚═╗ ║ ╠═╣ ║ ║╣ + // ╩╝╚╝╩ ╩ ╩╩ ╩╩═╝ ╚═╝ ╩ ╩ ╩ ╩ ╚═╝ + data: { + //… + }, + + // ╦ ╦╔═╗╔═╗╔═╗╦ ╦╔═╗╦ ╔═╗ + // ║ ║╠╣ ║╣ ║ ╚╦╝║ ║ ║╣ + // ╩═╝╩╚ ╚═╝╚═╝ ╩ ╚═╝╩═╝╚═╝ + beforeMount: function() { + //… + }, + mounted: async function() { + //… + }, + + // ╦╔╗╔╔╦╗╔═╗╦═╗╔═╗╔═╗╔╦╗╦╔═╗╔╗╔╔═╗ + // ║║║║ ║ ║╣ ╠╦╝╠═╣║ ║ ║║ ║║║║╚═╗ + // ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝ + methods: { + clickOpenChatWidget: function() { + if(window.HubSpotConversations && window.HubSpotConversations.widget){ + window.HubSpotConversations.widget.open(); + } + }, + } +}); diff --git a/website/assets/styles/importer.less b/website/assets/styles/importer.less index c50f3f88bd..fc5884ff90 100644 --- a/website/assets/styles/importer.less +++ b/website/assets/styles/importer.less @@ -78,3 +78,4 @@ // Imagine = landing pages for Marketing @import 'pages/imagine/launch-party.less'; @import 'pages/imagine/unused-software.less'; +@import 'pages/imagine/higher-education.less'; diff --git a/website/assets/styles/pages/imagine/higher-education.less b/website/assets/styles/pages/imagine/higher-education.less new file mode 100644 index 0000000000..10a3038cc4 --- /dev/null +++ b/website/assets/styles/pages/imagine/higher-education.less @@ -0,0 +1,347 @@ +#higher-education { + + h1 { + font-weight: 800; + font-size: 64px; + line-height: 76px; + } + h2 { + font-weight: 800; + font-size: 32px; + line-height: 38px; + margin-bottom: 40px; + } + h3 { + font-weight: 800; + font-size: 24px; + line-height: 32px; + } + h4 { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 400; + font-size: 18px; + line-height: 24px; + color: @core-fleet-black-75; + margin-bottom: 4px; + } + p { + font-size: 16px; + line-height: 24px; + } + + [purpose='hero-background'] { + background: linear-gradient(180deg, #E8F1F7 3.37%, #FFFFFF 60%); + padding-top: 120px; + padding-bottom: 40px; + } + [purpose='hero-container'] { + max-width: 1200px; + } + [purpose='hero-text'] { + text-align: center; + max-width: 940px; + padding: 0 40px; + h1 { + margin-bottom: 32px; + } + p { + font-size: 18px; + line-height: 27px; + max-width: 640px; + margin: 0 auto 32px; + } + } + + [purpose='button-row'] { + a { + font-weight: 700; + font-size: 16px; + line-height: 24px; + } + [purpose='cta-button'] { + cursor: pointer; + margin-right: 32px; + background: @core-vibrant-red; + border-radius: 8px; + padding-left: 32px; + padding-right: 32px; + height: 48px; + display: flex; + justify-content: center; + align-items: center; + color: #FFF; + position: relative; + text-decoration: none; + } + [purpose='cta-button']::before { + background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); + opacity: 1; + content: ' '; + position: absolute; + top: 0; + left: -5px; + width: 50%; + height: 100%; + transform: skew(-10deg); + transition: left 0.5s ease-in, opacity 0.50s ease-in, width 0.5s ease-in; + } + [purpose='cta-button']:hover:before { + opacity: 0; + left: 160px; + width: 110%; + } + + [purpose='animated-arrow-button-red'] { + display: inline; + padding-right: 40px; + cursor: pointer; + position: relative; + width: fit-content; + min-width: 125px; + font-weight: bold; + user-select: none; + transition: 0.2s ease-in-out; + -o-transition: 0.2s ease-in-out; + -ms-transition: 0.2s ease-in-out; + -moz-transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; + color: @core-fleet-black; + text-decoration: none; + &:after { + content: url('/images/arrow-right-red-16x16@2x.png'); + transform: scale(0.5); + position: absolute; + top: -5px; + left: 80%; // <--- here + transition: 0.2s ease-in-out; + -o-transition: 0.2s ease-in-out; + -ms-transition: 0.2s ease-in-out; + -moz-transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; + /* opacity: 0; */ + } + &:hover:after { + left: 82%; // <--- here + transition: 0.2s ease-in-out; + -o-transition: 0.2s ease-in-out; + -ms-transition: 0.2s ease-in-out; + -moz-transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; + /* opacity:1; */ + } + } + } + + [purpose='page-container'] { + padding-left: 40px; + padding-right: 40px; + padding-bottom: 120px; + } + + [purpose='feature'] { + margin-top: 120px; + max-width: 960px; + h3 { + margin-bottom: 24px; + } + div { + max-width: 480px; + } + } + + [purpose='feature-image'] { + img { + max-height: 300px; + } + } + [purpose='large-feature-image'] { + img { + max-height: 250px; + } + } + + [purpose='checklists'] { + margin-top: 40px; + margin-bottom: 80px; + } + [purpose='checklist'] { + p { + padding-left: 28px; + text-indent: -28px; + } + p::before { + content: ' '; + background-image: url('/images/icon-checkmark-circle.svg'); + background-size: 16px 16px; + display: inline-block; + position: relative; + top: 2px; + margin-right: 12px; + width: 16px; + height: 16px; + } + } + + [purpose='tweets-container'] { + padding-top: 120px; + padding-bottom: 120px; + } + + [purpose='bottom-gradient'] { + background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F4 100%); + } + [purpose='bottom-cloud-city-banner'] { + background: linear-gradient(180deg, #E9F4F4 0%, #FFFFFF 100%); + img { + width: 100%; + } + } + + @media (min-width: 1200px) { + [purpose='page-container'] { + padding-left: 120px; + padding-right: 120px; + } + } + + @media (max-width: 1200px) { + [purpose='logos'] { + height: 58px; + margin-left: auto; + margin-right: auto; + img { + margin-top: 23.5px; + margin-bottom: 23.5px; + padding-left: 25px; + padding-right: 25px; + } + [purpose='snowflake-logo'] { + height: 21px; + } + [purpose='wayfair-logo'] { + height: 23px; + } + [purpose='uber-logo'] { + height: 20px; + } + [purpose='atlassian-logo'] { + height: 16px; + } + [purpose='segment-logo'] { + height: 22px; + } + } + } + + @media (max-width: 991px) { + + [purpose='button-row'] { + margin-right: auto; + margin-left: auto; + } + + [purpose='hero-background'] { + padding-top: 120px; + padding-bottom: 80px; + padding-left: 0px; + padding-right: 0px; + } + + [purpose='logos'] { + height: 58px; + margin-left: 20px; + margin-right: 20px; + img { + margin-top: 17.5px; + margin-bottom: 17.5px; + padding-left: 10px; + padding-right: 10px; + } + } + } + + @media (max-width: 768px) { + + h1 { + font-size: 48px; + line-height: 54px; + } + + [purpose='page-container'] { + padding-left: 40px; + padding-right: 40px; + } + + [purpose='checklists'] { + margin-bottom: 40px; + } + + [purpose='feature'] { + margin-top: 80px; + } + + [purpose='feature-image'], [purpose='large-feature-image'] { + margin-bottom: 40px; + img { + max-height: 100%; + max-width: 100%; + } + } + + [purpose='hero-background'] { + padding-top: 60px; + padding-bottom: 60px; + padding-left: 20px; + padding-right: 20px; + } + + [purpose='hero-text'] { + text-align: center; + max-width: 480px; + } + + [purpose='tweets-container'] { + padding-top: 80px; + padding-bottom: 80px; + padding-left: 40px; + padding-right: 40px; + } + + [purpose='logos'] { + height: auto; + } + } + + @media (max-width: 575px) { + + [purpose='button-row'] { + max-width: 100%; + [purpose='cta-button'] { + margin-right: 0px; + width: 100%; + margin-bottom: 24px; + } + } + + [purpose='feature'] { + margin-top: 60px; + } + + [purpose='page-container'] { + padding-left: 20px; + padding-right: 20px; + } + + [purpose='tweets-container'] { + padding-left: 20px; + padding-right: 20px; + } + + [parasails-component='scrollable-tweets'] [purpose='tweets'] { + margin-top: 40px; + } + + } + +} diff --git a/website/config/routes.js b/website/config/routes.js index 985bfa705f..66791193f6 100644 --- a/website/config/routes.js +++ b/website/config/routes.js @@ -278,7 +278,13 @@ module.exports.routes = { // ║║║║╠═╣║ ╦║║║║║╣ │ │ ├─┤│││ │││││││ ┬ ├─┘├─┤│ ┬├┤ └─┐ │ // ╩╩ ╩╩ ╩╚═╝╩╝╚╝╚═╝ └─┴─┘┴ ┴┘└┘─┴┘┴┘└┘└─┘ ┴ ┴ ┴└─┘└─┘└─┘─┘ 'GET /imagine/unused-software': { action: 'imagine/view-unused-software' }, - + 'GET /imagine/higher-education': { + action: 'imagine/view-higher-education', + locals: { + pageTitleForMeta: 'Fleet for higher education', + pageDescriptionForMeta: 'Automate security workflows in a single application by creating or installing policies to identify which devices comply with your security guidelines.', + } + }, // ╦ ╔═╗╔═╗╔═╗╔═╗╦ ╦ ╦═╗╔═╗╔╦╗╦╦═╗╔═╗╔═╗╔╦╗╔═╗ // ║ ║╣ ║ ╦╠═╣║ ╚╦╝ ╠╦╝║╣ ║║║╠╦╝║╣ ║ ║ ╚═╗ diff --git a/website/views/layouts/layout-customer.ejs b/website/views/layouts/layout-customer.ejs index dd683fb8ac..e7047dc644 100644 --- a/website/views/layouts/layout-customer.ejs +++ b/website/views/layouts/layout-customer.ejs @@ -251,6 +251,7 @@ + diff --git a/website/views/layouts/layout-landing.ejs b/website/views/layouts/layout-landing.ejs index 428cc47f1e..0d38761b4e 100644 --- a/website/views/layouts/layout-landing.ejs +++ b/website/views/layouts/layout-landing.ejs @@ -251,6 +251,7 @@ + diff --git a/website/views/layouts/layout-sandbox.ejs b/website/views/layouts/layout-sandbox.ejs index a589271d82..1e5be74401 100644 --- a/website/views/layouts/layout-sandbox.ejs +++ b/website/views/layouts/layout-sandbox.ejs @@ -378,6 +378,7 @@ + diff --git a/website/views/layouts/layout.ejs b/website/views/layouts/layout.ejs index d21d363e87..387196df0a 100644 --- a/website/views/layouts/layout.ejs +++ b/website/views/layouts/layout.ejs @@ -451,6 +451,7 @@ + diff --git a/website/views/pages/imagine/higher-education.ejs b/website/views/pages/imagine/higher-education.ejs new file mode 100644 index 0000000000..4db0168e1e --- /dev/null +++ b/website/views/pages/imagine/higher-education.ejs @@ -0,0 +1,100 @@ +
+ +
+ +
+
+

Visibility and compliance in a single platform

+

Higher education meets simplified security

+

Automate security workflows in a single application by creating or installing policies to identify which devices comply with your security guidelines.

+
+ Try Fleet today + Talk to an expert +
+
+
+ +
+ +
+
+
+

Out-of-the-box CIS benchmark policies

+

Colleges are often subject to strict regulatory compliance requirements. With Center for Internet Security (CIS) compliance policies in Fleet, cybersecurity best practices are at your fingertips.

+
+

Out-of-the-box policies for Mac, Windows, and Linux.

+

Fleet will keep these policies updated for you.

+

Identify which devices are failing the most so you can prioritize your work.

+
+
+
+ higher-education feature image +
+
+ +
+
+ higher-education feature image +
+
+

Asset management

+

Colleges have a large number of devices on their network, including laptops, desktops, servers, and mobile devices. Fleet and osquery can help colleges track these devices and ensure that they are properly managed.

+
+

Troubleshoot issues with detailed configuration and performance details in real time on any operating system.

+

Easily manage any amount of software applications in your fleet with visibility into installed applications and their vulnerabilities.

+

Save money on software licensing fees by identifying underutilized devices and applications with an unused software report.

+
+
+
+ +
+
+

Automations in response to failing policies

+

Fleet Premium comes out-of-the-box ready for audits. Integrate with the security tools and services in your stack. Get answers immediately, even when you’re not looking.

+
+

Configurable scan intervals for policies.

+

Trigger webhooks and integrate with Jira, Zendesk, or Tines.

+

Encourage end-user self-remediation with Fleet Desktop.

+
+
+
+ higher-education feature image +
+
+ +
+ Try Fleet today + Talk to an expert +
+ +
+ +
+
+
+

Don’t know osquery?

+

Dedicated support from osquery experts

+

Osquery is the open-source agent that powers Fleet. And we have the most osquery experts around. We’ll help you realize the potential of this tool for your organization.

+
+
+ + +
+ +
+

Open-source device management

+

Think for yourself

+
+ Try it out + Talk to an expert +
+
+
+
+
+ A glass city floating on top of fluffy white clouds + A glass city floating on top of fluffy white clouds + A glass city floating on top of fluffy white clouds +
+
+