Add page titles and descriptions to fleetdm.com (#2082)

* added title to locals in routes

* using title and description if they are passed into the locals

* fix error being thrown if there is no description

* descriptions

* fixed error, updated descriptions

* update twitter card title

* updated descriptions again

* updated twitter title
This commit is contained in:
eashaw 2021-09-16 02:23:59 -05:00 committed by GitHub
parent 98499a0349
commit c4bc41ad4f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 72 additions and 13 deletions

View file

@ -13,19 +13,77 @@ module.exports.routes = {
// ╦ ╦╔═╗╔╗ ╔═╗╔═╗╔═╗╔═╗╔═╗
// ║║║║╣ ╠╩╗╠═╝╠═╣║ ╦║╣ ╚═╗
// ╚╩╝╚═╝╚═╝╩ ╩ ╩╚═╝╚═╝╚═╝
'GET /': { action: 'view-homepage-or-redirect', locals: { isHomepage: true } },
'GET /company/contact': { action: 'view-contact' },
'GET /get-started': { action: 'view-get-started' },
'GET /pricing': { action: 'view-pricing' },
'GET /press-kit': { action: 'view-press-kit' },
'GET /': {
action: 'view-homepage-or-redirect',
locals: { isHomepage: true }
},
'GET /queries': { action: 'view-query-library' },
'GET /queries/:slug': { action: 'view-query-detail' },
'GET /company/contact': {
action: 'view-contact',
locals:{
title: 'Contact us | Fleet for osquery',
description: 'Get in touch with our team.'
}
},
'GET /docs/?*': { skipAssets: false, action: 'docs/view-basic-documentation' },// handles /docs and /docs/foo/bar
// 'GET /handbook/?*': { skipAssets: false, action: 'handbook/view-basic-handbook' },// handles /handbook and /handbook/foo/bar
'GET /get-started': {
action: 'view-get-started' ,
locals:{
title: 'Get Started | Fleet for osquery',
description: 'Learn about getting started with Fleet.'
}
},
'GET /transparency': { action: 'view-transparency' },
'GET /pricing': {
action: 'view-pricing',
locals:{
title: 'Pricing | Fleet for osquery',
description: 'View Fleet plans and pricing details.'
}
},
'GET /press-kit': {
action: 'view-press-kit',
locals:{
title: 'Press kit | Fleet for osquery',
description: 'Download Fleet logos, wallpapers, and screenshots.'
}
},
'GET /queries': {
action: 'view-query-library',
locals:{
title: 'Queries | Fleet for osquery',
description: 'A growing collection of useful queries for organizations deploying Fleet and osquery.'
}
},
'GET /queries/:slug': {
action: 'view-query-detail',
locals:{
title: 'Query details | Fleet for osquery',
description: 'View more information about a query in Fleet\'s standard query library',
}
},
'GET /docs/?*': {
skipAssets: false,
action: 'docs/view-basic-documentation',
locals:{
title: 'Documentation | Fleet for osquery',
description: 'Documentation for Fleet for osquery.',
}
},// handles /docs and /docs/foo/bar
// 'GET /handbook/?*': { skipAssets: false, action: 'handbook/view-basic-handbook' },// handles /handbook and /handbook/foo/bar
'GET /transparency': {
action: 'view-transparency',
locals:{
title: 'Transparency | Fleet for osquery',
description: 'Learn what data osquery can see.',
}
},

View file

@ -7,14 +7,15 @@
%><!DOCTYPE html>
<html>
<head>
<title>Fleet for osquery | Open source device management</title>
<title><%= typeof title !== 'undefined' ? title : 'Fleet for osquery | Open source device management' %></title>
<meta name="description" content="<%= typeof description !== 'undefined' ? description : 'Open source software, built on osquery. With Fleet you can ask important questions about your devices. Whatever operating system, wherever they live.' %>" />
<% /* Viewport tag for sensible mobile support */ %>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="https://fleetdm.com" />
<meta name="twitter:title" content="Open source device management" />
<meta name="twitter:description" content="Open source software, built on osquery. With Fleet you can ask important questions about your devices. Whatever operating system, wherever they live." />
<meta name="twitter:title" content="<%= typeof title !== 'undefined' ? title : 'Open source device management' %>" />
<meta name="twitter:description" content="<%= typeof description !== 'undefined' ? description : 'Open source software, built on osquery. With Fleet you can ask important questions about your devices. Whatever operating system, wherever they live.' %>" />
<meta name="twitter:image" content="https://fleetdm.com/images/fleet-logo-square@2x.png" />
<% /* Script tags should normally be included further down the page- but any
scripts that load fonts (e.g. Fontawesome ≥v5) are special exceptions to the