Commit graph

67 commits

Author SHA1 Message Date
Eric
ecc2bfb1f0
Website: Prevent scrolling when mobile nav menu is open (#23992)
Closes: #23705

Changes:
- Updated the styles and layout of the website to prevent scrolling when
the mobile navigation menu is open.
- Updated padding on the mobile navigation menu to keep the Fleet logo
in the same place when the menu is opened.
2024-11-21 15:09:04 -06:00
Eric
a026d94c5e
Website: Update alignment of mobile nav links & homepage statistics styles (#23708)
Closes: #23640

Changes:
- Updated the styles of mobile nav links to keep text vertically
aligned.
- Updated the statistics on the homepage to stack vertically on smaller
screens
- Reduced the padding and font size of the homepage hero on smaller
screens
2024-11-12 10:07:01 +09:00
Mike Thomas
55f5c6aad9
updated psystage images (#22649)
Updated psy-stage images

---------

Co-authored-by: Eric <eashaw@sailsjs.com>
2024-10-07 11:04:32 -05:00
Eric
9f5f848cde
Website: add fixed width to Github stars button in website navigation (#21783)
Closes: #21469

Changes:
- Updated the styles for the GitHub stars button in the websites desktop
header navigation to prevent layout shifts when navigating between
pages.
2024-09-03 15:56:32 -05:00
Eric
637e5e1216
Website: Update /start questionnaire steps and add images (#21452)
Closes: #21417 
Closes: #21413
Closes: #21378 


Changes:
- Updated save-questionnaire-progress to return the user's current
psychological stage when a user submits a step of the /start
questionnaire
- Updated the /start questionnaire to display an image that changes as
the user's psychological stage progresses.
- Updated the first step of the /start questionnaire and gave users the
ability to go back to the first step.
- Added an option for Linux to the "what do you manage" question that is
asked to MDM-focused users
- Added a step for MDM-focused users filling out the /start
questionnaire
- Updated the /start CTA to show different images based on psychological
stage and to be visible to users who have not purchased a self-service
license
2024-08-21 11:54:06 -06:00
Eric
73c2b25403
Website: update get started CTA styles (#20216)
Closes: #20185

Changes:
- Updated the styles for the get started CTA to prevent styling issues
when the orb is collapsed and visible because of screen width.
2024-07-03 17:11:18 -05:00
Eric
e27a3bb851
Website: Update start questionnaire CTA visibility (#20206)
Closes: #20189

Changes:
- Made the CTA for the get started questionnaire visible to users who
have completed the "Thanks for checking out Fleet" step
- Updated the background of the image in the mobile start CTA.
- Updated the get started questionnaire to take users who have completed
the "Thanks for checking out Fleet" step to either the "What did you
think?" or "How was your deployment?" steps
2024-07-03 15:57:35 -05:00
Eric
76f747f4a4
Website: update secondary CTA buttons (#20105)
Closes: #20081 

Changes:
- Created a new component: `<animated-arrow-button>`.
- Example usage: `<animated-arrow-button href="/contact">Talk to
us</animated-arrow-button>`
- Replaced the animated arrow buttons across the website with the
`<animated-arrow-button>` component.
2024-06-28 16:55:25 -05:00
Eric
bf239ecc78
Website: Add site-wide CTA to bring users back to the /start questionnaire (#19393)
Closes: #18530

Changes: 
- Added a collapsable sitewide CTA to bring users who have not completed
the get started questionnaire back to the /start page.
- Added a new action (`account/updateStartCtaVisibility`) to set a
timestamp of when the CTA will be visible (not collapsed) in a user's
session when they close the CTA

---------

Co-authored-by: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>
2024-05-31 18:44:13 -05:00
Eric
a3336d0e0b
Website: Update desktop masthead styles (#19241)
Closes: https://github.com/fleetdm/confidential/issues/6693

Changes:
- Updated the styles of the website's masthead
2024-05-23 14:36:50 -05:00
Eric
4fec1c9efb
Website: browser compatibility fixes 2024-04-05 (#18109)
Closes: #18089
Closes: #18107

Changes:
- Updated styles for the buttons on the /register and /login pages to
fix alignment issues on Opera v64.
- Updated the style of the "start now" header button to fix an alignment
issue on Opera v64.
- updated the animation the logo carousel uses to fix weird behavior on
Safari 13
2024-04-08 10:20:15 -05:00
Eric
7867ec98ab
Website: update header navigation links on admin pages (#17947)
Closes: #17943

Changes:
- Updated the styles and layout of admin links that are visible on admin
pages.
2024-03-28 15:26:12 -05:00
Eric
4aa854b9d4
Website: Update footer height. (#17781)
Closes: #17778

Changes:
- Updated the styles for pages with reduced footer links
2024-03-21 16:24:09 -05:00
Eric
1226af3504
Website: update website header & mobile navigation menu (#17718)
Closes: #17708

Changes:
- Updated the website's header navigation to match the latest Figma
wireframes.
- Updated the padding of the mobile navigation menu to keep padding
consistent when the menu is opened/closed
2024-03-21 11:08:01 +09:00
Eric
30a36b0b3a
Website: enable parallax animation on cloud city image (#17104)
Changes:
- Merged two layers of the parallax cloud city image & updated
filenames.
- Added a transition property to the parallax cloud city image to make
the animation smoother when scrolling with a mouse wheel.
- Updated the z-index of the website's footer to prevent the content
from being hidden by the parallax image when it is at its starting
position

---------

Co-authored-by: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>
2024-03-06 16:28:11 +09:00
Eric
f5f9c32cf7
Website: update website footer (#16864)
Closes: #16802
Closes: https://github.com/fleetdm/confidential/issues/5097

Changes:
- Updated the layout of the website's footer
2024-02-15 09:04:41 +09:00
Eric
5b0360b517
Website: Update website navigation labels (#16337)
Changes:
- Added an "Articles" label to the community dropdown in the website's
navigation menu (Mobile and desktop)
- Updated the `z-index` value of the mobile navigation menu to prevent
the website's footer fro being visible when the menu is open on small
pages.
2024-01-25 11:02:14 -06:00
Eric
298fee8229
Website: Update footer styles (#16330)
Closes: #16329

Changes:
- Updated the website footer to have a higher z-index than the parallax
image layers on the homepage and product landing pages to prevent the
layers of the image from covering the links in the footer.
2024-01-24 17:28:43 -06:00
Eric
51f032c87e
Website: Hide chatbot button on mobile devices (#15790)
Closes: https://github.com/fleetdm/confidential/issues/4757

Changes:
- Updated layout.less to hide the website chat button when the chat is
closed on screen sizes <575px. (The chat can still be opened on mobile
devices by clicking a "talk to an expert" button)
2023-12-21 18:19:25 -06:00
Eric
694528fef3
Website: update sticky header (#15690)
Changes:
- Reverted the style change from
https://github.com/fleetdm/fleet/pull/15677
- Updated the sticky header function to not hide the header if the
mobile navigation menu has the `.open` class
- Added comments to the sticky header function to explain what it is
doing.
2023-12-15 10:00:41 -06:00
Eric
e6a30fc723
Website: Update header styles (#15677)
Closes: #15676

Changes:
- Updated the website's page header not to be hidden if a dropdown menu
or the mobile navigation menu is open when the page is scrolled.
2023-12-14 17:06:51 -06:00
Eric
294c060f2b
Website: Fix website header transition. (#15424)
Closes: #15420

Changes:
- Adjusted the styles in layout.less to bring back the header transition
that was unintentionally disabled in #14339
2023-12-01 18:19:20 -06:00
Eric
d4261b44f1
Website: Fix header background on Safari 13 (#14339)
Closes: #14279

Changes:
- Moved the background styles for the website header to a different
element. The `backdrop-filter` was not working correctly when it is on
an element with a `box-shadow`.
- Removed `layout-landing.ejs`
2023-10-05 16:20:08 -05:00
Eric
b110d4bd5d
Website: Update button styles (#14319)
Closes: #14301

Changes:
- Updated button styles on landing pages and the homepage.
2023-10-05 11:03:53 -05:00
Eric
73559b8298
Website: update header navigation (#13377)
Closes: #13221

Changes:
- Updated the hover styles for the pricing link on the header
navigation.
2023-08-17 19:01:08 -05:00
Eric
46802ee56a
Website: Add admin page to manage the Fleet Sandbox waitlist (#13111)
Closes: #12954

Changes:
- Added an admin page that displays a table containing all of the users
that are currently on the Fleet Sandbox waitlist where admins can
approve waitlisted users.
- Added a new email template that tells users that their Fleet Sandbox
instance is ready.
- Added a new action:
`admin/provision-sandbox-instance-and-deliver-email.js`, an action that
provisions a Fleet sandbox instance for a single user and sends them an
email telling them that their Fleet Sandbox Instance is ready.
- Added a script that provisions a Fleet Sandbox instance for the user
who has been on the waitlist the longest and sends them an email telling
them that their Sandbox instance is ready.
2023-08-04 18:32:00 -05:00
Eric
87714f466c
Website: Upgrade to DocSearch v3 (#12563)
Changes:
- Upgraded the version of Algolia DocSearch we use on the Fleet website.
- Updated search box styles in the docs, handbook, and osquery schema
pages.
2023-07-12 09:54:05 +09:00
Eric
5963cbf7a7
Website: Update website background (#12041)
Closes: #11579

Changes:
- Changed the `background` of all pages on fleetdm.com to have a
gradient.
2023-05-31 08:43:53 +09:00
Mike Thomas
6f2718059a
Updated ribbon color and managed cloud CTA image (#11688)
- Updated the Fleet Cloud beta ribbon to match new brand colors
- Updated the image for Fleet Cloud beta to include the swans
2023-05-15 11:29:25 -05:00
Eric
6cfef3d347
Website: Update website banner CTA (#11382)
Changes:
- Changed the RSA launch party banner back to the Fleet managed cloud
banner
2023-04-27 12:07:05 -05:00
Eric
5abff8cbfc
Website: Add RSA happy hour banner (#11267)
closes: #11263
Changes:
- Updated the website's banner to link to the eventbright page for the
Fleet MDM launch party/happy hour
2023-04-21 12:44:42 -05:00
Eric
3217a9ed39
Website: Update Fleet website for MDM launch (#11123)
Changes:
- Updated the layout and content of the fleetdm.com homepage.
- Added two new fonts, `Inter` and `Roboto Mono`.
- Updated `typography.less` to switch the default `font-family` to
`Inter` side-wide.
- Changed the "Platform" header navigation dropdown to link to
/compliance, /osquery-management, and the homepage
- Updated the website footer
- Added bottom gradients and calls to action to /osquery-management and
/compliance
- Removed the /platform page, and set up a temporary redirect to the
homepage.

---------

Co-authored-by: Mike Thomas <mthomas@fleetdm.com>
2023-04-11 06:50:58 -07:00
Eric
983d04156b
Website: browser compatibility updates (iOS 10) (#10531)
Closes #10497 

Changes:
- Fixed images overflowing onto text on `/compliance` and
`/osquery-management`
- Added a set width to the edit page button on `/tables/` pages
- Fixed the sticky header not scrolling with the page
- Fixed flexbox positioning issues on the homepage, in the scrollable
tweets component, and in the mobile navigation menu
2023-03-16 11:43:09 -05:00
Eric
abde4a81ba
Website: Update layout scripts and masthead navigation (#9833)
Changes:
- Fixed the background blur on the masthead on Safari.
- Increased `scroll-margin-top` on Markdown headings to make sure
headings that are navigated to with anchor links are not hidden behind
the website's masthead
- Updated the indentation of script tags in layouts and updated code
comments.
- Added Hotjar and Heap analytics `<script>` tags from the main layout
to `layout-customer` `layout-sandbox` and `layout-landing`
- Added a link to `/compliance` landing page to the `layout-sandbox`
masthead navigation.
2023-02-14 16:26:23 -06:00
Mike Thomas
0ce8c65960
Update mdm and compliance landpages (#9814)
- changed /device-management to a teaser layout as per this [Slack
thread](https://fleetdm.slack.com/archives/C01ALP02RB5/p1676053098600709).
- updated pre-header styling on /device-management and /compliance
- updated badge in the navigation to say "Limited beta".

---------

Co-authored-by: Eric <eashaw@sailsjs.com>
2023-02-14 11:19:04 -06:00
Eric
874ca7bc8a
Website: Update masthead (#9782)
Closes: https://github.com/fleetdm/fleet/issues/9762

Changes:
- `routes.js`: Changed the `currentPage` local variable to
`currentSection` and updated the value based each on the dropdown
navigation menus in the website header. This variable is used to make a
section "active" in the header.
- `view-basic-article` & `view-articles`: Updated these view actions to
set a `currentSection` variable based on the Markdown article category.
- `Layout.less`: Updated styles to match wireframes
- `layout.ejs`: Updated the styles and layout of the website header to
match wireframes.
- `layout-landing.ejs`, `layout-sandbox.ejs` & `layout-customer.ejs`:
Updated to match wireframes and stylesheet changes.
- `basic-documentation.less`: adjusted the position of the sticky right
sidebar.

---------

Co-authored-by: Mike McNeil <mikermcneil@users.noreply.github.com>
2023-02-10 18:33:12 -06:00
Eric
9ddd5f2ede
Website: Add MDM page (#9264)
Changes:
- Added a new page: `/device-management`
- Added a new action: `deliver-mdm-beta-signup.js` - This action sends a
post request to a Zapier webhook when a user submits a form on the
`/device-managment` page.
- Added a new component: `<scrollable-tweets>`
- Updated routes, importer, policies, cloud-sdk, and
`download-sitemap.js`
- Updated the route for our success story articles to live at
`fleetdm.com/success-stories/*` (Previously at
`fleetdm.com/device-management/*`) and updated `config/routes.js` to
have redirects for each article in that category
- Updated the "Use cases" navigation item to "Platform" and changed the
platform link to "How it works"

Co-authored-by: Mike Thomas <mthomas@fleetdm.com>
Co-authored-by: Mike McNeil <mikermcneil@users.noreply.github.com>
2023-01-11 11:29:38 -06:00
Mike Thomas
499e0a2890
Fleet Cloud beta ribbon (#8990)
* Fleet Cloud beta ribbon

I added the ribbon back to the top of fleetdm.com pages to promote the beta campaign.

@eashaw, please can you take over when you're back online? There's a repeated class headerCTAHidden that I'm not sure whether to keep or not.

* remove unused css class

Co-authored-by: Eric <eashaw@sailsjs.com>
2022-12-12 14:19:11 -06:00
Eric
9dbf84fb4b
Website: Add pages for schema tables (#7679)
* add osquery tables page

* update build script, add fleet schema folder

* update layout and page script

* add edit-page button, search, remove test attribute from fleet schema

* update styles

* syntax highlighting, update highlight.js, adjust layout

* lint fixes

* Update view-osquery-tables.js

* requested changes from 1:1

* requested changes

- Rename osquery-tables to osquery-table-details & update routes and policies
- Update wildcard input and tables details route
- Fix lint error
- adjust self-calling functions in page script
- rename function and adjust the order of functions in page script

* add osquery tables to builtStaticContent.markdownPages

* update schema folder readme

* add redirect for /tables

* update table input

* remove comment from stylesheet, update syntax highlighting, use variable names from colors.less

* update inputs in view action

* Updates from PR review

* fix lint error

* update syntax highlighting, table page styles

* Update build-static-content.js

* requested changes from code review

* Update build-static-content.js

* fix build script error

* remove string.replaceAll()

Co-authored-by: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>
Co-authored-by: Mike McNeil <mikermcneil@users.noreply.github.com>
2022-09-23 19:06:55 -05:00
Eric
185bcc9d31
Website: Update homepage layout (#7328)
* update homepage

* lint fixes

* Update layout.ejs

* Responsive style tweaks

- made some style changes to improve responsive breakpoints
- attempted to normalize paddings and section widths

* update layout

* updated styles mobile and tablet

- updated hero background
- tweaked paddings and margins for tablet and mobile
- added larger images for responsive breakpoints
- increased left/right padding on homepage-section

* Update homepage.ejs

* update feature image styles

* update platform hero background & homepage styles

* Update platform.less

Co-authored-by: Mike Thomas <mthomas@fleetdm.com>
2022-08-25 10:37:12 -05:00
Kelvin Oghenerhoro Omereshone
71952c9b0a
Make top banner not sticky (#6797)
* feat: Make top banner not sticky

* fix: issue with transition on page load and scroll

* fix: add semi colon to less to resolve linting issues

* fix: commas issue in less

* fix: space between header and cta-banner

* fix: resolve scrolling weird animation and hero section jumps

* fix: responseive top value set

* feat: don't animate background color

* feat: add transition for the top property of the header

* update sticky header function and styles

Co-authored-by: Eric <eashaw@sailsjs.com>
2022-08-10 12:23:14 +09:00
Eric
907ffa8ff1
Website: update sticky homepage header on smaller screens (#6626)
* update homepage mobile styles

* website: update sticky header function

* lint fix
2022-07-12 16:24:15 -05:00
Eric
b1442e6e55
Website: Update state of device management report (#6318)
* update header CTA layout, remove logs from state-of-device-management, update report table of contents

* lint fix
2022-06-21 14:08:33 -05:00
Eric
d5aac8b76e
Website: header CTA (#6157)
* Add header CTA, update layout

* Updated meta description in routes

Changed to new CTA phrasing

* Updated layout-landing with new CTA copy

* Updated layouts to include new CTA copy

* Updated layout-landing to include new CTA copy

Missed a space on my last edit

* Updated meta description for sodm report

Used final copy version

* Updated SODM report CTA to final copy

Updated after working with Mike T

* Updated SODM CTA to final copy

Worked with Mike T to improve final version

Co-authored-by: Tim Kern <tim@fleetdm.com>
2022-06-21 11:12:21 -05:00
Kelvin Oghenerhoro Omereshone
359fe8a07c
fix mobile menu toggle button color when nav is sticky (#5346)
* fix: mobile menu toggle button color when nav is sticky

* fix: remove unnecessary style rule
2022-04-25 08:49:58 -05:00
Kelvin Oghenerhoro Omereshone
e50849376b
Implement sticky nav for fleetdm.com (#5298)
* feat: implement sticky nav for fleetdm except the homepage

* feat: add sticky nav to homepage

* Add note for v 4.13 to fleetctl docs (#5274)

Co-authored-by: Kelvin Oghenerhoro Omereshone <kelvin@fleetdm.com>

* License dispenser query strings (#5321)

Co-authored-by: Tim Kern <tim@fleetdm.com>

* chore(test): rewritten query side panel test  using rtl (#5189)

* Update get started (fleetctl preview) instructions on website (#5312)

Co-authored-by: Kelvin Oghenerhoro Omereshone <kelvin@fleetdm.com>

* update customer layout (#5329)

* Handbook: Rename Slack channel, suggest DRI for #help-golang (#5157)

* Handbook: Rename Slack channel, suggest DRI for #help-golang

* Deleted #help-golang and #help-frontend

This is based on the call Zach and I had today about eliminating the extra "Help" channels, now that there are development groups where more focused conversation can happen without blasting every engineer in the company.

FYI I checked and #help-frontend is actively used, whereas #help-golang is much less active.

* Editor pass - Added and renamed the Rituals section (#5300)

Editor pass for: https://github.com/fleetdm/fleet/pull/5183
I added and renamed the Rituals section with a link for consistency.

This PR is related to: https://github.com/fleetdm/fleet/pull/5299

* Unified text for private IP address (#5301)

* unified text for private ip address

* updated capitalization

* Added utm_source tracking to calendly link (#5281)

Will allow us to track schedule demo submissions from pricing page by adding utm_source

* Removed all traces of Redux from the app! (#5287)

* clean up routes and useless components

* component clean up

* removed redux from routes

* rename file

* moved useDeepEffect hook with others

* removed redux, fleet, app_constants dirs; added types to utilities

* style cleanup

* typo fix

* removed unused ts-ignore comments

* removed redux packages!!!

* formatting

* fixed typing for simple search function

* updated frontend readme

* Website add articles page. (#5243)

* create '/articles' and add 4 test articles

* update build-static-content script for '/articles'

* article pages

* Validate article page metaData

* add articles linked from header, remove test articles

* update article styles

* comment out /articles route, update blog post links

* Move article category page to different branch for future PR

* Update build-static-content.js

* remove pagescript

* Update deploying-fleet-on-render.md

* update meta tags

* lint fixes

* Style & Markdown updates

Made a couple of fixes to the styling and markdown.

* update view action, replace route with regex, update links

* authorsGitHubUserName -> authorGitHubUsername, authorsFullName -> authorFullName

Co-authored-by: Mike Thomas <mthomas@fleetdm.com>

* Add slack notif when integration test fails (#5332)

* Editor pass - Registering in a new state w/ Gusto (#5305)

Editor pass for:  https://github.com/fleetdm/fleet/pull/5237

* Editor pass - Creating a consulting agreement (#5304)

* Editor pass - Creating a consulting agreement

Editor pass for:  https://github.com/fleetdm/fleet/pull/5273/files

* Update people.md

Co-authored-by: Eric <eashaw@sailsjs.com>

* Fix handbook index (#5341)

* fix: review request changes

* fix: revert to using window.innerHeigh for logic to hide the header

* Update layout.ejs

I don't know if this is good syntax, but I want the masthead to stay in position for a little longer.

* feat: format if logic

* fix: rename handler function to windowScrolled

Co-authored-by: Katheryn Satterlee <me@ksatter.com>
Co-authored-by: Eric <eashaw@sailsjs.com>
Co-authored-by: Tim Kern <tim@fleetdm.com>
Co-authored-by: Tharun Rajendran <rajendrantharun@live.com>
Co-authored-by: Zach Wasserman <zach@fleetdm.com>
Co-authored-by: Mike McNeil <mikermcneil@users.noreply.github.com>
Co-authored-by: Desmi-Dizney <99777687+Desmi-Dizney@users.noreply.github.com>
Co-authored-by: Martavis Parker <47053705+martavis@users.noreply.github.com>
Co-authored-by: Mike Thomas <mthomas@fleetdm.com>
Co-authored-by: Lucas Manuel Rodriguez <lucas@fleetdm.com>
2022-04-25 21:02:15 +09:00
Eric
83736e7b7f
Website: add landing page (#5095)
* dedupe animated arrow styles, create btn-animated-arrow mixin

* add landing page, landing-layout. styles

* update route and metadata

* mobile footer styles

* lint fix

* Update layout-landing.ejs

* Update landing.ejs
2022-04-13 15:12:56 +09:00
eashaw
a0b377e544
Update fleetdm.com navigation (#4402)
* fix btn-primary styles

* add dropdown navigation and styles

* remove classes

* move modified bootstrap classes to bootstrap-overrides, add hover event to dropdown menus
2022-03-01 13:47:36 -06:00
eashaw
001626eae8
Add /platform page (#3858)
* platform page and images

* add hrefs and link styles

* update responsive layout and images

* remove waves, lint fixes

* page locals

* Update new-license.ejs

* Revert "Update new-license.ejs"

This reverts commit ade27acf43.

* Update platform.ejs

* reorder topnav, adjust mobile styles

* add href, fix padding

* a couple of style tweaks

• Reduced space between sections.
• Center-aligned images and text vertically.

Co-authored-by: Mike Thomas <mthomas@fleetdm.com>
2022-01-25 12:40:16 +09:00
eashaw
fc9490fdc0
Update website footer layout (#2745)
* route to privacy policy doc

* updated footer layout, higher resolution CC license

* updated footer layout, styles and color twitter logo

* change papercups widget color
2021-10-28 19:53:20 -05:00