Skip to content

Instantly share code, notes, and snippets.

@MaxGhenis

MaxGhenis/halloween-graphic.html

Created October 31, 2025 19:44
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save MaxGhenis/09b9174d951e505802b36698b40723db to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save MaxGhenis/09b9174d951e505802b36698b40723db to your computer and use it in GitHub Desktop.
Download ZIP
PolicyEngine Halloween 2025 - Spooky animated logo
Raw
halloween-graphic.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PolicyEngine Halloween</title>
<style>
body {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background: #000;
}
.container {
width: 1200px;
height: 630px;
background: linear-gradient(180deg, #000000 0%, #0d0221 50%, #1a0b2e 100%);
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
/* Fog effect */
.fog {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.3;
background:
radial-gradient(circle at 20% 80%, rgba(139, 71, 137, 0.2) 0%, transparent 30%),
radial-gradient(circle at 80% 20%, rgba(255, 107, 53, 0.15) 0%, transparent 30%);
animation: fogMove 8s infinite ease-in-out;
}
@keyframes fogMove {
0%, 100% { transform: translateX(0) translateY(0); }
50% { transform: translateX(20px) translateY(-10px); }
}
/* Bats - SVG */
.bat {
position: absolute;
width: 40px;
height: 25px;
opacity: 0.4;
animation: batFly 8s infinite ease-in-out;
}
.bat:nth-child(1) { top: 8%; left: 12%; animation-delay: 0s; }
.bat:nth-child(2) { top: 15%; right: 18%; animation-delay: 2s; animation-duration: 10s; }
.bat:nth-child(3) { bottom: 12%; left: 20%; animation-delay: 4s; animation-duration: 9s; }
.bat:nth-child(4) { bottom: 20%; right: 12%; animation-delay: 6s; animation-duration: 11s; }
.bat:nth-child(5) { top: 30%; left: 8%; animation-delay: 1s; animation-duration: 10s; }
.bat:nth-child(6) { top: 40%; right: 10%; animation-delay: 3s; animation-duration: 9s; }
@keyframes batFly {
0%, 100% { transform: translateY(0px) translateX(0px) rotate(0deg); }
25% { transform: translateY(-30px) translateX(20px) rotate(5deg); }
50% { transform: translateY(-15px) translateX(-10px) rotate(-5deg); }
75% { transform: translateY(-25px) translateX(15px) rotate(3deg); }
}
/* Ghosts - SVG */
.ghost {
position: absolute;
width: 80px;
height: 100px;
opacity: 0.5;
animation: ghostFloat 6s infinite ease-in-out;
filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.3));
}
.ghost:nth-child(1) { top: 25%; left: 5%; animation-delay: 0s; }
.ghost:nth-child(2) { top: 30%; right: 5%; animation-delay: 2s; }
.ghost:nth-child(3) { bottom: 20%; left: 8%; animation-delay: 4s; }
@keyframes ghostFloat {
0%, 100% { transform: translateY(0px) translateX(0px); opacity: 0.3; }
50% { transform: translateY(-40px) translateX(10px); opacity: 0.6; }
}
/* Dead trees */
.tree {
position: absolute;
bottom: 0;
width: 120px;
height: 300px;
opacity: 0.3;
}
.tree.left { left: 40px; }
.tree.right { right: 40px; transform: scaleX(-1); }
/* Creepy branches at top */
.branch-top {
position: absolute;
top: 0;
width: 100%;
height: 120px;
opacity: 0.5;
z-index: 10;
}
/* Graveyard ground */
.ground {
position: absolute;
bottom: 0;
width: 100%;
height: 100px;
background: linear-gradient(180deg, transparent 0%, rgba(13, 2, 33, 0.8) 100%);
z-index: 1;
}
/* Logo container */
.logo-container {
position: relative;
z-index: 5;
filter: drop-shadow(0 0 60px rgba(255, 107, 53, 0.8)) drop-shadow(0 0 30px rgba(139, 71, 137, 0.6));
animation: pulse 4s infinite ease-in-out;
}
@keyframes pulse {
0%, 100% { filter: drop-shadow(0 0 60px rgba(255, 107, 53, 0.8)) drop-shadow(0 0 30px rgba(139, 71, 137, 0.6)); }
50% { filter: drop-shadow(0 0 80px rgba(255, 107, 53, 1)) drop-shadow(0 0 50px rgba(139, 71, 137, 0.8)); }
}
.logo-container svg {
width: 700px;
height: auto;
}
/* Jack-o-lanterns */
.pumpkin {
position: absolute;
width: 80px;
height: 80px;
animation: pumpkinGlow 3s infinite alternate;
z-index: 2;
}
.pumpkin.left { bottom: 60px; left: 100px; }
.pumpkin.right { bottom: 60px; right: 100px; }
@keyframes pumpkinGlow {
0% { filter: drop-shadow(0 0 20px rgba(255, 107, 53, 0.8)); }
100% { filter: drop-shadow(0 0 40px rgba(255, 107, 53, 1)) brightness(1.3); }
}
/* Spider webs */
.web {
position: absolute;
width: 180px;
height: 180px;
opacity: 0.25;
}
.web.top-right { top: 10px; right: 10px; }
.web.top-left { top: 10px; left: 10px; transform: scaleX(-1); }
/* Creeping vines */
.vine {
position: absolute;
opacity: 0.4;
}
.vine.left { left: 0; top: 0; width: 150px; height: 100%; }
.vine.right { right: 0; top: 0; width: 150px; height: 100%; transform: scaleX(-1); }
</style>
</head>
<body>
<div class="container">
<!-- Fog -->
<div class="fog"></div>
<!-- Ground -->
<div class="ground"></div>
<!-- Bats -->
<svg class="bat" viewBox="0 0 100 60" fill="#1a0a1a">
<path d="M50,30 Q30,10 10,20 Q15,35 25,30 Q35,40 50,35 Q65,40 75,30 Q85,35 90,20 Q70,10 50,30 Z"/>
<circle cx="45" cy="28" r="2" fill="#ff0000" opacity="0.6"/>
<circle cx="55" cy="28" r="2" fill="#ff0000" opacity="0.6"/>
</svg>
<svg class="bat" viewBox="0 0 100 60" fill="#1a0a1a">
<path d="M50,30 Q30,10 10,20 Q15,35 25,30 Q35,40 50,35 Q65,40 75,30 Q85,35 90,20 Q70,10 50,30 Z"/>
<circle cx="45" cy="28" r="2" fill="#ff0000" opacity="0.6"/>
<circle cx="55" cy="28" r="2" fill="#ff0000" opacity="0.6"/>
</svg>
<svg class="bat" viewBox="0 0 100 60" fill="#1a0a1a">
<path d="M50,30 Q30,10 10,20 Q15,35 25,30 Q35,40 50,35 Q65,40 75,30 Q85,35 90,20 Q70,10 50,30 Z"/>
<circle cx="45" cy="28" r="2" fill="#ff0000" opacity="0.6"/>
<circle cx="55" cy="28" r="2" fill="#ff0000" opacity="0.6"/>
</svg>
<svg class="bat" viewBox="0 0 100 60" fill="#1a0a1a">
<path d="M50,30 Q30,10 10,20 Q15,35 25,30 Q35,40 50,35 Q65,40 75,30 Q85,35 90,20 Q70,10 50,30 Z"/>
<circle cx="45" cy="28" r="2" fill="#ff0000" opacity="0.6"/>
<circle cx="55" cy="28" r="2" fill="#ff0000" opacity="0.6"/>
</svg>
<svg class="bat" viewBox="0 0 100 60" fill="#1a0a1a">
<path d="M50,30 Q30,10 10,20 Q15,35 25,30 Q35,40 50,35 Q65,40 75,30 Q85,35 90,20 Q70,10 50,30 Z"/>
<circle cx="45" cy="28" r="2" fill="#ff0000" opacity="0.6"/>
<circle cx="55" cy="28" r="2" fill="#ff0000" opacity="0.6"/>
</svg>
<svg class="bat" viewBox="0 0 100 60" fill="#1a0a1a">
<path d="M50,30 Q30,10 10,20 Q15,35 25,30 Q35,40 50,35 Q65,40 75,30 Q85,35 90,20 Q70,10 50,30 Z"/>
<circle cx="45" cy="28" r="2" fill="#ff0000" opacity="0.6"/>
<circle cx="55" cy="28" r="2" fill="#ff0000" opacity="0.6"/>
</svg>
<!-- Ghosts -->
<svg class="ghost" viewBox="0 0 100 120" fill="none">
<defs>
<radialGradient id="ghostGlow" cx="50%" cy="40%" r="60%">
<stop offset="0%" style="stop-color:#ffffff; stop-opacity:0.8"/>
<stop offset="100%" style="stop-color:#cccccc; stop-opacity:0.3"/>
</radialGradient>
</defs>
<path d="M50,20 Q30,20 20,40 Q15,60 15,80 L15,100 Q20,95 25,100 Q30,105 35,100 Q40,95 45,100 Q50,105 55,100 Q60,95 65,100 Q70,105 75,100 Q80,95 85,100 L85,80 Q85,60 80,40 Q70,20 50,20 Z"
fill="url(#ghostGlow)" stroke="#aaaaaa" stroke-width="1" opacity="0.9"/>
<ellipse cx="38" cy="50" rx="6" ry="8" fill="#000000"/>
<ellipse cx="62" cy="50" rx="6" ry="8" fill="#000000"/>
<path d="M40,65 Q50,70 60,65" stroke="#000000" stroke-width="2" fill="none" opacity="0.6"/>
</svg>
<svg class="ghost" viewBox="0 0 100 120" fill="none">
<defs>
<radialGradient id="ghostGlow2" cx="50%" cy="40%" r="60%">
<stop offset="0%" style="stop-color:#ffffff; stop-opacity:0.8"/>
<stop offset="100%" style="stop-color:#cccccc; stop-opacity:0.3"/>
</radialGradient>
</defs>
<path d="M50,20 Q30,20 20,40 Q15,60 15,80 L15,100 Q20,95 25,100 Q30,105 35,100 Q40,95 45,100 Q50,105 55,100 Q60,95 65,100 Q70,105 75,100 Q80,95 85,100 L85,80 Q85,60 80,40 Q70,20 50,20 Z"
fill="url(#ghostGlow2)" stroke="#aaaaaa" stroke-width="1" opacity="0.9"/>
<ellipse cx="38" cy="50" rx="6" ry="8" fill="#000000"/>
<ellipse cx="62" cy="50" rx="6" ry="8" fill="#000000"/>
<circle cx="50" cy="70" r="8" fill="#000000" opacity="0.8"/>
</svg>
<svg class="ghost" viewBox="0 0 100 120" fill="none">
<defs>
<radialGradient id="ghostGlow3" cx="50%" cy="40%" r="60%">
<stop offset="0%" style="stop-color:#ffffff; stop-opacity:0.8"/>
<stop offset="100%" style="stop-color:#cccccc; stop-opacity:0.3"/>
</radialGradient>
</defs>
<path d="M50,20 Q30,20 20,40 Q15,60 15,80 L15,100 Q20,95 25,100 Q30,105 35,100 Q40,95 45,100 Q50,105 55,100 Q60,95 65,100 Q70,105 75,100 Q80,95 85,100 L85,80 Q85,60 80,40 Q70,20 50,20 Z"
fill="url(#ghostGlow3)" stroke="#aaaaaa" stroke-width="1" opacity="0.9"/>
<ellipse cx="38" cy="50" rx="6" ry="8" fill="#000000"/>
<ellipse cx="62" cy="50" rx="6" ry="8" fill="#000000"/>
<path d="M35,65 L65,65" stroke="#000000" stroke-width="2" opacity="0.7"/>
</svg>
<!-- Dead Trees -->
<svg class="tree" viewBox="0 0 120 300" fill="none">
<path d="M60,300 L60,150 M60,150 Q40,140 30,100 M60,150 Q80,140 90,100 M60,150 L50,200 M60,150 L70,180"
stroke="#1a0a1a" stroke-width="8" opacity="0.8"/>
<path d="M30,100 L25,80 M30,100 L35,85 M90,100 L95,80 M90,100 L85,85 M50,200 L45,190 M70,180 L75,170"
stroke="#1a0a1a" stroke-width="4" opacity="0.8"/>
</svg>
<svg class="tree" viewBox="0 0 120 300" fill="none">
<path d="M60,300 L60,150 M60,150 Q40,140 30,100 M60,150 Q80,140 90,100 M60,150 L50,200 M60,150 L70,180"
stroke="#1a0a1a" stroke-width="8" opacity="0.8"/>
<path d="M30,100 L25,80 M30,100 L35,85 M90,100 L95,80 M90,100 L85,85 M50,200 L45,190 M70,180 L75,170"
stroke="#1a0a1a" stroke-width="4" opacity="0.8"/>
</svg>
<!-- Creepy branches at top -->
<svg class="branch-top" viewBox="0 0 1200 120" fill="none">
<path d="M0,30 Q100,20 200,35 Q220,25 240,40 M200,35 L190,60 M200,35 L210,55"
stroke="#0d0221" stroke-width="12" opacity="0.9"/>
<path d="M300,20 Q400,30 500,15 Q520,25 540,20 M500,15 L510,45 M500,15 L490,40"
stroke="#0d0221" stroke-width="10" opacity="0.9"/>
<path d="M600,40 Q700,30 800,45 M800,45 L790,70 M800,45 L810,65"
stroke="#0d0221" stroke-width="14" opacity="0.9"/>
<path d="M900,25 Q1000,35 1100,20 Q1150,30 1200,25 M1100,20 L1110,50"
stroke="#0d0221" stroke-width="11" opacity="0.9"/>
</svg>
<!-- Spider webs -->
<svg class="web" viewBox="0 0 200 200" fill="none">
<path d="M100,10 L100,190 M10,100 L190,100 M30,30 L170,170 M170,30 L30,170"
stroke="#666666" stroke-width="1" opacity="0.4"/>
<path d="M100,40 Q120,40 140,60 Q160,80 160,100 Q160,120 140,140 Q120,160 100,160 Q80,160 60,140 Q40,120 40,100 Q40,80 60,60 Q80,40 100,40 Z"
stroke="#666666" stroke-width="1" fill="none" opacity="0.4"/>
<path d="M100,70 Q110,70 120,80 Q130,90 130,100 Q130,110 120,120 Q110,130 100,130 Q90,130 80,120 Q70,110 70,100 Q70,90 80,80 Q90,70 100,70 Z"
stroke="#666666" stroke-width="1" fill="none" opacity="0.4"/>
<circle cx="170" cy="30" r="4" fill="#000000"/>
<ellipse cx="170" cy="30" rx="3" ry="4" fill="#8B4789"/>
</svg>
<svg class="web" viewBox="0 0 200 200" fill="none">
<path d="M100,10 L100,190 M10,100 L190,100 M30,30 L170,170 M170,30 L30,170"
stroke="#666666" stroke-width="1" opacity="0.4"/>
<path d="M100,40 Q120,40 140,60 Q160,80 160,100 Q160,120 140,140 Q120,160 100,160 Q80,160 60,140 Q40,120 40,100 Q40,80 60,60 Q80,40 100,40 Z"
stroke="#666666" stroke-width="1" fill="none" opacity="0.4"/>
<circle cx="30" cy="30" r="4" fill="#000000"/>
<ellipse cx="30" cy="30" rx="3" ry="4" fill="#8B4789"/>
</svg>
<!-- Jack-o-lanterns -->
<svg class="pumpkin" viewBox="0 0 100 100" fill="none">
<defs>
<radialGradient id="pumpkinGlow" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:#FF8C00; stop-opacity:1"/>
<stop offset="100%" style="stop-color:#FF6B35; stop-opacity:1"/>
</radialGradient>
</defs>
<!-- Pumpkin body -->
<ellipse cx="50" cy="55" rx="45" ry="40" fill="url(#pumpkinGlow)"/>
<!-- Stem -->
<rect x="47" y="20" width="6" height="10" fill="#2D5016" rx="2"/>
<!-- Triangle eyes -->
<polygon points="32,45 40,45 36,38" fill="#FFD700"/>
<polygon points="60,45 68,45 64,38" fill="#FFD700"/>
<!-- Jagged mouth -->
<polygon points="35,65 38,70 42,65 45,72 48,65 52,72 55,65 58,70 62,65 50,68" fill="#FFD700"/>
<!-- Triangle nose -->
<polygon points="48,55 52,55 50,60" fill="#FFD700"/>
</svg>
<svg class="pumpkin" viewBox="0 0 100 100" fill="none">
<defs>
<radialGradient id="pumpkinGlow2" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:#FF8C00; stop-opacity:1"/>
<stop offset="100%" style="stop-color:#FF6B35; stop-opacity:1"/>
</radialGradient>
</defs>
<!-- Pumpkin body -->
<ellipse cx="50" cy="55" rx="45" ry="40" fill="url(#pumpkinGlow2)"/>
<!-- Stem -->
<rect x="47" y="20" width="6" height="10" fill="#2D5016" rx="2"/>
<!-- Triangle eyes -->
<polygon points="32,45 40,45 36,38" fill="#FFD700"/>
<polygon points="60,45 68,45 64,38" fill="#FFD700"/>
<!-- Big grin mouth -->
<path d="M32,65 Q50,78 68,65 L65,68 Q50,75 35,68 Z" fill="#FFD700"/>
<!-- Triangle nose -->
<polygon points="48,55 52,55 50,60" fill="#FFD700"/>
</svg>
<!-- PolicyEngine Logo with Halloween colors -->
<div class="logo-container">
<svg width="996" height="207" viewBox="0 0 996 207" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.52588e-05 88.0012V1.48316H36.523C43.8152 1.48316 49.6037 2.82213 53.8884 5.50008C58.1731 8.13682 61.2424 11.5357 63.0964 15.6968C64.9504 19.8168 65.8773 24.1221 65.8773 28.6128C65.8773 31.7439 65.3212 34.9162 64.2088 38.1297C63.1376 41.3021 61.4278 44.2272 59.0795 46.9051C56.7723 49.5419 53.7442 51.6842 49.9951 53.3322C46.2872 54.939 41.7965 55.7424 36.523 55.7424H16.0059V88.0012H1.52588e-05ZM16.0059 40.6635H37.2646C40.2309 40.6635 42.5999 40.0661 44.3714 38.8713C46.1842 37.6354 47.4819 36.0904 48.2647 34.2364C49.0475 32.3825 49.4389 30.5079 49.4389 28.6128C49.4389 26.8824 49.0681 25.0902 48.3265 23.2363C47.6261 21.3411 46.3902 19.755 44.6186 18.4778C42.8471 17.2006 40.3957 16.562 37.2646 16.562H16.0059V40.6635Z" fill="#FF6B35"/>
<path d="M124.444 89.4844C117.522 89.4844 111.652 88.1866 106.831 85.5911C102.011 82.9543 98.1176 79.473 95.1513 75.1471C92.2262 70.78 90.0838 65.9597 88.7242 60.6862C87.3647 55.4128 86.6849 50.0981 86.6849 44.7422C86.6849 39.3863 87.3647 34.0716 88.7242 28.7981C90.0838 23.5247 92.2262 18.725 95.1513 14.3991C98.1176 10.032 102.011 6.55065 106.831 3.95511C111.652 1.31837 117.522 0 124.444 0C131.365 0 137.216 1.31837 141.995 3.95511C146.815 6.55065 150.688 10.032 153.613 14.3991C156.579 18.725 158.721 23.5247 160.04 28.7981C161.399 34.0716 162.079 39.3863 162.079 44.7422C162.079 50.0981 161.399 55.4128 160.04 60.6862C158.721 65.9597 156.579 70.78 153.613 75.1471C150.688 79.473 146.815 82.9543 141.995 85.5911C137.216 88.1866 131.365 89.4844 124.444 89.4844ZM124.444 74.0965C128.317 74.0965 131.592 73.1901 134.27 71.3774C136.989 69.5646 139.173 67.1957 140.82 64.2706C142.468 61.3454 143.663 58.1731 144.405 54.7536C145.146 51.2929 145.517 47.9557 145.517 44.7422C145.517 41.2815 145.146 37.8207 144.405 34.36C143.704 30.8581 142.53 27.6858 140.882 24.843C139.275 21.9591 137.113 19.652 134.393 17.9216C131.715 16.15 128.399 15.2643 124.444 15.2643C120.448 15.2643 117.09 16.1706 114.371 17.9834C111.693 19.7962 109.53 22.1857 107.882 25.152C106.275 28.0772 105.101 31.2701 104.359 34.7308C103.659 38.1503 103.309 41.4875 103.309 44.7422C103.309 48.1617 103.659 51.6018 104.359 55.0626C105.101 58.5233 106.296 61.6956 107.944 64.5796C109.633 67.4635 111.816 69.7706 114.494 71.501C117.213 73.2314 120.53 74.0965 124.444 74.0965Z" fill="#FF6B35"/>
<path d="M191.097 88.0012V1.48316H207.102V72.4898H248.94V88.0012H191.097Z" fill="#FF6B35"/>
<path d="M273.463 88.0012V1.48316H289.468V88.0012H273.463Z" fill="#FF6B35"/>
<path d="M355.333 89.3608C348.618 89.3608 342.932 88.063 338.277 85.4675C333.662 82.8719 329.934 79.4318 327.091 75.1471C324.29 70.8212 322.25 66.0215 320.973 60.748C319.696 55.4746 319.057 50.1393 319.057 44.7422C319.057 39.6335 319.696 34.463 320.973 29.2307C322.291 23.9573 324.372 19.1164 327.215 14.7081C330.099 10.2586 333.848 6.69485 338.462 4.0169C343.076 1.33897 348.7 0 355.333 0C360.813 0 365.571 0.926977 369.609 2.78093C373.646 4.59369 376.983 6.96264 379.62 9.88778C382.298 12.7717 384.337 15.7998 385.738 18.9722L371.401 25.6464C370 23.5041 368.558 21.6707 367.075 20.1463C365.592 18.5808 363.903 17.386 362.007 16.562C360.153 15.6968 357.929 15.2643 355.333 15.2643C351.625 15.2643 348.515 16.1706 346.002 17.9834C343.488 19.755 341.47 22.1033 339.945 25.0284C338.421 27.9536 337.329 31.1465 336.67 34.6072C336.011 38.0679 335.681 41.4463 335.681 44.7422C335.681 48.2441 336.052 51.7254 336.794 55.1862C337.535 58.6469 338.709 61.7986 340.316 64.6413C341.923 67.4841 343.962 69.7706 346.434 71.501C348.906 73.1902 351.872 74.0347 355.333 74.0347C359.041 74.0347 362.152 73.0048 364.665 70.9448C367.219 68.8437 369.485 66.1657 371.463 62.911L386.109 68.4111C384.255 72.4074 381.927 75.9917 379.126 79.164C376.324 82.3363 372.966 84.8289 369.052 86.6417C365.138 88.4544 360.565 89.3608 355.333 89.3608Z" fill="#FF6B35"/>
<path d="M434.776 88.0012V54.2592L403.073 1.48316H421.119L442.686 37.5736L464.316 1.48316H482.237L450.658 54.1356V88.0012H434.776Z" fill="#FF6B35"/>
<path d="M513.091 205.419V118.901H571V134.103H529.097V153.137H554.249V168.339H529.097V190.093H571V205.419H513.091Z" fill="#8B4789"/>
<path d="M599.624 205.419V118.901H614.579L648.692 169.823C649.145 170.564 649.722 171.574 650.422 172.851C651.164 174.087 651.782 175.22 652.276 176.25C652.153 175.343 652.05 174.251 651.967 172.974C651.926 171.656 651.906 170.605 651.906 169.823V118.901H667.85V205.419H653.574L618.782 154.126C618.328 153.425 617.731 152.437 616.989 151.159C616.289 149.882 615.692 148.729 615.197 147.699C615.321 148.729 615.403 149.841 615.444 151.036C615.486 152.231 615.506 153.261 615.506 154.126V205.419H599.624Z" fill="#8B4789"/>
<path d="M732.587 206.902C725.954 206.902 720.247 205.666 715.468 203.194C710.689 200.681 706.796 197.302 703.788 193.059C700.781 188.774 698.536 183.974 697.052 178.66C695.61 173.304 694.889 167.804 694.889 162.16C694.889 156.762 695.631 151.427 697.114 146.154C698.639 140.88 700.925 136.081 703.974 131.755C707.064 127.429 710.978 123.968 715.716 121.372C720.454 118.736 726.077 117.417 732.587 117.417C738.107 117.417 742.763 118.283 746.553 120.013C750.385 121.743 753.598 124.009 756.194 126.811C758.83 129.571 761.117 132.496 763.053 135.586L748.963 143.62C747.068 140.695 744.823 138.14 742.227 135.957C739.673 133.773 736.459 132.682 732.587 132.682C728.549 132.682 725.171 133.588 722.452 135.401C719.774 137.214 717.631 139.582 716.025 142.508C714.418 145.433 713.264 148.626 712.564 152.086C711.863 155.506 711.513 158.864 711.513 162.16C711.513 165.909 711.905 169.534 712.687 173.036C713.47 176.538 714.706 179.69 716.395 182.491C718.084 185.293 720.268 187.518 722.946 189.166C725.624 190.772 728.837 191.576 732.587 191.576C735.429 191.576 738.004 190.937 740.311 189.66C742.66 188.383 744.514 186.673 745.873 184.531C747.233 182.347 747.913 179.896 747.913 177.177V175.57H733.205V160.429H764.413V172.913C764.413 180.246 762.991 186.446 760.149 191.514C757.347 196.54 753.536 200.372 748.716 203.008C743.937 205.604 738.56 206.902 732.587 206.902Z" fill="#8B4789"/>
<path d="M792.363 205.419V118.901H808.369V205.419H792.363Z" fill="#8B4789"/>
<path d="M838.582 205.419V118.901H853.537L887.65 169.823C888.103 170.564 888.68 171.574 889.38 172.851C890.122 174.087 890.74 175.22 891.234 176.25C891.111 175.343 891.008 174.251 890.925 172.974C890.884 171.656 890.863 170.605 890.863 169.823V118.901H906.808V205.419H892.532L857.739 154.126C857.286 153.425 856.689 152.437 855.947 151.159C855.247 149.882 854.649 148.729 854.155 147.699C854.279 148.729 854.361 149.841 854.402 151.036C854.443 152.231 854.464 153.261 854.464 154.126V205.419H838.582Z" fill="#8B4789"/>
<path d="M936.943 205.419V118.901H995V134.103H952.949V153.137H978.101V168.339H952.949V190.093H995V205.419H936.943Z" fill="#8B4789"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.101146 118.901H482.13V134.35H0.101146V118.901Z" fill="#FF6B35" fill-opacity="0.5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M513.03 72.5516H995.059V88.0012H513.03V72.5516Z" fill="#8B4789" fill-opacity="0.5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M482.13 134.35V205.419H466.681V134.35H482.13Z" fill="#FF6B35" fill-opacity="0.5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M528.479 1.48317L528.805 72.5516H513.03V1.48317H528.479Z" fill="#8B4789" fill-opacity="0.5"/>
<path d="M1.52588e-05 88.0012V1.48316H36.523C43.8152 1.48316 49.6037 2.82213 53.8884 5.50008C58.1731 8.13682 61.2424 11.5357 63.0964 15.6968C64.9504 19.8168 65.8773 24.1221 65.8773 28.6128C65.8773 31.7439 65.3212 34.9162 64.2088 38.1297C63.1376 41.3021 61.4278 44.2272 59.0795 46.9051C56.7723 49.5419 53.7442 51.6842 49.9951 53.3322C46.2872 54.939 41.7965 55.7424 36.523 55.7424H16.0059V88.0012H1.52588e-05ZM16.0059 40.6635H37.2646C40.2309 40.6635 42.5999 40.0661 44.3714 38.8713C46.1842 37.6354 47.4819 36.0904 48.2647 34.2364C49.0475 32.3825 49.4389 30.5079 49.4389 28.6128C49.4389 26.8824 49.0681 25.0902 48.3265 23.2363C47.6261 21.3411 46.3902 19.755 44.6186 18.4778C42.8471 17.2006 40.3957 16.562 37.2646 16.562H16.0059V40.6635Z" fill="#FF6B35"/>
</svg>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment