From 5d050ce274dba7679c6aeeefc6134d88975b0fc5 Mon Sep 17 00:00:00 2001 From: Itay Shakury Date: Thu, 5 Jun 2025 16:20:55 +0300 Subject: [PATCH] docs: add partners page (#8988) --- docs/assets/css/_slick_slider.scss | 131 ++++++++ ..._v1_homepage.scss => _trivy_homepage.scss} | 284 +----------------- docs/assets/css/_trivy_partners.scss | 177 +++++++++++ docs/assets/css/trivy_v1_homepage.min.css | 1 - docs/assets/css/trivy_v1_styles.min.css | 1 + docs/assets/css/trivy_v1_styles.scss | 166 ++++++++++ docs/assets/images/partner_logo_echo.svg | 20 ++ docs/assets/images/partner_logo_minimus.svg | 17 ++ docs/assets/images/partner_logo_root.svg | 15 + .../images/partners_hero_stage_full.svg | 136 +++++++++ docs/overrides/home.html | 6 +- docs/overrides/partners.html | 64 ++++ docs/partners.md | 10 + magefiles/magefile.go | 2 +- mkdocs.yml | 1 + 15 files changed, 743 insertions(+), 288 deletions(-) create mode 100644 docs/assets/css/_slick_slider.scss rename docs/assets/css/{trivy_v1_homepage.scss => _trivy_homepage.scss} (55%) create mode 100644 docs/assets/css/_trivy_partners.scss delete mode 100644 docs/assets/css/trivy_v1_homepage.min.css create mode 100644 docs/assets/css/trivy_v1_styles.min.css create mode 100644 docs/assets/css/trivy_v1_styles.scss create mode 100644 docs/assets/images/partner_logo_echo.svg create mode 100644 docs/assets/images/partner_logo_minimus.svg create mode 100644 docs/assets/images/partner_logo_root.svg create mode 100644 docs/assets/images/partners_hero_stage_full.svg create mode 100644 docs/overrides/partners.html create mode 100644 docs/partners.md diff --git a/docs/assets/css/_slick_slider.scss b/docs/assets/css/_slick_slider.scss new file mode 100644 index 0000000000..ee6db5e988 --- /dev/null +++ b/docs/assets/css/_slick_slider.scss @@ -0,0 +1,131 @@ +/* Slider */ +.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} +.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;} +.slick-list:focus{outline:none;} +.slick-list.dragging{cursor:hand;} +.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0,0,0);} +.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;} +.slick-track:before,.slick-track:after{display:table;content:'';} +.slick-track:after{clear:both;} +.slick-loading .slick-track{visibility:hidden;} +.slick-slide{display:none;float:left;height:100%;min-height:1px;} +.slick-slide:focus{outline:none;} +.slick-slide img{display:block;} +.slick-slide.slick-loading img{display:none;} +.slick-slide.dragging img{pointer-events:none;} +.slick-initialized .slick-slide{display:block;} +.slick-loading .slick-slide{visibility:hidden;} +.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;} +.slick-arrow.slick-hidden{display:none;} + +.slick-arrow {display:block;background-color:transparent;border:none;color:transparent;cursor:pointer;position:absolute;top:0px;height:330px;width:80px;z-index:20;outline:none;} +.slick-arrow:focus, .slick-arrow:active {outline:none;} +.slick-arrow.slick-prev {left:0px;background-image:linear-gradient(to right, rgba($aq-neo-background,1) 0%, rgba($aq-neo-background,0) 100%);} +.slick-arrow.slick-next {right:0px;background-image:linear-gradient(to left, rgba($aq-neo-background,1) 0%, rgba($aq-neo-background,0) 100%);} +.slick-arrow:before {content:"";display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:21;background-repeat:no-repeat;} +.slick-arrow.slick-prev:before {background-image:url(../images/arrow_left.png);background-position:center left;} +.slick-arrow.slick-next:before {background-image:url(../images/arrow_right.png);background-position:center right;} + + + +/* dots */ +.slick-dotted.slick-slider +{ + margin-bottom: 0px; +} + + +.slick-dots +{ + //position: absolute; + //bottom: -25px; + position: relative; + display: block; + + width: 100%; + padding: 0; + margin: 0; + + list-style: none; + + text-align: center; +} + + +.slick-dots li { + position: relative; + display: inline-block; + width: 24px; + height: 24px; + margin: 0px 4px; + padding: 0; + cursor: pointer; +} + +.slick-dots li button +{ + font-size: 0; + line-height: 0; + + display: block; + + width: 24px; + height: 24px; + padding: 0px; + + cursor: pointer; + + color: transparent; + border: 0; + outline: none; + background: transparent; + + &:before { + + position: relative; + top: 0px; + left: 0px; + width: 20px; + height: 20px; + content: ""; + background-color: transparent; + border: 2px solid $aq-sea-foam; + border-radius: 50%; + display: block; + opacity: 0.7; + } + + &:after { + + position: absolute; + top: 7px; + left: 5px; + width: 10px; + height: 10px; + content: ""; + background-color: $aq-sea-foam; + //border: 1px solid #666; + border-radius: 50%; + //box-shadow: inset 1px 1px 1px #888; + display: block; + opacity: 0; + transition: 0.2s ease-out; + + } + + + + +} +.slick-dots li button:hover, +.slick-dots li button:focus +{ + outline: none; + &:after { + opacity: 1; + } +} + +.slick-dots li.slick-active button:after { + opacity: 1; +} diff --git a/docs/assets/css/trivy_v1_homepage.scss b/docs/assets/css/_trivy_homepage.scss similarity index 55% rename from docs/assets/css/trivy_v1_homepage.scss rename to docs/assets/css/_trivy_homepage.scss index 7dd40ba43a..2657cf867d 100644 --- a/docs/assets/css/trivy_v1_homepage.scss +++ b/docs/assets/css/_trivy_homepage.scss @@ -1,52 +1,4 @@ /* trivy homepage */ - -//aqua brand colors -$aq-royal-blue: #1904da; -$aq-legacy-blue: #08b1d5; -$aq-coral-red: #ff445f; -$aq-starfish-yellow: #ffc900; -$aq-dark-abyss: #07242d; -$aq-deep-sea-blue: #183278; -$aq-ocean-ash: #405a75; -$aq-sea-foam: #00ffe4; - -$aq-neo-background: #ebf3fa; -$aq-neo-background-hover: #f0f8ff; - - -$aq-royal-blue-dark: #1503ba; - -$aq-trivy-dark: #0a0b23; - - -$weight-normal: 400; -$weight-semibold: 600; -$weight-bold: 700; - - - -$gap: 32px; -// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16 -$tablet: 769px; - -// 960px container + 4rem -$desktop: 960px + 2 * $gap; - -// 1152px container + 4rem -$widescreen: 1152px + 2 * $gap; -$widescreen-enabled: true; - -// 1344px container + 4rem -$fullhd: 1344px + 2 * $gap; -$fullhd-enabled: true; - - - -body { - - font-family: "Inter", sans-serif; -} - .trivy_v1_homepage_wrap { position: relative; z-index: 3; @@ -55,97 +7,7 @@ body { transition: all 0.2s ease !important; } - .container { - width: 100%; - margin: 0 auto; - max-width: 1440px; - - @media screen and (max-width: $tablet), print { //769 - padding: 0 24px; - max-width: $tablet; //769 - } //until tablet - } - - .button { - background-color: #ebf3fa; - border: 1px solid #dbdbdb; - border-width: 1px; - color: #363636; - cursor: pointer; - justify-content: center; - padding-bottom: calc(.5em - 1px); - padding-left: 1em; - padding-right: 1em; - padding-top: calc(.5em - 1px); - text-align: center; - white-space: nowrap; - border-radius: 4px; - transition: all .2s ease; - font-size: 16px; - display: inline-block; - font-weight: 700; - - &.is-seafoam { - background-color: $aq-sea-foam; - border-color: $aq-sea-foam; - color: $aq-dark-abyss; - - - &.is-outlined { - background-color: rgba(0,0,0,0); - border-color: $aq-sea-foam; - color: $aq-sea-foam; - border-width: 2px; - - &:hover { - background-color: $aq-sea-foam; - color: $aq-dark-abyss; - } - } //is-outlines - - } //is-seafoam - - &.large_btn { - font-size: 22px; - padding: 16px 27px; - margin-right: 12px; - - @media screen and (max-width: $tablet), print { - font-size: 18px; - } //until tablet - } - - - - &.solidseafoamarrowbutton { - - background-color: $aq-sea-foam; - font-weight: 700; - border: 2px solid $aq-sea-foam; - font-size: 22px; //1.375rem; //1.125rem; - padding: 16px 27px; - color: $aq-dark-abyss; - - - &:after { - content: ""; - border: solid $aq-dark-abyss; - border-width: 0 2px 2px 0; - display: inline-block; - padding: 4px; - transform: rotate(-45deg); - margin-left: 30px; - vertical-align: middle; - transition: all .2s; - } - } //solidseafoamarrowbutton - - } //button - - .margin-bottom-20 { - margin-bottom: 20px; - } .hero_wrap { background-color: $aq-trivy-dark; @@ -155,10 +17,6 @@ body { z-index: 10; - - - - .homepage_background_image_wrap { position: absolute; left: 0px; @@ -550,144 +408,4 @@ body { } //homepage_community_wrap -} //trivy_homepage_wrap - - - - - -/* Slider */ -.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} -.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;} -.slick-list:focus{outline:none;} -.slick-list.dragging{cursor:hand;} -.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0,0,0);} -.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;} -.slick-track:before,.slick-track:after{display:table;content:'';} -.slick-track:after{clear:both;} -.slick-loading .slick-track{visibility:hidden;} -.slick-slide{display:none;float:left;height:100%;min-height:1px;} -.slick-slide:focus{outline:none;} -.slick-slide img{display:block;} -.slick-slide.slick-loading img{display:none;} -.slick-slide.dragging img{pointer-events:none;} -.slick-initialized .slick-slide{display:block;} -.slick-loading .slick-slide{visibility:hidden;} -.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;} -.slick-arrow.slick-hidden{display:none;} - -.slick-arrow {display:block;background-color:transparent;border:none;color:transparent;cursor:pointer;position:absolute;top:0px;height:330px;width:80px;z-index:20;outline:none;} -.slick-arrow:focus, .slick-arrow:active {outline:none;} -.slick-arrow.slick-prev {left:0px;background-image:linear-gradient(to right, rgba($aq-neo-background,1) 0%, rgba($aq-neo-background,0) 100%);} -.slick-arrow.slick-next {right:0px;background-image:linear-gradient(to left, rgba($aq-neo-background,1) 0%, rgba($aq-neo-background,0) 100%);} -.slick-arrow:before {content:"";display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:21;background-repeat:no-repeat;} -.slick-arrow.slick-prev:before {background-image:url(../images/arrow_left.png);background-position:center left;} -.slick-arrow.slick-next:before {background-image:url(../images/arrow_right.png);background-position:center right;} - - - -/* dots */ -.slick-dotted.slick-slider -{ - margin-bottom: 0px; -} - - -.slick-dots -{ - //position: absolute; - //bottom: -25px; - position: relative; - display: block; - - width: 100%; - padding: 0; - margin: 0; - - list-style: none; - - text-align: center; -} - - -.slick-dots li { - position: relative; - display: inline-block; - width: 24px; - height: 24px; - margin: 0px 4px; - padding: 0; - cursor: pointer; -} - -.slick-dots li button -{ - font-size: 0; - line-height: 0; - - display: block; - - width: 24px; - height: 24px; - padding: 0px; - - cursor: pointer; - - color: transparent; - border: 0; - outline: none; - background: transparent; - - &:before { - - position: relative; - top: 0px; - left: 0px; - width: 20px; - height: 20px; - content: ""; - background-color: transparent; - border: 2px solid $aq-sea-foam; - border-radius: 50%; - display: block; - opacity: 0.7; - } - - &:after { - - position: absolute; - top: 7px; - left: 5px; - width: 10px; - height: 10px; - content: ""; - background-color: $aq-sea-foam; - //border: 1px solid #666; - border-radius: 50%; - //box-shadow: inset 1px 1px 1px #888; - display: block; - opacity: 0; - transition: 0.2s ease-out; - - } - - - - -} -.slick-dots li button:hover, -.slick-dots li button:focus -{ - outline: none; - &:after { - opacity: 1; - } -} - -.slick-dots li.slick-active button:after { - opacity: 1; -} - - - - +} //trivy_homepage_wrap \ No newline at end of file diff --git a/docs/assets/css/_trivy_partners.scss b/docs/assets/css/_trivy_partners.scss new file mode 100644 index 0000000000..ca5faaddbe --- /dev/null +++ b/docs/assets/css/_trivy_partners.scss @@ -0,0 +1,177 @@ +/* trivy partners page */ +.trivy_v1_homepage_wrap.partners_wrap { + position: relative; + z-index: 3; + + .partners_hero_wrap { + background-color: $aq-trivy-dark; + background-image: radial-gradient(1600px at 70% 120%, #031145 10%, $aq-trivy-dark 100%); + min-height: 500px; + position: relative; + z-index: 10; + + .partners_background_image_wrap { + position: absolute; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + z-index: 1; + pointer-events: none; + + .stars_wrap { + position: absolute; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + z-index: 1; + overflow: hidden; + + .stars_bg { + position: absolute; + width: 400vw; + height: 400vh; + top: 50%; + left: 50%; + margin-top: -200vh; + margin-left: -200vw; + animation: stars_ani 240s linear infinite; + background-size: 240px; + backface-visibility: visible; + background-image:url(../images/homepage_hero_stars_02.svg); + background-repeat: repeat; + + } + + + @keyframes stars_ani { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } + } + + } //stars_wrap + + + + } //hero_background_image_wrap + } //partners_hero_wrap + + + + .hero { + + + .hero-body { + padding: 80px 0px; + // border: 1px solid red; + + .header_title_wrap.with_columns { + + display: flex; + flex-direction: row; + + @media screen and (max-width: $desktop) { + + flex-direction: column; + } + + + .header_title_content_wrap { + + width: 50%; + position: relative; + z-index: 3; + + &.partners_hero_stage_image { + align-self: center; + align-content: center; + img { + max-width: 100%; + } + } + + + @media screen and (max-width: $widescreen), print { + width: 70%; + } //until widescreen + + @media screen and (max-width: $tablet), print { //769 + + width: 100%; + + .page_title { + font-size: 32px; //2rem; + }//page_title + + .page_subtitle { + font-size: 18px; //1.125rem; + }//page_subtitle + + } //until tablet + + + } //header_title_content_wrap + + } //header_title_wrap + + @media screen and (min-width: $tablet), print { //769 + padding: 48px 24px; //3rem 1.5rem; + } + } + + } //hero + + +} //trivy_v1_homepage_wrap partners_wrap + + + +.partners_logos_wrap { + background-color: $aq-trivy-dark; + padding: 50px 0px; + + .partners_logos_title { + text-align: center; + color: #ffffff; + } + + .partners_logos { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + gap: 4rem; + flex-wrap: wrap; + + .logo_item { + display: inline-block; + padding: 20px; + margin: 0px; + + // background-color: red; + img { + display: block; + margin: 0px auto; + width: auto; + max-height: 115px; + max-width: 200px; + transition: all 0.3s ease; + // overflow: hidden; + } + } //logo_item + + @media screen and (max-width: $tablet) { + + gap: 2rem; + + .logo_item { + img { + max-height: 80px; + max-width: 150px; + } + } + } + + } //partners_logos +} //partners_logos_wrap \ No newline at end of file diff --git a/docs/assets/css/trivy_v1_homepage.min.css b/docs/assets/css/trivy_v1_homepage.min.css deleted file mode 100644 index 0b9ef16d19..0000000000 --- a/docs/assets/css/trivy_v1_homepage.min.css +++ /dev/null @@ -1 +0,0 @@ -body{font-family:"Inter",sans-serif}.trivy_v1_homepage_wrap{position:relative;z-index:3}.trivy_v1_homepage_wrap *{transition:all .2s ease !important}.trivy_v1_homepage_wrap .container{width:100%;margin:0 auto;max-width:1440px}@media screen and (max-width: 769px),print{.trivy_v1_homepage_wrap .container{padding:0 24px;max-width:769px}}.trivy_v1_homepage_wrap .button{background-color:#ebf3fa;border:1px solid #dbdbdb;border-width:1px;color:#363636;cursor:pointer;justify-content:center;padding-bottom:calc(.5em - 1px);padding-left:1em;padding-right:1em;padding-top:calc(.5em - 1px);text-align:center;white-space:nowrap;border-radius:4px;transition:all .2s ease;font-size:16px;display:inline-block;font-weight:700}.trivy_v1_homepage_wrap .button.is-seafoam{background-color:#00ffe4;border-color:#00ffe4;color:#07242d}.trivy_v1_homepage_wrap .button.is-seafoam.is-outlined{background-color:rgba(0,0,0,0);border-color:#00ffe4;color:#00ffe4;border-width:2px}.trivy_v1_homepage_wrap .button.is-seafoam.is-outlined:hover{background-color:#00ffe4;color:#07242d}.trivy_v1_homepage_wrap .button.large_btn{font-size:22px;padding:16px 27px;margin-right:12px}@media screen and (max-width: 769px),print{.trivy_v1_homepage_wrap .button.large_btn{font-size:18px}}.trivy_v1_homepage_wrap .button.solidseafoamarrowbutton{background-color:#00ffe4;font-weight:700;border:2px solid #00ffe4;font-size:22px;padding:16px 27px;color:#07242d}.trivy_v1_homepage_wrap .button.solidseafoamarrowbutton:after{content:"";border:solid #07242d;border-width:0 2px 2px 0;display:inline-block;padding:4px;transform:rotate(-45deg);margin-left:30px;vertical-align:middle;transition:all .2s}.trivy_v1_homepage_wrap .margin-bottom-20{margin-bottom:20px}.trivy_v1_homepage_wrap .hero_wrap{background-color:#0a0b23;background-image:radial-gradient(1600px at 70% 120%, #031145 10%, #0a0b23 100%);min-height:1050px;position:relative;z-index:10}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:1;pointer-events:none}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .stars_wrap{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:1;overflow:hidden}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .stars_wrap .stars_bg{position:absolute;width:400vw;height:400vh;top:50%;left:50%;margin-top:-200vh;margin-left:-200vw;animation:stars_ani 240s linear infinite;background-size:240px;backface-visibility:visible;background-image:url(../images/homepage_hero_stars_02.svg);background-repeat:repeat}@keyframes stars_ani{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .terrain_wrap{position:absolute;left:0px;bottom:0px;width:100%;height:680px;background-image:url(../images/homepage_hero_terrain_08.svg);background-repeat:no-repeat;background-position:center top;background-size:cover;z-index:2}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .beams_wrap{position:absolute;left:0px;bottom:0px;width:100%;height:100%;z-index:3;overflow:hidden}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .beams_wrap .beam{position:absolute;right:200px;top:270px;width:3px;height:350%;background:rgba(62,171,255,.6);box-shadow:0px 0px 55px 0px #3eabff;transform-origin:0 0;animation:beam_ani 10s infinite}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .beams_wrap .beam.num2{animation:beam_ani 11s infinite}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .beams_wrap .beam.num3{animation:beam_ani 12s infinite}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .beams_wrap .beam.num4{animation:beam_ani 13s infinite}@keyframes beam_ani{0%{transform:rotate(75deg)}50%{transform:rotate(-15deg)}100%{transform:rotate(75deg)}}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .beams_wrap .sphere{z-index:999;position:absolute;top:60px;right:50px;width:280px;height:280px;background-image:url(../images/homepage_hero_orb_03.png);background-position:center center;background-repeat:no-repeat}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .person_wrap{position:absolute;left:0px;bottom:0px;width:100%;height:595px;background-image:url(../images/homepage_v1_hero_person_01.png);background-repeat:no-repeat;background-position:center bottom;z-index:4}.trivy_v1_homepage_wrap .hero .hero-body{padding:80px 0px}.trivy_v1_homepage_wrap .hero .hero-body .header_title_wrap .header_title_content_wrap{width:50%;position:relative;z-index:3}.trivy_v1_homepage_wrap .hero .hero-body .header_title_wrap .header_title_content_wrap .page_title{color:#fff;font-weight:700;font-size:48px;line-height:1.3}.trivy_v1_homepage_wrap .hero .hero-body .header_title_wrap .header_title_content_wrap .page_subtitle{color:#fff;font-weight:400;font-size:24px;line-height:1.3;margin-bottom:30px}@media screen and (max-width: 1216px),print{.trivy_v1_homepage_wrap .hero .hero-body .header_title_wrap .header_title_content_wrap{width:70%}}@media screen and (max-width: 769px),print{.trivy_v1_homepage_wrap .hero .hero-body .header_title_wrap .header_title_content_wrap{width:100%}.trivy_v1_homepage_wrap .hero .hero-body .header_title_wrap .header_title_content_wrap .page_title{font-size:32px}.trivy_v1_homepage_wrap .hero .hero-body .header_title_wrap .header_title_content_wrap .page_subtitle{font-size:18px}}@media screen and (min-width: 769px),print{.trivy_v1_homepage_wrap .hero .hero-body{padding:48px 24px}}.trivy_v1_homepage_wrap .homepage_community_wrap{position:relative;background-color:#0a0b23;color:#fff;z-index:5;padding-top:60px;padding-bottom:20px}.trivy_v1_homepage_wrap .homepage_community_wrap .container.wide_container{max-width:1640px;padding-left:20px;padding-right:20px;display:flex;flex-direction:row;flex-wrap:wrap}.trivy_v1_homepage_wrap .homepage_community_wrap .community_titles_column{width:33.3333%;padding-right:32px}@media screen and (max-width: 1024px),print{.trivy_v1_homepage_wrap .homepage_community_wrap .community_titles_column{width:41.6666666667%}}@media screen and (max-width: 769px),print{.trivy_v1_homepage_wrap .homepage_community_wrap .community_titles_column{width:100%}}.trivy_v1_homepage_wrap .homepage_community_wrap .community_slider_column{width:66.6666%}@media screen and (max-width: 1024px),print{.trivy_v1_homepage_wrap .homepage_community_wrap .community_slider_column{width:58.3333333333%}}@media screen and (max-width: 769px),print{.trivy_v1_homepage_wrap .homepage_community_wrap .community_slider_column{width:100%}}.trivy_v1_homepage_wrap .homepage_community_wrap .community_title{color:#00ffe4;font-size:60px;font-weight:700;margin-bottom:24px;line-height:1.2}.trivy_v1_homepage_wrap .homepage_community_wrap .community_subtitle{color:#fff;font-size:26px;margin-bottom:24px}.trivy_v1_homepage_wrap .homepage_community_wrap .community_cta_wrap .button{font-weight:700;margin-right:10px}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap{position:relative}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes{column-count:3;column-gap:20px}@media screen and (max-width: 1216px),print{.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes{column-count:2}}@media screen and (max-width: 769px),print{.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes{column-count:1}}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item_wrap{display:inline-block;margin:0px 0px 20px 0px;width:100%}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item{display:block;position:relative;color:#fff;border:1px solid rgba(0,255,228,.2);background-color:rgba(0,255,228,.05);border-radius:4px;padding:25px}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item .quote_name{font-size:16px;font-weight:600}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item .quote_twitter_handle{opacity:.6;font-size:13px}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item .quote_company{opacity:.6;font-size:13px}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item .quote_text{font-size:16px;font-weight:400;line-height:1.3}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item .quote_avatar{display:block;position:absolute;top:25px;left:25px;width:40px;height:40px;border-radius:50%;background-repeat:no-repeat;background-position:center center;background-size:cover}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item.is_tweet .quote_text{padding-top:10px}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item.is_tweet.has_avatar .quote_name,.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item.is_tweet.has_avatar .quote_twitter_handle{padding-left:50px}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item.is_quote .quote_text{position:relative;padding-top:40px;padding-bottom:10px}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item.is_quote .quote_text:before{content:"";display:block;position:absolute;top:-10px;left:0px;width:56px;height:42px;background-image:url(../images/community_quote.png);background-position:center center;background-repeat:no-repeat}@media screen and (max-width: 769px),print{.trivy_v1_homepage_wrap .homepage_community_wrap .community_title{font-size:32px}.trivy_v1_homepage_wrap .homepage_community_wrap .community_subtitle{font-size:18px}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}.slick-slide:focus{outline:none}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid rgba(0,0,0,0)}.slick-arrow.slick-hidden{display:none}.slick-arrow{display:block;background-color:rgba(0,0,0,0);border:none;color:rgba(0,0,0,0);cursor:pointer;position:absolute;top:0px;height:330px;width:80px;z-index:20;outline:none}.slick-arrow:focus,.slick-arrow:active{outline:none}.slick-arrow.slick-prev{left:0px;background-image:linear-gradient(to right, #ebf3fa 0%, rgba(235, 243, 250, 0) 100%)}.slick-arrow.slick-next{right:0px;background-image:linear-gradient(to left, #ebf3fa 0%, rgba(235, 243, 250, 0) 100%)}.slick-arrow:before{content:"";display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:21;background-repeat:no-repeat}.slick-arrow.slick-prev:before{background-image:url(../images/arrow_left.png);background-position:center left}.slick-arrow.slick-next:before{background-image:url(../images/arrow_right.png);background-position:center right}.slick-dotted.slick-slider{margin-bottom:0px}.slick-dots{position:relative;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:24px;height:24px;margin:0px 4px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:24px;height:24px;padding:0px;cursor:pointer;color:rgba(0,0,0,0);border:0;outline:none;background:rgba(0,0,0,0)}.slick-dots li button:before{position:relative;top:0px;left:0px;width:20px;height:20px;content:"";background-color:rgba(0,0,0,0);border:2px solid #00ffe4;border-radius:50%;display:block;opacity:.7}.slick-dots li button:after{position:absolute;top:7px;left:5px;width:10px;height:10px;content:"";background-color:#00ffe4;border-radius:50%;display:block;opacity:0;transition:.2s ease-out}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:after,.slick-dots li button:focus:after{opacity:1}.slick-dots li.slick-active button:after{opacity:1} diff --git a/docs/assets/css/trivy_v1_styles.min.css b/docs/assets/css/trivy_v1_styles.min.css new file mode 100644 index 0000000000..8a2ac45b35 --- /dev/null +++ b/docs/assets/css/trivy_v1_styles.min.css @@ -0,0 +1 @@ +body{font-family:"Inter",sans-serif}.container{width:100%;margin:0 auto;max-width:1440px}.container.is-relative{position:relative}@media screen and (max-width: 769px),print{.container{padding:0 24px;max-width:calc(100% - 48px)}}.generic_title{font-size:1.75rem;font-weight:700;margin:.75rem 1.25rem .75rem .75rem;color:#1904da}.generic_subtitle{font-size:1.125rem;opacity:.8;margin:.75rem}.button{background-color:#ebf3fa;border:1px solid #dbdbdb;border-width:1px;color:#363636;cursor:pointer;justify-content:center;padding-bottom:calc(.5em - 1px);padding-left:1em;padding-right:1em;padding-top:calc(.5em - 1px);text-align:center;white-space:nowrap;border-radius:4px;transition:all .2s ease;font-size:16px;display:inline-block;font-weight:700}.button.is-seafoam{background-color:#00ffe4;border-color:#00ffe4;color:#07242d}.button.is-seafoam.is-outlined{background-color:rgba(0,0,0,0);border-color:#00ffe4;color:#00ffe4;border-width:2px}.button.is-seafoam.is-outlined:hover{background-color:#00ffe4;color:#07242d}.button.large_btn{font-size:22px;padding:16px 27px;margin-right:12px}@media screen and (max-width: 769px),print{.button.large_btn{font-size:18px}}.button.solidseafoamarrowbutton{background-color:#00ffe4;font-weight:700;border:2px solid #00ffe4;font-size:22px;padding:16px 27px;color:#07242d}.button.solidseafoamarrowbutton:after{content:"";border:solid #07242d;border-width:0 2px 2px 0;display:inline-block;padding:4px;transform:rotate(-45deg);margin-left:30px;vertical-align:middle;transition:all .2s}.margin-bottom-20{margin-bottom:20px}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}.slick-slide:focus{outline:none}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid rgba(0,0,0,0)}.slick-arrow.slick-hidden{display:none}.slick-arrow{display:block;background-color:rgba(0,0,0,0);border:none;color:rgba(0,0,0,0);cursor:pointer;position:absolute;top:0px;height:330px;width:80px;z-index:20;outline:none}.slick-arrow:focus,.slick-arrow:active{outline:none}.slick-arrow.slick-prev{left:0px;background-image:linear-gradient(to right, #ebf3fa 0%, rgba(235, 243, 250, 0) 100%)}.slick-arrow.slick-next{right:0px;background-image:linear-gradient(to left, #ebf3fa 0%, rgba(235, 243, 250, 0) 100%)}.slick-arrow:before{content:"";display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:21;background-repeat:no-repeat}.slick-arrow.slick-prev:before{background-image:url(../images/arrow_left.png);background-position:center left}.slick-arrow.slick-next:before{background-image:url(../images/arrow_right.png);background-position:center right}.slick-dotted.slick-slider{margin-bottom:0px}.slick-dots{position:relative;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:24px;height:24px;margin:0px 4px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:24px;height:24px;padding:0px;cursor:pointer;color:rgba(0,0,0,0);border:0;outline:none;background:rgba(0,0,0,0)}.slick-dots li button:before{position:relative;top:0px;left:0px;width:20px;height:20px;content:"";background-color:rgba(0,0,0,0);border:2px solid #00ffe4;border-radius:50%;display:block;opacity:.7}.slick-dots li button:after{position:absolute;top:7px;left:5px;width:10px;height:10px;content:"";background-color:#00ffe4;border-radius:50%;display:block;opacity:0;transition:.2s ease-out}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:after,.slick-dots li button:focus:after{opacity:1}.slick-dots li.slick-active button:after{opacity:1}.trivy_v1_homepage_wrap{position:relative;z-index:3}.trivy_v1_homepage_wrap *{transition:all .2s ease !important}.trivy_v1_homepage_wrap .hero_wrap{background-color:#0a0b23;background-image:radial-gradient(1600px at 70% 120%, #031145 10%, #0a0b23 100%);min-height:1050px;position:relative;z-index:10}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:1;pointer-events:none}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .stars_wrap{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:1;overflow:hidden}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .stars_wrap .stars_bg{position:absolute;width:400vw;height:400vh;top:50%;left:50%;margin-top:-200vh;margin-left:-200vw;animation:stars_ani 240s linear infinite;background-size:240px;backface-visibility:visible;background-image:url(../images/homepage_hero_stars_02.svg);background-repeat:repeat}@keyframes stars_ani{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .terrain_wrap{position:absolute;left:0px;bottom:0px;width:100%;height:680px;background-image:url(../images/homepage_hero_terrain_08.svg);background-repeat:no-repeat;background-position:center top;background-size:cover;z-index:2}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .beams_wrap{position:absolute;left:0px;bottom:0px;width:100%;height:100%;z-index:3;overflow:hidden}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .beams_wrap .beam{position:absolute;right:200px;top:270px;width:3px;height:350%;background:rgba(62,171,255,.6);box-shadow:0px 0px 55px 0px #3eabff;transform-origin:0 0;animation:beam_ani 10s infinite}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .beams_wrap .beam.num2{animation:beam_ani 11s infinite}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .beams_wrap .beam.num3{animation:beam_ani 12s infinite}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .beams_wrap .beam.num4{animation:beam_ani 13s infinite}@keyframes beam_ani{0%{transform:rotate(75deg)}50%{transform:rotate(-15deg)}100%{transform:rotate(75deg)}}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .beams_wrap .sphere{z-index:999;position:absolute;top:60px;right:50px;width:280px;height:280px;background-image:url(../images/homepage_hero_orb_03.png);background-position:center center;background-repeat:no-repeat}.trivy_v1_homepage_wrap .hero_wrap .homepage_background_image_wrap .person_wrap{position:absolute;left:0px;bottom:0px;width:100%;height:595px;background-image:url(../images/homepage_v1_hero_person_01.png);background-repeat:no-repeat;background-position:center bottom;z-index:4}.trivy_v1_homepage_wrap .hero .hero-body{padding:80px 0px}.trivy_v1_homepage_wrap .hero .hero-body .header_title_wrap .header_title_content_wrap{width:50%;position:relative;z-index:3}.trivy_v1_homepage_wrap .hero .hero-body .header_title_wrap .header_title_content_wrap .page_title{color:#fff;font-weight:700;font-size:48px;line-height:1.3}.trivy_v1_homepage_wrap .hero .hero-body .header_title_wrap .header_title_content_wrap .page_subtitle{color:#fff;font-weight:400;font-size:24px;line-height:1.3;margin-bottom:30px}@media screen and (max-width: 1216px),print{.trivy_v1_homepage_wrap .hero .hero-body .header_title_wrap .header_title_content_wrap{width:70%}}@media screen and (max-width: 769px),print{.trivy_v1_homepage_wrap .hero .hero-body .header_title_wrap .header_title_content_wrap{width:100%}.trivy_v1_homepage_wrap .hero .hero-body .header_title_wrap .header_title_content_wrap .page_title{font-size:32px}.trivy_v1_homepage_wrap .hero .hero-body .header_title_wrap .header_title_content_wrap .page_subtitle{font-size:18px}}@media screen and (min-width: 769px),print{.trivy_v1_homepage_wrap .hero .hero-body{padding:48px 24px}}.trivy_v1_homepage_wrap .homepage_community_wrap{position:relative;background-color:#0a0b23;color:#fff;z-index:5;padding-top:60px;padding-bottom:20px}.trivy_v1_homepage_wrap .homepage_community_wrap .container.wide_container{max-width:1640px;padding-left:20px;padding-right:20px;display:flex;flex-direction:row;flex-wrap:wrap}.trivy_v1_homepage_wrap .homepage_community_wrap .community_titles_column{width:33.3333%;padding-right:32px}@media screen and (max-width: 1024px),print{.trivy_v1_homepage_wrap .homepage_community_wrap .community_titles_column{width:41.6666666667%}}@media screen and (max-width: 769px),print{.trivy_v1_homepage_wrap .homepage_community_wrap .community_titles_column{width:100%}}.trivy_v1_homepage_wrap .homepage_community_wrap .community_slider_column{width:66.6666%}@media screen and (max-width: 1024px),print{.trivy_v1_homepage_wrap .homepage_community_wrap .community_slider_column{width:58.3333333333%}}@media screen and (max-width: 769px),print{.trivy_v1_homepage_wrap .homepage_community_wrap .community_slider_column{width:100%}}.trivy_v1_homepage_wrap .homepage_community_wrap .community_title{color:#00ffe4;font-size:60px;font-weight:700;margin-bottom:24px;line-height:1.2}.trivy_v1_homepage_wrap .homepage_community_wrap .community_subtitle{color:#fff;font-size:26px;margin-bottom:24px}.trivy_v1_homepage_wrap .homepage_community_wrap .community_cta_wrap .button{font-weight:700;margin-right:10px}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap{position:relative}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes{column-count:3;column-gap:20px}@media screen and (max-width: 1216px),print{.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes{column-count:2}}@media screen and (max-width: 769px),print{.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes{column-count:1}}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item_wrap{display:inline-block;margin:0px 0px 20px 0px;width:100%}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item{display:block;position:relative;color:#fff;border:1px solid rgba(0,255,228,.2);background-color:rgba(0,255,228,.05);border-radius:4px;padding:25px}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item .quote_name{font-size:16px;font-weight:600}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item .quote_twitter_handle{opacity:.6;font-size:13px}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item .quote_company{opacity:.6;font-size:13px}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item .quote_text{font-size:16px;font-weight:400;line-height:1.3}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item .quote_avatar{display:block;position:absolute;top:25px;left:25px;width:40px;height:40px;border-radius:50%;background-repeat:no-repeat;background-position:center center;background-size:cover}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item.is_tweet .quote_text{padding-top:10px}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item.is_tweet.has_avatar .quote_name,.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item.is_tweet.has_avatar .quote_twitter_handle{padding-left:50px}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item.is_quote .quote_text{position:relative;padding-top:40px;padding-bottom:10px}.trivy_v1_homepage_wrap .homepage_community_wrap .community_quotes_wrap .community_quotes .quote_item.is_quote .quote_text:before{content:"";display:block;position:absolute;top:-10px;left:0px;width:56px;height:42px;background-image:url(../images/community_quote.png);background-position:center center;background-repeat:no-repeat}@media screen and (max-width: 769px),print{.trivy_v1_homepage_wrap .homepage_community_wrap .community_title{font-size:32px}.trivy_v1_homepage_wrap .homepage_community_wrap .community_subtitle{font-size:18px}}.trivy_v1_homepage_wrap.partners_wrap{position:relative;z-index:3}.trivy_v1_homepage_wrap.partners_wrap .partners_hero_wrap{background-color:#0a0b23;background-image:radial-gradient(1600px at 70% 120%, #031145 10%, #0a0b23 100%);min-height:500px;position:relative;z-index:10}.trivy_v1_homepage_wrap.partners_wrap .partners_hero_wrap .partners_background_image_wrap{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:1;pointer-events:none}.trivy_v1_homepage_wrap.partners_wrap .partners_hero_wrap .partners_background_image_wrap .stars_wrap{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:1;overflow:hidden}.trivy_v1_homepage_wrap.partners_wrap .partners_hero_wrap .partners_background_image_wrap .stars_wrap .stars_bg{position:absolute;width:400vw;height:400vh;top:50%;left:50%;margin-top:-200vh;margin-left:-200vw;animation:stars_ani 240s linear infinite;background-size:240px;backface-visibility:visible;background-image:url(../images/homepage_hero_stars_02.svg);background-repeat:repeat}@keyframes stars_ani{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.trivy_v1_homepage_wrap.partners_wrap .hero .hero-body{padding:80px 0px}.trivy_v1_homepage_wrap.partners_wrap .hero .hero-body .header_title_wrap.with_columns{display:flex;flex-direction:row}@media screen and (max-width: 1024px){.trivy_v1_homepage_wrap.partners_wrap .hero .hero-body .header_title_wrap.with_columns{flex-direction:column}}.trivy_v1_homepage_wrap.partners_wrap .hero .hero-body .header_title_wrap.with_columns .header_title_content_wrap{width:50%;position:relative;z-index:3}.trivy_v1_homepage_wrap.partners_wrap .hero .hero-body .header_title_wrap.with_columns .header_title_content_wrap.partners_hero_stage_image{align-self:center;align-content:center}.trivy_v1_homepage_wrap.partners_wrap .hero .hero-body .header_title_wrap.with_columns .header_title_content_wrap.partners_hero_stage_image img{max-width:100%}@media screen and (max-width: 1216px),print{.trivy_v1_homepage_wrap.partners_wrap .hero .hero-body .header_title_wrap.with_columns .header_title_content_wrap{width:70%}}@media screen and (max-width: 769px),print{.trivy_v1_homepage_wrap.partners_wrap .hero .hero-body .header_title_wrap.with_columns .header_title_content_wrap{width:100%}.trivy_v1_homepage_wrap.partners_wrap .hero .hero-body .header_title_wrap.with_columns .header_title_content_wrap .page_title{font-size:32px}.trivy_v1_homepage_wrap.partners_wrap .hero .hero-body .header_title_wrap.with_columns .header_title_content_wrap .page_subtitle{font-size:18px}}@media screen and (min-width: 769px),print{.trivy_v1_homepage_wrap.partners_wrap .hero .hero-body{padding:48px 24px}}.partners_logos_wrap{background-color:#0a0b23;padding:50px 0px}.partners_logos_wrap .partners_logos_title{text-align:center;color:#fff}.partners_logos_wrap .partners_logos{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4rem;flex-wrap:wrap}.partners_logos_wrap .partners_logos .logo_item{display:inline-block;padding:20px;margin:0px}.partners_logos_wrap .partners_logos .logo_item img{display:block;margin:0px auto;width:auto;max-height:115px;max-width:200px;transition:all .3s ease}@media screen and (max-width: 769px){.partners_logos_wrap .partners_logos{gap:2rem}.partners_logos_wrap .partners_logos .logo_item img{max-height:80px;max-width:150px}} diff --git a/docs/assets/css/trivy_v1_styles.scss b/docs/assets/css/trivy_v1_styles.scss new file mode 100644 index 0000000000..303ebe917c --- /dev/null +++ b/docs/assets/css/trivy_v1_styles.scss @@ -0,0 +1,166 @@ +/* trivy styles */ + +//aqua brand colors +$aq-royal-blue: #1904da; +$aq-legacy-blue: #08b1d5; +$aq-coral-red: #ff445f; +$aq-starfish-yellow: #ffc900; +$aq-dark-abyss: #07242d; +$aq-deep-sea-blue: #183278; +$aq-ocean-ash: #405a75; +$aq-sea-foam: #00ffe4; + +$aq-neo-background: #ebf3fa; +$aq-neo-background-hover: #f0f8ff; + + +$aq-royal-blue-dark: #1503ba; + +$aq-trivy-dark: #0a0b23; + +$weight-normal: 400; +$weight-semibold: 600; +$weight-bold: 700; + + + +$gap: 32px; +// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16 +$tablet: 769px; + +// 960px container + 4rem +$desktop: 960px + 2 * $gap; + +// 1152px container + 4rem +$widescreen: 1152px + 2 * $gap; +$widescreen-enabled: true; + +// 1344px container + 4rem +$fullhd: 1344px + 2 * $gap; +$fullhd-enabled: true; + + + +body { + + font-family: "Inter", sans-serif; +} + + +.container { + width: 100%; + margin: 0 auto; + max-width: 1440px; + + &.is-relative { + position: relative; + } + + @media screen and (max-width: $tablet), print { //769 + padding: 0 24px; + max-width: calc( 100% - 48px); //$tablet; //769 + } //until tablet + +} + + +.generic_title { + font-size: 1.75rem; + font-weight: $weight-bold; + margin: 0.75rem 1.25rem 0.75rem 0.75rem; + color: $aq-royal-blue; +} + +.generic_subtitle { + font-size: 1.125rem; + opacity: 0.8; + margin: 0.75rem; +} + + +.button { + + background-color: #ebf3fa; + border: 1px solid #dbdbdb; + border-width: 1px; + color: #363636; + cursor: pointer; + justify-content: center; + padding-bottom: calc(.5em - 1px); + padding-left: 1em; + padding-right: 1em; + padding-top: calc(.5em - 1px); + text-align: center; + white-space: nowrap; + border-radius: 4px; + transition: all .2s ease; + font-size: 16px; + display: inline-block; + font-weight: 700; + + &.is-seafoam { + background-color: $aq-sea-foam; + border-color: $aq-sea-foam; + color: $aq-dark-abyss; + + + &.is-outlined { + background-color: rgba(0,0,0,0); + border-color: $aq-sea-foam; + color: $aq-sea-foam; + border-width: 2px; + + &:hover { + background-color: $aq-sea-foam; + color: $aq-dark-abyss; + } + } //is-outlines + + } //is-seafoam + + &.large_btn { + font-size: 22px; + padding: 16px 27px; + margin-right: 12px; + + @media screen and (max-width: $tablet), print { + font-size: 18px; + } //until tablet + } + + + + &.solidseafoamarrowbutton { + + background-color: $aq-sea-foam; + font-weight: 700; + border: 2px solid $aq-sea-foam; + font-size: 22px; //1.375rem; //1.125rem; + padding: 16px 27px; + color: $aq-dark-abyss; + + + &:after { + content: ""; + border: solid $aq-dark-abyss; + border-width: 0 2px 2px 0; + display: inline-block; + padding: 4px; + transform: rotate(-45deg); + margin-left: 30px; + vertical-align: middle; + transition: all .2s; + } + } //solidseafoamarrowbutton + +} //button + +.margin-bottom-20 { + margin-bottom: 20px; +} + + +@import "_slick_slider"; + +@import "_trivy_homepage"; +@import "_trivy_partners"; diff --git a/docs/assets/images/partner_logo_echo.svg b/docs/assets/images/partner_logo_echo.svg new file mode 100644 index 0000000000..340660d2a0 --- /dev/null +++ b/docs/assets/images/partner_logo_echo.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/docs/assets/images/partner_logo_minimus.svg b/docs/assets/images/partner_logo_minimus.svg new file mode 100644 index 0000000000..676172f4a8 --- /dev/null +++ b/docs/assets/images/partner_logo_minimus.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/docs/assets/images/partner_logo_root.svg b/docs/assets/images/partner_logo_root.svg new file mode 100644 index 0000000000..d825db7bda --- /dev/null +++ b/docs/assets/images/partner_logo_root.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/docs/assets/images/partners_hero_stage_full.svg b/docs/assets/images/partners_hero_stage_full.svg new file mode 100644 index 0000000000..0c62055b5f --- /dev/null +++ b/docs/assets/images/partners_hero_stage_full.svg @@ -0,0 +1,136 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/overrides/home.html b/docs/overrides/home.html index bb73736d80..fc0e521b88 100644 --- a/docs/overrides/home.html +++ b/docs/overrides/home.html @@ -5,8 +5,8 @@ {% endblock %} {% block hero %} - - + +
@@ -18,7 +18,7 @@

The all-in-one open source security scanner diff --git a/docs/overrides/partners.html b/docs/overrides/partners.html new file mode 100644 index 0000000000..97a79e7568 --- /dev/null +++ b/docs/overrides/partners.html @@ -0,0 +1,64 @@ +{% extends "main.html" %} + +{% block content %} + +{% endblock %} + +{% block hero %} + + + +
+ + +
+ + +
+
+
+
+
+

+ Trivy Partners Program +

+

+ Align with the world’s most trusted open-source scanner. This premium program gives you priority support, co-branding rights, and access to millions of users who rely on Trivy to secure their cloud-native environments. Don’t just integrate; Lead. +

+
+ +
+ +
+ +
+
+
+ + +
+
+
+
+
+ + + +
+ + + +
+ +

Join the Trivy Partners Community

+
+
Minimus Logo
+
Root Logo
+
Echo Logo
+
+
+ + +
+ +{% endblock %} \ No newline at end of file diff --git a/docs/partners.md b/docs/partners.md new file mode 100644 index 0000000000..0f1d4123ce --- /dev/null +++ b/docs/partners.md @@ -0,0 +1,10 @@ +--- +template: partners.html +hide: + - navigation + - toc + - path + - tags +--- + + diff --git a/magefiles/magefile.go b/magefiles/magefile.go index 8dafe81e67..e7f1363483 100644 --- a/magefiles/magefile.go +++ b/magefiles/magefile.go @@ -444,7 +444,7 @@ type Docs mg.Namespace // Prepare CSS func (Docs) Css() error { const ( - homepageSass = "docs/assets/css/trivy_v1_homepage.scss" + homepageSass = "docs/assets/css/trivy_v1_styles.scss" ) homepageCss := strings.TrimSuffix(homepageSass, ".scss") + ".min.css" if updated, err := target.Path(homepageCss, homepageSass); err != nil { diff --git a/mkdocs.yml b/mkdocs.yml index 4eb6a6a3bc..f0e5df436b 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -231,6 +231,7 @@ nav: - Enterprise: - Comparison: commercial/compare.md - Contact Us: commercial/contact.md + - Partners: partners.md theme: name: material custom_dir: docs/overrides