Skip to content

Commit

Permalink
Pixelate SCG's in Chrome
Browse files Browse the repository at this point in the history 
- update SVG's to PNG to fix issue
  • Loading branch information
@elad2412
elad2412 committed Nov 14, 2023
1 parent 826359b commit 7ee4bdc
Show file tree
Hide file tree
Showing 3 changed files with 3 additions and 220 deletions.
223 changes: 3 additions & 220 deletions src/routes/company/+page.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,225 +28,8 @@
</svelte:head>

<Main>
<svg
style="position:absolute; inset-inline-start:0; inset-block-start:0"
xmlns="http://www.w3.org/2000/svg"
width="548"
height="1002"
viewBox="0 0 548 1002"
fill="none"
>
<g opacity="0.3" filter="url(#filter0_f_3087_100472)">
<ellipse cx="21.5" cy="408" rx="226.5" ry="294" fill="url(#paint0_radial_3087_100472)" />
</g>
<g filter="url(#filter1_f_3087_100472)">
<ellipse
cx="-64.3228"
cy="278.166"
rx="90.5"
ry="129"
transform="rotate(-27.3718 -64.3228 278.166)"
fill="url(#paint1_radial_3087_100472)"
fill-opacity="0.5"
/>
</g>
<g filter="url(#filter2_f_3087_100472)">
<ellipse
cx="-72.3228"
cy="149.166"
rx="90.5"
ry="129"
transform="rotate(-27.3718 -72.3228 149.166)"
fill="url(#paint2_radial_3087_100472)"
fill-opacity="0.8"
/>
</g>
<defs>
<filter
id="filter0_f_3087_100472"
x="-505"
y="-186"
width="1053"
height="1188"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="150" result="effect1_foregroundBlur_3087_100472" />
</filter>
<filter
id="filter1_f_3087_100472"
x="-304.212"
y="16.2529"
width="479.778"
height="523.826"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="70" result="effect1_foregroundBlur_3087_100472" />
</filter>
<filter
id="filter2_f_3087_100472"
x="-312.212"
y="-112.747"
width="479.778"
height="523.826"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="70" result="effect1_foregroundBlur_3087_100472" />
</filter>
<radialGradient
id="paint0_radial_3087_100472"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.91487 412.062) rotate(85.3898) scale(255.463 224.848)"
>
<stop stop-color="#E7F8F7" />
<stop offset="1" stop-color="#85DBD8" />
</radialGradient>
<radialGradient
id="paint1_radial_3087_100472"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-64.3228 278.166) rotate(90) scale(129 90.5)"
>
<stop stop-color="#94DBD1" />
<stop offset="1" stop-color="#94DBD1" />
</radialGradient>
<radialGradient
id="paint2_radial_3087_100472"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-72.3228 149.166) rotate(90) scale(129 90.5)"
>
<stop stop-color="#85DBD8" />
<stop offset="1" stop-color="#85DBD8" />
</radialGradient>
</defs>
</svg>

<svg
style="position:absolute; inset-inline-end:0; inset-block-start:0"
xmlns="http://www.w3.org/2000/svg"
width="692"
height="1375"
viewBox="0 0 692 1375"
fill="none"
>
<g opacity="0.4" filter="url(#filter0_f_3087_100467)">
<path
d="M1136.63 608.851C1161.69 839.714 994.849 1047.18 763.987 1072.23C533.124 1097.29 325.661 930.45 300.605 699.587C288.324 586.43 650.756 706.719 723.932 601.148C800.049 491.333 480.704 197.92 598.41 185.145C829.272 160.089 1111.58 377.989 1136.63 608.851Z"
fill="url(#paint0_radial_3087_100467)"
/>
</g>
<g filter="url(#filter1_f_3087_100467)">
<ellipse
cx="859.818"
cy="694.686"
rx="240.528"
ry="83.6662"
transform="rotate(-27.3718 859.818 694.686)"
fill="url(#paint1_radial_3087_100467)"
/>
</g>
<g filter="url(#filter2_f_3087_100467)">
<ellipse
cx="934.252"
cy="584.438"
rx="198.079"
ry="80.5752"
transform="rotate(-143.27 934.252 584.438)"
fill="url(#paint2_radial_3087_100467)"
fill-opacity="0.5"
/>
</g>
<defs>
<filter
id="filter0_f_3087_100467"
x="0.299805"
y="-116.826"
width="1438.82"
height="1491.55"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="150" result="effect1_foregroundBlur_3087_100467" />
</filter>
<filter
id="filter1_f_3087_100467"
x="482.746"
y="401.445"
width="754.145"
height="586.483"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="80" result="effect1_foregroundBlur_3087_100467" />
</filter>
<filter
id="filter2_f_3087_100467"
x="628.302"
y="309.494"
width="611.899"
height="549.888"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="70" result="effect1_foregroundBlur_3087_100467" />
</filter>
<radialGradient
id="paint0_radial_3087_100467"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(718.619 654.219) rotate(83.8058) scale(420.468 420.468)"
>
<stop offset="0.281696" stop-color="#FE9567" />
<stop offset="0.59375" stop-color="#FD366E" />
</radialGradient>
<radialGradient
id="paint1_radial_3087_100467"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(859.818 694.686) rotate(90) scale(83.6662 240.528)"
>
<stop stop-color="#FE9567" />
<stop offset="1" stop-color="#FE9567" stop-opacity="0" />
</radialGradient>
<radialGradient
id="paint2_radial_3087_100467"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(934.252 584.438) rotate(90) scale(80.5752 198.079)"
>
<stop stop-color="#FE9567" />
<stop offset="1" stop-color="#FD366E" />
</radialGradient>
</defs>
</svg>
<img class="u-position-absolute u-inset-inline-start-0 u-inset-block-start-0" src="/images/bgs/company-left.png" alt>
<img class="u-position-absolute u-inset-inline-end-0 u-inset-block-start-0" src="/images/bgs/company-right.png" alt>
<div class="aw-big-padding-section u-position-relative">
<div class="aw-big-padding-section-level-1 u-position-relative">
<div class="aw-big-padding-section-level-2" style:margin-block="8rem">
Expand Down Expand Up @@ -717,7 +500,7 @@

<div class="aw-big-padding-section-level-1 u-padding-0 u-overflow-hidden">
<div class="aw-big-padding-section-level-2 is-margin-replace-padding u-position-relative">
<img src="/images/bgs/pre-footer.svg" alt="" class="aw-pre-footer-bg" style="z-index:-1" />
<img src="/images/bgs/pre-footer.png" alt="" class="aw-pre-footer-bg" style="z-index:-1" />
<div class="aw-container">
<div class="aw-hero aw-u-max-width-380">
<h3 class="aw-display aw-u-color-text-primary">Join the team</h3>
Expand Down
Binary file added static/images/bgs/company-left.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/images/bgs/company-right.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 7ee4bdc

Please sign in to comment.