diff --git a/website/assets/images/logo-creative-commons-80x15@2x.png b/website/assets/images/logo-creative-commons-80x15@2x.png new file mode 100644 index 0000000000..1d5c817558 Binary files /dev/null and b/website/assets/images/logo-creative-commons-80x15@2x.png differ diff --git a/website/assets/images/logo-youtube-57x40@2x.png b/website/assets/images/logo-youtube-57x40@2x.png new file mode 100644 index 0000000000..1068199548 Binary files /dev/null and b/website/assets/images/logo-youtube-57x40@2x.png differ diff --git a/website/assets/styles/layout.less b/website/assets/styles/layout.less index 0159c49f7b..ca71021918 100644 --- a/website/assets/styles/layout.less +++ b/website/assets/styles/layout.less @@ -1,4 +1,4 @@ -@footer-height: 222px; +@footer-height: 280px; @container-md-max-width: 1100px; [v-cloak] { display: none; } @@ -192,12 +192,22 @@ html, body { position: absolute; left: 0px; bottom: 0px; - // padding-top: 63px; a { color: white; } + [purpose='footer-container'] { + padding-left: 40px; + padding-right: 40px; + padding-bottom: 70px; + padding-top: 60px; + } + + [purpose='footer-nav'] { + display: flex; + flex-direction: row; + } } body.detected-mobile { @@ -216,25 +226,38 @@ body.detected-mobile { @media (max-width: 1199px) { [purpose='page-wrap'] { - padding-bottom: 260px; + padding-bottom: 404px; + [purpose='page-footer'] { - height: 260px; + height: 404px; + + [purpose='footer-container'] { + padding-bottom: 40px; + } } } } @media (max-width: 767px) { [purpose='page-wrap'] { - padding-bottom: 380px; + padding-bottom: 518px; + [purpose='page-footer'] { - padding-top: 44px; - height: 380px; + height: 518px; } } } -@media (max-width: 300px) { - [purpose='join-the-community-on-slack-expanded-text'] { - display: none; +@media (max-width: 500px) { + [purpose='page-wrap'] { + padding-bottom: 728px; + + [purpose='page-footer'] { + height: 728px; + + [purpose='footer-nav'] { + display: block; + } + } } } diff --git a/website/config/routes.js b/website/config/routes.js index 520e899f1f..540e0a35ee 100644 --- a/website/config/routes.js +++ b/website/config/routes.js @@ -42,10 +42,10 @@ module.exports.routes = { } }, - 'GET /press-kit': { + 'GET /logos': { action: 'view-press-kit', locals:{ - pageTitleForMeta: 'Press kit | Fleet for osquery', + pageTitleForMeta: 'Logos | Fleet for osquery', pageDescriptionForMeta: 'Download Fleet logos, wallpapers, and screenshots.' } }, diff --git a/website/views/layouts/layout.ejs b/website/views/layouts/layout.ejs index d5fed1a121..79188e5b13 100644 --- a/website/views/layouts/layout.ejs +++ b/website/views/layouts/layout.ejs @@ -124,51 +124,62 @@ <%- body %>
-
-
+
+
+