forked from rDrama/rDrama
198 lines
14 KiB
XML
198 lines
14 KiB
XML
<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">
|
|
<tspan x="180" y="300">{{SITE_NAME}} Presents</tspan>
|
|
</text>
|
|
<g style="font-size:80px;font-family:Creepster,arial">
|
|
<text id="banner-homoween-title" y="380" fill-opacity="0.9">
|
|
<tspan x="180">HOMOWEEN</tspan>
|
|
</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" />
|
|
{% set is_red = range(1, 100)|random() == 1 or banner_day == 31 %}
|
|
<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 %});">
|
|
<!--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">
|
|
{% 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 %}
|
|
</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>
|