Add fleetdm.com/press-kit (#1981)

* created /press-kit page and updated routes and policies

* updated styles, placeholder-images

* created assets/images/press-kit/ and moved all relevant files

* changed filenames for logo previews

* cleaning up html, adjusting mobile styles

* removed empty <divs>, lint fix in stylesheet

* Added link to /press-kit in page footer

* Update layout.ejs
This commit is contained in:
eashaw
2021-09-10 06:56:29 +09:00
committed by GitHub
parent 7509487771
commit 0294ec0f25
20 changed files with 190 additions and 19 deletions
+27
View File
@@ -0,0 +1,27 @@
module.exports = {
friendlyName: 'View press kit',
description: 'Display "Press kit" page.',
exits: {
success: {
viewTemplatePath: 'pages/press-kit'
}
},
fn: async function () {
// Respond with view.
return {};
}
};
BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 407 B

Binary file not shown.
Binary file not shown.
Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

+12
View File
@@ -0,0 +1,12 @@
<svg width="800" height="327" viewBox="0 0 800 327" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M244.218 208.833C234.942 208.833 226.284 208.833 217.352 208.833C217.352 199.348 217.352 190.07 217.352 180.447C226.147 180.447 234.873 180.447 244.15 180.447C244.15 177.47 244.15 174.908 244.15 172.277C244.15 161.477 244.699 150.676 247.997 140.291C254.937 118.344 269.917 106.158 292.386 103.112C295.34 102.697 298.295 102.42 301.25 102.42C324.681 102.351 348.181 102.351 371.612 102.351C372.574 102.351 373.467 102.42 374.635 102.489C374.635 176.223 374.635 251.715 374.635 325.588C363.229 325.588 351.822 325.588 340.072 325.588C340.072 263.069 340.072 198.655 340.072 136.414C339.523 135.929 339.317 135.652 339.11 135.652C327.017 135.791 314.786 135.237 302.761 136.275C289.019 137.452 281.323 145.76 279.949 159.607C279.33 166.254 279.811 172.969 279.811 180.101C290.05 180.101 300.357 180.101 310.938 180.101C310.938 189.793 310.938 199.071 310.938 208.694C300.563 208.694 290.256 208.694 279.605 208.694C279.605 247.188 279.605 287.232 279.605 325.588C267.649 325.588 256.106 325.588 244.218 325.588C244.218 287.44 244.218 247.396 244.218 208.833Z" fill="#192147"/>
<path d="M503.166 275.501C511.461 281.649 519.269 287.454 527.355 293.397C521.639 302.344 514.11 309.038 505.187 314.229C476.258 331.236 437.43 328.982 412.474 308.56C396.929 295.855 388.913 279.258 386.961 259.655C385.149 241.555 388.216 224.48 398.602 209.112C411.847 189.441 431.017 179.264 454.788 177.146C475.491 175.302 494.383 180.015 510.555 193.266C524.985 205.014 533.001 220.382 534.884 238.55C535.72 246.61 535.023 254.806 535.023 263.275C497.868 263.275 460.853 263.275 423.349 263.275C425.998 275.433 432.202 284.312 443.356 289.435C463.083 298.451 487.76 293.26 502.12 277.072C502.469 276.663 502.748 276.116 503.166 275.501ZM499.89 238.755C499.402 220.928 482.044 207.404 461.201 207.951C437.918 208.565 425.231 223.728 423.837 238.755C449.072 238.755 474.376 238.755 499.89 238.755Z" fill="#192147"/>
<path d="M690.882 263.452C652.915 263.452 615.991 263.452 579.067 263.452C580.736 277.262 592.279 289.294 606.743 292.234C627.117 296.405 644.64 291.687 658.826 275.689C666.614 281.501 674.471 287.312 682.538 293.328C677.74 301.122 671.342 307.07 663.971 312.061C633.723 332.297 589.776 329.563 564.603 305.634C547.358 289.226 540.961 268.716 542.212 245.608C543.256 226.944 550.001 210.467 563.769 197.409C580.04 181.958 599.858 175.737 622.18 176.899C643.736 178.061 661.816 186.265 675.375 203.015C686.64 216.962 691.021 233.165 690.882 250.735C690.882 254.837 690.882 258.94 690.882 263.452ZM578.997 238.566C604.517 238.566 629.829 238.566 655.14 238.566C654.445 225.235 643.736 209.168 619.885 207.869C598.815 206.775 581.779 219.218 578.997 238.566Z" fill="#192147"/>
<path d="M798.97 292.08C791.411 292.08 783.784 292.08 776.295 291.388C762.552 290.211 754.856 281.903 753.482 268.056C752.863 261.409 753.345 214.192 753.345 207.13C763.583 207.13 773.89 207.13 784.471 207.13C784.471 197.437 784.471 188.16 784.471 178.536C774.096 178.536 763.789 178.536 753.138 178.536C753.138 140.042 753.138 140.706 753.138 102.351C741.182 102.351 729.639 102.351 717.751 102.351C717.751 140.568 717.751 139.973 717.751 178.536C708.475 178.536 699.817 178.536 690.885 178.536C690.885 188.021 690.885 197.299 690.885 206.922C699.68 206.922 708.406 206.922 717.683 206.922C717.683 209.899 717.683 252.963 717.683 255.525C717.683 266.325 718.232 277.126 721.531 287.511C728.471 309.458 743.45 321.643 765.919 324.689C768.874 325.105 771.828 325.382 774.783 325.382C782.822 325.382 790.862 325.382 798.97 325.382V292.08Z" fill="#192147"/>
<path d="M27.9379 54.9974C42.8822 54.9974 54.997 42.8827 54.997 27.9384C54.997 12.9941 42.8822 0.879395 27.9379 0.879395C12.9936 0.879395 0.878906 12.9941 0.878906 27.9384C0.878906 42.8827 12.9936 54.9974 27.9379 54.9974Z" fill="#63C740"/>
<path d="M109.116 54.9974C124.06 54.9974 136.175 42.8827 136.175 27.9384C136.175 12.9941 124.06 0.879395 109.116 0.879395C94.1714 0.879395 82.0566 12.9941 82.0566 27.9384C82.0566 42.8827 94.1714 54.9974 109.116 54.9974Z" fill="#5CABDF"/>
<path d="M190.291 54.9974C205.236 54.9974 217.35 42.8827 217.35 27.9384C217.35 12.9941 205.236 0.879395 190.291 0.879395C175.347 0.879395 163.232 12.9941 163.232 27.9384C163.232 42.8827 175.347 54.9974 190.291 54.9974Z" fill="#D66C7B"/>
<path d="M27.9379 136.175C42.8822 136.175 54.997 124.06 54.997 109.116C54.997 94.1714 42.8822 82.0566 27.9379 82.0566C12.9936 82.0566 0.878906 94.1714 0.878906 109.116C0.878906 124.06 12.9936 136.175 27.9379 136.175Z" fill="#C98DEF"/>
<path d="M109.116 136.175C124.06 136.175 136.175 124.06 136.175 109.116C136.175 94.1714 124.06 82.0566 109.116 82.0566C94.1714 82.0566 82.0566 94.1714 82.0566 109.116C82.0566 124.06 94.1714 136.175 109.116 136.175Z" fill="#FAA669"/>
<path d="M27.9379 217.351C42.8822 217.351 54.997 205.237 54.997 190.292C54.997 175.348 42.8822 163.233 27.9379 163.233C12.9936 163.233 0.878906 175.348 0.878906 190.292C0.878906 205.237 12.9936 217.351 27.9379 217.351Z" fill="#3AEFC4"/>
</svg>

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

+12
View File
@@ -0,0 +1,12 @@
<svg width="800" height="327" viewBox="0 0 800 327" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M244.218 208.833C234.942 208.833 226.284 208.833 217.352 208.833C217.352 199.348 217.352 190.07 217.352 180.447C226.147 180.447 234.873 180.447 244.15 180.447C244.15 177.47 244.15 174.908 244.15 172.277C244.15 161.477 244.699 150.676 247.997 140.291C254.937 118.344 269.917 106.158 292.386 103.112C295.34 102.697 298.295 102.42 301.25 102.42C324.681 102.351 348.181 102.351 371.612 102.351C372.574 102.351 373.467 102.42 374.635 102.489C374.635 176.223 374.635 251.715 374.635 325.588C363.229 325.588 351.822 325.588 340.072 325.588C340.072 263.069 340.072 198.655 340.072 136.414C339.523 135.929 339.317 135.652 339.11 135.652C327.017 135.791 314.786 135.237 302.761 136.275C289.019 137.452 281.323 145.76 279.949 159.607C279.33 166.254 279.811 172.969 279.811 180.101C290.05 180.101 300.357 180.101 310.938 180.101C310.938 189.793 310.938 199.071 310.938 208.694C300.563 208.694 290.256 208.694 279.605 208.694C279.605 247.188 279.605 287.232 279.605 325.588C267.649 325.588 256.106 325.588 244.218 325.588C244.218 287.44 244.218 247.396 244.218 208.833Z" fill="white"/>
<path d="M503.166 275.501C511.461 281.649 519.269 287.454 527.355 293.397C521.639 302.344 514.11 309.038 505.187 314.229C476.258 331.236 437.43 328.982 412.474 308.56C396.929 295.855 388.913 279.258 386.961 259.655C385.149 241.555 388.216 224.48 398.602 209.112C411.847 189.441 431.017 179.264 454.788 177.146C475.491 175.302 494.383 180.015 510.555 193.266C524.985 205.014 533.001 220.382 534.884 238.55C535.72 246.61 535.023 254.806 535.023 263.275C497.868 263.275 460.853 263.275 423.349 263.275C425.998 275.433 432.202 284.312 443.356 289.435C463.083 298.451 487.76 293.26 502.12 277.072C502.469 276.663 502.748 276.116 503.166 275.501ZM499.89 238.755C499.402 220.928 482.044 207.404 461.201 207.951C437.918 208.565 425.231 223.728 423.837 238.755C449.072 238.755 474.376 238.755 499.89 238.755Z" fill="white"/>
<path d="M690.882 263.452C652.915 263.452 615.991 263.452 579.067 263.452C580.736 277.262 592.279 289.294 606.743 292.234C627.117 296.405 644.64 291.687 658.826 275.689C666.614 281.501 674.471 287.312 682.538 293.328C677.74 301.122 671.342 307.07 663.971 312.061C633.723 332.297 589.776 329.563 564.603 305.634C547.358 289.226 540.961 268.716 542.212 245.608C543.256 226.944 550.001 210.467 563.769 197.409C580.04 181.958 599.858 175.737 622.18 176.899C643.736 178.061 661.816 186.265 675.375 203.015C686.64 216.962 691.021 233.165 690.882 250.735C690.882 254.837 690.882 258.94 690.882 263.452ZM578.997 238.566C604.517 238.566 629.829 238.566 655.14 238.566C654.445 225.235 643.736 209.168 619.885 207.869C598.815 206.775 581.779 219.218 578.997 238.566Z" fill="white"/>
<path d="M798.97 292.08C791.411 292.08 783.784 292.08 776.295 291.388C762.552 290.211 754.856 281.903 753.482 268.056C752.863 261.409 753.345 214.192 753.345 207.13C763.583 207.13 773.89 207.13 784.471 207.13C784.471 197.437 784.471 188.16 784.471 178.536C774.096 178.536 763.789 178.536 753.138 178.536C753.138 140.042 753.138 140.706 753.138 102.351C741.182 102.351 729.639 102.351 717.751 102.351C717.751 140.568 717.751 139.973 717.751 178.536C708.475 178.536 699.817 178.536 690.885 178.536C690.885 188.021 690.885 197.299 690.885 206.922C699.68 206.922 708.406 206.922 717.683 206.922C717.683 209.899 717.683 252.963 717.683 255.525C717.683 266.325 718.232 277.126 721.531 287.511C728.471 309.458 743.45 321.643 765.919 324.689C768.874 325.105 771.828 325.382 774.783 325.382C782.822 325.382 790.862 325.382 798.97 325.382V292.08Z" fill="white"/>
<path d="M27.9379 54.9974C42.8822 54.9974 54.997 42.8827 54.997 27.9384C54.997 12.9941 42.8822 0.879395 27.9379 0.879395C12.9936 0.879395 0.878906 12.9941 0.878906 27.9384C0.878906 42.8827 12.9936 54.9974 27.9379 54.9974Z" fill="#63C740"/>
<path d="M109.116 54.9974C124.06 54.9974 136.175 42.8827 136.175 27.9384C136.175 12.9941 124.06 0.879395 109.116 0.879395C94.1714 0.879395 82.0566 12.9941 82.0566 27.9384C82.0566 42.8827 94.1714 54.9974 109.116 54.9974Z" fill="#5CABDF"/>
<path d="M190.291 54.9974C205.236 54.9974 217.35 42.8827 217.35 27.9384C217.35 12.9941 205.236 0.879395 190.291 0.879395C175.347 0.879395 163.232 12.9941 163.232 27.9384C163.232 42.8827 175.347 54.9974 190.291 54.9974Z" fill="#D66C7B"/>
<path d="M27.9379 136.175C42.8822 136.175 54.997 124.06 54.997 109.116C54.997 94.1714 42.8822 82.0566 27.9379 82.0566C12.9936 82.0566 0.878906 94.1714 0.878906 109.116C0.878906 124.06 12.9936 136.175 27.9379 136.175Z" fill="#C98DEF"/>
<path d="M109.116 136.175C124.06 136.175 136.175 124.06 136.175 109.116C136.175 94.1714 124.06 82.0566 109.116 82.0566C94.1714 82.0566 82.0566 94.1714 82.0566 109.116C82.0566 124.06 94.1714 136.175 109.116 136.175Z" fill="#FAA669"/>
<path d="M27.9379 217.351C42.8822 217.351 54.997 205.237 54.997 190.292C54.997 175.348 42.8822 163.233 27.9379 163.233C12.9936 163.233 0.878906 175.348 0.878906 190.292C0.878906 205.237 12.9936 217.351 27.9379 217.351Z" fill="#3AEFC4"/>
</svg>

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

+25
View File
@@ -0,0 +1,25 @@
parasails.registerPage('press-kit', {
// ╦╔╗╔╦╔╦╗╦╔═╗╦ ╔═╗╔╦╗╔═╗╔╦╗╔═╗
// ║║║║║ ║ ║╠═╣║ ╚═╗ ║ ╠═╣ ║ ║╣
// ╩╝╚╝╩ ╩ ╩╩ ╩╩═╝ ╚═╝ ╩ ╩ ╩ ╩ ╚═╝
data: {
//…
},
// ╦ ╦╔═╗╔═╗╔═╗╦ ╦╔═╗╦ ╔═╗
// ║ ║╠╣ ║╣ ║ ╚╦╝║ ║ ║╣
// ╩═╝╩╚ ╚═╝╚═╝ ╩ ╚═╝╩═╝╚═╝
beforeMount: function() {
//…
},
mounted: async function() {
//…
},
// ╦╔╗╔╔╦╗╔═╗╦═╗╔═╗╔═╗╔╦╗╦╔═╗╔╗╔╔═╗
// ║║║║ ║ ║╣ ╠╦╝╠═╣║ ║ ║║ ║║║║╚═╗
// ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝
methods: {
//…
}
});
+1
View File
@@ -50,3 +50,4 @@
@import 'pages/handbook/basic-handbook.less';
@import 'pages/transparency.less';
@import 'pages/press-kit.less';
+45
View File
@@ -0,0 +1,45 @@
#press-kit {
p {
font-size: 14px;
font-family: 'Nunito Sans', sans-serif;
}
h1, h2 {
padding-top: 80px;
}
hr {
border-image-width: 2px;
color: @core-vibrant-blue-15;
margin-top: 80px;
}
a {
color: @core-vibrant-blue;
vertical-align: middle;
font-size: 14px;
}
.download-arrow {
height: 16px;
width: 16px;
margin-right: 6px;
display: inline;
margin-bottom: 4px;
}
.download-link {
vertical-align: baseline;
}
.preview-image {
max-width: 400px;
}
@media (max-width: 576px) {
hr {
margin-top: 20px;
}
.preview-image {
max-width: 100%;
}
}
}
+1
View File
@@ -30,5 +30,6 @@ module.exports.policies = {
'handbook/*': true,
'download-sitemap': true,
'view-transparency': true,
'view-press-kit': true,
};
+1
View File
@@ -17,6 +17,7 @@ module.exports.routes = {
'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 /queries': { action: 'view-query-library' },
'GET /queries/:slug': { action: 'view-query-detail' },
+2
View File
@@ -134,6 +134,7 @@
<a href="/blog" class="d-block pr-lg-4 pb-4">Blog</a>
<a href="/apply" class="d-block pr-lg-4 pb-4">Jobs</a>
<a href="/docs/contributing" class="d-block pr-lg-4 pb-4">Contribute</a>
<a href="/press-kit" class="d-block pr-lg-4 pb-4">Press Kit</a>
<a href="/hall-of-fame" class="d-block pb-4">Hall of fame</a>
</div>
@@ -229,6 +230,7 @@
<script src="/js/pages/homepage.page.js"></script>
<script src="/js/pages/legal/privacy.page.js"></script>
<script src="/js/pages/legal/terms.page.js"></script>
<script src="/js/pages/press-kit.page.js"></script>
<script src="/js/pages/pricing.page.js"></script>
<script src="/js/pages/query-detail.page.js"></script>
<script src="/js/pages/query-library.page.js"></script>
+64
View File
@@ -0,0 +1,64 @@
<div id="press-kit" v-cloak>
<div style="max-width: 900px;" class="container-fluid px-3 px-sm-5 py-0">
<div class="text-center">
<h1>Fleet brand & press kit</h1>
<p>Download official Fleet logos, product screenshots, and wallpapers.</p>
</div>
<h2>Logo</h2>
<p>Download the official Fleet logos.</p>
<div class="row d-flex text-center">
<div class="col-lg-6 pb-lg-0 pb-5 col-12">
<div class="m-lg-auto float-sm-left">
<img class="preview-image" src="/images/press-kit/press-kit-fleet-logo-dark-preview-600x336@2x.png" alt="Fleet logo with white text">
<div style="padding-top: 16px;">
<a href="/images/press-kit/fleet-logo-dark.svg" download>SVG</a><span class="px-2">|</span><a href="/images/press-kit/fleet-logo-dark-rgb.png" download>PNG</a>
</div>
</div>
</div>
<div class="w-sm-100"></div>
<div class="col-lg-6 col-12 pb-lg-0 pb-5">
<div class="m-lg-auto float-sm-left">
<img class="preview-image" src="/images/press-kit/press-kit-fleet-logo-white-preview-600x336@2x.png" alt="Fleet logo with dark blue text">
<div style="padding-top: 16px;">
<a href="/images/press-kit/fleet-logo-white.svg" download>SVG</a><span class="px-2">|</span><a href="/images/press-kit/fleet-logo-white-rgb.png" download>PNG</a>
</div>
</div>
</div>
</div>
<hr>
<h2>Media resources</h2>
<p>Download screenshots of our product.</p>
<div class="row d-flex text-center">
<div class="col-lg-6 col">
<div class="m-auto float-sm-left">
<img class="preview-image" src="/images/press-kit/press-kit-fleet-screenshots-preview-600x336@2x.png" alt="A preview of Fleet screenshots">
<div style="margin: auto; padding-top: 16px;">
<a href="/images/press-kit/Fleet-screenshots.zip" download="Fleet Screenshots" target="_blank" class="btn btn-link align-items-center p-0"><img class="download-arrow" src="/images/arrow-down-16x16@2x.png" alt="a purple arrow pointing down"><span class="download-link">Download screenshots</span></a>
</div>
</div>
</div>
</div>
<hr>
<h2>Wallpapers</h2>
<p>Download Fleet and osquery wallpaper for your devices.</p>
<div class="row d-flex text-center">
<div class="col-lg-6 col">
<div class="m-auto float-sm-left">
<img class="preview-image" src="/images/press-kit/press-kit-fleet-wallpaper-preview-600x336@2x.png" alt="a preview of a fleet desktop wallpaper">
<div style="margin: auto; padding-top: 16px;">
<a href="/images/press-kit/fleet-wallpapers.zip" download="Fleet wallpapers" target="_blank" class="btn btn-link align-items-center p-0"><img class="download-arrow" src="/images/arrow-down-16x16@2x.png" alt="a purple arrow pointing down"><span class="download-link">Download Fleet wallpapers</span></a>
</div>
</div>
</div>
</div>
<hr>
<div style="padding-bottom: 80px">
<h2 style="padding-bottom: 24px;">Press release boilerplate</h2>
<p>Fleet and osquery make it easy for big companies with bazillions of devices to manage all of their laptops and servers. With any operating system (Linux, macOS, Windows). In any environment (AWS, GCP, Jamf, Chef, Puppet, etc).</p>
<p>Fleet is open source software. It's easy to get started quickly, easy to deploy, and it even comes with an enterprise-friendly free tier available under the MIT license.</p>
<p>IT and security teams love Fleet because of its flexibility and conventions. Instead of secretly collecting as much data as possible, Fleet defaults to privacy and transparency, capturing only the data your organization actually needs to meet its compliance, security, and management goals, with clearly-defined, flexible limits.</p>
<p>That means better privacy. Better device performance. And better data, with less noise.</p>
</div>
</div>
</div>
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>
-19
View File
@@ -248,25 +248,6 @@
/>
</div>
</div>
<div class="row mb-3">
<div class="col-8 d-flex">
<img
alt="a bullet point ellipse"
src="/images/ellipse-6x6@2x.png"
style="width: 6px; height: 6px; margin-top: 09.6px"
/>
<p class="ml-2 my-0">Dedicated Slack channel</p>
</div>
<div class="col-2"></div>
<div class="col-2">
<img
alt="a check mark"
class="mx-auto"
src="/images/check-16x16@2x.png"
style="width: 16px; height: 16px"
/>
</div>
</div>
<div class="row mb-4 mt-5">
<div class="col-8">
<p class="m-0" style="color: #8b8fa2">