Skip to content

B
Backend Server
Commit 02b1304f authored by Andreas Heimann's avatar Andreas Heimann
Browse files
Options

happy birthday srxd

parent 8ab1700d
Hide whitespace changes
Inline Side-by-side
Showing with 316 additions and 0 deletions
public/assets/img/birthday-balloonBlue.svg 0 → 100644
View file @ 02b1304f
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="f38ee091-c82c-4da1-851f-4c077abd9110"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 166 414.5"
style="enable-background:new 0 0 166 414.5;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#2F2E41;stroke-width:2;}
.st1{fill:#24A1F2;}
.st2{opacity:0.4;fill:#FFFFFF;enable-background:new ;}
</style>
<path class="st0" d="M91.1,198c-10.4,3.6-12.9,17.8-9.3,28.2s11.2,19.1,15,29.4c1.7,5.2,3,10.6,3.7,16c2.2,13,4.4,26.2,2.7,39.2
c-1.6,12.4-6.6,24.1-12.2,35.2c-10.8,21.6-24,42-39.3,60.7"/>
<path class="st1" d="M166,83c0,45.8-37.2,119-83,119S0,128.8,0,83S37.2,0,83,0S166,37.2,166,83L166,83z"/>
<ellipse class="st2" cx="117.5" cy="48" rx="17.5" ry="21"/>
</svg>
public/assets/img/birthday-balloonGreen.svg 0 → 100644
View file @ 02b1304f
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="f38ee091-c82c-4da1-851f-4c077abd9110"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 166 414.5"
style="enable-background:new 0 0 166 414.5;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#2F2E41;stroke-width:2;}
.st1{fill:#3DFB84;}
.st2{opacity:0.4;fill:#FFFFFF;enable-background:new ;}
</style>
<path class="st0" d="M91.1,198c-10.4,3.6-12.9,17.8-9.3,28.2s11.2,19.1,15,29.4c1.7,5.2,3,10.6,3.7,16c2.2,13,4.4,26.2,2.7,39.2
c-1.6,12.4-6.6,24.1-12.2,35.2c-10.8,21.6-24,42-39.3,60.7"/>
<path class="st1" d="M166,83c0,45.8-37.2,119-83,119S0,128.8,0,83S37.2,0,83,0S166,37.2,166,83L166,83z"/>
<ellipse class="st2" cx="117.5" cy="48" rx="17.5" ry="21"/>
</svg>
public/assets/img/birthday-balloonRed.svg 0 → 100644
View file @ 02b1304f
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="f38ee091-c82c-4da1-851f-4c077abd9110"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 166 414.5"
style="enable-background:new 0 0 166 414.5;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#2F2E41;stroke-width:2;}
.st1{fill:#FB1357;}
.st2{opacity:0.4;fill:#FFFFFF;enable-background:new ;}
</style>
<path class="st0" d="M91.1,198c-10.4,3.6-12.9,17.8-9.3,28.2s11.2,19.1,15,29.4c1.7,5.2,3,10.6,3.7,16c2.2,13,4.4,26.2,2.7,39.2
c-1.6,12.4-6.6,24.1-12.2,35.2c-10.8,21.6-24,42-39.3,60.7"/>
<path class="st1" d="M166,83c0,45.8-37.2,119-83,119S0,128.8,0,83S37.2,0,83,0S166,37.2,166,83L166,83z"/>
<ellipse class="st2" cx="117.5" cy="48" rx="17.5" ry="21"/>
</svg>
public/assets/img/birthday-cake.svg 0 → 100644
View file @ 02b1304f
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="b1da7443-2b43-4a55-9b6b-835488f8f109"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 427.9 437.1"
style="enable-background:new 0 0 427.9 437.1;" xml:space="preserve">
<style type="text/css">
.st0{fill:#53425A;}
.st1{fill:#FB1357;}
.st2{fill:#FFC13D;}
.st3{opacity:0.5;fill:#FFFFFF;enable-background:new ;}
.st4{fill:#C99398;}
.st5{opacity:0.1;enable-background:new ;}
.st6{fill:#F8F8FA;}
</style>
<polygon class="st0" points="198.1,82.3 198.1,117.6 201.8,117.6 201.8,80.6 "/>
<path class="st1" d="M219.7,192l-27.9,3.4v-83.2h17.7c-0.1,0.9-0.2,2-0.2,3.2c-0.1,6.3,0.3,12.6,1.1,18.8c0.6,5.4,1.4,11.2,2.2,17
c0.7,4.5,1.4,8.9,2.1,13.2C217.2,179.7,219.7,192,219.7,192z"/>
<path class="st2" d="M205.1,0c0,0,2.1,8.3-19.7,31.2s-13.2,68.9,10,67.6c0,0,21.7,3.6,29.5-11.2c3.3-6.5,2.8-14.3-1.4-20.3
c-7.2-10.6-21-32.8-18.4-43.4V0z"/>
<path class="st3" d="M202.8,41.3c0,0,1.2,4.6-11,17.4s-7.3,38.5,5.6,37.7c0,0,12.1,2,16.5-6.2c1.8-3.6,1.5-8-0.8-11.3
c-4-5.9-11.7-18.3-10.3-24.2L202.8,41.3z"/>
<path class="st3" d="M210.3,134.2c-6.5,5.2-12.7,10.9-18.5,16.9v-21.6c5.3-5.3,11.1-10.1,17.4-14.1
C209.2,121.7,209.6,128,210.3,134.2z"/>
<path class="st1" d="M214.7,164.4c-6.9,6-16.3,14.6-22.9,20.5v-15.4c6.9-6.3,15.2-13.6,20.8-18.3C213.3,155.7,214,160.2,214.7,164.4
z"/>
<rect x="71.9" y="207.4" class="st4" width="278.9" height="127.6"/>
<path class="st5" d="M350.8,207.4v19.2c-5.3,1-12.3-0.6-18.2-2.5c-7-2.4-14.7-1.4-20.9,2.6c-16.1,10.5-28.6,8.3-37.4,3.1
c-8.8-5.4-19.6-6.2-29.1-2.2c-4.1,1.7-8.5,2.5-12.9,2.4c-5.2-0.1-10.3,1.3-14.7,4c-13.2,8-26.4,3.4-34.6-1.5
c-5.4-3.1-11.8-4-17.9-2.6c-2.6,0.6-5.3,0.8-7.9,0.6c-6.1-0.6-12.2,0.8-17.6,3.8c-21.8,12.7-29-2.7-33.3-5c-4.8-2.6-5.4,6.3-6.8,6.3
s-6.3-11.7-7.4-7.7c-0.5,1.9-5,4.1-9.6,6c-3.4,1.4-7,1.7-10.6,1.1v-27.6H350.8z"/>
<path class="st6" d="M83,181.9c0,0-45.7,20.4-21.3,45.9c5.4,5.6,13.6,7.3,20.8,4.3c4.6-1.9,9.1-4.1,9.6-6c1.1-4,6,7.7,7.4,7.7
s2-8.8,6.8-6.3c4.3,2.3,11.5,17.7,33.3,5c5.3-3,11.5-4.4,17.6-3.8c2.7,0.2,5.3,0,7.9-0.7c6.1-1.5,12.5-0.5,17.9,2.6
c8.3,4.8,21.4,9.5,34.6,1.5c4.4-2.7,9.5-4.1,14.7-4c4.4,0.1,8.8-0.7,12.9-2.4c9.5-3.9,20.3-3.1,29.1,2.2c8.8,5.2,21.3,7.4,37.4-3.1
c6.2-4,13.9-5,20.9-2.6c11.7,3.9,27.9,6.4,26.4-10.7c-2.3-26.5-33.6-34.2-46.7-34.5s-34.8-2.6-59.3,0s-74.4,2.3-74.4,2.3
S95,176.1,83,181.9z"/>
<path class="st4" d="M35,330h357.7c11.1,0,20.1,10,20.1,22.4v62.3c0,12.4-9,22.4-20.1,22.4H35c-11.1,0-20.1-10-20.1-22.4v-62.3
C14.9,340.1,23.9,330,35,330z"/>
<path class="st5" d="M350.8,308.4V335H195.7c-0.3,0-0.5-0.1-0.8-0.1c-1.3-0.1-2.6-0.1-3.9,0.1H71.9v-23.8c13,1.6,26.1,3.6,39,3.5
c17.1-0.1,34-3.6,51.2-2.7c60,3.3,121,4.3,180.8-2.8C345.5,309,348.1,308.7,350.8,308.4z"/>
<path class="st5" d="M412.8,335v14.1c-4.3-0.5-8.5-2.3-12.7-3.6c-3.8-1.2-7.8-2.2-11.7-1.2c-2,0.5-3.9,1.6-5.8,2.2
c-8.3,2.6-17-2.8-25.7-2.8c-8.6,0-16.4,5.2-24.8,7.1c-13.1,2.9-26.4-2.2-38.9-7c-5.1-1.9-10.9-3.8-15.7-1.1
c-2.1,1.2-3.6,3.1-5.7,4.3c-5.9,3.7-13.7,0.8-19.6-2.9c-3.7-2.3-8.3-5.1-12.2-3.1c-2,1-3.3,3.1-5,4.6c-5.3,4.8-13.7,3.5-20.3,0.6
c-6.5-2.9-12.7-7.2-19.9-7.7c-10.1-0.8-18.9,6-27.6,11s-20.9,7.9-28.1,0.8c-2.4-2.4-4.1-5.8-7.4-6.6c-5.4-1.3-9.4,5.3-14.8,6.5
c-6.7,1.4-12.1-5.6-18.8-7c-6.9-1.4-13.3,3.4-19.4,6.9s-14.9,5.5-19.4,0.1c-1.4-1.8-2.2-4.1-4.1-5.3c-1.5-0.7-3.1-1-4.8-0.8
c-5.8,0.3-11.5,1.7-16.8,4c-6.1,2.7-12,6.7-18.6,6.6c-0.1,0-0.2,0-0.4,0V335H412.8z"/>
<path class="st6" d="M110.8,316.5c-30.5,0.1-62-11.3-90.8-1.1c-10.4,3.7-21,12.4-19.9,23.4c1,7.7,7.4,13.6,15.2,14
c6.6,0.1,12.5-3.9,18.6-6.6c5.3-2.3,11-3.7,16.8-4c1.6-0.2,3.3,0,4.8,0.8c1.9,1.2,2.7,3.5,4.1,5.3c4.4,5.5,13.3,3.5,19.4-0.1
s12.5-8.4,19.4-6.9c6.7,1.4,12.1,8.5,18.8,7c5.4-1.2,9.4-7.8,14.8-6.5c3.2,0.8,5,4.2,7.4,6.6c7.1,7.1,19.3,4.2,28.1-0.8
s17.6-11.7,27.6-11c7.1,0.5,13.3,4.8,19.9,7.7s14.9,4.2,20.3-0.6c1.7-1.5,3-3.6,5-4.6c3.9-2,8.5,0.8,12.2,3.1
c5.9,3.7,13.7,6.5,19.6,2.9c2-1.2,3.6-3.1,5.7-4.3c4.7-2.6,10.6-0.8,15.7,1.1c12.5,4.8,25.8,9.9,38.9,7c8.4-1.9,16.2-7.1,24.8-7.1
c8.7,0,17.4,5.4,25.7,2.8c2-0.6,3.8-1.7,5.8-2.2c3.8-1,7.9-0.1,11.7,1.2c5,1.6,10,3.8,15.3,3.8s11-2.9,12.3-8c1-3.9-0.9-8-3.3-11.3
c-8.5-11.9-23.3-18-37.8-19.7s-29.2,0.6-43.8,2.4c-59.7,7.1-120.8,6.1-180.8,2.8C144.9,312.9,127.9,316.4,110.8,316.5z"/>
<path class="st1" d="M85.8,196.2l0.3,0.1c0.7,0.2,1.2,1,0.9,1.7l-1.7,5.6c-0.2,0.7-1,1.2-1.7,0.9l-0.3-0.1c-0.7-0.2-1.2-1-0.9-1.7
l1.7-5.6C84.3,196.4,85,196,85.8,196.2z"/>
<path class="st1" d="M40.2,321.7l0.3,0.1c0.7,0.2,1.2,1,0.9,1.7l-1.7,5.6c-0.2,0.7-1,1.2-1.7,0.9l-0.3-0.1c-0.7-0.2-1.2-1-0.9-1.7
l1.7-5.6C38.7,321.9,39.5,321.5,40.2,321.7z"/>
<path class="st1" d="M241.3,196.3l0.2-0.3c0.5-0.6,1.3-0.8,1.9-0.3l4.7,3.5c0.6,0.5,0.8,1.3,0.3,1.9l-0.2,0.3
c-0.5,0.6-1.3,0.8-1.9,0.3l-4.7-3.5C241,197.8,240.8,196.9,241.3,196.3z"/>
<path class="st1" d="M203.2,193.5l0.2-0.3c0.5-0.6,1.3-0.8,1.9-0.3l4.7,3.5c0.6,0.5,0.8,1.3,0.3,1.9l-0.2,0.3
c-0.5,0.6-1.3,0.8-1.9,0.3l-4.7-3.5C202.9,194.9,202.8,194.1,203.2,193.5z"/>
<path class="st1" d="M141.4,193.5l0.2-0.3c0.5-0.6,1.3-0.8,1.9-0.3l4.7,3.5c0.6,0.5,0.8,1.3,0.3,1.9l-0.2,0.3
c-0.5,0.6-1.3,0.8-1.9,0.3l-4.7-3.5C141.1,194.9,141,194.1,141.4,193.5z"/>
<path class="st1" d="M59.1,319.3l0.2-0.3c0.5-0.6,1.3-0.8,1.9-0.3l4.7,3.5c0.6,0.5,0.8,1.3,0.3,1.9l-0.2,0.3
c-0.5,0.6-1.3,0.8-1.9,0.3l-4.7-3.5C58.8,320.8,58.7,319.9,59.1,319.3z"/>
<path class="st1" d="M63.8,332l0.2-0.3c0.5-0.6,1.3-0.8,1.9-0.3l4.7,3.5c0.6,0.5,0.8,1.3,0.3,1.9l-0.2,0.3c-0.5,0.6-1.3,0.8-1.9,0.3
l-4.7-3.5C63.5,333.5,63.4,332.6,63.8,332z"/>
<path class="st1" d="M165.4,320.3l0.2-0.3c0.5-0.6,1.3-0.8,1.9-0.3l4.7,3.5c0.6,0.5,0.8,1.3,0.3,1.9l-0.2,0.3
c-0.5,0.6-1.3,0.8-1.9,0.3l-4.7-3.5C165.1,321.8,164.9,320.9,165.4,320.3z"/>
<path class="st1" d="M275.4,326.8l0.2-0.3c0.5-0.6,1.3-0.8,1.9-0.3l4.7,3.5c0.6,0.5,0.8,1.3,0.3,1.9l-0.2,0.3
c-0.5,0.6-1.3,0.8-1.9,0.3l-4.7-3.5C275.1,328.3,274.9,327.5,275.4,326.8z"/>
<path class="st1" d="M320.6,332.8l0.2-0.3c0.5-0.6,1.3-0.8,1.9-0.3l4.7,3.5c0.6,0.5,0.8,1.3,0.3,1.9l-0.2,0.3
c-0.5,0.6-1.3,0.8-1.9,0.3l-4.7-3.5C320.3,334.3,320.2,333.5,320.6,332.8z"/>
<path class="st1" d="M322.2,199.9l0.2,0.3c0.4,0.6,0.3,1.5-0.3,1.9l-4.8,3.4c-0.6,0.4-1.5,0.3-1.9-0.3l-0.2-0.3
c-0.4-0.6-0.3-1.5,0.3-1.9l4.8-3.4C320.9,199.1,321.7,199.3,322.2,199.9z"/>
<path class="st1" d="M242,211.7l0.2,0.3c0.4,0.6,0.3,1.5-0.3,1.9l-4.8,3.4c-0.6,0.4-1.5,0.3-1.9-0.3l-0.2-0.3
c-0.4-0.6-0.3-1.5,0.3-1.9l4.8-3.4C240.7,210.9,241.5,211.1,242,211.7z"/>
<path class="st1" d="M109.4,327.8l0.2,0.3c0.4,0.6,0.3,1.5-0.3,1.9l-4.8,3.4c-0.6,0.4-1.5,0.3-1.9-0.3l-0.2-0.3
c-0.4-0.6-0.3-1.5,0.3-1.9l4.8-3.4C108.1,327,109,327.2,109.4,327.8z"/>
<path class="st1" d="M149.5,331.8l0.2,0.3c0.4,0.6,0.3,1.5-0.3,1.9l-4.8,3.4c-0.6,0.4-1.5,0.3-1.9-0.3l-0.2-0.3
c-0.4-0.6-0.3-1.5,0.3-1.9l4.8-3.4C148.2,331,149,331.1,149.5,331.8z"/>
<path class="st1" d="M227,331.8l0.2,0.3c0.4,0.6,0.3,1.5-0.3,1.9l-4.8,3.4c-0.6,0.4-1.5,0.3-1.9-0.3l-0.2-0.3
c-0.4-0.6-0.3-1.5,0.3-1.9l4.8-3.4C225.7,331,226.5,331.1,227,331.8z"/>
<path class="st1" d="M251.2,323.5l0.2,0.3c0.4,0.6,0.3,1.5-0.3,1.9l-4.8,3.4c-0.6,0.4-1.5,0.3-1.9-0.3l-0.2-0.3
c-0.4-0.6-0.3-1.5,0.3-1.9l4.8-3.4C249.9,322.8,250.8,322.9,251.2,323.5z"/>
<path class="st1" d="M308.6,326.6l0.2,0.3c0.4,0.6,0.3,1.5-0.3,1.9l-4.8,3.4c-0.6,0.4-1.5,0.3-1.9-0.3l-0.2-0.3
c-0.4-0.6-0.3-1.5,0.3-1.9l4.8-3.4C307.2,325.8,308.1,326,308.6,326.6z"/>
<path class="st1" d="M350.4,320.1l0.2,0.3c0.4,0.6,0.3,1.5-0.3,1.9l-4.8,3.4c-0.6,0.4-1.5,0.3-1.9-0.3l-0.2-0.3
c-0.4-0.6-0.3-1.5,0.3-1.9l4.8-3.4C349.1,319.3,350,319.4,350.4,320.1z"/>
<path class="st1" d="M407.2,323.5l0.2,0.3c0.4,0.6,0.3,1.5-0.3,1.9l-4.8,3.4c-0.6,0.4-1.5,0.3-1.9-0.3l-0.2-0.3
c-0.4-0.6-0.3-1.5,0.3-1.9l4.8-3.4C405.9,322.8,406.8,322.9,407.2,323.5z"/>
<path class="st1" d="M230.5,189.9l0.3,0.1c0.7,0.2,1.2,1,0.9,1.7l-1.7,5.6c-0.2,0.7-1,1.2-1.7,0.9l-0.3-0.1c-0.7-0.2-1.2-1-0.9-1.7
l1.7-5.6C229,190.1,229.8,189.7,230.5,189.9z"/>
<path class="st1" d="M277.5,187.8l0.3,0.1c0.7,0.2,1.2,1,0.9,1.7l-1.7,5.6c-0.2,0.7-1,1.2-1.7,0.9l-0.3-0.1c-0.7-0.2-1.2-1-0.9-1.7
l1.7-5.6C276,188,276.8,187.6,277.5,187.8z"/>
<path class="st1" d="M213,206.8l0.3,0.1c0.7,0.2,1.2,1,0.9,1.7l-1.7,5.6c-0.2,0.7-1,1.2-1.7,0.9l-0.3-0.1c-0.7-0.2-1.2-1-0.9-1.7
l1.7-5.6C211.5,207,212.3,206.6,213,206.8z"/>
<path class="st1" d="M121.1,210.2l0.3,0.1c0.7,0.2,1.2,1,0.9,1.7l-1.7,5.6c-0.2,0.7-1,1.2-1.7,0.9l-0.3-0.1c-0.7-0.2-1.2-1-0.9-1.7
l1.7-5.6C119.6,210.4,120.4,209.9,121.1,210.2z"/>
<path class="st1" d="M284.7,202.6l0.3,0.1c0.7,0.2,1.2,1,0.9,1.7l-1.7,5.6c-0.2,0.7-1,1.2-1.7,0.9l-0.3-0.1c-0.7-0.2-1.2-1-0.9-1.7
l1.7-5.6C283.2,202.8,284,202.4,284.7,202.6z"/>
<path class="st1" d="M113.4,189.9l0.3,0.1c0.7,0.2,1.2,1,0.9,1.7l-1.7,5.6c-0.2,0.7-1,1.2-1.7,0.9l-0.3-0.1c-0.7-0.2-1.2-1-0.9-1.7
l1.7-5.6C111.9,190.1,112.7,189.7,113.4,189.9z"/>
<path class="st1" d="M161.7,198.4l0.3,0.1c0.7,0.2,1.2,1,0.9,1.7l-1.7,5.6c-0.2,0.7-1,1.2-1.7,0.9l-0.3-0.1c-0.7-0.2-1.2-1-0.9-1.7
l1.7-5.6C160.2,198.6,161,198.2,161.7,198.4z"/>
<path class="st1" d="M132.2,321.7l0.3,0.1c0.7,0.2,1.2,1,0.9,1.7l-1.7,5.6c-0.2,0.7-1,1.2-1.7,0.9l-0.3-0.1c-0.7-0.2-1.2-1-0.9-1.7
l1.7-5.6C130.7,321.9,131.5,321.5,132.2,321.7z"/>
<path class="st1" d="M204.3,321.7l0.3,0.1c0.7,0.2,1.2,1,0.9,1.7l-1.7,5.6c-0.2,0.7-1,1.2-1.7,0.9l-0.3-0.1c-0.7-0.2-1.2-1-0.9-1.7
l1.7-5.6C202.8,321.9,203.6,321.5,204.3,321.7z"/>
<path class="st1" d="M371.8,325.1l0.3,0.1c0.7,0.2,1.2,1,0.9,1.7l-1.7,5.6c-0.2,0.7-1,1.2-1.7,0.9l-0.3-0.1c-0.7-0.2-1.2-1-0.9-1.7
l1.7-5.6C370.3,325.3,371.1,324.8,371.8,325.1z"/>
<path class="st1" d="M389.3,325.1l0.3,0.1c0.7,0.2,1.2,1,0.9,1.7l-1.7,5.6c-0.2,0.7-1,1.2-1.7,0.9l-0.3-0.1c-0.7-0.2-1.2-1-0.9-1.7
l1.7-5.6C387.8,325.3,388.6,324.8,389.3,325.1z"/>
<path class="st1" d="M181,210.2l0.3,0.1c0.7,0.2,1.2,1,0.9,1.7l-1.7,5.6c-0.2,0.7-1,1.2-1.7,0.9l-0.3-0.1c-0.7-0.2-1.2-1-0.9-1.7
l1.7-5.6C179.5,210.4,180.2,209.9,181,210.2z"/>
</svg>
public/assets/img/birthday-ceiling.svg 0 → 100644
View file @ 02b1304f
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="ec0dd667-d318-4b3f-ae69-b5acae297142"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 530.3 142.5"
style="enable-background:new 0 0 530.3 142.5;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FB1357;}
.st1{fill:#24A1F2;}
.st2{fill:#3DFB84;}
.st3{opacity:0.4;fill:#FFFFFF;}
</style>
<polygon class="st0" points="307.2,102.8 339.2,98.8 328.1,142.5 "/>
<polygon class="st1" points="410.5,80.1 425.7,109.5 432.8,71.8 "/>
<polygon class="st1" points="83,64.5 86.7,102.7 104.5,74.9 "/>
<polygon class="st0" points="18.8,20.6 4,50.8 39.5,37.8 "/>
<polygon class="st2" points="155.9,92.1 168,128.5 179.2,97.4 "/>
<polygon class="st2" points="480.7,44.5 516.4,58.7 499.7,30.2 "/>
<path class="st3" d="M529.6,0L529,0.6C469.6,68.9,385.1,92.3,324.6,100c-21.8,2.8-42,3.7-59.4,3.8c-17.4,0-37.7-1-59.5-3.8
C145.2,92.4,60.7,68.9,1.3,0.6L0.7,0L0,0.4l0.3,2.2C26.6,32.7,60,56.7,99.4,73.8c31.7,13.8,67.4,23.3,106.1,28.2
c0.2,0,0.3,0,0.5,0.1l0,0.1c0.2,0,11,1.7,28.7,2.7c12.6,0.8,25.2,1,37.8,0.8c7.7-0.1,15.4-0.4,23.1-0.8c17.7-1,28.5-2.7,28.7-2.7
l0-0.1c0.2,0,0.3,0,0.5-0.1c38.7-4.9,74.4-14.4,106.1-28.2c39.4-17.2,72.8-41.1,99.1-71.2l0.3-2.2L529.6,0z"/>
</svg>
templates/index/index.html.twig
View file @ 02b1304f
{% extends 'index/base.html.twig' %}
{% block indexContent %}
<div class="srxd-birthday">
<div class="ceiling"></div>
<div class="cake"></div>
<div class="balloons">
</div>
<div class="text">
<h1>Happy Birthday, Spin Rhythm XD!</h1>
<p>On this day, one year ago, Spin Rhythm XD was released on Steam!<br />Ever since that faithful day, the galaxy has not been the same!<br />We're so happy for the community Super Spin Digital gave us<br />and we wish them well for the future!</p>
</div>
</div>
<script>
let DOMBalloons = document.querySelector(".balloons");
for(let i = 0; i < 6; i++) {
createBalloon(i);
createBalloon(i);
createBalloon(i);
}
function createBalloon(delayIndex) {
// Create DOM Element
let DOMBalloon = document.createElement("div");
DOMBalloon.classList.add("balloon");
DOMBalloon.style.animationDelay = -delayIndex * 0.8 + "s";
DOMBalloon.style.left = (Math.random() * 100) + "%";
let randomColor = Math.random() * 100;
if(randomColor > 66) {
DOMBalloon.classList.add("balloonRed");
} else if(randomColor > 33 && randomColor < 66) {
DOMBalloon.classList.add("balloonBlue");
} else {
DOMBalloon.classList.add("balloonGreen");
}
// Random Placement
DOMBalloons.appendChild(DOMBalloon);
}
</script>
<style>
.srxd-birthday {
background: #251333;
max-width: 1114px;
width: 90%;
margin: 0 auto;
border-radius: 10px;
margin-top: 50px;
padding: 25px;
padding-top: 100px;
position: relative;
overflow: hidden;
}
.srxd-birthday .balloons {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.srxd-birthday .balloons .balloon {
width: 65px;
height: 125px;
opacity: 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
animation: balloonAnim 5s linear infinite;
}
.srxd-birthday .balloons .balloonRed {
background-image: url('{{ asset('assets/img/birthday-balloonRed.svg') }}');
}
.srxd-birthday .balloons .balloonGreen {
background-image: url('{{ asset('assets/img/birthday-balloonGreen.svg') }}');
}
.srxd-birthday .balloons .balloonBlue {
background-image: url('{{ asset('assets/img/birthday-balloonBlue.svg') }}');
}
.srxd-birthday .text {
text-align: center;
}
.srxd-birthday .text h1 {
margin: 0;
font-size: 32px;
line-height: 1.1;
letter-spacing: 0.05em;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
}
.srxd-birthday .text p {
font-size: 1.15em;
}
.srxd-birthday .ceiling {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
height: 70px;
background: url('{{ asset('assets/img/birthday-ceiling.svg') }}');
background-position: center;
background-size: contain;
}
.srxd-birthday .cake {
height: 100px;
background: url('{{ asset('assets/img/birthday-cake.svg') }}');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 90%;
margin: 0 auto;
margin-bottom: 50px;
}
@keyframes balloonAnim {
0% {
transform: translate(20px, 450px);
}
25% {
transform: translate(-20px, 307px);
}
50% {
transform: translate(20px, 164px);
opacity: 1;
}
75% {
transform: translate(-20px, 21px);
}
100% {
transform: translate(20px, -125px);
}
}
</style>
<div class="staff-promos">
{% for promo in promos %}
<div class="staff-promo" style="background-image: url({{ asset('uploads/promo/' ~ promo.imagePath) }});">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment