use "HOMOWEEN" and "FISTMAS" on wpd

pull/211/head
Aevann 2023-09-29 03:19:33 +03:00
parent 8c8566dc56
commit af53f84a15
6 changed files with 5 additions and 429 deletions

View File

@ -7,6 +7,6 @@
<img loading="lazy" src="{{SITE_FULL_IMAGES}}/assets/events/fistmas/images/banner_new.webp" style="width:100%" />
{% else %}
<link rel="stylesheet" href="{{'events/fistmas/css/banner.css' | asset}}">
{% include "events/fistmas/banner_" ~SITE_NAME~ ".svg" %}
{% include "events/fistmas/banner.svg" %}
{% endif %}
</a>

View File

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

View File

@ -1,229 +0,0 @@
<svg id="banner-svg" version="1.1" viewBox="0 40 1558 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="banner-sky">
<rect id="banner-skybox" width="1558" height="379.13" fill="url(#skybox-gradient-day)"/>
</g>
<g id="banner-text" style="transform:rotate(-1.5deg) skewX(-3deg)">
<text id="banner-title" x="500" y="230" fill="#b31a46" stroke="#ffe19b" stroke-width="2" style="filter:drop-shadow(3px 3px 0px
black);font-family:Plakat-Fraktur;font-size:70px"><tspan>Merry Christmas!</tspan></text>
</g>
<g id="banner-scene" transform="matrix(1 0 0 1.0023 427.09 -121.25)">
<path id="banner-homoween-ground" d="m1033.9 367.2c-77.9 5.6-117.16-0.1-203.16 1.7-24.097 0.5-48.61-0.7-72.499 0.5-57.75 2.9-118.82 3.8-173.04 10.8-104.07 13.4-154.55 8.3-271.09 3.1-48.61-2.1-127.13-1.3-175.95-2.4-126.09-2.8-205.24 9.3-325.1 1.8-74.576-4.7-136.48-3.8-202.75-15.7-12.049-2.1-24.513-4.2-37.392-6v139.1h1558v-135.5c-33.445 3-62.32 0.1-97.012 2.6z" fill="url(#ground-gradient)"/>
<g id="banner-christmas-trees" transform="matrix(.8 0 0 .8 446.72 -56.155)" >
<path d="m653.51 567.41c-9.173 0.507-18.854 1.525-27.516 3.304 4.075-5.086 10.19-10.17 11.465-16.271-6.882 1.526-14.776-0.253-16.817-7.115 7.898-3.812 14.269-10.423 19.62-17.285-2.294-0.254-4.332-1.271-6.626-1.526 2.294-4.319 6.881-8.134 10.447-12.456-6.115-1.526-10.702-6.098-15.034-10.42 7.136-2.29 14.525-4.069 22.166-3.812-2.292-2.797-2.037-7.627-3.82-10.17 3.312 0.254 7.644-1.271 11.21-0.508 4.587-13.474 14.522-29.23 24.712-39.4-0.254 4.576 0 9.913 0.767 13.981 4.84-2.29 7.644-7.119 10.955-10.931 0.255 2.032 1.275 4.322 1.783 6.354 3.82-0.761 37.705-13.727 23.949 2.797 6.878-4.322 20.638-29.741 30.573-26.437 7.898 2.543 5.86 14.235 2.292 18.557 3.568 0.508 6.369 2.797 9.172 3.558-1.274 0.508-2.803 0.764-3.82 1.271 10.444 4.83 23.949 13.218 31.336 21.862-5.095 0.508-10.444 0.761-15.285 2.54 7.645 4.068 18.089 7.118 26.75 7.88-7.133 0.507-14.011 3.051-19.363 7.373 6.881 4.065 16.051 5.844 23.949 7.88-9.17 2.54-12.481 8.641-14.01 16.267 4.328 8.134 12.993 7.626 17.322 14.742-4.329 5.083-11.719 5.337-17.068 8.898 4.329 1.525 8.406 4.065 11.719 7.369-9.427 5.595-25.732 13.981-37.708 13.981-8.661 0-9.937-4.322-17.58-5.591-10.19-1.782-15.03 0.254-24.712 3.048-21.654 6.354-25.479 6.612-45.35 1.018-7.39-2.033-23.694 0.253-26.752-3.812" fill="url(#tree-gradient)"/>
<path d="m519.76 571.98c-7.133 1.525-14.269 0.51-21.4 0 4.329-6.609 10.189-12.199 14.522-18.808-2.037 0.508-5.095-0.51-7.135-0.256-0.509-7.877 6.369-15.25 8.918-22.623-5.095 1.271-10.189 2.543-15.288 2.29 11.468-14.235 26.244-30.249 30.319-49.06-6.624 0-14.011 2.287-19.872 4.83 8.407-9.913 24.712-27.96 27.516-41.434-4.332 2.29-8.915 5.084-13.759 5.848 1.786-6.101 3.823-12.202 8.409-16.524-4.077 1.782-8.409 1.525-11.976 0.256 8.918-18.049 24.203-32.028 36.688-47.026-2.803 1.017-5.857 0.764-8.66 1.271 8.406-6.609 18.342-11.438 25.986-19.064-3.566 11.692 26.752 26.437 32.355 36.603-4.074-0.507-8.661-1.525-12.738-2.29 6.369 9.659 12.484 23.133 16.308 34.064-3.058-2.032-7.644-2.543-10.956-3.814 1.783 17.796 13.756 33.046 21.4 48.299-4.074 0.761-8.407 1.778-12.484 2.54-4.075 11.695 10.447 28.216 14.779 39.654-4.844-5.336-13.505-6.862-19.875-4.322 5.096 13.22 14.269 28.216 21.146 41.179-8.661-1.014-20.38-1.779-26.75 3.815 6.879 3.557 11.719 9.658 14.266 17.028-12.994 2.29-27.262 6.609-40.509 5.34-16.051-1.525-30.319-11.695-45.861-16.524" fill="url(#tree-gradient)"/>
<path d="m547.78 570.71c-7.644-6.609-2.295-15-4.078-23.387-1.274-6.101-4.841-13.471-10.701-16.521 0.766-0.257 1.528-1.526 2.295-1.779-2.295-1.525-8.919-3.561-9.428-6.354-0.254-1.018 0.764-3.051 0.764-3.051-0.764-3.305-3.566-6.612-6.878-9.659 1.273-1.018 2.803-1.525 4.332-2.035-3.313-4.319-7.898-9.149-9.937-14.236 3.058-0.253 6.37 0 9.425 0-3.566-6.097-9.682-11.945-15.539-16.014 4.332-1.525 9.172-0.507 13.756-1.525-5.096-5.083-9.17-13.471-11.974-20.08 3.058 0 6.878 0.254 10.447 0-3.058-5.594-7.644-11.692-12.484-16.014 2.546-0.253 5.095 0 7.641 0.761-5.349-7.115-10.952-14.996-17.834-21.097-4.841-4.575-9.169-8.388-13.501-13.471-4.332-5.086-10.702-9.916-14.522-14.999-2.037-2.541-2.549-6.101-4.332-9.149-1.274-2.29-4.841-4.575-5.861-6.612 2.804 6.612 7.645 15.253-2.546 16.778 1.274 13.981-7.135 23.641-11.719 34.314-4.844 11.441-21.403 34.064-19.874 44.738 3.058-3.558 7.39-6.098 11.976-6.862-2.04 11.438-7.135 23.64-9.173 34.825-0.508 2.286 0.764 6.354 0.255 9.405-1.021 4.83-6.115 11.692-8.407 16.267 4.329-4.068 10.19-7.115 15.539-9.405-4.074 12.456-10.444 23.387-15.284 35.078 17.07 1.526-5.096 28.724-5.096 38.129 9.17 3.051 18.089-1.271 27.262-2.543 15.284-2.287 29.044 2.036 44.074 2.797 13.76 0.764 22.166-5.337 34.905-6.355 9.682-1.014 18.088 5.337 27.261 0" fill="url(#tree-gradient)"/>
<g transform="translate(48.126 25.608)">
<path d="m-903.59 565.83c-7.643-6.61-2.293-14.999-4.076-23.385-1.275-6.101-4.841-13.475-10.7-16.523 0.764-0.509 1.529-1.524 2.293-1.781-2.293-1.522-8.918-3.558-9.427-6.354-0.256-1.015 0.764-3.048 0.764-3.048-0.764-3.307-3.312-6.612-6.879-9.658 1.274-1.018 2.803-1.526 4.332-2.036-3.313-4.319-7.898-9.152-9.938-14.235 3.058-0.253 6.37 0 9.427 0-3.568-6.098-9.681-11.945-15.542-16.014 4.332-1.526 9.172-0.508 13.759-1.526-5.096-5.083-9.172-13.471-11.974-20.079 3.058 0 6.878 0.253 10.445 0-3.058-5.594-7.644-11.695-12.484-16.014 2.547-0.254 5.095 0 7.644 0.761-5.351-7.116-10.956-14.997-17.835-21.098-4.841-4.575-9.171-8.387-13.502-13.47-4.332-5.087-10.702-9.917-14.523-15-2.038-2.54-2.548-6.101-4.331-9.152-1.274-2.286-4.84-4.572-5.859-6.608 2.802 6.608 7.643 15.252-2.549 16.778 1.274 13.981-7.132 23.64-11.719 34.314-4.841 11.44-21.401 34.063-19.873 44.737 3.058-3.557 7.389-6.097 11.975-6.862-2.039 11.438-7.134 23.641-9.172 34.825-0.509 2.287 0.764 6.354 0.255 9.405-1.02 4.83-6.115 11.692-8.408 16.269 4.332-4.069 10.191-7.117 15.542-9.406-4.077 12.455-10.446 23.387-15.287 35.079 17.069 1.524-5.097 28.723-5.097 38.129 9.173 3.05 18.09-1.272 27.261-2.543 15.287-2.288 29.045 2.034 44.076 2.796 13.759 0.764 22.166-5.337 34.905-6.354 9.681-1.019 18.089 5.335 27.261 0" fill="url(#tree-gradient)" style="fill:url(#linearGradient11)"/>
<path transform="matrix(.7633 0 0 .76154 -1029.8 345.13)" d="m72.51 64.81-16.55-5.6124-14.006 10.452 0.22336-17.475-14.269-10.091 16.688-5.1875 5.1875-16.688 10.091 14.269
17.475-0.22336-10.452 14.006z" style="fill:url(#radialGradient11); filter: drop-shadow(0 0 20px yellow)"/>
</g>
</g>
<!--<use href="#banner-christmas-trees" x="5" y="5" stroke="rgba(0,0,0,0.5)"/>-->
<g transform="matrix(.27487 0 0 .27423 -231.6 234.95)">
<g>
<rect x="343" y="110.25" width="108.67" height="23.667" fill="#6d3a0f"/>
<path d="m458.5 98.915c1.174-11.742-39.833 1.948-61.167-4.026-21.333-5.974-50.333-9.974-60.333 10.026s-2.333 25 8.333 24c10.667-1 19.667-18 29.667-13s24-2.333 37-5.667c13-3.333 23 1.667 32 5.667s13-2 14.5-17z" fill="#f1f2f2"/>
<path d="m345.33 128.92c10.667-1 19.667-18 29.667-13s24-2.333 37-5.667c13-3.333 23 1.667 32 5.667s13-2 14.5-17c-6.5 9-14.5 17-17.5 4.516s-26-1.516-37 0-23 7.484-32 1.484-16 8-26.667 10-8.333-10-8.333-10c-10 20-2.333 25 8.333 24z" fill="#d1d3d4"/>
<rect x="354" y="133.91" width="87" height="28.667" fill="#b48d4f"/>
<rect x="354" y="162.58" width="87" height="28.667" fill="#c8a261"/>
<rect x="354" y="191.25" width="87" height="28.667" fill="#b48d4f"/>
<rect x="354" y="219.91" width="87" height="28.667" fill="#c8a261"/>
<rect x="354" y="248.58" width="87" height="28.666" fill="#b48d4f"/>
<rect x="354" y="277.25" width="87" height="28.667" fill="#c8a261"/>
</g>
<rect x="296.2" y="633.25" width="507.8" height="35.667" fill="#6e572c"/>
<rect x="296.2" y="597.91" width="507.8" height="35.667" fill="#876b39"/>
<rect x="296.2" y="562.58" width="507.8" height="35.666" fill="#6e572c"/>
<rect x="296.2" y="527.25" width="507.8" height="35.667" fill="#876b39"/>
<rect x="296.2" y="491.92" width="507.8" height="35.667" fill="#6e572c"/>
<rect x="296.2" y="456.58" width="507.8" height="35.666" fill="#876b39"/>
<rect x="296.2" y="421.25" width="507.8" height="35.667" fill="#6e572c"/>
<rect x="296.2" y="385.92" width="507.8" height="35.667" fill="#876b39"/>
<polygon points="551.78 120.25 804 386.25 296.2 386.25 310 355.78" fill="#6e572c"/>
<rect x="391" y="449.42" width="144" height="140.5" fill="#9edae0" id="banner-window-1"/>
<rect x="458.5" y="444.42" width="8" height="149" fill="#a07e46"/>
<rect x="388" y="514.91" width="149" height="8" fill="#a07e46"/>
<circle cx="332" cy="651.91" r="22" fill="#b48d4f"/>
<circle cx="332" cy="651.91" r="13.333" fill="#c8a261"/>
<circle cx="332" cy="611.25" r="22" fill="#b48d4f"/>
<circle cx="332" cy="611.25" r="13.333" fill="#c8a261"/>
<circle cx="332" cy="570.58" r="22" fill="#b48d4f"/>
<circle cx="332" cy="570.58" r="13.333" fill="#c8a261"/>
<circle cx="332" cy="529.91" r="22" fill="#b48d4f"/>
<circle cx="332" cy="529.91" r="13.333" fill="#c8a261"/>
<circle cx="332" cy="489.25" r="22" fill="#b48d4f"/>
<circle cx="332" cy="489.25" r="13.333" fill="#c8a261"/>
<circle cx="332" cy="448.58" r="22" fill="#b48d4f"/>
<circle cx="332" cy="448.58" r="13.333" fill="#c8a261"/>
<circle cx="332" cy="407.92" r="22" fill="#b48d4f"/>
<circle cx="332" cy="407.92" r="13.333" fill="#c8a261"/>
<circle cx="764" cy="651.91" r="22" fill="#b48d4f"/>
<circle cx="764" cy="651.91" r="13.333" fill="#c8a261"/>
<circle cx="764" cy="611.25" r="22" fill="#b48d4f"/>
<circle cx="764" cy="611.25" r="13.333" fill="#c8a261"/>
<circle cx="764" cy="570.58" r="22" fill="#b48d4f"/>
<circle cx="764" cy="570.58" r="13.333" fill="#c8a261"/>
<circle cx="764" cy="529.91" r="22" fill="#b48d4f"/>
<circle cx="764" cy="529.91" r="13.333" fill="#c8a261"/>
<circle cx="764" cy="489.25" r="22" fill="#b48d4f"/>
<circle cx="764" cy="489.25" r="13.333" fill="#c8a261"/>
<circle cx="764" cy="448.58" r="22" fill="#b48d4f"/>
<circle cx="764" cy="448.58" r="13.333" fill="#c8a261"/>
<circle cx="764" cy="407.92" r="22" fill="#b48d4f"/>
<circle cx="764" cy="407.92" r="13.333" fill="#c8a261"/>
<rect x="386" y="442.58" width="11.333" height="150.67" fill="#c8a261"/>
<rect x="528.5" y="442.58" width="11.333" height="150.67" fill="#c8a261"/>
<rect x="381" y="439.58" width="164" height="11.333" fill="#b48d4f"/>
<rect x="381" y="586.91" width="164" height="11.333" fill="#b48d4f"/>
<rect x="689.33" y="450.92" width="36.334" height="218" fill="#b48d4f"/>
<rect x="653" y="450.92" width="36.333" height="218" fill="#c8a261"/>
<rect x="616.67" y="450.92" width="36.333" height="218" fill="#b48d4f"/>
<rect x="580.33" y="450.92" width="36.334" height="218" fill="#c8a261"/>
<circle cx="595.67" cy="561.58" r="10.667" fill="#6d3a0f"/>
<polygon points="819 414.92 556 132.92 272.48 412.73 278.54 381.63 553 110.25 831.09 385.92" fill="#6d3a0f"/>
<path d="m552 94.915c-16.708-1.354-71 51-88 81s-87 112-116 128-49 42-69 66-26 42-16 51 20-3 22-20 2-22 25-34 70-54 88-86 119-121 130-139 15-15 26-18 102 91 118 117 79 84 94 97 24 23 31 38 19 22 22 39 21-8 19-24-26-35-45-51-106-99-126-131-78-111-115-114z" fill="#f1f2f2"/>
<path d="m822.33 402.25c-0.666-12-7.333-6-12-27.333-4.666-21.333-44.666-47.333-68-69.333-23.333-22-60.666-63.333-73.333-78.667-12.667-15.333-44.667-50-59.333-71.333-14.667-21.333-42-45.333-56.667-45.333s-33.333 18.667-42.667 32c-9.333 13.333-50.667 56-66.667 76.667s-52 56-60.667 71.333-57.333 57.333-79.333 69.333-29.333 22-30 45.333c-0.355 12.428-5.816 15.587-10.843 15.827 0.061 0.057 0.115 0.117 0.177 0.173 10 9 20-3 22-20s2-22 25-34 70-54 88-86 119-121 130-139 15-15 26-18 102 91 118 117 79 84 94 97 24 23 31 38 19 22 22 39c1.577 8.939 7.302 6.263 12.086-0.608-5.895 3.682-8.148-1.167-8.753-12.059z" fill="#d1d3d4"/>
<circle cx="557.67" cy="288.25" r="42" fill="#b48d4f"/>
<circle cx="557.67" cy="288.25" r="31.333" fill="#9edae0" id="banner-window-2"/>
</g>
</g>
<g id="banner-stars" transform="translate(-68.5 25.761)" fill="white" style="opacity:.8">
<g class="star1 star">
<circle cx="354.35" cy="51.486"/>
<circle cx="686.33" cy="100.34"/>
<circle cx="1428.3" cy="121.01"/>
<circle cx="142.41" cy="57.083"/>
<circle cx="624.15" cy="52.292"/>
<circle cx="261.06" cy="197.47"/>
<circle cx="1586.8" cy="232.13"/>
<circle cx="1457.4" cy="193.32"/>
<circle cx="193.3" cy="26.42"/>
<circle cx="1025.8" cy="177.3"/>
<circle cx="1205.7" cy="107.12"/>
<circle cx="988.63" cy="115.37"/>
<circle cx="1418.2" cy="174.46"/>
<circle cx="617.5" cy="57.194"/>
<circle cx="299.98" cy="121.33"/>
<circle cx="90.674" cy="-.54515"/>
<circle cx="1075.5" cy="36.47"/>
<circle cx="1455.9" cy="180.06"/>
<circle cx="646.97" cy="132.33"/>
<circle cx="704.61" cy="18.467"/>
</g>
<g class="star2 star">
<circle cx="1406.2" cy="-5.5104"/>
<circle cx="536.49" cy="103.55"/>
<circle cx="351.09" cy="143.94"/>
<circle cx="1279.2" cy="18.84"/>
<circle cx="221.3" cy="28.242"/>
<circle cx="1603.3" cy="115.41"/>
<circle cx="921.06" cy="107.47"/>
<circle cx="137.43" cy="111.68"/>
<circle cx="505.65" cy="-6.3819"/>
<circle cx="1577.1" cy="171.63"/>
<circle cx="906.79" cy="-1.5376"/>
<circle cx="860.16" cy="72.192"/>
<circle cx="212.82" cy="112.78"/>
<circle cx="1451.6" cy="91.881"/>
<circle cx="1153.7" cy="79.335"/>
<circle cx="1235.9" cy="93.177"/>
<circle cx="125.45" cy="203.72"/>
<circle cx="1467.9" cy="141.56"/>
<circle cx="87.269" cy="115.14"/>
<circle cx="420.65" cy="9.8289"/>
<circle cx="1079" cy="156.94"/>
</g>
<g class="star3 star">
<circle cx="861.7" cy="59.167"/>
<circle cx="92.082" cy="186.96"/>
<circle cx="492.39" cy="92.958"/>
<circle cx="782.71" cy="55.075"/>
<circle cx="1569.4" cy="207.69"/>
<circle cx="1553.8" cy="173.46"/>
<circle cx="366.2" cy="98.177"/>
<circle cx="158.99" cy="182.29"/>
<circle cx="1566.7" cy="-2.7731"/>
<circle cx="1032.2" cy="99.918"/>
<circle cx="1442.7" cy="16.022"/>
<circle cx="849.02" cy="232.44"/>
<circle cx="572.79" cy="28.079"/>
<circle cx="1265.7" cy="208.07"/>
<circle cx="1321.8" cy="167.12"/>
<circle cx="1204" cy="204.14"/>
<circle cx="1074.4" cy="7.6153"/>
<circle cx="1390.6" cy="93.045"/>
<circle cx="1490.3" cy="123.14"/>
<circle cx="1130.7" cy="150.14"/>
</g>
<g class="star4 star">
<circle cx="1235.1" cy="183.64"/>
<circle cx="941.27" cy="28.987"/>
<circle cx="1565.1" cy="39.95"/>
<circle cx="1320.7" cy="197.81"/>
<circle cx="1330.2" cy="94.381"/>
<circle cx="1501.6" cy="193.73"/>
<circle cx="100.53" cy="27.732"/>
<circle cx="1326.6" cy="153.81"/>
<circle cx="840.52" cy="5.7146"/>
<circle cx="1507.2" cy="88.637"/>
<circle cx="1252.5" cy="189.87"/>
<circle cx="433.6" cy="12.135"/>
<circle cx="995.15" cy="86.595"/>
<circle cx="1352.5" cy="54.44"/>
<circle cx="581.48" cy="97.3"/>
<circle cx="622.31" cy="202.94"/>
<circle cx="988.44" cy="136.43"/>
<circle cx="224.84" cy="136.87"/>
<circle cx="190.67" cy="23.389"/>
<circle cx="378.94" cy="215.1"/>
</g>
<g class="star5 star">
<circle cx="415.39" cy="91.884"/>
<circle cx="1611.5" cy="43"/>
<circle cx="1584.6" cy="126.31"/>
<circle cx="794.8" cy="62.718"/>
<circle cx="1451.3" cy="16.653"/>
<circle cx="554.16" cy="71.5"/>
<circle cx="314.89" cy="183.25"/>
<circle cx="645.85" cy="-4.3557"/>
<circle cx="1192.1" cy="58.767"/>
<circle cx="1371.4" cy="2.2274"/>
<circle cx="618.46" cy="167.11"/>
<circle cx="254.46" cy="81.4"/>
<circle cx="1514.1" cy="198.78"/>
<circle cx="1352.1" cy="150.42"/>
<circle cx="1365.4" cy="28.673"/>
<circle cx="912.88" cy="98.278"/>
<circle cx="350.55" cy="81.523"/>
<circle cx="441.4" cy="30.192"/>
<circle cx="169.44" cy="10.935"/>
</g>
<defs>
</defs>
</g>
<defs>
<!--gradients-->
<linearGradient id="ground-gradient" x1="-52.206" x2="-52.206" y1="310.21" y2="1011.9" gradientTransform="matrix(.816 0 0 -.3937 -78.492 761.48)" gradientUnits="userSpaceOnUse">
<stop style="stop-color:#a7efff" offset=".5"/>
<stop style="stop-color:#FFFFFF" offset="1"/>
</linearGradient>
<linearGradient id="tree-gradient" x1="-1095.2" x2="-1095.2" y1="578.26" y2="842.8" gradientTransform="matrix(.8121 0 0 -.8121 -80.172 1054.3)" gradientUnits="userSpaceOnUse">
<stop style="stop-color:#006A75" offset="0"/>
<stop style="stop-color:#006A55" offset=".5834"/>
<stop style="stop-color:#005E48" offset="1"/>
</linearGradient>
<linearGradient id="skybox-gradient-day" x1="306" x2="306" y1="578.11" y2="110.89" gradientUnits="userSpaceOnUse">
<stop style="stop-color:#defcff" offset=".3978"/>
<stop style="stop-color:#2c93ff" offset="1"/>
</linearGradient>
<linearGradient id="skybox-gradient-night" x1="306" x2="306" y1="578.11" y2="110.89" gradientUnits="userSpaceOnUse">
<stop style="stop-color:#9a63ff" offset="0"/>
<stop style="stop-color:#000000" offset="1"/>
</linearGradient>
<linearGradient id="linearGradient11" x1="-1095.2" x2="-1095.2" y1="578.26" y2="842.8" gradientTransform="matrix(.8121 0 0 -.8121 -80.172 1054.3)" gradientUnits="userSpaceOnUse" xlink:href="#tree-gradient"/>
<radialGradient id="radialGradient11" cx="52.629" cy="44.929" r="24.721" gradientUnits="userSpaceOnUse">
<stop style="stop-color:#e6f055" offset="0"/>
<stop style="stop-color:#f4f8b1" offset="1"/>
</radialGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 17 KiB

View File

@ -3,7 +3,7 @@
<link rel="stylesheet" href="{{'events/homoween/css/banner.css' | asset}}">
<script defer src="{{'events/homoween/js/banner.js' | asset}}"></script>
{% include "events/homoween/banner_" ~SITE_NAME~ ".svg" %}
{% include "events/homoween/banner.svg" %}
</a>
{% if IS_LOCALHOST or SITE == 'devrama.net' %}

View File

@ -118,15 +118,15 @@
<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">WPD Presents</tspan>
<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">HALLOWMARSEY</tspan>
<tspan x="180">HOMOWEEN</tspan>
</text>
</g>
<text id="banner-homoween-text-evil" style="opacity:0">
<tspan x="180" y="370" fill="white" style="font-size:72px;font-family:Jo_wrote_a_lovesong;">HALLOWMARSEY</tspan>
<tspan x="180" y="370" fill="white" style="font-size:72px;font-family:Jo_wrote_a_lovesong;">HOMOWEEN</tspan>
</text>
</g>
<g id="banner-homoween-house" transform="translate(-166.09098,3.8681347)">

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

View File

@ -1,195 +0,0 @@
<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="200" y="290">rDrama Presents</tspan>
</text>
<g style="font-size:80px;font-family:Creepster,arial;">
<text id="banner-homoween-title" y="370" fill-opacity="0.9">
<tspan x="200">H</tspan><tspan x="235">O</tspan><tspan x="270">M</tspan><tspan x="320">O</tspan>
<tspan x="355">W</tspan><tspan x="405">E</tspan><tspan x="440">E</tspan><tspan x="475">N</tspan>
</text>
</g>
<text id="banner-homoween-text-evil" style="opacity:0">
<tspan x="200" y="370" fill="white" style="font-size:72px;font-family:Jo_wrote_a_lovesong;">straggotween</tspan>
</text>
</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" />
<g id="banner-homoween-house-windows" fill="url(#banner-homoween-house-window-gradient)" style="filter: drop-shadow(0px 0px 10px #00a100);">
<!--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">
<stop offset="0" style="stop-color:#B3C691"/>
<stop offset="1" style="stop-color:#8DC39C"/>
</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>

Before

Width:  |  Height:  |  Size: 14 KiB