rDrama/files/templates/event/banner.svg

235 lines
17 KiB
XML

<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-halloween-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>
<style nonce="{{g.nonce}}">.star1 circle {r: 0.5;}
.star2 circle {r: 0.75;}
.star3 circle {r: 1.0;}
.star4 circle {r: 1.2;}
.star5 circle {r: 1.5;}</style>
</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>