IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-25 18:30:41 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add licensing card background images (#38774)

Browse Source
This commit is contained in:
Alex Khomenko 2021-09-01 10:46:03 +03:00 committed by GitHub
parent 6e0f18b13a
commit 7f27a2e1af
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 62 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
public/img/licensing/card-bg-dark.svg Normal file
View File

@ -0,0 +1,32 @@
<svg width="1920" height="468" viewBox="0 0 1920 468" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<rect y="-413" width="2511.36" height="1427.46" fill="black"/>
<ellipse opacity="0.5" cx="1262.05" cy="112.792" rx="2450.68" ry="797.129" fill="url(#paint0_radial)"/>
<ellipse opacity="0.33" cx="1395.88" cy="81.2079" rx="1015.18" ry="806.55" fill="url(#paint1_radial)"/>
<ellipse opacity="0.6" cx="857.531" cy="-112.465" rx="1030.98" ry="927.075" fill="url(#paint2_radial)"/>
<ellipse opacity="0.6" cx="895.767" cy="27.7324" rx="543.334" ry="329.713" fill="url(#paint3_radial)"/>
</g>
<defs>
<radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1262.05 112.792) rotate(90) scale(797.129 2450.68)">
<stop stop-color="#4354E6"/>
<stop offset="1" stop-color="#2E24AA" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1395.88 81.2079) rotate(90) scale(806.55 1015.18)">
<stop stop-color="#F89797"/>
<stop offset="0.484375" stop-color="#D676E6" stop-opacity="0.5"/>
<stop offset="1" stop-color="#4F477C" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(857.531 -112.465) rotate(90) scale(927.075 1030.98)">
<stop stop-color="#FF8A36"/>
<stop offset="0.348958" stop-color="#FB5A67" stop-opacity="0.5"/>
<stop offset="1" stop-color="#68105F" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(895.767 27.7324) rotate(90) scale(329.713 543.334)">
<stop stop-color="#FF8A36"/>
<stop offset="1" stop-color="#833F6E" stop-opacity="0"/>
</radialGradient>
<clipPath id="clip0">
<rect width="1920" height="467.706" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

30
public/img/licensing/card-bg-light.svg Normal file
View File

@ -0,0 +1,30 @@
<svg width="1920" height="500" viewBox="0 0 1920 500" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<rect width="1920" height="500" fill="url(#paint0_linear)"/>
<rect x="-52" y="-790" width="2323" height="1322" fill="url(#paint1_radial)"/>
<ellipse cx="1109" cy="-130" rx="1635" ry="919" fill="url(#paint2_radial)" fill-opacity="0.7"/>
<ellipse cx="1130" cy="-120.5" rx="1097" ry="928.5" fill="url(#paint3_radial)" fill-opacity="0.8"/>
</g>
<defs>
<linearGradient id="paint0_linear" x1="-2.88576e-05" y1="500" x2="1018.41" y2="-745.404" gradientUnits="userSpaceOnUse">
<stop stop-color="#D65CD6"/>
<stop offset="1" stop-color="#FBC55A"/>
</linearGradient>
<radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(690.271 -790) rotate(90) scale(1613.94 2836)">
<stop stop-color="#FB9D5A"/>
<stop offset="0.505208" stop-color="#FB755A"/>
<stop offset="1" stop-color="#FB5A67"/>
</radialGradient>
<radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1109 -130) rotate(90) scale(919 1635)">
<stop offset="0.411458" stop-color="#FFA553" stop-opacity="0"/>
<stop offset="1" stop-color="#D65CA5"/>
</radialGradient>
<radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1130 -120.5) rotate(90) scale(928.5 1097)">
<stop stop-color="#FFCE6E"/>
<stop offset="1" stop-color="#FFAC71" stop-opacity="0"/>
</radialGradient>
<clipPath id="clip0">
<rect width="1920" height="500" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB