From 6d74cf200f3f63c99567fa12c81ceb648118b39e Mon Sep 17 00:00:00 2001 From: 35C4n0r Date: Sat, 4 Nov 2023 16:42:32 +0530 Subject: [PATCH 01/14] feat: add a new footer which replaces the existing one - The footer data and links are stored in hugo.toml - css has been added to _content_projects.scss. - Breakpoints have been added. Signed-off-by: Jay --- assets/scss/_content_project.scss | 499 +++++++++++++++++++++++++++++- hugo.toml | 159 ++++++++-- layouts/partials/footer.html | 88 ++++++ 3 files changed, 711 insertions(+), 35 deletions(-) create mode 100644 layouts/partials/footer.html diff --git a/assets/scss/_content_project.scss b/assets/scss/_content_project.scss index 02f6fb1a..039db1ad 100644 --- a/assets/scss/_content_project.scss +++ b/assets/scss/_content_project.scss @@ -109,4 +109,501 @@ h1, h2, h3, h4, h5, h6 { @include media-breakpoint-up(sm) { font-size: 3rem; } - } \ No newline at end of file + } + +.footer { + background-color: $black; + color: white; + line-height: 28px; + padding: 2.5rem 3rem 1.5rem; + z-index: 100; + + + h5 { + font-weight: 300; + font-family: $td-fonts-serif; + } + + .d-header { + height: 6rem; + background-color: #f3fffd; + } + + .custom-header-links { + .headerLink { + a { + --font-up-1: 15px; + margin: 0 10px; + color: red; + + &:hover { + color: $secondary; + } + } + } + } + + .search-widget { + display: none; + } + + .custom-search-banner { + margin: -1em 0 2em 0; + background-color: $primary; + + .custom-search-banner-wrap { + max-height: 250px; + padding-top: 4em; + + h1 { + color: white; + font-size: 50px; + } + + p { + color: white; + font-size: 28px; + margin: 1rem 0 3rem 0; + } + } + } + + .list-controls { + .combo-box { + .combo-box-header { + border: none; + font-size: 1.25em; + text-transform: capitalize; + } + } + } + + .select-kit.combo-box { + .select-kit-header { + border: none; + font-size: 1.25em; + } + } + + .categories-and-latest { + div.column.categories { + flex: 1 1 55%; + } + + div.column { + flex: 0 1 40%; + } + } + + .category-list { + border-collapse: separate; + border-spacing: 0 1em; + + thead { + display: none; + } + + tr { + display: flex; + box-sizing: border-box; + padding: 1em; + margin-bottom: 2.5em; + border: none; + background: #fbfbfd; + } + + tbody { + .category { + border: none; + + .category-logo.aspect-image { + --max-height: 75px; + max-width: 90px; + height: auto; + } + } + } + } + + .latest-topic-list-item { + border-bottom: none; + margin-bottom: 20px; + } + + .table-heading { + border-bottom: none; + } + + .latest-topic-list-item.visited { + a.title { + &:not(.badge-notification) { + color: $dark; + } + } + } + + .latest-topic-list { + .table-heading { + margin-left: 10px; + color: $dark; + font-size: 20px; + } + } + + .twiiter-sidebar { + margin-top: 20px; + } + + .container { + max-width: 90%; + margin: auto; + } + + .footer { + background-color: $dark; + z-index: 100; + color: white; + line-height: 28px; + //padding: 0rem 0rem 1.5rem; + + h5 { + font-weight: 300; + font-family: $td-fonts-serif; + } + } + + .row { + width: 100%; + } + + .footer-top { + display: flex; + margin-bottom: 1rem; + } + + .footer-info { + display: flex; + flex-wrap: nowrap; + justify-content: space-between; + align-items: flex-start; + } + + .footer-info2 { + display: flex; + flex-direction: column; + } + + .col-lg-6 { + width: 50%; + } + + .footer-logo { + margin-left: -10px; + max-width: 200px; + height: auto; + } + + .col-lg-3 { + width: 22%; + } + + .col-lg-9 { + display: flex; + flex-direction: column; + } + + .footer-desc { + padding-right: 1rem; + font-style: italic; + font-weight: 100; + font-size: 16px; + color: $body-color; + } + + .section-title { + font-size: 1.25rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.8); + --heading-font-family: "Qanelas Soft", "Open Sans", sans-serif; + } + + .footer-h5 { + padding: 0px; + font-size: 1rem; + margin-top: 10px; + color: $body-color; + } + + .footer-sections { + flex: auto; + padding: 0 1rem; + //margin-top: 15px; + + a { + color: white; + //color: $color_7; + + &:hover { + color: $primary; + } + } + } + + .footer-icons { + justify-content: flex-end; + + img { + padding: 0.1rem; + height: 30px; + width: 32px; + } + + a { + padding-right: 15px; + filter: grayscale(1) invert(0.25); + + &:hover { + filter: grayscale(0) invert(0); + } + } + } + + .github { + a { + &:hover { + filter: brightness(100%); + } + } + } + + .footer-resources { + margin-left: 60px; + } + + .subscribe { + margin: 3rem 0px 2rem 0px; + + p { + margin-bottom: 0; + } + + .footer-end { + display: flex; + align-items: flex-end; + justify-content: flex-end; + } + + form { + margin: 0; + } + } + + input.footer-input { + padding: 1rem; + margin-right: 0.25rem; + width: 20rem; + height: 3.5rem; + border: 0.5px solid white; + background: transparent; + border-radius: 0.5rem; + outline: none; + color: white; + + &:focus { + padding: 1rem; + margin-right: 0.25rem; + width: 24rem; + height: 3.5rem; + border: 0.5px solid white; + background: transparent; + border-radius: 0.5rem; + outline-width: 0; + color: white; + } + } + + .footer-button { + height: 3.5rem; + background: $primary; + width: 160px; + border-radius: 0.25rem; + border: none; + } + + .footer-hr { + color: white; + margin: 0; + } + + .footer-bottom { + p { + margin: 0 0 1rem; + font-size: 0.8rem; + } + + a { + color: white; + } + } + + .footer-bottom-left { + float: left; + } + + .footer-bottom-right { + float: right; + } + + /* Media Query for Mobile */ + @media (max-width: 480px) { + .footer-info { + flex-wrap: wrap !important; + justify-content: center !important; + } + .footer-resources { + margin: 0 !important; + } + .footer-sections { + padding: 20px !important; + } + .col-lg-3 { + width: 100% !important; + } + .footer-desc { + padding: 0px 10px 0px 10px !important; + text-align: center !important; + } + .col-lg-9 { + width: 100% !important; + } + .footer-top { + flex-direction: column-reverse !important; + } + .col-lg-6 { + width: 100% !important; + text-align: center !important; + } + .footer-icons { + justify-content: center !important; + } + .footer-logo { + padding: 10px 10px 0px 10px !important; + } + .subscribe { + justify-content: center !important; + } + input.footer-input { + width: 13rem !important; + } + .footer-button { + width: 120px !important; + } + .footer-bottom-right { + margin: 1.5% !important; + } + .footer-bottom-left { + padding: 2% !important; + } + } + + /* Media Query for low resolution Tablets, Ipads */ + @media (min-width: 481px) and (max-width: 767px) { + .footer-info { + flex-wrap: wrap !important; + } + .footer-resources { + margin: 0 !important; + } + .footer-sections { + padding: 20px !important; + } + .col-lg-3 { + width: 100% !important; + } + .footer-desc { + padding: 0px 10px 0px 10px !important; + text-align: center !important; + } + .col-lg-9 { + width: 100% !important; + } + .footer-top { + flex-direction: column-reverse !important; + } + .col-lg-6 { + width: 100% !important; + text-align: center !important; + } + .footer-icons { + justify-content: center !important; + } + .footer-logo { + padding: 10px 10px 0px 10px !important; + } + .subscribe { + justify-content: center !important; + } + input.footer-input { + width: 13rem !important; + } + .footer-button { + width: 120px !important; + } + .footer-bottom-right { + margin: 1.5% !important; + } + .footer-bottom-left { + padding: 2% !important; + } + } + + /* Media Query for Tablets Ipads portrait mode */ + @media (min-width: 768px) and (max-width: 1024px) { + .footer-info { + flex-wrap: wrap !important; + justify-content: center !important; + } + .footer-resources { + margin: 0 !important; + } + .footer-sections { + padding: 20px !important; + } + .footer-sections a { + font-weight: 400; + } + .col-lg-3 { + width: 100% !important; + } + .footer-desc { + padding: 0px 10px 0px 10px !important; + text-align: center !important; + } + .footer-top { + flex-direction: column-reverse !important; + } + .col-lg-6 { + width: 100% !important; + text-align: center !important; + } + .footer-icons { + justify-content: center !important; + } + .footer-logo { + padding: 10px 10px 0px 10px !important; + } + .subscribe { + justify-content: center !important; + } + .footer-button { + width: 120px !important; + } + .footer-bottom-right { + margin: 1.5% !important; + } + .footer-bottom-left { + padding: 2% !important; + } + } + +} \ No newline at end of file diff --git a/hugo.toml b/hugo.toml index dcd14a25..57ad6135 100644 --- a/hugo.toml +++ b/hugo.toml @@ -62,7 +62,7 @@ id = "UA-00000000-0" [languages] [languages.en] -languageName ="English" +languageName = "English" # Weight used for sorting. weight = 1 [languages.en.params] @@ -123,7 +123,7 @@ github_project_repo = "https://github.com/layer5io/docs" # Uncomment this if your GitHub repo does not have "main" as the default branch, # or specify a new value if you want to reference another branch in your GitHub links -github_branch= "master" +github_branch = "master" # Google Custom Search Engine ID. Remove or comment out to disable search. gcs_engine_id = "f475448a7bc1d43a4" @@ -177,38 +177,129 @@ no = 'Sorry to hear that. Please +
+
+
+ + + +
+
+ + {{ range .Site.Params.links.footer.icons }} + + + + {{ end }} +
+
+
+
+

An empowerer of engineers, Layer5 helps you extract more value from your infrastructure. Creator and + maintainer of cloud naative standards. Maker of Meshery, the cloud native manager.

+
+ +
+
+ +
+

RESOURCES

+ {{ range .Site.Params.links.footer.resources.items }} +
{{ .name }}
+ {{ end }} +
+ + +
+

COMMUNITY

+ {{ range .Site.Params.links.footer.community.items }} +
{{ .name }}
+ {{ end }} +
+ + +
+

SOLUTIONS

+ {{ range .Site.Params.links.footer.projects.items }} +
{{ .name }}
+ {{ end }} +
+ + +
+

COMPANY

+ {{ range .Site.Params.links.footer.company.items }} +
{{ .name }}
+ {{ end }} +
+
+ +
+
+
+
+
+

+ + Copyright ©Layer5, Inc | All Rights Reserved +

+
+
+

Privacy   Terms

+
+
+
+ \ No newline at end of file From f5fbf5e773a0da70f0c80aa1d85972ab844450cc Mon Sep 17 00:00:00 2001 From: 35C4n0r Date: Sat, 4 Nov 2023 17:16:26 +0530 Subject: [PATCH 02/14] update: remove unnecessary div after footer - made the subscribe section more responsive. - centered all the items. Signed-off-by: Jay --- assets/scss/_content_project.scss | 7 ++++++- layouts/partials/footer.html | 2 -- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/assets/scss/_content_project.scss b/assets/scss/_content_project.scss index 039db1ad..76f88127 100644 --- a/assets/scss/_content_project.scss +++ b/assets/scss/_content_project.scss @@ -117,6 +117,10 @@ h1, h2, h3, h4, h5, h6 { line-height: 28px; padding: 2.5rem 3rem 1.5rem; z-index: 100; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; h5 { @@ -496,7 +500,8 @@ h1, h2, h3, h4, h5, h6 { width: 13rem !important; } .footer-button { - width: 120px !important; + margin-top: 5px; + width: 7.5rem !important; } .footer-bottom-right { margin: 1.5% !important; diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index d1da198a..e5097d8c 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,5 +1,4 @@ \ No newline at end of file From 5eba29d13fd297b7a8be8d5c0e906614396b2232 Mon Sep 17 00:00:00 2001 From: 35C4n0r Date: Sun, 5 Nov 2023 00:35:39 +0530 Subject: [PATCH 03/14] update: update to new logo Signed-off-by: Jay --- assets/scss/_content_project.scss | 3 ++- layouts/partials/footer.html | 4 ++-- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/assets/scss/_content_project.scss b/assets/scss/_content_project.scss index 76f88127..223fc379 100644 --- a/assets/scss/_content_project.scss +++ b/assets/scss/_content_project.scss @@ -299,11 +299,12 @@ h1, h2, h3, h4, h5, h6 { .col-lg-6 { width: 50%; + padding: 15px; } .footer-logo { margin-left: -10px; - max-width: 200px; + max-width: 300px; height: auto; } diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index e5097d8c..84b0c82d 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -2,8 +2,8 @@
- + {{ $svg := resources.Get "icons/logo.svg" }} +
From a51ba8debbfb58ef44eba7e139731715d5398d54 Mon Sep 17 00:00:00 2001 From: 35C4n0r Date: Sun, 5 Nov 2023 09:47:38 +0530 Subject: [PATCH 04/14] feat: add new scrollbar to match the theme Signed-off-by: Jay --- assets/scss/_content_project.scss | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/assets/scss/_content_project.scss b/assets/scss/_content_project.scss index 223fc379..34914819 100644 --- a/assets/scss/_content_project.scss +++ b/assets/scss/_content_project.scss @@ -612,4 +612,27 @@ h1, h2, h3, h4, h5, h6 { } } +} + +/* width */ +::-webkit-scrollbar { + width: 8px; + background-color: transparent; +} + +/* Track */ +::-webkit-scrollbar-track { + border-radius: 10px; + background-color: transparent; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: $primary; + border-radius: 10px; +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: $secondary; } \ No newline at end of file From f80b8da82022a5e8ce442d8408f23530060f73a6 Mon Sep 17 00:00:00 2001 From: 35C4n0r Date: Mon, 6 Nov 2023 08:00:58 +0530 Subject: [PATCH 05/14] feat: replace font awesome icons with svg - The SVGs are stored in hugo.toml in URI base64 format. Signed-off-by: Jay --- assets/scss/_content_project.scss | 10 ++++------ hugo.toml | 23 ++++++++++------------- layouts/partials/footer.html | 4 ++-- 3 files changed, 16 insertions(+), 21 deletions(-) diff --git a/assets/scss/_content_project.scss b/assets/scss/_content_project.scss index 34914819..09e35e43 100644 --- a/assets/scss/_content_project.scss +++ b/assets/scss/_content_project.scss @@ -373,12 +373,10 @@ h1, h2, h3, h4, h5, h6 { } } - .github { - a { - &:hover { - filter: brightness(100%); - } - } + .social-icon{filter: grayscale(0) invert(0.38) !important; + } + .social-icon:hover{ + filter: grayscale(0) invert(1) !important; } .footer-resources { diff --git a/hugo.toml b/hugo.toml index 57ad6135..1e5741d3 100644 --- a/hugo.toml +++ b/hugo.toml @@ -180,47 +180,44 @@ enable = false [[params.links.footer.icons]] name = "User mailing list" url = "https://layer5.io/subscribe" - icon = "fa fa-envelope" + icon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0iTGF5ZXJfMSIgeD0iMCIgeT0iMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjY1LjUgMTk5IiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNjUuNSAxOTkiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiMwMGIzOWZ9PC9zdHlsZT48cGF0aCBkPSJNMjYwLjQsNjUuN2MyLTEuNiw1LTAuMSw1LDIuNHYxMDZjMCwxMy43LTExLjEsMjQuOS0yNC45LDI0LjlIMjQuOUMxMS4yLDE5OSwwLDE4Ny45LDAsMTc0LjF2LTEwNgljMC0yLjYsMy00LDUtMi40YzExLjYsOSwyNywyMC41LDc5LjksNTguOWMxMC45LDgsMjkuNCwyNC44LDQ3LjgsMjQuN2MxOC41LDAuMiwzNy4zLTE3LDQ3LjgtMjQuNwlDMjMzLjQsODYuMiwyNDguOCw3NC43LDI2MC40LDY1Ljd6IE0xMzIuNywxMzIuN2MxMiwwLjIsMjkuMy0xNS4xLDM4LjEtMjEuNWM2OC44LTQ5LjksNzQtNTQuMyw4OS45LTY2LjdjMy0yLjMsNC44LTYsNC44LTkuOHYtOS44CWMwLTEzLjctMTEuMS0yNC45LTI0LjktMjQuOUgyNC45QzExLjIsMCwwLDExLjEsMCwyNC45djkuOGMwLDMuOCwxLjgsNy40LDQuOCw5LjhjMTUuOSwxMi40LDIxLjEsMTYuOCw4OS45LDY2LjcJQzEwMy40LDExNy41LDEyMC43LDEzMi45LDEzMi43LDEzMi43TDEzMi43LDEzMi43eiIgY2xhc3M9InN0MCIvPjwvc3ZnPg==" desc = "Discussion and help from your fellow users" [[params.links.footer.icons]] name = "Twitter" url = "https://twitter.com/layer5" - icon = "fab fa-twitter" + icon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iY3VycmVudENvbG9yIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGQ9Ik0zODkuMiA0OGg3MC42TDMwNS42IDIyNC4yIDQ4NyA0NjRIMzQ1TDIzMy43IDMxOC42IDEwNi41IDQ2NEgzNS44bDE2NC45LTE4OC41TDI2LjggNDhoMTQ1LjZsMTAwLjUgMTMyLjlMMzg5LjIgNDh6bS0yNC44IDM3My44aDM5LjFMMTUxLjEgODhoLTQybDI1NS4zIDMzMy44eiI+PC9wYXRoPjwvc3ZnPg==" desc = "Follow us on Twitter to get the latest news!" + class= "social-icon" [[params.links.footer.icons]] name = "Discussion Forum" url = "https://discuss.layer5.io" - icon = "fab fa-stack-overflow" + icon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTEgMTA0IDEwNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMyMzFmMjA7fS5jbHMtMntmaWxsOiNmZmY5YWU7fS5jbHMtM3tmaWxsOiMwMGFlZWY7fS5jbHMtNHtmaWxsOiMwMGE5NGY7fS5jbHMtNXtmaWxsOiNmMTVkMjI7fS5jbHMtNntmaWxsOiNlMzFiMjM7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5EaXNjb3Vyc2VfbG9nbzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiPjxnIGlkPSJMYXllcl8zIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MS44NywwQzIzLjcxLDAsMCwyMi44MywwLDUxYzAsLjkxLDAsNTIuODEsMCw1Mi44MWw1MS44Ni0uMDVjMjguMTYsMCw1MS0yMy43MSw1MS01MS44N1M4MCwwLDUxLjg3LDBaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNTIuMzcsMTkuNzRBMzEuNjIsMzEuNjIsMCwwLDAsMjQuNTgsNjYuNDFsLTUuNzIsMTguNEwzOS40LDgwLjE3YTMxLjYxLDMxLjYxLDAsMSwwLDEzLTYwLjQzWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTc3LjQ1LDMyLjEyYTMxLjYsMzEuNiwwLDAsMS0zOC4wNSw0OEwxOC44Niw4NC44MmwyMC45MS0yLjQ3QTMxLjYsMzEuNiwwLDAsMCw3Ny40NSwzMi4xMloiLz48cGF0aCBjbGFzcz0iY2xzLTQiIGQ9Ik03MS42MywyNi4yOUEzMS42LDMxLjYsMCwwLDEsMzguOCw3OEwxOC44Niw4NC44MiwzOS40LDgwLjE3QTMxLjYsMzEuNiwwLDAsMCw3MS42MywyNi4yOVoiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Ik0yNi40Nyw2Ny4xMWEzMS42MSwzMS42MSwwLDAsMSw1MS0zNUEzMS42MSwzMS42MSwwLDAsMCwyNC41OCw2Ni40MWwtNS43MiwxOC40WiIvPjxwYXRoIGNsYXNzPSJjbHMtNiIgZD0iTTI0LjU4LDY2LjQxQTMxLjYxLDMxLjYxLDAsMCwxLDcxLjYzLDI2LjI5YTMxLjYxLDMxLjYxLDAsMCwwLTQ5LDM5LjYzbC0zLjc2LDE4LjlaIi8+PC9nPjwvZz48L3N2Zz4=" desc = "Practical questions and curated answers" [[params.links.footer.icons]] name = "GitHub" url = "https://github.com/layer5io" - icon = "fab fa-github" + icon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0iTGF5ZXJfMSIgeD0iMCIgeT0iMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjc0LjEgMjY3LjMiIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI3NC4xIDI2Ny4zIj48cGF0aCBkPSJNMTM3LjEsMEM2MS40LDAsMCw2MS4zLDAsMTM2LjlDMCwxOTYsMzcuOCwyNDguNCw5My44LDI2N2M2LjgsMS4zLDkuMy0zLDkuMy02LjZjMC0zLjMtMC4xLTExLjktMC4yLTIzLjMJYy0zOC4xLDguMy00Ni4xLTE4LjQtNDYuMS0xOC40Yy02LjItMTUuOC0xNS4yLTIwLTE1LjItMjBjLTEyLjQtOC41LDAuOS04LjMsMC45LTguM2MxMy43LDEsMjEsMTQuMSwyMSwxNC4xCWMxMi4yLDIwLjksMzIuMSwxNC45LDM5LjksMTEuNGMxLjItOC45LDQuOC0xNC45LDguNy0xOC4zYy0zMC40LTMuNS02Mi40LTE1LjItNjIuNC02Ny43Yy0wLjItMTMuNiw0LjgtMjYuOCwxNC4xLTM2LjgJYy0xLjQtMy41LTYuMS0xNy40LDEuMy0zNi4zYzAsMCwxMS41LTMuNywzNy43LDE0YzExLjItMy4xLDIyLjctNC42LDM0LjMtNC42YzExLjYsMC4xLDIzLjEsMS42LDM0LjMsNC42CWMyNi4yLTE3LjcsMzcuNi0xNCwzNy42LTE0YzcuNSwxOC45LDIuOCwzMi44LDEuNCwzNi4zYzkuMywxMCwxNC4zLDIzLjIsMTQuMSwzNi44YzAsNTIuNi0zMiw2NC4yLTYyLjUsNjcuNgljNC45LDQuMiw5LjMsMTIuNiw5LjMsMjUuNGMwLDE4LjMtMC4yLDMzLjEtMC4yLDM3LjZjMCwzLjcsMi41LDcuOSw5LjQsNi42YzcxLjgtMjQsMTEwLjUtMTAxLjcsODYuNS0xNzMuNQlDMjQ4LjMsMzcuNywxOTYsMCwxMzcuMSwwTDEzNy4xLDB6Ii8+PC9zdmc+" desc = "Development takes place here" + class= "social-icon" [[params.links.footer.icons]] name = "Slack" url = "https://slack.layer5.io" - icon = "fab fa-slack" + icon = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtOC44NDMgMTIuNjUxYy0xLjM5MiAwLTIuNTIxIDEuMTI5LTIuNTIxIDIuNTIxdjYuMzA2YzAgMS4zOTIgMS4xMjkgMi41MjEgMi41MjEgMi41MjFzMi41MjEtMS4xMjkgMi41MjEtMi41MjF2LTYuMzA2Yy0uMDAxLTEuMzkyLTEuMTMtMi41MjEtMi41MjEtMi41MjF6IiBmaWxsPSIjZTkxZTYzIi8+PHBhdGggZD0ibS4wMTkgMTUuMTcyYzAgMS4zOTMgMS4xMyAyLjUyMyAyLjUyMyAyLjUyM3MyLjUyMy0xLjEzIDIuNTIzLTIuNTIzdi0yLjUyM2gtMi41MjFjLS4wMDEgMC0uMDAxIDAtLjAwMiAwLTEuMzkzIDAtMi41MjMgMS4xMy0yLjUyMyAyLjUyM3oiIGZpbGw9IiNlOTFlNjMiLz48cGF0aCBkPSJtOC44NDYtLjAwMWMtLjAwMSAwLS4wMDIgMC0uMDAzIDAtMS4zOTMgMC0yLjUyMyAxLjEzLTIuNTIzIDIuNTIzczEuMTMgMi41MjMgMi41MjMgMi41MjNoMi41MjF2LTIuNTIzYzAtLjAwMSAwLS4wMDMgMC0uMDA1LS4wMDEtMS4zOTEtMS4xMjgtMi41MTgtMi41MTgtMi41MTh6IiBmaWxsPSIjMDBiY2Q0Ii8+PHBhdGggZD0ibTIuNTI1IDExLjM3aDYuMzE4YzEuMzkzIDAgMi41MjMtMS4xMyAyLjUyMy0yLjUyM3MtMS4xMy0yLjUyMy0yLjUyMy0yLjUyM2gtNi4zMThjLTEuMzkzIDAtMi41MjMgMS4xMy0yLjUyMyAyLjUyM3MxLjEzIDIuNTIzIDIuNTIzIDIuNTIzeiIgZmlsbD0iIzAwYmNkNCIvPjxwYXRoIGQ9Im0yMS40NTcgNi4zMjNjLTEuMzkxIDAtMi41MTggMS4xMjctMi41MTggMi41MTh2LjAwNSAyLjUyM2gyLjUyMWMxLjM5MyAwIDIuNTIzLTEuMTMgMi41MjMtMi41MjNzLTEuMTMtMi41MjMtMi41MjMtMi41MjNjLS4wMDEgMC0uMDAyIDAtLjAwMyAweiIgZmlsbD0iIzRjYWY1MCIvPjxwYXRoIGQ9Im0xMi42NDEgMi41MjJ2Ni4zMjVjMCAxLjM5MiAxLjEyOSAyLjUyMSAyLjUyMSAyLjUyMXMyLjUyMS0xLjEyOSAyLjUyMS0yLjUyMXYtNi4zMjVjMC0xLjM5Mi0xLjEyOS0yLjUyMS0yLjUyMS0yLjUyMS0xLjM5MiAwLTIuNTIxIDEuMTI5LTIuNTIxIDIuNTIxeiIgZmlsbD0iIzRjYWY1MCIvPjxnIGZpbGw9IiNmZjk4MDAiPjxwYXRoIGQ9Im0xNy42ODIgMjEuNDc2YzAtMS4zOTItMS4xMjktMi41MjEtMi41MjEtMi41MjFoLTIuNTIxdjIuNTIzYy4wMDEgMS4zOTEgMS4xMjkgMi41MTkgMi41MjEgMi41MTlzMi41MjEtMS4xMjkgMi41MjEtMi41MjF6Ii8+PHBhdGggZD0ibTIxLjQ3OSAxMi42NDloLTYuMzE4Yy0xLjM5MyAwLTIuNTIzIDEuMTMtMi41MjMgMi41MjNzMS4xMyAyLjUyMyAyLjUyMyAyLjUyM2g2LjMxOGMxLjM5MyAwIDIuNTIzLTEuMTMgMi41MjMtMi41MjNzLTEuMTMtMi41MjMtMi41MjMtMi41MjN6Ii8+PC9nPjwvc3ZnPg==" desc = "Chat with other project developers" - [[params.links.footer.icons]] - name = "Developer mailing list" - url = "https://meshery.io/subscribe" - icon = "fa fa-envelope" - desc = "Discuss development issues around the project" [[params.links.footer.icons]] name = "LinkedIn" url = "https://www.linkedin.com/company/layer5" - icon = "fa-brands fa-linkedin" + icon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHg9IjAiIHk9IjAiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzA2OSIgZD0ibTQ3NS4wNzQyMTkgMGgtNDM4LjE0ODQzOGMtMjAuMzk0NTMxIDAtMzYuOTI1NzgxIDE2LjUzMTI1LTM2LjkyNTc4MSAzNi45MjU3ODF2NDM4LjE0ODQzOGMwIDIwLjM5NDUzMSAxNi41MzEyNSAzNi45MjU3ODEgMzYuOTI1NzgxIDM2LjkyNTc4MWg0MzguMTQ4NDM4YzIwLjM5NDUzMSAwIDM2LjkyNTc4MS0xNi41MzEyNSAzNi45MjU3ODEtMzYuOTI1Nzgxdi00MzguMTQ4NDM4YzAtMjAuMzk0NTMxLTE2LjUzMTI1LTM2LjkyNTc4MS0zNi45MjU3ODEtMzYuOTI1Nzgxem0tMjkzLjQ2NDg0NCAzODdoLTYyLjM0NzY1NnYtMTg3LjU3NDIxOWg2Mi4zNDc2NTZ6bS0zMS4xNzE4NzUtMjEzLjE4NzVoLS40MDYyNWMtMjAuOTIxODc1IDAtMzQuNDUzMTI1LTE0LjQwMjM0NC0zNC40NTMxMjUtMzIuNDAyMzQ0IDAtMTguNDA2MjUgMTMuOTQ1MzEzLTMyLjQxMDE1NiAzNS4yNzM0MzctMzIuNDEwMTU2IDIxLjMyODEyNiAwIDM0LjQ1MzEyNiAxNC4wMDM5MDYgMzQuODU5Mzc2IDMyLjQxMDE1NiAwIDE4LTEzLjUzMTI1IDMyLjQwMjM0NC0zNS4yNzM0MzggMzIuNDAyMzQ0em0yNTUuOTg0Mzc1IDIxMy4xODc1aC02Mi4zMzk4NDR2LTEwMC4zNDc2NTZjMC0yNS4yMTg3NS05LjAyNzM0My00Mi40MTc5NjktMzEuNTg1OTM3LTQyLjQxNzk2OS0xNy4yMjI2NTYgMC0yNy40ODA0NjkgMTEuNjAxNTYzLTMxLjk4ODI4MiAyMi44MDA3ODEtMS42NDg0MzcgNC4wMDc4MTMtMi4wNTA3ODEgOS42MDkzNzUtMi4wNTA3ODEgMTUuMjE0ODQ0djEwNC43NWgtNjIuMzQzNzVzLjgxNjQwNy0xNjkuOTc2NTYyIDAtMTg3LjU3NDIxOWg2Mi4zNDM3NXYyNi41NTg1OTRjOC4yODUxNTctMTIuNzgxMjUgMjMuMTA5Mzc1LTMwLjk2MDkzNyA1Ni4xODc1LTMwLjk2MDkzNyA0MS4wMTk1MzEgMCA3MS43NzczNDQgMjYuODA4NTkzIDcxLjc3NzM0NCA4NC40MjE4NzR6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIvPjwvZz48L3N2Zz4=" desc = "Discuss development issues around the project" [[params.links.footer.icons]] name = "YouTube" url = "https://www.youtube.com/channel/UCFL1af7_wdnhHXL1InzaMvA?sub_confirmation=1" - icon = "fa-brands fa-youtube" + icon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0iTGF5ZXJfMSIgeD0iMCIgeT0iMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDM1OC41IiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgMzU4LjUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOnJlZH0uc3Qxe2ZpbGw6I2ZmZn08L3N0eWxlPjxwYXRoIGQ9Ik01MDEuNSw1Ni4xYy01LjktMjEuOS0yMy4yLTM5LjItNDUuMS00NS4xQzQxNi4zLDAsMjU2LDAsMjU2LDBTOTUuNywwLDU1LjcsMTAuNQljLTIxLjUsNS45LTM5LjIsMjMuNi00NS4xLDQ1LjVDMCw5Ni4yLDAsMTc5LjIsMCwxNzkuMnMwLDgzLjUsMTAuNSwxMjMuMWM1LjksMjEuOSwyMy4yLDM5LjIsNDUuMSw0NS4xYzQwLjUsMTEsMjAwLjMsMTEsMjAwLjMsMTEJczE2MC4zLDAsMjAwLjMtMTAuNWMyMS45LTUuOSwzOS4yLTIzLjIsNDUuMS00NS4xQzUxMiwyNjIuNyw1MTIsMTc5LjcsNTEyLDE3OS43UzUxMi40LDk2LjIsNTAxLjUsNTYuMXoiIGNsYXNzPSJzdDAiLz48cGF0aCBkPSJNMjA1LDI1NmwxMzMuMy03Ni44TDIwNSwxMDIuNVYyNTZ6IiBjbGFzcz0ic3QxIi8+PC9zdmc+" desc = "Discuss development issues around the project" [[params.links.footer.icons]] name = "Docker" url = "https://hub.docker.com/u/layer5/" - icon = "fa-brands fa-docker" + icon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0iTGF5ZXJfMSIgeD0iMCIgeT0iMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDYwIDMyMi4xIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NjAgMzIyLjEiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiMwOTljZWN9PC9zdHlsZT48ZyBpZD0iX3gzOV83LWRvY2tlciI+PGc+PGc+PHJlY3Qgd2lkdGg9IjQ3LjUiIGhlaWdodD0iNDMuMiIgeD0iMjA0IiB5PSI1Mi4zIiBjbGFzcz0ic3QwIi8+PHJlY3Qgd2lkdGg9IjQ3LjUiIGhlaWdodD0iNDIuNyIgeD0iMjA0IiB5PSIxMDQuMSIgY2xhc3M9InN0MCIvPjxyZWN0IHdpZHRoPSI0Ny41IiBoZWlnaHQ9IjQzLjIiIHg9IjE0Ny45IiB5PSI1Mi4zIiBjbGFzcz0ic3QwIi8+PHJlY3Qgd2lkdGg9IjQ3LjUiIGhlaWdodD0iNDIuNyIgeD0iMjYwLjIiIHk9IjEwNC4xIiBjbGFzcz0ic3QwIi8+PHJlY3Qgd2lkdGg9IjQ3LjUiIGhlaWdodD0iNDMuNiIgeD0iMjA0IiBjbGFzcz0ic3QwIi8+PHJlY3Qgd2lkdGg9IjQ3LjUiIGhlaWdodD0iNDMuMiIgeD0iOTEuNyIgeT0iNTIuMyIgY2xhc3M9InN0MCIvPjxyZWN0IHdpZHRoPSI0Ny41IiBoZWlnaHQ9IjQyLjciIHg9IjE0Ny45IiB5PSIxMDQuMSIgY2xhc3M9InN0MCIvPjxwYXRoIGQ9Ik00NTAuNCwxMjQuMWMtMTAuNC03LTM0LjItOS41LTUyLjUtNmMtMi40LTE3LjItMTItMzIuMy0yOS41LTQ1LjhsLTEwLjEtNi43bC02LjcsMTAuMSBjLTEzLjIsMjAtMTYuOCw1Mi45LTIuNyw3NC42Yy02LjMsMy40LTE4LjUsOC0zNC44LDcuN0gxLjhjLTYuMywzNi41LDQuMiw4My45LDMxLjYsMTE2LjVDNjAsMzA2LDEwMCwzMjIuMSwxNTIuMywzMjIuMSBjMTEzLjEsMCwxOTYuOS01Mi4xLDIzNi0xNDYuOGMxNS40LDAuMyw0OC42LDAuMSw2NS42LTMyLjVjMS4xLTEuOCw0LjctOS41LDYuMS0xMi4zTDQ1MC40LDEyNC4xeiIgY2xhc3M9InN0MCIvPjxwb2x5Z29uIHBvaW50cz0iODMuMiAxMDQuMSA4My4xIDEwNC4xIDM1LjcgMTA0LjEgMzUuNyAxNDYuOCA4My4yIDE0Ni44IiBjbGFzcz0ic3QwIi8+PHJlY3Qgd2lkdGg9IjQ3LjUiIGhlaWdodD0iNDIuNyIgeD0iOTEuNyIgeT0iMTA0LjEiIGNsYXNzPSJzdDAiLz48L2c+PC9nPjwvZz48L3N2Zz4=" desc = "Discuss development issues around the project" [[params.links.footer.resources.items]] diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 84b0c82d..3956625e 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -9,8 +9,8 @@
{{ range .Site.Params.links.footer.icons }} - - + + {{ end }}
From 44c1105d1cfdebded35115343c1fcae6f479575e Mon Sep 17 00:00:00 2001 From: 35C4n0r Date: Mon, 6 Nov 2023 18:21:49 +0530 Subject: [PATCH 06/14] fix: fix the copyright positioning. Signed-off-by: Jay --- assets/scss/_content_project.scss | 18 ++++++++++-------- layouts/partials/footer.html | 12 ++++++------ 2 files changed, 16 insertions(+), 14 deletions(-) diff --git a/assets/scss/_content_project.scss b/assets/scss/_content_project.scss index 09e35e43..72a51503 100644 --- a/assets/scss/_content_project.scss +++ b/assets/scss/_content_project.scss @@ -434,12 +434,19 @@ h1, h2, h3, h4, h5, h6 { } .footer-hr { + width: 100%; color: white; margin: 0; } .footer-bottom { - p { + padding: 10px; + display: flex; + flex-direction: row; + align-items: center; + width: 100%; + justify-content: space-between; + span { margin: 0 0 1rem; font-size: 0.8rem; } @@ -449,13 +456,7 @@ h1, h2, h3, h4, h5, h6 { } } - .footer-bottom-left { - float: left; - } - .footer-bottom-right { - float: right; - } /* Media Query for Mobile */ @media (max-width: 480px) { @@ -551,7 +552,8 @@ h1, h2, h3, h4, h5, h6 { width: 13rem !important; } .footer-button { - width: 120px !important; + margin-top: 5px; + width: 7.5rem !important; } .footer-bottom-right { margin: 1.5% !important; diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 3956625e..35ff0729 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -70,17 +70,17 @@
{{ .name }}
-
-
+
+
-

+ Copyright ©Layer5, Inc | All Rights Reserved -

+
-

Privacy   Terms

+ Privacy   Terms
\ No newline at end of file From aefefab51c2ba383309443bcfc12f320f825cea2 Mon Sep 17 00:00:00 2001 From: 35C4n0r Date: Mon, 6 Nov 2023 21:14:34 +0530 Subject: [PATCH 07/14] fix: space between 2023 and Copyright Signed-off-by: Jay --- layouts/partials/footer.html | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 35ff0729..63e62434 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -74,8 +74,7 @@
{{ .name }}
- - Copyright ©Layer5, Inc | All Rights Reserved + Copyright ©Layer5, Inc | All Rights Reserved
From e51336f308db7793226dcba38eca25a97d3281dd Mon Sep 17 00:00:00 2001 From: 35C4n0r Date: Mon, 6 Nov 2023 21:19:48 +0530 Subject: [PATCH 08/14] fix: space between 2023 and Copyright using f-strings Signed-off-by: Jay --- layouts/partials/footer.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 63e62434..cf7b5df0 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -74,7 +74,7 @@
{{ .name }}
- Copyright ©Layer5, Inc | All Rights Reserved + Copyright ©Layer5, Inc | All Rights Reserved
From e5b1c82a9e5726a17ebe9ad4b1526c4f8a9b2af4 Mon Sep 17 00:00:00 2001 From: 35C4n0r Date: Mon, 6 Nov 2023 21:23:34 +0530 Subject: [PATCH 09/14] fix: space between 2023 and Copyright using string concatenation Signed-off-by: Jay --- layouts/partials/footer.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index cf7b5df0..41bee92b 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -74,7 +74,7 @@
{{ .name }}
- Copyright ©Layer5, Inc | All Rights Reserved + Copyright ©Layer5, Inc | All Rights Reserved
From d6612a19e4745699154f0e7cffa7123977cf9069 Mon Sep 17 00:00:00 2001 From: 35C4n0r Date: Tue, 7 Nov 2023 09:22:17 +0530 Subject: [PATCH 10/14] refactor: move footer css to footer.scss Signed-off-by: Jay --- assets/scss/_content_project.scss | 505 +----------------------------- assets/scss/footer.scss | 502 +++++++++++++++++++++++++++++ 2 files changed, 504 insertions(+), 503 deletions(-) create mode 100644 assets/scss/footer.scss diff --git a/assets/scss/_content_project.scss b/assets/scss/_content_project.scss index 72a51503..efd5288e 100644 --- a/assets/scss/_content_project.scss +++ b/assets/scss/_content_project.scss @@ -1,3 +1,5 @@ +@import 'footer'; + // // Style Markdown content // @@ -111,509 +113,6 @@ h1, h2, h3, h4, h5, h6 { } } -.footer { - background-color: $black; - color: white; - line-height: 28px; - padding: 2.5rem 3rem 1.5rem; - z-index: 100; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - - - h5 { - font-weight: 300; - font-family: $td-fonts-serif; - } - - .d-header { - height: 6rem; - background-color: #f3fffd; - } - - .custom-header-links { - .headerLink { - a { - --font-up-1: 15px; - margin: 0 10px; - color: red; - - &:hover { - color: $secondary; - } - } - } - } - - .search-widget { - display: none; - } - - .custom-search-banner { - margin: -1em 0 2em 0; - background-color: $primary; - - .custom-search-banner-wrap { - max-height: 250px; - padding-top: 4em; - - h1 { - color: white; - font-size: 50px; - } - - p { - color: white; - font-size: 28px; - margin: 1rem 0 3rem 0; - } - } - } - - .list-controls { - .combo-box { - .combo-box-header { - border: none; - font-size: 1.25em; - text-transform: capitalize; - } - } - } - - .select-kit.combo-box { - .select-kit-header { - border: none; - font-size: 1.25em; - } - } - - .categories-and-latest { - div.column.categories { - flex: 1 1 55%; - } - - div.column { - flex: 0 1 40%; - } - } - - .category-list { - border-collapse: separate; - border-spacing: 0 1em; - - thead { - display: none; - } - - tr { - display: flex; - box-sizing: border-box; - padding: 1em; - margin-bottom: 2.5em; - border: none; - background: #fbfbfd; - } - - tbody { - .category { - border: none; - - .category-logo.aspect-image { - --max-height: 75px; - max-width: 90px; - height: auto; - } - } - } - } - - .latest-topic-list-item { - border-bottom: none; - margin-bottom: 20px; - } - - .table-heading { - border-bottom: none; - } - - .latest-topic-list-item.visited { - a.title { - &:not(.badge-notification) { - color: $dark; - } - } - } - - .latest-topic-list { - .table-heading { - margin-left: 10px; - color: $dark; - font-size: 20px; - } - } - - .twiiter-sidebar { - margin-top: 20px; - } - - .container { - max-width: 90%; - margin: auto; - } - - .footer { - background-color: $dark; - z-index: 100; - color: white; - line-height: 28px; - //padding: 0rem 0rem 1.5rem; - - h5 { - font-weight: 300; - font-family: $td-fonts-serif; - } - } - - .row { - width: 100%; - } - - .footer-top { - display: flex; - margin-bottom: 1rem; - } - - .footer-info { - display: flex; - flex-wrap: nowrap; - justify-content: space-between; - align-items: flex-start; - } - - .footer-info2 { - display: flex; - flex-direction: column; - } - - .col-lg-6 { - width: 50%; - padding: 15px; - } - - .footer-logo { - margin-left: -10px; - max-width: 300px; - height: auto; - } - - .col-lg-3 { - width: 22%; - } - - .col-lg-9 { - display: flex; - flex-direction: column; - } - - .footer-desc { - padding-right: 1rem; - font-style: italic; - font-weight: 100; - font-size: 16px; - color: $body-color; - } - - .section-title { - font-size: 1.25rem; - font-weight: 400; - color: rgba(255, 255, 255, 0.8); - --heading-font-family: "Qanelas Soft", "Open Sans", sans-serif; - } - - .footer-h5 { - padding: 0px; - font-size: 1rem; - margin-top: 10px; - color: $body-color; - } - - .footer-sections { - flex: auto; - padding: 0 1rem; - //margin-top: 15px; - - a { - color: white; - //color: $color_7; - - &:hover { - color: $primary; - } - } - } - - .footer-icons { - justify-content: flex-end; - - img { - padding: 0.1rem; - height: 30px; - width: 32px; - } - - a { - padding-right: 15px; - filter: grayscale(1) invert(0.25); - - &:hover { - filter: grayscale(0) invert(0); - } - } - } - - .social-icon{filter: grayscale(0) invert(0.38) !important; - } - .social-icon:hover{ - filter: grayscale(0) invert(1) !important; - } - - .footer-resources { - margin-left: 60px; - } - - .subscribe { - margin: 3rem 0px 2rem 0px; - - p { - margin-bottom: 0; - } - - .footer-end { - display: flex; - align-items: flex-end; - justify-content: flex-end; - } - - form { - margin: 0; - } - } - - input.footer-input { - padding: 1rem; - margin-right: 0.25rem; - width: 20rem; - height: 3.5rem; - border: 0.5px solid white; - background: transparent; - border-radius: 0.5rem; - outline: none; - color: white; - - &:focus { - padding: 1rem; - margin-right: 0.25rem; - width: 24rem; - height: 3.5rem; - border: 0.5px solid white; - background: transparent; - border-radius: 0.5rem; - outline-width: 0; - color: white; - } - } - - .footer-button { - height: 3.5rem; - background: $primary; - width: 160px; - border-radius: 0.25rem; - border: none; - } - - .footer-hr { - width: 100%; - color: white; - margin: 0; - } - - .footer-bottom { - padding: 10px; - display: flex; - flex-direction: row; - align-items: center; - width: 100%; - justify-content: space-between; - span { - margin: 0 0 1rem; - font-size: 0.8rem; - } - - a { - color: white; - } - } - - - - /* Media Query for Mobile */ - @media (max-width: 480px) { - .footer-info { - flex-wrap: wrap !important; - justify-content: center !important; - } - .footer-resources { - margin: 0 !important; - } - .footer-sections { - padding: 20px !important; - } - .col-lg-3 { - width: 100% !important; - } - .footer-desc { - padding: 0px 10px 0px 10px !important; - text-align: center !important; - } - .col-lg-9 { - width: 100% !important; - } - .footer-top { - flex-direction: column-reverse !important; - } - .col-lg-6 { - width: 100% !important; - text-align: center !important; - } - .footer-icons { - justify-content: center !important; - } - .footer-logo { - padding: 10px 10px 0px 10px !important; - } - .subscribe { - justify-content: center !important; - } - input.footer-input { - width: 13rem !important; - } - .footer-button { - margin-top: 5px; - width: 7.5rem !important; - } - .footer-bottom-right { - margin: 1.5% !important; - } - .footer-bottom-left { - padding: 2% !important; - } - } - - /* Media Query for low resolution Tablets, Ipads */ - @media (min-width: 481px) and (max-width: 767px) { - .footer-info { - flex-wrap: wrap !important; - } - .footer-resources { - margin: 0 !important; - } - .footer-sections { - padding: 20px !important; - } - .col-lg-3 { - width: 100% !important; - } - .footer-desc { - padding: 0px 10px 0px 10px !important; - text-align: center !important; - } - .col-lg-9 { - width: 100% !important; - } - .footer-top { - flex-direction: column-reverse !important; - } - .col-lg-6 { - width: 100% !important; - text-align: center !important; - } - .footer-icons { - justify-content: center !important; - } - .footer-logo { - padding: 10px 10px 0px 10px !important; - } - .subscribe { - justify-content: center !important; - } - input.footer-input { - width: 13rem !important; - } - .footer-button { - margin-top: 5px; - width: 7.5rem !important; - } - .footer-bottom-right { - margin: 1.5% !important; - } - .footer-bottom-left { - padding: 2% !important; - } - } - - /* Media Query for Tablets Ipads portrait mode */ - @media (min-width: 768px) and (max-width: 1024px) { - .footer-info { - flex-wrap: wrap !important; - justify-content: center !important; - } - .footer-resources { - margin: 0 !important; - } - .footer-sections { - padding: 20px !important; - } - .footer-sections a { - font-weight: 400; - } - .col-lg-3 { - width: 100% !important; - } - .footer-desc { - padding: 0px 10px 0px 10px !important; - text-align: center !important; - } - .footer-top { - flex-direction: column-reverse !important; - } - .col-lg-6 { - width: 100% !important; - text-align: center !important; - } - .footer-icons { - justify-content: center !important; - } - .footer-logo { - padding: 10px 10px 0px 10px !important; - } - .subscribe { - justify-content: center !important; - } - .footer-button { - width: 120px !important; - } - .footer-bottom-right { - margin: 1.5% !important; - } - .footer-bottom-left { - padding: 2% !important; - } - } - -} - /* width */ ::-webkit-scrollbar { width: 8px; diff --git a/assets/scss/footer.scss b/assets/scss/footer.scss new file mode 100644 index 00000000..fcc3a962 --- /dev/null +++ b/assets/scss/footer.scss @@ -0,0 +1,502 @@ +.footer { + background-color: $black; + color: white; + line-height: 28px; + padding: 2.5rem 3rem 1.5rem; + z-index: 100; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + + + h5 { + font-weight: 300; + font-family: $td-fonts-serif; + } + + .d-header { + height: 6rem; + background-color: #f3fffd; + } + + .custom-header-links { + .headerLink { + a { + --font-up-1: 15px; + margin: 0 10px; + color: red; + + &:hover { + color: $secondary; + } + } + } + } + + .search-widget { + display: none; + } + + .custom-search-banner { + margin: -1em 0 2em 0; + background-color: $primary; + + .custom-search-banner-wrap { + max-height: 250px; + padding-top: 4em; + + h1 { + color: white; + font-size: 50px; + } + + p { + color: white; + font-size: 28px; + margin: 1rem 0 3rem 0; + } + } + } + + .list-controls { + .combo-box { + .combo-box-header { + border: none; + font-size: 1.25em; + text-transform: capitalize; + } + } + } + + .select-kit.combo-box { + .select-kit-header { + border: none; + font-size: 1.25em; + } + } + + .categories-and-latest { + div.column.categories { + flex: 1 1 55%; + } + + div.column { + flex: 0 1 40%; + } + } + + .category-list { + border-collapse: separate; + border-spacing: 0 1em; + + thead { + display: none; + } + + tr { + display: flex; + box-sizing: border-box; + padding: 1em; + margin-bottom: 2.5em; + border: none; + background: #fbfbfd; + } + + tbody { + .category { + border: none; + + .category-logo.aspect-image { + --max-height: 75px; + max-width: 90px; + height: auto; + } + } + } + } + + .latest-topic-list-item { + border-bottom: none; + margin-bottom: 20px; + } + + .table-heading { + border-bottom: none; + } + + .latest-topic-list-item.visited { + a.title { + &:not(.badge-notification) { + color: $dark; + } + } + } + + .latest-topic-list { + .table-heading { + margin-left: 10px; + color: $dark; + font-size: 20px; + } + } + + .twiiter-sidebar { + margin-top: 20px; + } + + .container { + max-width: 90%; + margin: auto; + } + + .footer { + background-color: $dark; + z-index: 100; + color: white; + line-height: 28px; + //padding: 0rem 0rem 1.5rem; + + h5 { + font-weight: 300; + font-family: $td-fonts-serif; + } + } + + .row { + width: 100%; + } + + .footer-top { + display: flex; + margin-bottom: 1rem; + } + + .footer-info { + display: flex; + flex-wrap: nowrap; + justify-content: space-between; + align-items: flex-start; + } + + .footer-info2 { + display: flex; + flex-direction: column; + } + + .col-lg-6 { + width: 50%; + padding: 15px; + } + + .footer-logo { + margin-left: -10px; + max-width: 300px; + height: auto; + } + + .col-lg-3 { + width: 22%; + } + + .col-lg-9 { + display: flex; + flex-direction: column; + } + + .footer-desc { + padding-right: 1rem; + font-style: italic; + font-weight: 100; + font-size: 16px; + color: $body-color; + } + + .section-title { + font-size: 1.25rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.8); + --heading-font-family: "Qanelas Soft", "Open Sans", sans-serif; + } + + .footer-h5 { + padding: 0px; + font-size: 1rem; + margin-top: 10px; + color: $body-color; + } + + .footer-sections { + flex: auto; + padding: 0 1rem; + //margin-top: 15px; + + a { + color: white; + //color: $color_7; + + &:hover { + color: $primary; + } + } + } + + .footer-icons { + justify-content: flex-end; + + img { + padding: 0.1rem; + height: 30px; + width: 32px; + } + + a { + padding-right: 15px; + filter: grayscale(1) invert(0.25); + + &:hover { + filter: grayscale(0) invert(0); + } + } + } + + .social-icon{filter: grayscale(0) invert(0.38) !important; + } + .social-icon:hover{ + filter: grayscale(0) invert(1) !important; + } + + .footer-resources { + margin-left: 60px; + } + + .subscribe { + margin: 3rem 0px 2rem 0px; + + p { + margin-bottom: 0; + } + + .footer-end { + display: flex; + align-items: flex-end; + justify-content: flex-end; + } + + form { + margin: 0; + } + } + + input.footer-input { + padding: 1rem; + margin-right: 0.25rem; + width: 20rem; + height: 3.5rem; + border: 0.5px solid white; + background: transparent; + border-radius: 0.5rem; + outline: none; + color: white; + + &:focus { + padding: 1rem; + margin-right: 0.25rem; + width: 24rem; + height: 3.5rem; + border: 0.5px solid white; + background: transparent; + border-radius: 0.5rem; + outline-width: 0; + color: white; + } + } + + .footer-button { + height: 3.5rem; + background: $primary; + width: 160px; + border-radius: 0.25rem; + border: none; + } + + .footer-hr { + width: 100%; + color: white; + margin: 0; + } + + .footer-bottom { + padding: 10px; + display: flex; + flex-direction: row; + align-items: center; + width: 100%; + justify-content: space-between; + span { + margin: 0 0 1rem; + font-size: 0.8rem; + } + + a { + color: white; + } + } + + + + /* Media Query for Mobile */ + @media (max-width: 480px) { + .footer-info { + flex-wrap: wrap !important; + justify-content: center !important; + } + .footer-resources { + margin: 0 !important; + } + .footer-sections { + padding: 20px !important; + } + .col-lg-3 { + width: 100% !important; + } + .footer-desc { + padding: 0px 10px 0px 10px !important; + text-align: center !important; + } + .col-lg-9 { + width: 100% !important; + } + .footer-top { + flex-direction: column-reverse !important; + } + .col-lg-6 { + width: 100% !important; + text-align: center !important; + } + .footer-icons { + justify-content: center !important; + } + .footer-logo { + padding: 10px 10px 0px 10px !important; + } + .subscribe { + justify-content: center !important; + } + input.footer-input { + width: 13rem !important; + } + .footer-button { + margin-top: 5px; + width: 7.5rem !important; + } + .footer-bottom-right { + margin: 1.5% !important; + } + .footer-bottom-left { + padding: 2% !important; + } + } + + /* Media Query for low resolution Tablets, Ipads */ + @media (min-width: 481px) and (max-width: 767px) { + .footer-info { + flex-wrap: wrap !important; + } + .footer-resources { + margin: 0 !important; + } + .footer-sections { + padding: 20px !important; + } + .col-lg-3 { + width: 100% !important; + } + .footer-desc { + padding: 0px 10px 0px 10px !important; + text-align: center !important; + } + .col-lg-9 { + width: 100% !important; + } + .footer-top { + flex-direction: column-reverse !important; + } + .col-lg-6 { + width: 100% !important; + text-align: center !important; + } + .footer-icons { + justify-content: center !important; + } + .footer-logo { + padding: 10px 10px 0px 10px !important; + } + .subscribe { + justify-content: center !important; + } + input.footer-input { + width: 13rem !important; + } + .footer-button { + margin-top: 5px; + width: 7.5rem !important; + } + .footer-bottom-right { + margin: 1.5% !important; + } + .footer-bottom-left { + padding: 2% !important; + } + } + + /* Media Query for Tablets Ipads portrait mode */ + @media (min-width: 768px) and (max-width: 1024px) { + .footer-info { + flex-wrap: wrap !important; + justify-content: center !important; + } + .footer-resources { + margin: 0 !important; + } + .footer-sections { + padding: 20px !important; + } + .footer-sections a { + font-weight: 400; + } + .col-lg-3 { + width: 100% !important; + } + .footer-desc { + padding: 0px 10px 0px 10px !important; + text-align: center !important; + } + .footer-top { + flex-direction: column-reverse !important; + } + .col-lg-6 { + width: 100% !important; + text-align: center !important; + } + .footer-icons { + justify-content: center !important; + } + .footer-logo { + padding: 10px 10px 0px 10px !important; + } + .subscribe { + justify-content: center !important; + } + .footer-button { + width: 120px !important; + } + .footer-bottom-right { + margin: 1.5% !important; + } + .footer-bottom-left { + padding: 2% !important; + } + } + +} \ No newline at end of file From b220269dbd0e8e3cc606d1acd3766d8678c2f0e0 Mon Sep 17 00:00:00 2001 From: Jay Kumar <70096901+35C4n0r@users.noreply.github.com> Date: Tue, 7 Nov 2023 21:10:41 +0530 Subject: [PATCH 11/14] refactor: spelling corrections Co-authored-by: Ritik Saxena <51539117+ritiksaxena124@users.noreply.github.com> Signed-off-by: Jay Kumar <70096901+35C4n0r@users.noreply.github.com> --- layouts/partials/footer.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 41bee92b..b78f5942 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -18,7 +18,7 @@

An empowerer of engineers, Layer5 helps you extract more value from your infrastructure. Creator and - maintainer of cloud naative standards. Maker of Meshery, the cloud native manager.

+ maintainer of cloud native standards. Maker of Meshery, the cloud native manager.

From f5b04e196f513b4bf25a5fc8807e202776aa9afc Mon Sep 17 00:00:00 2001 From: 35C4n0r Date: Tue, 7 Nov 2023 21:47:38 +0530 Subject: [PATCH 12/14] refactor: replace white to variable $white Signed-off-by: Jay --- assets/scss/footer.scss | 27 ++++++++++++++------------- 1 file changed, 14 insertions(+), 13 deletions(-) diff --git a/assets/scss/footer.scss b/assets/scss/footer.scss index fcc3a962..071a735b 100644 --- a/assets/scss/footer.scss +++ b/assets/scss/footer.scss @@ -1,6 +1,6 @@ .footer { background-color: $black; - color: white; + color: $white; line-height: 28px; padding: 2.5rem 3rem 1.5rem; z-index: 100; @@ -17,7 +17,7 @@ .d-header { height: 6rem; - background-color: #f3fffd; + background-color: $white; } .custom-header-links { @@ -47,12 +47,12 @@ padding-top: 4em; h1 { - color: white; + color: $white; font-size: 50px; } p { - color: white; + color: $white; font-size: 28px; margin: 1rem 0 3rem 0; } @@ -100,7 +100,7 @@ padding: 1em; margin-bottom: 2.5em; border: none; - background: #fbfbfd; + background: $white; } tbody { @@ -153,7 +153,7 @@ .footer { background-color: $dark; z-index: 100; - color: white; + color: $white; line-height: 28px; //padding: 0rem 0rem 1.5rem; @@ -232,7 +232,7 @@ //margin-top: 15px; a { - color: white; + color: $white; //color: $color_7; &:hover { @@ -293,28 +293,29 @@ margin-right: 0.25rem; width: 20rem; height: 3.5rem; - border: 0.5px solid white; + border: 0.5px solid $white; background: transparent; border-radius: 0.5rem; outline: none; - color: white; + color: $white; &:focus { padding: 1rem; margin-right: 0.25rem; width: 24rem; height: 3.5rem; - border: 0.5px solid white; + border: 0.5px solid $white; background: transparent; border-radius: 0.5rem; outline-width: 0; - color: white; + color: $white; } } .footer-button { height: 3.5rem; background: $primary; + color: $white; width: 160px; border-radius: 0.25rem; border: none; @@ -322,7 +323,7 @@ .footer-hr { width: 100%; - color: white; + color: $white; margin: 0; } @@ -339,7 +340,7 @@ } a { - color: white; + color: $white; } } From 3e9e1171aee5cdf5fe4b59bbb5e1f02de67dccfd Mon Sep 17 00:00:00 2001 From: 35C4n0r Date: Sat, 11 Nov 2023 17:07:57 +0530 Subject: [PATCH 13/14] feat: make footer more responsive - calibrated the breakpoints more. - we use svg instead of base64. Signed-off-by: Jay --- assets/icons/discuss.svg | 1 + assets/icons/docker.svg | 1 + assets/icons/envelope.svg | 1 + assets/icons/github.svg | 1 + assets/icons/linkedin.svg | 1 + assets/icons/slack.svg | 1 + assets/icons/twitter.svg | 1 + assets/icons/youtube.svg | 1 + assets/scss/_variables_project.scss | 3 +- assets/scss/footer.scss | 117 +++++++++++++++------------- hugo.toml | 16 ++-- layouts/partials/footer.html | 12 +-- 12 files changed, 89 insertions(+), 67 deletions(-) create mode 100644 assets/icons/discuss.svg create mode 100644 assets/icons/docker.svg create mode 100644 assets/icons/envelope.svg create mode 100644 assets/icons/github.svg create mode 100644 assets/icons/linkedin.svg create mode 100644 assets/icons/slack.svg create mode 100644 assets/icons/twitter.svg create mode 100644 assets/icons/youtube.svg diff --git a/assets/icons/discuss.svg b/assets/icons/discuss.svg new file mode 100644 index 00000000..ff193247 --- /dev/null +++ b/assets/icons/discuss.svg @@ -0,0 +1 @@ +Discourse_logo \ No newline at end of file diff --git a/assets/icons/docker.svg b/assets/icons/docker.svg new file mode 100644 index 00000000..6b5e601c --- /dev/null +++ b/assets/icons/docker.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/envelope.svg b/assets/icons/envelope.svg new file mode 100644 index 00000000..36bc794f --- /dev/null +++ b/assets/icons/envelope.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/github.svg b/assets/icons/github.svg new file mode 100644 index 00000000..8435de51 --- /dev/null +++ b/assets/icons/github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/linkedin.svg b/assets/icons/linkedin.svg new file mode 100644 index 00000000..92e378b4 --- /dev/null +++ b/assets/icons/linkedin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/slack.svg b/assets/icons/slack.svg new file mode 100644 index 00000000..d9accdf8 --- /dev/null +++ b/assets/icons/slack.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/twitter.svg b/assets/icons/twitter.svg new file mode 100644 index 00000000..99499699 --- /dev/null +++ b/assets/icons/twitter.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/youtube.svg b/assets/icons/youtube.svg new file mode 100644 index 00000000..9757790f --- /dev/null +++ b/assets/icons/youtube.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss index c794fe42..8028711a 100644 --- a/assets/scss/_variables_project.scss +++ b/assets/scss/_variables_project.scss @@ -25,7 +25,7 @@ $code-color: shade-color($secondary, 40%) !default; // $bg-gradient-dark: linear-gradient(250deg, #477e96 0%, #00b39f 35%, rgb(60, 73, 79) 100%); // Body -$body-color: #ccc; +$body-color: #CCCCCC; $body-bg: #010101; // $bs-body-bg: $dark; // $bs-card-cap-bg: $dark; @@ -67,6 +67,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=#{$google_font_family}& $font-awesome-font-name: "Font Awesome 6 Free" !default; $td-fonts-serif: "Qanelas Soft", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +$font-qanelas: "Qanelas Soft", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; @if $td-enable-google-fonts { $td-fonts-serif: prepend($td-fonts-serif, "#{$google_font_name}"); diff --git a/assets/scss/footer.scss b/assets/scss/footer.scss index 071a735b..dae018cf 100644 --- a/assets/scss/footer.scss +++ b/assets/scss/footer.scss @@ -8,12 +8,8 @@ flex-direction: column; align-items: center; justify-content: center; - - - h5 { - font-weight: 300; - font-family: $td-fonts-serif; - } + margin: -12px; + font-family: $font-qanelas; .d-header { height: 6rem; @@ -38,27 +34,6 @@ display: none; } - .custom-search-banner { - margin: -1em 0 2em 0; - background-color: $primary; - - .custom-search-banner-wrap { - max-height: 250px; - padding-top: 4em; - - h1 { - color: $white; - font-size: 50px; - } - - p { - color: $white; - font-size: 28px; - margin: 1rem 0 3rem 0; - } - } - } - .list-controls { .combo-box { .combo-box-header { @@ -109,7 +84,7 @@ .category-logo.aspect-image { --max-height: 75px; - max-width: 90px; + max-width: 5.625rem; height: auto; } } @@ -153,14 +128,8 @@ .footer { background-color: $dark; z-index: 100; - color: $white; + color: $body-color; line-height: 28px; - //padding: 0rem 0rem 1.5rem; - - h5 { - font-weight: 300; - font-family: $td-fonts-serif; - } } .row { @@ -209,21 +178,19 @@ font-style: italic; font-weight: 100; font-size: 16px; - color: $body-color; } .section-title { font-size: 1.25rem; font-weight: 400; - color: rgba(255, 255, 255, 0.8); - --heading-font-family: "Qanelas Soft", "Open Sans", sans-serif; + width: fit-content; } .footer-h5 { - padding: 0px; + padding: 0; font-size: 1rem; margin-top: 10px; - color: $body-color; + width: fit-content; } .footer-sections { @@ -232,8 +199,8 @@ //margin-top: 15px; a { - color: $white; - //color: $color_7; + color: $body-color; + font-weight: 400 !important; &:hover { color: $primary; @@ -260,14 +227,12 @@ } } - .social-icon{filter: grayscale(0) invert(0.38) !important; - } - .social-icon:hover{ - filter: grayscale(0) invert(1) !important; + .social-icon { + filter: grayscale(0) invert(0.38) !important; } - .footer-resources { - margin-left: 60px; + .social-icon:hover { + filter: grayscale(0) invert(1) !important; } .subscribe { @@ -334,6 +299,7 @@ align-items: center; width: 100%; justify-content: space-between; + span { margin: 0 0 1rem; font-size: 0.8rem; @@ -344,13 +310,29 @@ } } + .odd-col { + flex: 1 1 auto; + } + + .even-col { + flex: 1 1 auto; + } /* Media Query for Mobile */ - @media (max-width: 480px) { + @media (max-width: 490px) { + + padding: 2.5rem 0; .footer-info { flex-wrap: wrap !important; - justify-content: center !important; + } + + .row { + padding: 0; + } + + .footer-h5 { + font-size: 0.85rem; } .footer-resources { margin: 0 !important; @@ -358,6 +340,17 @@ .footer-sections { padding: 20px !important; } + .footer-icons { + a { + margin-bottom: 15px; + } + } + .odd-col { + flex: 0 0 60%; + } + .even-col { + flex: 0 0 40%; + } .col-lg-3 { width: 100% !important; } @@ -400,7 +393,7 @@ } /* Media Query for low resolution Tablets, Ipads */ - @media (min-width: 481px) and (max-width: 767px) { + @media (min-width: 489px) and (max-width: 767px) { .footer-info { flex-wrap: wrap !important; } @@ -410,6 +403,12 @@ .footer-sections { padding: 20px !important; } + .odd-col { + flex: 0 0 60%; + } + .even-col { + flex: 0 0 40%; + } .col-lg-3 { width: 100% !important; } @@ -429,6 +428,9 @@ } .footer-icons { justify-content: center !important; + a { + margin-bottom: 15px; + } } .footer-logo { padding: 10px 10px 0px 10px !important; @@ -452,10 +454,9 @@ } /* Media Query for Tablets Ipads portrait mode */ - @media (min-width: 768px) and (max-width: 1024px) { + @media (min-width: 768px) and (max-width: 850px) { .footer-info { flex-wrap: wrap !important; - justify-content: center !important; } .footer-resources { margin: 0 !important; @@ -466,6 +467,15 @@ .footer-sections a { font-weight: 400; } + .odd-col, .even-col { + flex: 0 1 auto; + width: auto; /* Adjust the width to auto */ + margin: 0; /* Reset any margin */ + padding: 20px; /* Consistent padding */ + } + .even-col { + flex: 0 1 auto; + } .col-lg-3 { width: 100% !important; } @@ -488,6 +498,7 @@ } .subscribe { justify-content: center !important; + margin-top: -8rem; } .footer-button { width: 120px !important; diff --git a/hugo.toml b/hugo.toml index 1e5741d3..879a416d 100644 --- a/hugo.toml +++ b/hugo.toml @@ -180,44 +180,44 @@ enable = false [[params.links.footer.icons]] name = "User mailing list" url = "https://layer5.io/subscribe" - icon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0iTGF5ZXJfMSIgeD0iMCIgeT0iMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjY1LjUgMTk5IiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNjUuNSAxOTkiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiMwMGIzOWZ9PC9zdHlsZT48cGF0aCBkPSJNMjYwLjQsNjUuN2MyLTEuNiw1LTAuMSw1LDIuNHYxMDZjMCwxMy43LTExLjEsMjQuOS0yNC45LDI0LjlIMjQuOUMxMS4yLDE5OSwwLDE4Ny45LDAsMTc0LjF2LTEwNgljMC0yLjYsMy00LDUtMi40YzExLjYsOSwyNywyMC41LDc5LjksNTguOWMxMC45LDgsMjkuNCwyNC44LDQ3LjgsMjQuN2MxOC41LDAuMiwzNy4zLTE3LDQ3LjgtMjQuNwlDMjMzLjQsODYuMiwyNDguOCw3NC43LDI2MC40LDY1Ljd6IE0xMzIuNywxMzIuN2MxMiwwLjIsMjkuMy0xNS4xLDM4LjEtMjEuNWM2OC44LTQ5LjksNzQtNTQuMyw4OS45LTY2LjdjMy0yLjMsNC44LTYsNC44LTkuOHYtOS44CWMwLTEzLjctMTEuMS0yNC45LTI0LjktMjQuOUgyNC45QzExLjIsMCwwLDExLjEsMCwyNC45djkuOGMwLDMuOCwxLjgsNy40LDQuOCw5LjhjMTUuOSwxMi40LDIxLjEsMTYuOCw4OS45LDY2LjcJQzEwMy40LDExNy41LDEyMC43LDEzMi45LDEzMi43LDEzMi43TDEzMi43LDEzMi43eiIgY2xhc3M9InN0MCIvPjwvc3ZnPg==" + icon = "icons/envelope.svg" desc = "Discussion and help from your fellow users" [[params.links.footer.icons]] name = "Twitter" url = "https://twitter.com/layer5" - icon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iY3VycmVudENvbG9yIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGQ9Ik0zODkuMiA0OGg3MC42TDMwNS42IDIyNC4yIDQ4NyA0NjRIMzQ1TDIzMy43IDMxOC42IDEwNi41IDQ2NEgzNS44bDE2NC45LTE4OC41TDI2LjggNDhoMTQ1LjZsMTAwLjUgMTMyLjlMMzg5LjIgNDh6bS0yNC44IDM3My44aDM5LjFMMTUxLjEgODhoLTQybDI1NS4zIDMzMy44eiI+PC9wYXRoPjwvc3ZnPg==" + icon = "icons/twitter.svg" desc = "Follow us on Twitter to get the latest news!" class= "social-icon" [[params.links.footer.icons]] name = "Discussion Forum" url = "https://discuss.layer5.io" - icon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTEgMTA0IDEwNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMyMzFmMjA7fS5jbHMtMntmaWxsOiNmZmY5YWU7fS5jbHMtM3tmaWxsOiMwMGFlZWY7fS5jbHMtNHtmaWxsOiMwMGE5NGY7fS5jbHMtNXtmaWxsOiNmMTVkMjI7fS5jbHMtNntmaWxsOiNlMzFiMjM7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5EaXNjb3Vyc2VfbG9nbzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiPjxnIGlkPSJMYXllcl8zIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MS44NywwQzIzLjcxLDAsMCwyMi44MywwLDUxYzAsLjkxLDAsNTIuODEsMCw1Mi44MWw1MS44Ni0uMDVjMjguMTYsMCw1MS0yMy43MSw1MS01MS44N1M4MCwwLDUxLjg3LDBaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNTIuMzcsMTkuNzRBMzEuNjIsMzEuNjIsMCwwLDAsMjQuNTgsNjYuNDFsLTUuNzIsMTguNEwzOS40LDgwLjE3YTMxLjYxLDMxLjYxLDAsMSwwLDEzLTYwLjQzWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTc3LjQ1LDMyLjEyYTMxLjYsMzEuNiwwLDAsMS0zOC4wNSw0OEwxOC44Niw4NC44MmwyMC45MS0yLjQ3QTMxLjYsMzEuNiwwLDAsMCw3Ny40NSwzMi4xMloiLz48cGF0aCBjbGFzcz0iY2xzLTQiIGQ9Ik03MS42MywyNi4yOUEzMS42LDMxLjYsMCwwLDEsMzguOCw3OEwxOC44Niw4NC44MiwzOS40LDgwLjE3QTMxLjYsMzEuNiwwLDAsMCw3MS42MywyNi4yOVoiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Ik0yNi40Nyw2Ny4xMWEzMS42MSwzMS42MSwwLDAsMSw1MS0zNUEzMS42MSwzMS42MSwwLDAsMCwyNC41OCw2Ni40MWwtNS43MiwxOC40WiIvPjxwYXRoIGNsYXNzPSJjbHMtNiIgZD0iTTI0LjU4LDY2LjQxQTMxLjYxLDMxLjYxLDAsMCwxLDcxLjYzLDI2LjI5YTMxLjYxLDMxLjYxLDAsMCwwLTQ5LDM5LjYzbC0zLjc2LDE4LjlaIi8+PC9nPjwvZz48L3N2Zz4=" + icon = "icons/discuss.svg" desc = "Practical questions and curated answers" [[params.links.footer.icons]] name = "GitHub" url = "https://github.com/layer5io" - icon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0iTGF5ZXJfMSIgeD0iMCIgeT0iMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjc0LjEgMjY3LjMiIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI3NC4xIDI2Ny4zIj48cGF0aCBkPSJNMTM3LjEsMEM2MS40LDAsMCw2MS4zLDAsMTM2LjlDMCwxOTYsMzcuOCwyNDguNCw5My44LDI2N2M2LjgsMS4zLDkuMy0zLDkuMy02LjZjMC0zLjMtMC4xLTExLjktMC4yLTIzLjMJYy0zOC4xLDguMy00Ni4xLTE4LjQtNDYuMS0xOC40Yy02LjItMTUuOC0xNS4yLTIwLTE1LjItMjBjLTEyLjQtOC41LDAuOS04LjMsMC45LTguM2MxMy43LDEsMjEsMTQuMSwyMSwxNC4xCWMxMi4yLDIwLjksMzIuMSwxNC45LDM5LjksMTEuNGMxLjItOC45LDQuOC0xNC45LDguNy0xOC4zYy0zMC40LTMuNS02Mi40LTE1LjItNjIuNC02Ny43Yy0wLjItMTMuNiw0LjgtMjYuOCwxNC4xLTM2LjgJYy0xLjQtMy41LTYuMS0xNy40LDEuMy0zNi4zYzAsMCwxMS41LTMuNywzNy43LDE0YzExLjItMy4xLDIyLjctNC42LDM0LjMtNC42YzExLjYsMC4xLDIzLjEsMS42LDM0LjMsNC42CWMyNi4yLTE3LjcsMzcuNi0xNCwzNy42LTE0YzcuNSwxOC45LDIuOCwzMi44LDEuNCwzNi4zYzkuMywxMCwxNC4zLDIzLjIsMTQuMSwzNi44YzAsNTIuNi0zMiw2NC4yLTYyLjUsNjcuNgljNC45LDQuMiw5LjMsMTIuNiw5LjMsMjUuNGMwLDE4LjMtMC4yLDMzLjEtMC4yLDM3LjZjMCwzLjcsMi41LDcuOSw5LjQsNi42YzcxLjgtMjQsMTEwLjUtMTAxLjcsODYuNS0xNzMuNQlDMjQ4LjMsMzcuNywxOTYsMCwxMzcuMSwwTDEzNy4xLDB6Ii8+PC9zdmc+" + icon = "icons/github.svg" desc = "Development takes place here" class= "social-icon" [[params.links.footer.icons]] name = "Slack" url = "https://slack.layer5.io" - icon = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtOC44NDMgMTIuNjUxYy0xLjM5MiAwLTIuNTIxIDEuMTI5LTIuNTIxIDIuNTIxdjYuMzA2YzAgMS4zOTIgMS4xMjkgMi41MjEgMi41MjEgMi41MjFzMi41MjEtMS4xMjkgMi41MjEtMi41MjF2LTYuMzA2Yy0uMDAxLTEuMzkyLTEuMTMtMi41MjEtMi41MjEtMi41MjF6IiBmaWxsPSIjZTkxZTYzIi8+PHBhdGggZD0ibS4wMTkgMTUuMTcyYzAgMS4zOTMgMS4xMyAyLjUyMyAyLjUyMyAyLjUyM3MyLjUyMy0xLjEzIDIuNTIzLTIuNTIzdi0yLjUyM2gtMi41MjFjLS4wMDEgMC0uMDAxIDAtLjAwMiAwLTEuMzkzIDAtMi41MjMgMS4xMy0yLjUyMyAyLjUyM3oiIGZpbGw9IiNlOTFlNjMiLz48cGF0aCBkPSJtOC44NDYtLjAwMWMtLjAwMSAwLS4wMDIgMC0uMDAzIDAtMS4zOTMgMC0yLjUyMyAxLjEzLTIuNTIzIDIuNTIzczEuMTMgMi41MjMgMi41MjMgMi41MjNoMi41MjF2LTIuNTIzYzAtLjAwMSAwLS4wMDMgMC0uMDA1LS4wMDEtMS4zOTEtMS4xMjgtMi41MTgtMi41MTgtMi41MTh6IiBmaWxsPSIjMDBiY2Q0Ii8+PHBhdGggZD0ibTIuNTI1IDExLjM3aDYuMzE4YzEuMzkzIDAgMi41MjMtMS4xMyAyLjUyMy0yLjUyM3MtMS4xMy0yLjUyMy0yLjUyMy0yLjUyM2gtNi4zMThjLTEuMzkzIDAtMi41MjMgMS4xMy0yLjUyMyAyLjUyM3MxLjEzIDIuNTIzIDIuNTIzIDIuNTIzeiIgZmlsbD0iIzAwYmNkNCIvPjxwYXRoIGQ9Im0yMS40NTcgNi4zMjNjLTEuMzkxIDAtMi41MTggMS4xMjctMi41MTggMi41MTh2LjAwNSAyLjUyM2gyLjUyMWMxLjM5MyAwIDIuNTIzLTEuMTMgMi41MjMtMi41MjNzLTEuMTMtMi41MjMtMi41MjMtMi41MjNjLS4wMDEgMC0uMDAyIDAtLjAwMyAweiIgZmlsbD0iIzRjYWY1MCIvPjxwYXRoIGQ9Im0xMi42NDEgMi41MjJ2Ni4zMjVjMCAxLjM5MiAxLjEyOSAyLjUyMSAyLjUyMSAyLjUyMXMyLjUyMS0xLjEyOSAyLjUyMS0yLjUyMXYtNi4zMjVjMC0xLjM5Mi0xLjEyOS0yLjUyMS0yLjUyMS0yLjUyMS0xLjM5MiAwLTIuNTIxIDEuMTI5LTIuNTIxIDIuNTIxeiIgZmlsbD0iIzRjYWY1MCIvPjxnIGZpbGw9IiNmZjk4MDAiPjxwYXRoIGQ9Im0xNy42ODIgMjEuNDc2YzAtMS4zOTItMS4xMjktMi41MjEtMi41MjEtMi41MjFoLTIuNTIxdjIuNTIzYy4wMDEgMS4zOTEgMS4xMjkgMi41MTkgMi41MjEgMi41MTlzMi41MjEtMS4xMjkgMi41MjEtMi41MjF6Ii8+PHBhdGggZD0ibTIxLjQ3OSAxMi42NDloLTYuMzE4Yy0xLjM5MyAwLTIuNTIzIDEuMTMtMi41MjMgMi41MjNzMS4xMyAyLjUyMyAyLjUyMyAyLjUyM2g2LjMxOGMxLjM5MyAwIDIuNTIzLTEuMTMgMi41MjMtMi41MjNzLTEuMTMtMi41MjMtMi41MjMtMi41MjN6Ii8+PC9nPjwvc3ZnPg==" + icon = "icons/slack.svg" desc = "Chat with other project developers" [[params.links.footer.icons]] name = "LinkedIn" url = "https://www.linkedin.com/company/layer5" - icon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHg9IjAiIHk9IjAiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzA2OSIgZD0ibTQ3NS4wNzQyMTkgMGgtNDM4LjE0ODQzOGMtMjAuMzk0NTMxIDAtMzYuOTI1NzgxIDE2LjUzMTI1LTM2LjkyNTc4MSAzNi45MjU3ODF2NDM4LjE0ODQzOGMwIDIwLjM5NDUzMSAxNi41MzEyNSAzNi45MjU3ODEgMzYuOTI1NzgxIDM2LjkyNTc4MWg0MzguMTQ4NDM4YzIwLjM5NDUzMSAwIDM2LjkyNTc4MS0xNi41MzEyNSAzNi45MjU3ODEtMzYuOTI1Nzgxdi00MzguMTQ4NDM4YzAtMjAuMzk0NTMxLTE2LjUzMTI1LTM2LjkyNTc4MS0zNi45MjU3ODEtMzYuOTI1Nzgxem0tMjkzLjQ2NDg0NCAzODdoLTYyLjM0NzY1NnYtMTg3LjU3NDIxOWg2Mi4zNDc2NTZ6bS0zMS4xNzE4NzUtMjEzLjE4NzVoLS40MDYyNWMtMjAuOTIxODc1IDAtMzQuNDUzMTI1LTE0LjQwMjM0NC0zNC40NTMxMjUtMzIuNDAyMzQ0IDAtMTguNDA2MjUgMTMuOTQ1MzEzLTMyLjQxMDE1NiAzNS4yNzM0MzctMzIuNDEwMTU2IDIxLjMyODEyNiAwIDM0LjQ1MzEyNiAxNC4wMDM5MDYgMzQuODU5Mzc2IDMyLjQxMDE1NiAwIDE4LTEzLjUzMTI1IDMyLjQwMjM0NC0zNS4yNzM0MzggMzIuNDAyMzQ0em0yNTUuOTg0Mzc1IDIxMy4xODc1aC02Mi4zMzk4NDR2LTEwMC4zNDc2NTZjMC0yNS4yMTg3NS05LjAyNzM0My00Mi40MTc5NjktMzEuNTg1OTM3LTQyLjQxNzk2OS0xNy4yMjI2NTYgMC0yNy40ODA0NjkgMTEuNjAxNTYzLTMxLjk4ODI4MiAyMi44MDA3ODEtMS42NDg0MzcgNC4wMDc4MTMtMi4wNTA3ODEgOS42MDkzNzUtMi4wNTA3ODEgMTUuMjE0ODQ0djEwNC43NWgtNjIuMzQzNzVzLjgxNjQwNy0xNjkuOTc2NTYyIDAtMTg3LjU3NDIxOWg2Mi4zNDM3NXYyNi41NTg1OTRjOC4yODUxNTctMTIuNzgxMjUgMjMuMTA5Mzc1LTMwLjk2MDkzNyA1Ni4xODc1LTMwLjk2MDkzNyA0MS4wMTk1MzEgMCA3MS43NzczNDQgMjYuODA4NTkzIDcxLjc3NzM0NCA4NC40MjE4NzR6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIvPjwvZz48L3N2Zz4=" + icon = "icons/linkedin.svg" desc = "Discuss development issues around the project" [[params.links.footer.icons]] name = "YouTube" url = "https://www.youtube.com/channel/UCFL1af7_wdnhHXL1InzaMvA?sub_confirmation=1" - icon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0iTGF5ZXJfMSIgeD0iMCIgeT0iMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDM1OC41IiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgMzU4LjUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOnJlZH0uc3Qxe2ZpbGw6I2ZmZn08L3N0eWxlPjxwYXRoIGQ9Ik01MDEuNSw1Ni4xYy01LjktMjEuOS0yMy4yLTM5LjItNDUuMS00NS4xQzQxNi4zLDAsMjU2LDAsMjU2LDBTOTUuNywwLDU1LjcsMTAuNQljLTIxLjUsNS45LTM5LjIsMjMuNi00NS4xLDQ1LjVDMCw5Ni4yLDAsMTc5LjIsMCwxNzkuMnMwLDgzLjUsMTAuNSwxMjMuMWM1LjksMjEuOSwyMy4yLDM5LjIsNDUuMSw0NS4xYzQwLjUsMTEsMjAwLjMsMTEsMjAwLjMsMTEJczE2MC4zLDAsMjAwLjMtMTAuNWMyMS45LTUuOSwzOS4yLTIzLjIsNDUuMS00NS4xQzUxMiwyNjIuNyw1MTIsMTc5LjcsNTEyLDE3OS43UzUxMi40LDk2LjIsNTAxLjUsNTYuMXoiIGNsYXNzPSJzdDAiLz48cGF0aCBkPSJNMjA1LDI1NmwxMzMuMy03Ni44TDIwNSwxMDIuNVYyNTZ6IiBjbGFzcz0ic3QxIi8+PC9zdmc+" + icon = "icons/youtube.svg" desc = "Discuss development issues around the project" [[params.links.footer.icons]] name = "Docker" url = "https://hub.docker.com/u/layer5/" - icon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0iTGF5ZXJfMSIgeD0iMCIgeT0iMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDYwIDMyMi4xIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NjAgMzIyLjEiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiMwOTljZWN9PC9zdHlsZT48ZyBpZD0iX3gzOV83LWRvY2tlciI+PGc+PGc+PHJlY3Qgd2lkdGg9IjQ3LjUiIGhlaWdodD0iNDMuMiIgeD0iMjA0IiB5PSI1Mi4zIiBjbGFzcz0ic3QwIi8+PHJlY3Qgd2lkdGg9IjQ3LjUiIGhlaWdodD0iNDIuNyIgeD0iMjA0IiB5PSIxMDQuMSIgY2xhc3M9InN0MCIvPjxyZWN0IHdpZHRoPSI0Ny41IiBoZWlnaHQ9IjQzLjIiIHg9IjE0Ny45IiB5PSI1Mi4zIiBjbGFzcz0ic3QwIi8+PHJlY3Qgd2lkdGg9IjQ3LjUiIGhlaWdodD0iNDIuNyIgeD0iMjYwLjIiIHk9IjEwNC4xIiBjbGFzcz0ic3QwIi8+PHJlY3Qgd2lkdGg9IjQ3LjUiIGhlaWdodD0iNDMuNiIgeD0iMjA0IiBjbGFzcz0ic3QwIi8+PHJlY3Qgd2lkdGg9IjQ3LjUiIGhlaWdodD0iNDMuMiIgeD0iOTEuNyIgeT0iNTIuMyIgY2xhc3M9InN0MCIvPjxyZWN0IHdpZHRoPSI0Ny41IiBoZWlnaHQ9IjQyLjciIHg9IjE0Ny45IiB5PSIxMDQuMSIgY2xhc3M9InN0MCIvPjxwYXRoIGQ9Ik00NTAuNCwxMjQuMWMtMTAuNC03LTM0LjItOS41LTUyLjUtNmMtMi40LTE3LjItMTItMzIuMy0yOS41LTQ1LjhsLTEwLjEtNi43bC02LjcsMTAuMSBjLTEzLjIsMjAtMTYuOCw1Mi45LTIuNyw3NC42Yy02LjMsMy40LTE4LjUsOC0zNC44LDcuN0gxLjhjLTYuMywzNi41LDQuMiw4My45LDMxLjYsMTE2LjVDNjAsMzA2LDEwMCwzMjIuMSwxNTIuMywzMjIuMSBjMTEzLjEsMCwxOTYuOS01Mi4xLDIzNi0xNDYuOGMxNS40LDAuMyw0OC42LDAuMSw2NS42LTMyLjVjMS4xLTEuOCw0LjctOS41LDYuMS0xMi4zTDQ1MC40LDEyNC4xeiIgY2xhc3M9InN0MCIvPjxwb2x5Z29uIHBvaW50cz0iODMuMiAxMDQuMSA4My4xIDEwNC4xIDM1LjcgMTA0LjEgMzUuNyAxNDYuOCA4My4yIDE0Ni44IiBjbGFzcz0ic3QwIi8+PHJlY3Qgd2lkdGg9IjQ3LjUiIGhlaWdodD0iNDIuNyIgeD0iOTEuNyIgeT0iMTA0LjEiIGNsYXNzPSJzdDAiLz48L2c+PC9nPjwvZz48L3N2Zz4=" + icon = "icons/docker.svg" desc = "Discuss development issues around the project" [[params.links.footer.resources.items]] diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index b78f5942..aad41c03 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -7,27 +7,29 @@
- {{ range .Site.Params.links.footer.icons }} - + {{ $svg1 := resources.Get .icon }} + {{ end }}
-
+

An empowerer of engineers, Layer5 helps you extract more value from your infrastructure. Creator and maintainer of cloud native standards. Maker of Meshery, the cloud native manager.

-
+

RESOURCES

{{ range .Site.Params.links.footer.resources.items }} -
{{ .name }}
+
+ {{ .name }} +
{{ end }}
From 9d3b7f1c696fac58322cd69762718c7faaa85aa0 Mon Sep 17 00:00:00 2001 From: 35C4n0r Date: Sat, 11 Nov 2023 23:02:37 +0530 Subject: [PATCH 14/14] fix: overflow fix Signed-off-by: Jay --- assets/scss/_styles_project.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 78d8dbaf..b3ce2285 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -3,6 +3,11 @@ @import 'image-modal_project.scss'; @import 'elements_project.scss'; +:root, :host{ + overflow-y: scroll; + overflow-x: hidden; +} + .td-navbar{ min-height:6rem; .navbar-brand {