Skip to content

Commit

Permalink
Upd
Browse files Browse the repository at this point in the history
  • Loading branch information
localzet committed Sep 4, 2024
1 parent b083558 commit cee7077
Show file tree
Hide file tree
Showing 3 changed files with 39 additions and 17 deletions.
1 change: 0 additions & 1 deletion src/images/glow-bottom.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 1 addition & 15 deletions src/images/glow-top.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
39 changes: 38 additions & 1 deletion src/partials/Hero.vue
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,44 @@
<div class="absolute inset-0 -z-10 -mx-28 rounded-b-[3rem] pointer-events-none overflow-hidden"
aria-hidden="true">
<div class="absolute left-1/2 -translate-x-1/2 bottom-0 -z-10">
<img src="../images/glow-bottom.svg" class="max-w-none" width="2146" height="774" alt="Hero Illustration">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="max-w-none"
width="2146" height="744">
<defs>
<linearGradient id="d" x1="43.176%" x2="50%" y1="12.436%" y2="97.744%">
<stop offset="0%" stop-color="#16a34a"/>
<stop offset="100%" stop-color="#16a34a"/>
</linearGradient>
<linearGradient id="f" x1="19.609%" x2="50%" y1="14.544%" y2="100%">
<stop offset="0%" stop-color="#16a34a"/>
<stop offset="100%" stop-color="#16a34a" stop-opacity="0"/>
</linearGradient>
<filter id="e" width="145.2%" height="187%" x="-22.6%" y="-43.5%" filterUnits="objectBoundingBox">
<feGaussianBlur in="SourceGraphic" stdDeviation="50"/>
</filter>
<filter id="g" width="165.1%" height="170.3%" x="-32.5%" y="-35.1%" filterUnits="objectBoundingBox">
<feGaussianBlur in="SourceGraphic" stdDeviation="50"/>
</filter>
<radialGradient id="c" cx="50%" cy="100%" r="77.678%" fx="50%" fy="100%"
gradientTransform="matrix(0 -1 .37746 0 .123 1.5)">
<stop offset="0%" stop-color="#86efac"/>
<stop offset="22.35%" stop-color="#16a34a"/>
<stop offset="100%" stop-color="#0F172A" stop-opacity="0"/>
</radialGradient>
<path id="a" d="M0 0h2440v921H0z"/>
</defs>
<g fill="none" fill-rule="evenodd" transform="translate(-140 -177)">
<mask id="b" fill="#fff">
<use xlink:href="#a"/>
</mask>
<g mask="url(#b)">
<path fill="url(#c)" d="M0 0h2440v921H0z"/>
<path fill="url(#d)" fill-rule="nonzero"
d="M1975.72 781.763c-3.682-3-8.757-3.61-13.042-1.568a12.323 12.323 0 0 0-7.014 11.129v98.57h-430.368c-6.79 0-12.296 5.516-12.296 12.321v98.57c0 6.805 5.505 12.321 12.296 12.321h430.368v98.57a12.323 12.323 0 0 0 7.014 11.129 12.276 12.276 0 0 0 13.042-1.568l196.74-160.176a12.33 12.33 0 0 0 4.54-9.561 12.33 12.33 0 0 0-4.54-9.561l-196.74-160.176Z"
filter="url(#e)"/>
<path fill="url(#f)" d="m913 274 461 369-284 58z" filter="url(#g)"/>
</g>
</g>
</svg>
</div>
</div>

Expand Down

0 comments on commit cee7077

Please sign in to comment.