2023-09-28 23:58:09 +00:00
<svg id= "banner-homoween-svg" style= "background-image:var(--sky-gradient-day{{banner_day}})" viewBox= "0 0 1558 340" width= "100%" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:svg= "http://www.w3.org/2000/svg" >
<g id= "banner-homoween-sky" >
<rect fill= "none" width= "1558" height= "379.12619" id= "banner-homoween-skybox" />
<g id= "banner-homoween-stars" fill= "white" style= "opacity:var(--star-opacity-day{{banner_day}})" transform= "translate(-68.499999,25.761047)" >
<g class= "star1 star" >
<circle cx= "354.34659" cy= "51.486233" />
<circle cx= "686.33435" cy= "100.34389" />
<circle cx= "1428.2604" cy= "121.01141" />
<circle cx= "142.41147" cy= "57.083103" />
<circle cx= "624.15045" cy= "52.292145" />
<circle cx= "261.05768" cy= "197.4662" />
<circle cx= "1586.7877" cy= "232.13432" />
<circle cx= "1457.4095" cy= "193.31587" />
<circle cx= "193.29951" cy= "26.420403" />
<circle cx= "1025.8184" cy= "177.29558" />
<circle cx= "1205.6655" cy= "107.11586" />
<circle cx= "988.62946" cy= "115.36874" />
<circle cx= "1418.1691" cy= "174.45583" />
<circle cx= "617.49738" cy= "57.193687" />
<circle cx= "299.98047" cy= "121.33453" />
<circle cx= "90.674393" cy= "-0.54514796" />
<circle cx= "1075.5156" cy= "36.469925" />
<circle cx= "1455.9106" cy= "180.05734" />
<circle cx= "646.97412" cy= "132.32523" />
<circle cx= "704.60657" cy= "18.466848" />
</g>
<g class= "star2 star" >
<circle cx= "1406.1763" cy= "-5.5104017" />
<circle cx= "536.49463" cy= "103.55247" />
<circle cx= "351.08881" cy= "143.94203" />
<circle cx= "1279.1542" cy= "18.840036" />
<circle cx= "221.29961" cy= "28.242449" />
<circle cx= "1603.348" cy= "115.4075" />
<circle cx= "921.06372" cy= "107.46529" />
<circle cx= "137.43065" cy= "111.68105" />
<circle cx= "505.65485" cy= "-6.3819265" />
<circle cx= "1577.0615" cy= "171.6333" />
<circle cx= "906.78802" cy= "-1.5375607" />
<circle cx= "860.159" cy= "72.191864" />
<circle cx= "212.81689" cy= "112.77587" />
<circle cx= "1451.5607" cy= "91.880829" />
<circle cx= "1153.7001" cy= "79.335007" />
<circle cx= "1235.9001" cy= "93.177391" />
<circle cx= "125.44918" cy= "203.72043" />
<circle cx= "1467.8811" cy= "141.55785" />
<circle cx= "87.268814" cy= "115.13907" />
<circle cx= "420.64523" cy= "9.8289289" />
<circle cx= "1078.9646" cy= "156.93616" />
</g>
<g class= "star3 star" >
<circle cx= "861.69922" cy= "59.167252" />
<circle cx= "92.081718" cy= "186.95992" />
<circle cx= "492.38992" cy= "92.957916" />
<circle cx= "782.71057" cy= "55.074757" />
<circle cx= "1569.3516" cy= "207.68919" />
<circle cx= "1553.7762" cy= "173.45573" />
<circle cx= "366.2016" cy= "98.177361" />
<circle cx= "158.98877" cy= "182.29086" />
<circle cx= "1566.6627" cy= "-2.7730622" />
<circle cx= "1032.2488" cy= "99.917984" />
<circle cx= "1442.6716" cy= "16.022043" />
<circle cx= "849.01971" cy= "232.44159" />
<circle cx= "572.78674" cy= "28.079025" />
<circle cx= "1265.6924" cy= "208.07133" />
<circle cx= "1321.8163" cy= "167.11555" />
<circle cx= "1203.9926" cy= "204.14101" />
<circle cx= "1074.4159" cy= "7.6153278" />
<circle cx= "1390.5989" cy= "93.045151" />
<circle cx= "1490.332" cy= "123.14182" />
<circle cx= "1130.7302" cy= "150.13852" />
</g>
<g class= "star4 star" >
<circle cx= "1235.1261" cy= "183.63806" />
<circle cx= "941.27423" cy= "28.98748" />
<circle cx= "1565.119" cy= "39.94997" />
<circle cx= "1320.7312" cy= "197.81389" />
<circle cx= "1330.1912" cy= "94.380714" />
<circle cx= "1501.6204" cy= "193.72606" />
<circle cx= "100.52748" cy= "27.732065" />
<circle cx= "1326.5785" cy= "153.80927" />
<circle cx= "840.51929" cy= "5.7146263" />
<circle cx= "1507.1639" cy= "88.637108" />
<circle cx= "1252.4867" cy= "189.86913" />
<circle cx= "433.59921" cy= "12.135095" />
<circle cx= "995.14679" cy= "86.594627" />
<circle cx= "1352.5358" cy= "54.43977" />
<circle cx= "581.47766" cy= "97.300217" />
<circle cx= "622.31262" cy= "202.93999" />
<circle cx= "988.44" cy= "136.42937" />
<circle cx= "224.8391" cy= "136.87054" />
<circle cx= "190.67062" cy= "23.389349" />
<circle cx= "378.93933" cy= "215.09964" />
</g>
<g class= "star5 star" >
<circle cx= "415.39145" cy= "91.883652" />
<circle cx= "1611.5449" cy= "42.999901" />
<circle cx= "1584.6263" cy= "126.31186" />
<circle cx= "794.80231" cy= "62.717503" />
<circle cx= "1451.3389" cy= "16.653343" />
<circle cx= "554.16071" cy= "71.499649" />
<circle cx= "314.88879" cy= "183.24821" />
<circle cx= "645.84845" cy= "-4.3557439" />
<circle cx= "1192.1021" cy= "58.766937" />
<circle cx= "1371.4421" cy= "2.2274418" />
<circle cx= "618.45569" cy= "167.10979" />
<circle cx= "254.45935" cy= "81.400383" />
<circle cx= "1514.1248" cy= "198.7796" />
<circle cx= "1352.1172" cy= "150.42014" />
<circle cx= "1365.3644" cy= "28.673313" />
<circle cx= "912.87531" cy= "98.27787" />
<circle cx= "350.54874" cy= "81.523178" />
<circle cx= "441.39749" cy= "30.191652" />
<circle cx= "169.44328" cy= "10.935395" />
</g>
</g>
<ellipse id= "banner-homoween-moon" fill= "var(--moon-fill-day{{banner_day}}" style= "cy:var(--moon-position-day{{banner_day}});filter:var(--moon-shadow-day{{banner_day}})" cx= "802" rx= "86" ry= "74" />
</g>
<g id= "banner-homoween-scene" transform= "matrix(1,0,0,1.0023048,427.09249,-121.25261)" >
<g id= "banner-homoween-text" fill= "#fff" transform= "translate(-27.135979,1.5613725)" style= "transform:rotate(-6deg) skewX(-12deg)" >
<text id= "banner-homoween-presenting" style= "font-family:verdana,arial;text-transform:uppercase" >
2023-09-29 00:19:33 +00:00
<tspan x= "180" y= "300" > {{SITE_NAME}} Presents</tspan>
2023-09-28 23:58:09 +00:00
</text>
2023-10-13 22:35:03 +00:00
<g style= "font-size:80px;font-family:Creepster,arial" >
2023-09-28 23:58:09 +00:00
<text id= "banner-homoween-title" y= "380" fill-opacity= "0.9" >
2023-09-29 00:19:33 +00:00
<tspan x= "180" > HOMOWEEN</tspan>
2023-09-28 23:58:09 +00:00
</text>
</g>
</g>
<g id= "banner-homoween-house" transform= "translate(-166.09098,3.8681347)" >
<path id= "banner-homoween-house-fill" fill= "url(#house-fill-gradient)" d= "m 227.4,354.9 c 0.4,-10 13.8,-34.6 13.8,-34.6 -7.1,1.4 -15.3,2.4 -23.6,3.1 l 3.2,-14.8 6.9,-0.3 c -9.2,-11.2 -10.4,-19 -10.4,-19 -4.4,0 -19.1,0.4 -24.8,0.5 l 1,-11.7 c 3.3,0.1 5.3,0.2 5.3,0.2 -10.4,-7.5 -18.4,-31.7 -20.7,-38.6 0,0 -1.7,7.8 -10.4,22.2 -1.4,2.3 -2.7,4.3 -4,6 -3.8,-4.3 -9.3,-12.1 -6.4,-18.6 l -7.1,-0.2 -0.3,-5.1 4.4,0.2 c -5.8,-3.3 -12.1,-15.6 -12.1,-15.6 0,0 -4,11.9 -8.8,14.6 l 3.6,0.2 -0.4,5.4 -43.4,-1 c 0,0 1.5,6.1 -0.4,10.8 -1.9,4.6 -13.4,14.2 -13.4,14.2 l 15,1.9 1,42.6 -29.8,-3.1 c 0,0 19.6,26.1 21.9,40.7 1.2,7.3 0.7,12.9 -0.1,16.6 l -29.9,14.1 h 182.8 l -14.7,-11.1 c 0.6,-3.9 1.5,-12.3 1.8,-19.6 z m -30.2,-38.7 5.8,0.2 v 6.1 c -3.3,-0.6 -6.4,-3 -5.8,-6.3 z m 12.8,1.1 c 0,0.1 0,0.1 0,0 0,3.5 -2.3,5 -4.9,5.3 -0.1,-1.6 -0.2,-3.9 -0.3,-6.2 l 5.1,0.1 c 0.1,0.3 0.1,0.6 0.1,0.8 z m -72.4,16.9 c 0,0 10.3,1 21.3,2 l -0.5,10.5 -18.8,0.2 c -0.5,-4.7 -1.2,-9.4 -2,-12.7 z m 32.2,-39.2 6,-0.3 -0.4,11 -6.1,-0.3 z m 10,51.4 -17.9,0.2 0.5,-10.2 c 7.2,0.6 14.2,1.1 18.4,1.2 z m -21.6,2.7 -0.8,15.5 c -6.6,-0.2 -13.1,-0.3 -16.4,-0.4 0,0 -0.4,-7.4 -1.2,-15.3 z m 3.6,0 17.7,0.2 -1.8,15.8 c 0,0 -7.9,-0.2 -16.6,-0.4 z m 30.2,0.1 0.4,-12.1 5.2,-0.1 -0.3,12.2 z m 10.1,0 0.4,-12.1 5.2,-0.1 -0.3,12.2 z m 14.6,0 h -5.3 l 0.4,-12.1 5.2,-0.1 z m -33.7,-43.1 -6,-0.3 0.6,-11.1 6.2,-0.3 z m 0.9,-12.9 -6.2,0.1 0.5,-9.7 h 6.4 z m -8,0.1 -6,0.1 0.4,-9.8 h 5.9 z m -59.3,72.3 -6.7,0.4 v -32.6 l 5.8,0.4 z m -18.3,-32.3 5.8,0.4 1,31.9 -6.7,0.4 v -32.7 z m 111.4,-17.7 c -1.3,0 -3.1,0 -4.9,-0.1 -0.1,-1.9 -0.1,-3.7 -0.2,-5 0.6,0.1 1.2,0.2 1.8,0.5 1.6,0.8 2.8,2.8 3.3,4.6 z m -6.7,-5 v 4.9 c -2.2,-0.1 -4.3,-0.2 -5.5,-0.2 0.3,-0.6 0.7,-1.2 1,-1.8 1.1,-1.7 2.7,-2.7 4.5,-2.9 z m -61.4,-6.6 -9.9,0.1 0.1,-13.2 h 10 c -0.3,5.4 -0.6,11.2 -0.2,13.1 z m -23.4,-13.1 h 10.7 l -1.1,13.2 -11.8,0.1 c 0,0 2,-4.4 2.2,-13.3 z m 23.8,-2.1 -10.2,0.2 0.1,-8.9 10.9,0.2 c 0,0 -0.4,3.9 -0.8,8.5 z m -12.2,-8.8 -0.8,9 -10.9,0.2 c 0,-2.8 -0.2,-6 -0.7,-9.5 z" />
2024-02-21 20:29:02 +00:00
{% set is_red = range(1, 100)|random == 1 or banner_day == 31 %}
2023-10-11 14:57:36 +00:00
<g id= "banner-homoween-house-windows" fill= "url(#banner-homoween-house-window-gradient)" style= "filter: drop-shadow(0px 0px 10px #{% if is_red %}ff0000CC{% else %}00a100{% endif %});" >
2023-09-28 23:58:09 +00:00
<!-- window 1 -->
<path d= "m 158.9,336.2 c -11,-0.9 -21.3,-2 -21.3,-2 0.8,3.3 1.5,8 2,12.7 l 18.8,-0.2 z" />
<path d= "m 157.4,364.6 0.8,-15.5 -18.4,-0.2 c 0.8,7.9 1.2,15.3 1.2,15.3 3.4,0.1 9.9,0.2 16.4,0.4 z" />
<path d= "m 177.6,365 1.8,-15.8 -17.7,-0.2 -0.7,15.6 c 8.7,0.3 16.6,0.4 16.6,0.4 z" />
<path d= "m 162.4,336.5 -0.5,10.2 17.9,-0.2 1,-8.8 c -4.3,-0.1 -11.3,-0.6 -18.4,-1.2 z" />
<!-- window 2 -->
<polygon points= "197.7,336.9 192.5,337.1 192,349.2 197.4,349.2 " />
<polygon points= "207.7,336.9 202.6,337.1 202.1,349.2 207.4,349.2 " />
<polygon points= "211.8,337.1 211.3,349.2 216.7,349.2 217,336.9 " />
<!-- window 3 -->
<polygon points= "109.8,333.3 109.8,366 116.6,365.6 115.6,333.7 " />
<polygon points= "105,365.6 104.1,333.7 98.3,333.3 98.3,366 " />
<!-- window 4 -->
<path d= "m 128.9,290.9 h -10.7 c -0.1,8.9 -2.2,13.3 -2.2,13.3 l 11.8,-0.1 z" />
<path d= "m 131.9,289 10.2,-0.2 c 0.4,-4.6 0.8,-8.5 0.8,-8.5 L 132,280.1 Z" />
<path d= "m 131.8,290.9 -0.1,13.2 9.9,-0.1 c -0.4,-1.9 -0.1,-7.7 0.2,-13.1 z" />
<path d= "m 129.1,289.1 0.8,-9 -12.4,-0.3 c 0.5,3.6 0.7,6.8 0.7,9.5 z" />
<!-- window 5 -->
<polygon points= "175.4,305.7 175.8,294.8 169.8,295 169.4,305.5 " />
<polygon points= "170.3,283.6 169.9,293.4 175.9,293.3 176.2,283.6 " />
<polygon points= "178.2,283.6 177.7,293.3 183.9,293.2 184.5,283.6 " />
<polygon points= "183.8,294.4 177.6,294.7 177,305.8 183,306.1 " />
<!-- window 6 -->
<path d= "m 204.8,315.5 c 1.8,0.1 3.6,0.1 4.9,0.1 -0.5,-1.9 -1.7,-3.8 -3.3,-4.5 -0.6,-0.3 -1.2,-0.4 -1.8,-0.5 0.1,1.2 0.1,3 0.2,4.9 z" />
<path d= "m 203,322.5 v -6.1 l -5.8,-0.2 c -0.6,3.3 2.5,5.7 5.8,6.3 z" />
<path d= "m 205.1,322.6 c 2.6,-0.2 4.9,-1.8 4.9,-5.2 0,0 0,0 0,-0.1 0,-0.2 0,-0.5 -0.1,-0.8 l -5.1,-0.1 c 0.1,2.3 0.2,4.6 0.3,6.2 z" />
<path d= "m 203,315.5 v -4.9 c -1.8,0.2 -3.4,1.3 -4.5,2.8 -0.4,0.6 -0.8,1.2 -1,1.8 1.2,0.1 3.3,0.2 5.5,0.3 z" />
</g>
</g>
<path id= "banner-homoween-ground" fill= "url(#ground-gradient)" d= "m 1033.896,367.2 c -77.89999,5.6 -117.16159,-0.1 -203.16319,1.7 -24.097,0.5 -48.6096,-0.7 -72.4989,0.5 -57.7499,2.9 -118.8235,3.8 -173.0419,10.8 -104.07437,13.4 -154.55357,8.3 -271.09197,3.1 -48.6096,-2.1 -127.1328,-1.3 -175.95013,-2.4 -126.09413,-2.8 -205.24053,9.3 -325.10267,1.8 -74.57626,-4.7 -136.4808,-3.8 -202.74773,-15.7 -12.04853,-2.1 -24.51253,-4.2 -37.392,-6 V 500.1 H 1130.9075 V 364.6 c -33.4451,3 -62.32,0.1 -97.0115,2.6 z" />
<g id= "banner-homoween-objects" fill= "var(--object-fill-day{{banner_day}})" >
<g id= "banner-homoween-bats" transform= "translate(369.01441,-6.9206685)" >
<path d= "m 168,214.3 c -0.1,0 -4.2,-1.1 -5.1,2.9 0,0 -3.4,-1.7 -5,1.8 0,0 -2.9,-2.6 -5.2,1.2 0,0 -3.6,-2.8 -5.8,1.6 0,0 -4,-0.5 -3.1,4.6 -0.9,-5.1 -4.5,-3.3 -4.5,-3.3 -3.5,-3.4 -6,0.5 -6,0.5 -3.5,-2.9 -5.3,0.6 -5.3,0.6 -2.7,-2.7 -5.3,0 -5.3,0 -2.2,-3.5 -5.6,-1 -5.7,-1 3.1,-9.9 13.5,-10.9 13.5,-10.9 3.3,5.8 9.8,4.6 9.8,4.6 l -0.5,-2.6 2,0.9 1.6,-1.5 0.5,2.6 c 0,0 6.6,-1.2 7.7,-7.7 0,0.1 10,-2.6 16.4,5.7 z" class= "banner-homoween-bat" />
<path d= "m 210.1,229.7 c 0.1,0 2.5,-0.7 3,1.7 0,0 2,-1 3,1.1 0,0 1.7,-1.6 3.1,0.7 0,0 2.1,-1.7 3.4,0.9 0,0 2.4,-0.3 1.8,2.8 0.5,-3 2.7,-2 2.7,-2 2.1,-2 3.5,0.3 3.5,0.3 2.1,-1.7 3.2,0.4 3.2,0.4 1.6,-1.6 3.2,0 3.2,0 1.3,-2.1 3.4,-0.6 3.4,-0.6 -1.9,-5.9 -8,-6.5 -8,-6.5 -1.9,3.4 -5.9,2.7 -5.9,2.7 l 0.3,-1.6 -1.2,0.6 -0.9,-0.9 -0.3,1.6 c 0,0 -3.9,-0.7 -4.6,-4.6 0.1,0.1 -5.9,-1.5 -9.7,3.4 z" class= "banner-homoween-bat" />
<path d= "m 211.4,245.7 c 0,0 -1.4,-0.4 -1.7,1 0,0 -1.1,-0.6 -1.7,0.6 0,0 -1,-0.9 -1.7,0.4 0,0 -1.2,-0.9 -1.9,0.5 0,0 -1.3,-0.2 -1,1.5 -0.3,-1.7 -1.5,-1.1 -1.5,-1.1 -1.2,-1.1 -2,0.2 -2,0.2 -1.2,-1 -1.8,0.2 -1.8,0.2 -0.9,-0.9 -1.8,0 -1.8,0 -0.7,-1.2 -1.9,-0.3 -1.9,-0.3 1,-3.3 4.5,-3.6 4.5,-3.6 1.1,1.9 3.3,1.5 3.3,1.5 l -0.2,-0.9 0.7,0.3 0.5,-0.5 0.2,0.9 c 0,0 2.2,-0.4 2.6,-2.6 0,0 3.3,-0.8 5.4,1.9 z" class= "banner-homoween-bat" />
</g>
<g id= "banner-homoween-tombstones" transform= "translate(401.83223,-17.586078)" >
<path d= "m 511.07106,391.70251 c 0,0 2.7,-37.3 13.3,-38 10.7,-0.7 24,3.3 12.7,37.7 z" />
<path d= "m 473.03033,397.16784 c 0,0 -9.3,-22.6 -3.2,-26.1 6.1,-3.5 15,-5 18.4,18.4 z" />
<path d= "m 261.40415,405.16163 c 0,0 0.1,-24.5 7.1,-25.4 6.9,-0.9 15.8,1.1 9.9,24 z" />
<path d= "m 154.275,403.64299 c 0,0 0.1,-24.5 7.1,-25.4 6.9,-0.9 15.8,1.1 9.9,24 z" />
<path d= "m 414.1,367.5 -0.6,-4.4 2.7,-0.6 -0.4,-2.8 -2.7,0.6 -0.5,-3.5 -3.1,0.5 0.5,3.7 -3.1,0.8 0.8,2.4 2.7,-0.6 0.6,4.4 c -0.2,0.1 -0.5,0.1 -0.7,0.2 -6.6,2.1 -2.3,26.2 -2.3,26.2 l 16.4,-4.4 c 1.4,-19.1 -4.4,-22.9 -10.3,-22.5 z" />
</g>
</g>
</g>
<g id= "banner-homoween-gradients" >
<linearGradient id= "house-fill-gradient" gradientUnits= "userSpaceOnUse" x1= "149.4008" y1= "260.50101" x2= "149.4008" y2= "546.78699" >
<stop offset= "0" style= "stop-color:#0f021b" />
<stop offset= "1" style= "stop-color:var(--house-shadow-day{{banner_day}})" id= "house-fill-gradient-stop" />
</linearGradient>
<radialGradient id= "banner-homoween-house-window-gradient" >
2023-10-11 14:57:36 +00:00
{% if is_red %}
<stop offset= "0" style= "stop-color: #FF473C" >
<stop offset= "1" style= "stop-color: #FF1F1F" >
{% else %}
<stop offset= "0" style= "stop-color:#B3C691" />
<stop offset= "1" style= "stop-color:#8DC39C" />
{% endif %}
2023-09-28 23:58:09 +00:00
</radialGradient>
<linearGradient id= "ground-gradient" gradientUnits= "userSpaceOnUse" x1= "375" y1= "451.8345" x2= "375" y2= "228.17931" gradientTransform= "matrix(2.0773333,0,0,1,-427.09249,0)" >
<stop offset= "0" style= "stop-color:#140224" />
<stop offset= "1" style= "stop-color:var(--ground-shadow-day{{banner_day}})" id= "ground-gradient-stop" />
</linearGradient>
</g>
</svg>