gitea-mirror/trivy
1
0
Fork 0
mirror of https://github.com/aquasecurity/trivy.git synced 2025-12-12 07:40:48 -08:00
Code Issues Packages Projects Releases Wiki Activity

docs: trivy partners page updates (#9133)

Browse Source
This commit is contained in:
Tal Tabakman
2025-07-07 11:38:30 +03:00
committed by GitHub
parent f224de3e39
commit 8a1d1449d6
18 changed files with 2169 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

210
docs/assets/css/_glass_v2.scss Normal file
View File

@@ -0,0 +1,210 @@
/* glass_v2 */
.glass_v2 {
position: relative;
min-width: 100px;
min-height: 100px;
border-radius: 20px;
border: 1px solid rgba(#ffffff, 0.15);
padding: 2em;
background:
linear-gradient(235deg, rgba($aq-royal-blue, 0.18), rgba($aq-royal-blue, 0) 33%),
linear-gradient(45deg, rgba($aq-neon-blue, 0.18), rgba($aq-neon-blue, 0) 33%),
linear-gradient(rgba($aq-trivy-dark, 0.45));
backdrop-filter: blur(12px);
box-shadow:
rgba($aq-neon-blue, 0.08) 0px 8px 12px -6px,
rgba($aq-neon-blue, 0.12) 0px 16px 24px -10px,
inset 0 1px 0 rgba($aq-royal-blue, 0.4),
inset 1px 0 0 rgba($aq-royal-blue, 0.3),
inset 0 0 0 0.5px rgba(#ffffff, 0.1);
//top-right shine effect
&::before {
content: "";
pointer-events: none;
position: absolute;
right: -1px;
top: -1px;
width: 50%;
height: 50%;
border-radius: 0;
border-top-right-radius: inherit;
border-bottom-left-radius: inherit;
border: 1px solid transparent;
z-index: 1;
background: conic-gradient(
from -45deg at center in oklch,
transparent 8%,
rgba($aq-royal-blue, 0.5),
transparent 45%
) border-box;
mask:
linear-gradient(transparent),
linear-gradient(black);
mask-repeat: no-repeat;
mask-clip: padding-box, border-box;
mask-composite: subtract;
}
//bottom-left shine effect
&::after {
content: "";
pointer-events: none;
position: absolute;
left: -1px;
bottom: -1px;
width: 25%;
height: 25%;
border-radius: 0;
border-top-right-radius: inherit;
border-bottom-left-radius: inherit;
border: 1px solid transparent;
z-index: 1;
background: conic-gradient(
from 135deg at center in oklch,
transparent 15%,
rgba($aq-neon-blue, 0.15),
transparent 30%
) border-box;
mask:
linear-gradient(transparent),
linear-gradient(black);
mask-repeat: no-repeat;
mask-clip: padding-box, border-box;
mask-composite: subtract;
}
.glow_topright {
pointer-events: none;
position: absolute;
right: -12px;
top: -12px;
width: 40%;
height: 40%;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border: 12px solid transparent;
opacity: 0.7;
filter: blur(8px) saturate(1.2) brightness(0.7);
mix-blend-mode: plus-lighter;
z-index: 3;
&::before {
content: "";
position: absolute;
inset: 0;
border: inherit;
border-radius: inherit;
background: conic-gradient(
from -45deg at center in oklch,
transparent 5%,
rgba($aq-royal-blue, 0.4),
transparent 40%
) border-box;
mask:
linear-gradient(transparent),
linear-gradient(black);
mask-repeat: no-repeat;
mask-clip: padding-box, border-box;
mask-composite: subtract;
}
&::after {
content: "";
position: absolute;
inset: -3px;
border: 18px solid transparent;
border-radius: 25px;
z-index: 4;
opacity: 0.5;
background: conic-gradient(
from -45deg at center in oklch,
transparent 8%,
rgba($aq-royal-blue, 0.6),
transparent 35%
) border-box;
mask:
linear-gradient(transparent),
linear-gradient(black);
mask-repeat: no-repeat;
mask-clip: padding-box, border-box;
mask-composite: subtract;
}
}
//bottom-left glow
.glow_bottomleft {
pointer-events: none;
position: absolute;
left: -4px;
bottom: -4px;
width: 20%;
height: 20%;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border: 4px solid transparent;
opacity: 0.2;
filter: blur(6px) saturate(1.0) brightness(0.4);
mix-blend-mode: plus-lighter;
z-index: 3;
&::before {
content: "";
position: absolute;
inset: 0;
border: inherit;
border-radius: inherit;
background: conic-gradient(
from 135deg at center in oklch,
transparent 12%,
rgba($aq-neon-blue, 0.15),
transparent 28%
) border-box;
mask:
linear-gradient(transparent),
linear-gradient(black);
mask-repeat: no-repeat;
mask-clip: padding-box, border-box;
mask-composite: subtract;
}
&::after {
content: "";
position: absolute;
inset: -1px;
border: 6px solid transparent;
border-radius: 18px;
z-index: 4;
opacity: 0.15;
background: conic-gradient(
from 135deg at center in oklch,
transparent 15%,
rgba($aq-neon-blue, 0.25),
transparent 25%
) border-box;
mask:
linear-gradient(transparent),
linear-gradient(black);
mask-repeat: no-repeat;
mask-clip: padding-box, border-box;
mask-composite: subtract;
}
} //glow_bottomleft
&.light_glass {
background:
linear-gradient(235deg, rgba(#ffffff, 0.6), rgba(#ffffff, 0.3) 33%),
linear-gradient(45deg, rgba(#ffffff, 0.7), rgba(#ffffff, 0.20) 33%),
linear-gradient(rgba(#ffffff, 0.25));
border: 1px solid rgba(#ffffff, 0.3);
color: $aq-blue-abyss;
}
} //glass_v2

47
docs/assets/css/_hubspot_form.scss Normal file
View File

@@ -0,0 +1,47 @@
/* hubspot_form_wrap */
.hubspot_form_wrap {
padding-top:20px;padding-bottom:35px;position:relative;z-index:5;
* {
font-family: "Inter", sans-serif;
}
}
/* hubspot form styles */
.hs-form .hs-form-field {text-align:left;}
.hs-form .hs-form-required {opacity:0.5;padding-left:0.2em;}
.hs-form label {font-size: 14px;font-weight: 400;}
.hs-form input[type="text"],.hs-form input[type="password"], .hs-form input[type="datetime"], .hs-form input[type="datetime-local"], .hs-form input[type="date"], .hs-form input[type="month"], .hs-form input[type="time"], .hs-form input[type="week"], .hs-form input[type="number"], .hs-form input[type="email"], .hs-form input[type="url"], .hs-form input[type="search"], .hs-form input[type="tel"], .hs-form input[type="color"],.hs-form input[type="file"],.hs-form textarea,.hs-form select {width:100%;height:38px;padding:6px 10px;background-color:#fff;border:1px solid #D1D1D1 !important;border-radius:4px;box-shadow:none;box-sizing:border-box;}
.hs-form input[type="file"] {border:0px;padding:0px;}
.hs-form input[type="text"]:focus,.hs-form input[type="password"]:focus, .hs-form input[type="datetime"]:focus, .hs-form input[type="datetime-local"]:focus, .hs-form input[type="date"]:focus, .hs-form input[type="month"]:focus, .hs-form input[type="time"]:focus, .hs-form input[type="week"]:focus, .hs-form input[type="number"]:focus, .hs-form input[type="email"]:focus, .hs-form input[type="url"]:focus, .hs-form input[type="search"]:focus, .hs-form input[type="tel"]:focus, .hs-form input[type="color"]:focus,.hs-form input[type="file"]:focus,.hs-form textarea:focus,.hs-form select:focus {border:1px solid #08b1d5;outline:0;}
.hs-form textarea:focus {border:1px solid #08b1d5;outline:0;}
.hs-form input:focus:required:invalid:focus,
.hs-form textarea:focus:required:invalid:focus,
.hs-form select:focus:required:invalid:focus {border:1px solid #08b1d5;outline:0;}
.hs-form .hs-error-msgs {list-style-type:none;padding-left:0px;margin:5px 0 0 0;font-size: 14px;}
.hs-form .hs-error-msgs label {color:$aq-coral-red;font-weight:normal;font-size:90%;}
.hs-form .hs-recaptcha {margin-bottom: 20px;}
::-webkit-input-placeholder {color:#999999;}
:-moz-placeholder {color:#999999;}
::-moz-placeholder {color:#999999;}
:-ms-input-placeholder {color:#999999;}
.hs-form fieldset.form-columns-0, .hs-form fieldset.form-columns-1, .hs-form fieldset.form-columns-2 {margin-bottom:0px;max-width:100%;}
.hs-form fieldset.form-columns-3 {display:none;}
.hs-form .field {margin-bottom:20px;}
body .hs-form fieldset.form-columns-1 .hs-input {width:100%;}
.hs-form .hs_submit {text-align:center;}
.hs-form .hs-richtext {margin-bottom: 20px;}
.hs-form .hs-richtext span {background-color: transparent !important;}
.hs-form .hs-richtext a {color: $aq-neon-blue;}
.hs-form .hs-recaptcha {visibility: hidden;position: absolute;}
.hs-form .hs-fieldtype-textarea {min-height: 6em;}
.hs-form .hs-field-desc {font-size: 14px;margin-bottom:10px;}
.hs-button.primary {background-color:$aq-neon-blue;
border-color:$aq-neon-blue;
color:$aq-blue-abyss;-moz-user-select:none;background-image:none;border:1px solid rgba(0, 0, 0, 0);cursor:pointer;display:inline-block;font-weight:400;line-height:1.42857;margin-bottom:0;text-align:center;vertical-align:middle;white-space:nowrap;border-radius:4px;font-size:16px;padding:8px 15px;
}
/* ff fix */
@-moz-document url-prefix() {
fieldset {display:table-cell;}
}

4
docs/assets/css/_slick_slider.scss
View File

@@ -89,7 +89,7 @@
height: 20px;
content: "";
background-color: transparent;
border: 2px solid $aq-sea-foam;
border: 2px solid $aq-neon-blue;
border-radius: 50%;
display: block;
opacity: 0.7;
@@ -103,7 +103,7 @@
width: 10px;
height: 10px;
content: "";
background-color: $aq-sea-foam;
background-color: $aq-neon-blue;
//border: 1px solid #666;
border-radius: 50%;
//box-shadow: inset 1px 1px 1px #888;

36
docs/assets/css/_trivy_homepage.scss
View File

@@ -157,14 +157,14 @@
.page_title {
color: #ffffff;
font-weight: $weight-bold;
font-size: 48px; //3rem;
font-size: 48px; //3rem
line-height: 1.3;
}//page_title
.page_subtitle {
color: #ffffff;
font-weight: $weight-normal;
font-size: 24px; //1.5rem;
font-size: 24px; //1.5rem
line-height: 1.3;
margin-bottom: 30px;
} //page_subtitle
@@ -179,11 +179,11 @@
width: 100%;
.page_title {
font-size: 32px; //2rem;
font-size: 32px; //2rem
}//page_title
.page_subtitle {
font-size: 18px; //1.125rem;
font-size: 18px; //1.125rem
}//page_subtitle
} //until tablet
@@ -194,7 +194,7 @@
} //header_title_wrap
@media screen and (min-width: $tablet), print { //769
padding: 48px 24px; //3rem 1.5rem;
padding: 48px 24px; //3rem 1.5rem
}
}
@@ -256,10 +256,10 @@
.community_title {
color: $aq-sea-foam;
font-size: 60px; //3.75rem;
color: $aq-neon-blue;
font-size: 60px; //3.75rem
font-weight: $weight-bold;
margin-bottom: 24px; ////1.5rem;
margin-bottom: 24px; //1.5rem
line-height: 1.2;
@@ -267,8 +267,8 @@
.community_subtitle {
color: #ffffff;
font-size: 26px; //1.625rem;
margin-bottom: 24px; ////1.5rem;
font-size: 26px; //1.625rem
margin-bottom: 24px; //1.5rem
}
@@ -309,28 +309,28 @@
display: block;
position: relative;
color: #ffffff;
border: 1px solid rgba($aq-sea-foam,0.2);
background-color: rgba($aq-sea-foam,0.05);
border: 1px solid rgba($aq-neon-blue,0.2);
background-color: rgba($aq-neon-blue,0.05);
border-radius: 4px;
padding: 25px;
.quote_name {
font-size: 16px; //1rem;
font-size: 16px; //1rem
font-weight: $weight-semibold;
}
.quote_twitter_handle {
opacity: 0.6;
font-size: 13px; //0.8125rem;
font-size: 13px; //0.8125rem
}
.quote_company {
opacity: 0.6;
font-size: 13px; //0.8125rem;
font-size: 13px; //0.8125rem
}
.quote_text {
font-size: 16px; //1rem;
font-size: 16px; //1rem
font-weight: $weight-normal;
line-height: 1.3;
}
@@ -397,10 +397,10 @@
@media screen and (max-width: $tablet), print { //tablet
.community_title {
font-size: 32px; //2rem;
font-size: 32px; //2rem
}
.community_subtitle {
font-size: 18px; //1.125rem;
font-size: 18px; //1.125rem
}
} //until

340
docs/assets/css/_trivy_partners.scss
View File

@@ -2,10 +2,99 @@
.trivy_v1_homepage_wrap.partners_wrap {
position: relative;
z-index: 3;
background-color: $aq-trivy-dark;
color: #ffffff;
padding-bottom: 80px; //5rem
.generic_title {
color: #ffffff;
}
.section_title_wrap {
position: relative;
padding-bottom: $gap;
padding-top: $gap/2;
text-align: center;
z-index: 1;
.section_title, .section_subtitle {
position: relative;
z-index: 2;
}
.section_title_icon {
position: relative;
z-index: 2;
text-align: center;
img {
display: block;
animation: float 3s ease-out infinite;
margin: 0px auto;
}
&::after {
content: "";
position: relative;
margin: 30px auto 10px auto;
background-color: rgba(#ffffff,0.1);
width: 90px;
display: block;
height: 15px;
border-radius: 50%;
animation: shrink 3s ease-out infinite;
// transform-origin: center center;
}
}
@keyframes float {
50% {
transform: translate(0, 10px);
}
}
@keyframes shrink {
0% {
width: 80px;
}
50% {
width: 100px;
}
100% {
width: 80px;
}
}
.section_title_icon + .section_title {
margin-top: 0px;
}
&::before {
content: "";
position: absolute;
left: 20%;
width: 60%;
padding: 30% 0;
transform: translate(0, -70%) rotate(-45deg);
background: radial-gradient(circle at left bottom, rgba($aq-neon-blue, 0.5) 10%, rgba($aq-royal-blue, 0.4) 20%, rgba($aq-trivy-dark, 0) 60%);
filter: blur(40px);
z-index: 1;
pointer-events: none;
} //before
} //section_title_wrap
.partners_hero_wrap {
background-color: $aq-trivy-dark;
background-image: radial-gradient(1600px at 70% 120%, #031145 10%, $aq-trivy-dark 100%);
background-image: radial-gradient(60vw at 50%, #031145 10%, $aq-trivy-dark 100%);
min-height: 500px;
position: relative;
z-index: 10;
@@ -63,8 +152,7 @@
.hero-body {
padding: 80px 0px;
// border: 1px solid red;
// padding: 80px 0px;
.header_title_wrap.with_columns {
@@ -72,7 +160,6 @@
flex-direction: row;
@media screen and (max-width: $desktop) {
flex-direction: column;
}
@@ -83,17 +170,37 @@
position: relative;
z-index: 3;
&.partners_hero_stage_image {
.page_title {
font-size: 64px; //4rem
margin-bottom: 0px;
}
&.partners_hero_titles {
display: flex;
align-self: center;
align-content: center;
justify-content: center;
flex-direction: column;
}
&.partners_hero_stage_image {
display: flex;
align-self: center;
justify-content: center;
img {
max-width: 100%;
height: auto;
}
}
@media screen and (max-width: $widescreen), print {
width: 70%;
.page_title {
font-size: 48px; //3rem
}
} //until widescreen
@media screen and (max-width: $tablet), print { //769
@@ -101,11 +208,11 @@
width: 100%;
.page_title {
font-size: 32px; //2rem;
font-size: 32px; //2rem
}//page_title
.page_subtitle {
font-size: 18px; //1.125rem;
font-size: 18px; //1.125rem
}//page_subtitle
} //until tablet
@@ -116,7 +223,7 @@
} //header_title_wrap
@media screen and (min-width: $tablet), print { //769
padding: 48px 24px; //3rem 1.5rem;
padding: 24px;
}
}
@@ -126,7 +233,7 @@
} //trivy_v1_homepage_wrap partners_wrap
/* logos */
.partners_logos_wrap {
background-color: $aq-trivy-dark;
padding: 50px 0px;
@@ -141,7 +248,7 @@
flex-direction: row;
justify-content: center;
align-items: center;
gap: 4rem;
gap: 64px; //4rem
flex-wrap: wrap;
.logo_item {
@@ -163,7 +270,7 @@
@media screen and (max-width: $tablet) {
gap: 2rem;
gap: 32px; //2rem
.logo_item {
img {
@@ -174,4 +281,211 @@
}
} //partners_logos
} //partners_logos_wrap
} //partners_logos_wrap
/* benefits */
.partners_benefits_wrap {
position: relative;
z-index: 10;
padding: $gap;
.benefit_items {
display: flex;
flex-direction: row;
gap: $gap;
padding: 12px; //.75rem
position: relative;
z-index: 5;
@media screen and (max-width: $desktop) {
flex-direction: column;
}
.benefit_item {
flex: 1;
.benefit_icon {
text-align: center;
img {
max-width: 150px;
margin-left: auto;
margin-right: auto;
height: auto;
}
}
.benefit_title {
text-align: center;
font-size: 32px; //2rem
}
.benefit_content {
font-size: 18px; //1.125rem
line-height: 1.3;
margin: 12px; //.75rem
text-align: center;
}
} //benefit_item
} //benefit_items
} //partners_benefits_wrap
/* plans */
.partners_plans_wrap {
position: relative;
z-index: 10;
padding: $gap;
.plan_items {
display: flex;
flex-direction: column;
gap: $gap;
padding: 12px; //.75rem
position: relative;
z-index: 5;
.plan_item {
// border: 1px solid orange;
padding-left: 60px;
.glass_content {
display: flex;
flex-direction: row;
align-items: center;
gap: $gap;
margin: 0 12px; //.75rem
min-height: 180px;
.plan_titles_wrap {
width: 80%;
.plan_title {
font-size: 32px; //2rem
margin: 12px 0px;
}
.plan_subtitle {
font-size: 26px; //1.625rem
margin: 12px 0px;
}
} //plan_titles_wrap
.plan_content {
font-size: 20px; //1.25rem
line-height: 1.3;
margin: 12px; //.75rem
width: 100%;
}
@media screen and (max-width: $desktop) {
flex-direction: column;
gap: 0px;
.plan_titles_wrap {
width: 100%;
}
} //desktop
} //glass_content
} //plan_item
} //plan_items
.plan_level {
position: absolute;
top: 10%;
left: 24px;
height: 80%;
width: 20px;
background-color: $aq-royal-blue;
border-radius: 10px;
pointer-events: none;
overflow: hidden;
&.level_1 {background-color: $aq-starfish-yellow;}
&.level_2 {background-color: $aq-coral-red;}
&.level_3 {background-color: $aq-legacy-blue;}
&::after {
content: '';
position: absolute;
top: -150%;
left: -150%;
width: 400%;
height: 400%;
background: linear-gradient(
-45deg,
transparent 40%,
rgba(255, 255, 255, 0.05) 47%,
rgba(255, 255, 255, 0.2) 50%,
rgba(255, 255, 255, 0.05) 53%,
transparent 60%
);
transform: rotate(-45deg);
animation: shimmer 1.2s ease-out infinite;
animation-delay: 2s;
opacity: 0;
}
@keyframes shimmer {
0% {
transform: translateX(-120%) rotate(-45deg);
opacity: 0;
}
20% {
opacity: 1;
}
80% {
opacity: 1;
}
100% {
transform: translateX(120%) rotate(-45deg);
opacity: 0;
}
}
} //plan_level
} //partners_plans_wrap
.partners_contact_wrap {
.partners_contact_title {
text-align: center;
}
.contact_form_wrap {
position: relative;
z-index: 5;
max-width: 60%;
margin: 0 auto;
.hubspot_form_wrap {
} //hubspot_form_wrap
@media screen and (max-width: $desktop) {
max-width: 90%;
}
} //contact_form_wrap
} //partners_contact_wrap

1356
docs/assets/css/trivy_v1_styles.css Normal file
View File

File diff suppressed because it is too large Load Diff

2
docs/assets/css/trivy_v1_styles.min.css vendored
View File

File diff suppressed because one or more lines are too long

69
docs/assets/css/trivy_v1_styles.scss
View File

@@ -6,9 +6,11 @@ $aq-legacy-blue: #08b1d5;
$aq-coral-red: #ff445f;
$aq-starfish-yellow: #ffc900;
$aq-dark-abyss: #07242d;
$aq-blue-abyss: #031730;
$aq-deep-sea-blue: #183278;
$aq-ocean-ash: #405a75;
$aq-sea-foam: #00ffe4;
// $aq-sea-foam: #00ffe4;
$aq-neon-blue: #50f0ff;
$aq-neo-background: #ebf3fa;
$aq-neo-background-hover: #f0f8ff;
@@ -65,19 +67,50 @@ body {
.generic_title {
font-size: 1.75rem;
font-size: 28px; //1.75rem
font-weight: $weight-bold;
margin: 0.75rem 1.25rem 0.75rem 0.75rem;
margin: 12px; //0.75rem
color: $aq-royal-blue;
}
.generic_subtitle {
font-size: 1.125rem;
font-size: 18px; //1.125rem
opacity: 0.8;
margin: 0.75rem;
margin: 12px; //0.75rem
}
.section_title {
color: #ffffff; //$aq-neon-blue;
font-size: 48px; //3rem
font-weight: $weight-bold;
margin-bottom: 24px; //1.5rem
line-height: 1.2;
&.is_smaller {
font-size: 40px; //2.5rem
}
}
.section_subtitle {
color: #ffffff;
font-size: 26px; //1.625rem
margin-bottom: 24px; //1.5rem
}
@media screen and (max-width: $tablet) {
.section_title, .section_title.is_smaller {
font-size: 32px; //2rem
}
.section_subtitle {
font-size: 18px; //1.125rem
}
} //until
.button {
background-color: #ebf3fa;
@@ -99,20 +132,20 @@ body {
font-weight: 700;
&.is-seafoam {
background-color: $aq-sea-foam;
border-color: $aq-sea-foam;
color: $aq-dark-abyss;
background-color: $aq-neon-blue;
border-color: $aq-neon-blue;
color: $aq-blue-abyss;
&.is-outlined {
background-color: rgba(0,0,0,0);
border-color: $aq-sea-foam;
color: $aq-sea-foam;
border-color: $aq-neon-blue;
color: $aq-neon-blue;
border-width: 2px;
&:hover {
background-color: $aq-sea-foam;
color: $aq-dark-abyss;
background-color: $aq-neon-blue;
color: $aq-blue-abyss;
}
} //is-outlines
@@ -132,17 +165,17 @@ body {
&.solidseafoamarrowbutton {
background-color: $aq-sea-foam;
background-color: $aq-neon-blue;
font-weight: 700;
border: 2px solid $aq-sea-foam;
font-size: 22px; //1.375rem; //1.125rem;
border: 2px solid $aq-neon-blue;
font-size: 22px; //1.375rem
padding: 16px 27px;
color: $aq-dark-abyss;
color: $aq-blue-abyss;
&:after {
content: "";
border: solid $aq-dark-abyss;
border: solid $aq-blue-abyss;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 4px;
@@ -161,6 +194,8 @@ body {
@import "_slick_slider";
@import "_glass_v2";
@import "_hubspot_form";
@import "_trivy_homepage";
@import "_trivy_partners";

BIN
docs/assets/images/partners_hero_stage_02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 177 KiB

BIN
docs/assets/images/partners_icon_01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
docs/assets/images/partners_icon_02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
docs/assets/images/partners_icon_03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
docs/assets/images/section_icon_01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
docs/assets/images/section_icon_09.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
docs/assets/images/section_icon_10.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
docs/assets/images/section_icon_11.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
docs/assets/images/section_icon_12.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB

163
docs/overrides/partners.html
View File

@@ -18,16 +18,14 @@
<div class="hero-body">
<div class="clearboth container">
<div class="header_title_wrap with_columns">
<div class="header_title_content_wrap">
<h1 class="title page_title is-spaced fadeInUp">
Trivy Partners Program
</h1>
<div class="header_title_content_wrap partners_hero_titles">
<h1 class="title page_title fadeInUp">Trivy Partner Connect</h1>
<h2 class="subtitle page_subtitle fadeInUp animationDelay_1">
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.
Partner with the world’s most trusted open-source security 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.
</h2>
</div><!-- header_title_content_wrap -->
<div class="header_title_content_wrap partners_hero_stage_image"><img src="{{ base_url }}/assets/images/partners_hero_stage_full.svg" alt="" loading="lazy"></div>
<div class="header_title_content_wrap partners_hero_stage_image"><img src="{{ base_url }}/assets/images/partners_hero_stage_02.png" alt="" loading="lazy"></div>
</div><!-- header_title_wrap -->
@@ -50,7 +48,7 @@
<!-- logos starts -->
<div class="partners_logos_wrap">
<h3 class="title generic_title partners_logos_title">Join the Trivy Partners Community</h3>
<h3 class="title generic_title partners_logos_title">Join the Trivy Partner Connect Community</h3>
<div class="partners_logos">
<div class="logo_item"><a href="https://minimus.io" target="_blank"><img src="{{ base_url }}/assets/images/partner_logo_minimus.svg" width="100" height="100" alt="Minimus Logo" loading="lazy"></a></div>
<div class="logo_item"><a href="https://root.io" target="_blank"><img src="{{ base_url }}/assets/images/partner_logo_root.svg" width="100" height="100" alt="Root Logo" loading="lazy"></a></div>
@@ -59,6 +57,157 @@
</div><!-- partners_logos_wrap -->
<!-- logos ends -->
<div class="partners_benefits_wrap">
<div class="clearboth container">
<div class="section_title_wrap">
<div class="section_title_icon"><img src="{{ base_url }}/assets/images/section_icon_12.png" width="100" height="100" alt="" loading="lazy"></div>
<h3 class="title section_title partners_benefits_title">Why Partner with Trivy</h3>
</div><!-- section_title_wrap -->
<div class="benefit_items">
<div class="benefit_item glass_v2">
<div class="glass_content">
<div class="benefit_icon"><img src="{{ base_url }}/assets/images/partners_icon_01.png" alt="" loading="lazy"></div>
<h3 class="title generic_title benefit_title"><span style="display:block;">Boost</span> Credibility</h3>
<div class="benefit_content">Show your commitment to security by partnering with the open-source scanner trusted by millions. Gain co-branding rights and be seen as a “secure by design” leader.</div>
</div><!-- glass_content -->
<div class="glow_topright"></div>
<div class="glow_bottomleft"></div>
</div>
<div class="benefit_item glass_v2">
<div class="glass_content">
<div class="benefit_icon"><img src="{{ base_url }}/assets/images/partners_icon_02.png" alt="" loading="lazy"></div>
<h3 class="title generic_title benefit_title"><span style="display:block;">Accelerate</span> Growth</h3>
<div class="benefit_content">Tap into Trivy’s massive user base, leverage joint marketing opportunities, and unlock new revenue streams by embedding proven security into your offerings.</div>
</div><!-- glass_content -->
<div class="glow_topright"></div>
<div class="glow_bottomleft"></div>
</div>
<div class="benefit_item glass_v2">
<div class="glass_content">
<div class="benefit_icon"><img src="{{ base_url }}/assets/images/partners_icon_03.png" alt="" loading="lazy"></div>
<h3 class="title generic_title benefit_title"><span style="display:block;">Access Expert</span> Support & Insights</h3>
<div class="benefit_content">Get priority technical assistance, exclusive roadmap access, and data-driven insights to enhance your product and stay ahead of emerging threats.</div>
</div><!-- glass_content -->
<div class="glow_topright"></div>
<div class="glow_bottomleft"></div>
</div>
</div><!-- benefit_items -->
</div><!-- container -->
</div><!-- partners_benefits_wrap -->
<div class="partners_plans_wrap">
<div class="clearboth container">
<div class="section_title_wrap">
<div class="section_title_icon"><img src="{{ base_url }}/assets/images/section_icon_12.png" width="100" height="100" alt="" loading="lazy"></div>
<h3 class="title section_title partners_plans_title">Connect with Trivy, Your Way</h3>
<div class="subtitle section_subtitle">From integration to influence</div>
</div><!-- section_title_wrap -->
<div class="plan_items">
<div class="plan_item glass_v2">
<div class="glass_content">
<div class="plan_titles_wrap">
<h3 class="title generic_title plan_title">Authorized Partner</h3>
<div class="subtitle generic_subtitle plan_subtitle">Start strong with Trivy.</div>
</div>
<div class="plan_content">Gain foundational benefits including Trivy trademark usage and public directory listing. Ideal for partners embedding and reselling Trivy who want to build credibility and visibility.</div>
</div>
<div class="glow_topright"></div>
<div class="glow_bottomleft"></div>
<div class="plan_level level_1"></div>
</div><!-- plan_item -->
<div class="plan_item glass_v2">
<div class="glass_content">
<div class="plan_titles_wrap">
<h3 class="title generic_title plan_title">Core Partner</h3>
<div class="subtitle generic_subtitle plan_subtitle">Go deeper with technical access and&nbsp;co&#8209;marketing.</div>
</div>
<div class="plan_content">Includes all Authorized benefits, plus priority support, exclusive access to Trivy maintainers, and opportunities for joint marketing such as blogs, webinars, and events.</div>
</div>
<div class="glow_topright"></div>
<div class="glow_bottomleft"></div>
<div class="plan_level level_2"></div>
</div><!-- plan_item -->
<div class="plan_item glass_v2">
<div class="glass_content">
<div class="plan_titles_wrap">
<h3 class="title generic_title plan_title">Advisor Partner</h3>
<div class="subtitle generic_subtitle plan_subtitle">Strategic partnership with visibility and&nbsp;influence.</div>
</div>
<div class="plan_content">Get all Core benefits, plus shared product insights, feature requests prioritization, and a named account manager. Advisor Partners help shape Trivy’s roadmap and the future of container security.</div>
</div>
<div class="glow_topright"></div>
<div class="glow_bottomleft"></div>
<div class="plan_level level_3"></div>
</div><!-- plan_item -->
</div><!-- plan_items -->
</div><!-- container -->
</div><!-- partners_plans_wrap -->
<div class="partners_contact_wrap">
<div class="clearboth container">
<div class="section_title_wrap">
<div class="section_title_icon"><img src="{{ base_url }}/assets/images/section_icon_12.png" width="100" height="100" alt="" loading="lazy"></div>
<h3 class="title section_title is_smaller partners_plans_title"><span style="display:block;">Contact us to learn more</span> about the paid partnerships</h3>
</div><!-- section_title_wrap -->
<div class="glass_v2 contact_form_wrap"><!-- light_glass -->
<div class="glass_content">
<div class="hubspot_form_wrap">
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
hbspt.forms.create({
portalId: "1665891",
formId: "572500eb-a595-487c-88a7-c8d933745192",
region: "na1"
});
</script>
</div><!-- hubspot_form_wrap -->
</div><!-- glass_content -->
<div class="glow_topright"></div>
<div class="glow_bottomleft"></div>
</div><!-- contact_form_wrap -->
</div><!-- container -->
</div><!-- partners_contact_wrap -->
</div><!-- trivy_v1_homepage_wrap.partners_wrap -->
{% endblock %}