Commit bd5c6138 authored by Kasalehlia's avatar Kasalehlia Committed by chrissi^
Browse files

Add animated Logo for those with iframes and javascript

parent 567c07a9
......@@ -23,7 +23,19 @@ body {
margin: 0;
}
#specht {
display: block;
height: 70vh;
width: 30vh;
}
#specht > * {
height: 100%;
}
#specht iframe {
width: 100%;
position: relative;
height: 104.3%;
top: -4%;
left: -8.7%;
}
.headers {
font-size: 200%;
......
<!doctype HTML>
<html style="overflow:hidden">
<head><meta charset="utf-8"></head>
<body>
<svg height="100vh" viewBox="0 0 313.77325 716.36744">
<g transform="translate(-263.46954,-125.45101)">
<path
id="path4290"
style="fill:none;fill-rule:evenodd;stroke:#ff921f;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:16.4;stroke-dasharray:none"
d="m 323.75389,539.70979 5.55584,-18.18275 10.6066,12.12183 m 43.43656,-32.82996 13.38452,9.34392 m -91.16626,-12.87945 23.73858,24.24366 34.09265,-0.75761 33.33503,-10.6066 -3.28299,17.9302 m 116.67262,143.94674 34.34518,-72.22591 m -112.63201,150.51273 30.80966,-15.65736 -36.3655,-43.94164 59.09393,-19.69797 -62.12438,-49.49749 m 32.10322,-60.95564 -32.10322,60.95564 50.50762,-1.51521 11.61676,51.0127 m -33.94973,-396.70313 23.30357,43.125 -12.94642,38.48214 49.85654,32.25328 -10.57083,98.10387 43.40079,113.52308 -50.1865,-67.8088 -20.52418,88.01186 70.71068,-20.20306 m -69.74008,-282.36237 48.52688,45.4816 -11.61676,25.25382 26.26397,23.2335 -10.10152,55.55839 17.67766,10.10153 m -44.41094,9.21045 -58.92857,15 52.14286,30.71428 m -75.07241,-237.76234 35.07241,24.54805 -66.38714,51.71847 91.74428,25.78154 -101.84581,53.51543 64.34581,51.48457 -48.68844,26.80225 41.90272,4.26917 -22.70983,28.05571 m -24.24366,-327.28942 27.90547,1.38896 m 22.61945,24.27332 -13.52808,-15.68702 -11.23795,4.04061 m 56.55175,3.43213 -36.98004,-16.56412 m -32.19861,-23.61231 23.35978,15.02602 26.13769,-39.26968 16.16244,4.41941 3.51874,60.00068 31.33153,-45.73227 m -46.68868,355.73227 18.4044,59.44043 36.3655,52.02285 19.69797,63.13454 m -117.1777,-174.7564 42.70983,0.15858 m 26.9907,-263.30331 -7.6157,20.17831 36.91012,70.73542 16.16245,78.79189 16.66751,132.83506 m -64.82936,-203.52308 -17.85714,-40.35715 -7.5,-37.14286 -2.85715,-44.46428 -12.5,-15.53572 31.78572,-8.21428 11.63355,13.86673 m -2.70498,131.84756 -21.78572,59.64285 -15.71428,45.35715 -6.78572,31.07142 20,28.21429 38.92858,-28.57143 6.78571,-45.71428 z m -6.38639,-220.23591 12.50064,2.77792 11.23794,-0.75761 m -11.23794,0.75761 -2.65165,20.07678 m 36.11295,-52.14912 -33.4613,32.07234 -18.56156,11.74302 m 28.78935,-0.88388 -12.87944,9.21764 m -21.97082,-20.83439 6.06091,12.50063 15.90991,8.33376 18.94036,5.93465 m -70.58441,23.86485 -15.15229,5.80838 15.27856,6.18718 m -6.69226,-15.27855 6.56599,3.28299 2.27284,5.3033 -2.14657,6.69226 -6.18719,2.39912 -6.9448,-3.15673 -2.14657,-5.42957 3.03046,-5.93465 z m -39.64849,29.16815 3.15672,-21.46574 25.75889,14.01587 -2.0203,26.89531 m -18.18275,-9.59645 -8.71256,-9.84899 -11.49049,-7.82868 m 40.4061,0.37881 -28.91561,7.44987 -78.16056,25.50635 m 0,0 66.67007,-33.33503 14.64721,-13.63706 13.13199,-22.72843 23.23351,-14.64721 26.26396,-9.59645 10.10153,-8.08122 12.12183,-2.02031 45.96194,-29.29442 -7.57615,17.17259 -14.64721,14.14214 -1.01015,11.61675 6.06092,15.15229 -10.10153,32.32488 -9.59645,27.27412 0,32.82996 22.22336,32.32488 18.68782,33.33503 14.64721,48.48732 7.57614,65.65992 -1.01015,52.02286 0,70.71067 -5.55584,51.01271 -9.09137,84.34774 -44.44671,-64.14469 -22.72843,63.63961 -0.50508,96.97464 -30.30458,-81.31728 -5.55584,-59.599 -3.03045,-69.19546 -10.60661,-61.11422 -19.19289,-32.32488 -53.53809,5.55584 -11.61675,41.92133 -14.14214,0.25255 4.04061,-18.94037 5.55584,-17.17259 -10.6066,-21.21321 -28.28427,-18.18274 20.70813,-3.03046 -14.14214,-13.63706 11.61675,-1.01015 31.81981,27.27412 22.72843,-0.50508 25.75889,-8.5863 -5.55584,-51.0127 10.10153,-79.29697 21.2132,-46.46702 10.10153,-29.7995 -7.07107,-20.20305 -18.18275,-9.59645 z"
inkscape:connector-curvature="0">
<animate id="anim1" attributeName="d" dur="50ms" begin="indefinite" fill="freeze"
to="m 323.75389,539.70979 5.55584,-18.18275 10.6066,12.12183 m 41.96572,-31.42058 14.55286,7.39382 m -90.86376,-12.33873 23.73858,24.24366 34.09265,-0.75761 33.03253,-11.14732 -0.76014,18.21242 m 135.53943,126.3417 23.97791,-76.29701 m -90.62931,164.70089 28.33564,-19.78585 -42.11758,-38.46333 55.78427,-27.71676 -68.39853,-40.38666 m 23.32345,-64.82456 -23.32345,64.82456 49.80732,-8.51744 18.59121,48.9041 m -88.73374,-388.13951 29.06886,39.46927 -7.47462,39.90758 53.85395,25.01403 3.16107,98.62109 58.75146,106.39259 -59.12037,-60.1789 -8.09782,90.00975 67.21819,-29.83085 m -108.29186,-269.93529 54.37497,38.29879 -7.99564,26.62282 29.23706,19.35939 -2.28494,56.42299 18.90962,7.54765 m -42.70067,15.29106 -56.27319,23.04137 55.90428,23.17232 m -107.37627,-225.02696 38.14271,19.43745 -58.5582,60.43997 94.43637,12.78566 -93.42336,67.14571 70.87447,42.04585 -44.49269,33.30653 42.08947,-1.5937 -18.59187,30.93868 m -69.47827,-320.7474 27.82782,-2.50136 m 25.77234,20.89545 -15.57626,-13.65546 -10.56761,5.56269 m 56.48016,-4.45778 -38.92265,-11.26592 m -35.16678,-18.91004 25.22079,11.63497 20.42855,-42.52012 16.61969,2.13114 11.8204,58.92997 24.67419,-49.64161 m 3.18531,358.76891 26.48387,56.30712 43.24028,46.46616 28.27812,59.78569 m -140.31995,-156.78241 42.31768,-5.77656 m -9.85129,-264.49968 -4.73851,21.04066 46.37933,64.92161 26.95212,75.78238 34.96041,129.2313 m -92.47576,-192.54278 -23.29072,-37.48493 -12.58745,-35.7407 -9.00679,-43.63615 -14.53713,-13.64846 30.33629,-12.55055 13.44721,12.11603 m 15.63859,130.94476 -13.28838,62.09111 -9.26051,47.10045 -2.40322,31.71283 23.72581,25.16212 34.58169,-33.70263 0.36891,-46.21369 z m -36.92143,-217.21292 12.76535,1.01429 11.0237,-2.31153 m -11.0237,2.31153 0.16329,20.25048 m 28.51777,-56.66051 -28.68106,36.41003 -16.75012,14.20787 m 28.38736,-4.87496 -11.47395,10.91757 m -24.65224,-17.57999 7.73883,11.53738 16.91341,6.04261 19.58118,3.24575 m -66.58442,33.43958 -14.1984,7.85713 15.98997,4.00456 m -8.74998,-14.20065 6.95841,2.33896 2.98758,4.93611 -1.19601,6.92558 -5.79389,3.23543 -7.31601,-2.16129 -2.88007,-5.0787 2.17658,-6.29812 z m -35.21172,34.39359 0.14391,-21.69614 27.45629,10.30132 1.73581,26.91517 m -19.33964,-6.9773 -9.99637,-8.54305 -12.46669,-6.15641 m 40.06689,-5.23841 -27.6002,11.39482 -73.85905,36.1177 m 0,0 61.39236,-42.27411 12.6106,-15.53973 9.84702,-24.33242 20.97329,-17.73296 24.67605,-13.15219 8.88086,-9.40624 11.7236,-3.68478 41.44641,-35.39574 -5.11693,18.0586 -12.54043,16.0399 0.61354,11.64444 8.10723,14.16332 -5.51274,33.41479 -5.71424,28.34285 4.561,32.51159 26.49869,28.92395 23.13777,30.4155 21.24142,45.98221 16.62468,63.97064 6.22708,51.6587 9.82371,70.02495 1.58514,51.28988 2.71507,84.79282 -52.92719,-57.34775 -13.66669,66.18009 12.97232,96.10439 -41.30796,-76.31854 -13.78194,-58.24918 -12.61426,-68.10342 -18.99423,-59.048 -23.4976,-29.34498 -55.75844,5.81434 -11.61675,41.92133 -14.14214,0.25255 4.04061,-18.94037 5.55584,-17.17259 -10.6066,-21.21321 -28.28427,-18.18274 20.70813,-3.03046 -14.14214,-13.63706 11.61675,-1.01015 31.81981,27.27412 22.72843,-0.50508 24.28805,-7.17692 -12.58906,-49.74614 -1.01301,-79.93137 14.55191,-48.96352 5.86358,-30.9139 -9.80927,-19.02476 -19.33964,-6.9773 z"
/>
<animate id="anim2" attributeName="d" dur="50ms" begin="indefinite" fill="freeze"
to="m 323.75389,539.70979 5.55584,-18.18275 10.6066,12.12183 m 43.43656,-32.82996 13.38452,9.34392 m -91.16626,-12.87945 23.73858,24.24366 34.09265,-0.75761 33.33503,-10.6066 -3.28299,17.9302 m 116.67262,143.94674 34.34518,-72.22591 m -112.63201,150.51273 30.80966,-15.65736 -36.3655,-43.94164 59.09393,-19.69797 -62.12438,-49.49749 m 32.10322,-60.95564 -32.10322,60.95564 50.50762,-1.51521 11.61676,51.0127 m -33.94973,-396.70313 23.30357,43.125 -12.94642,38.48214 49.85654,32.25328 -10.57083,98.10387 43.40079,113.52308 -50.1865,-67.8088 -20.52418,88.01186 70.71068,-20.20306 m -69.74008,-282.36237 48.52688,45.4816 -11.61676,25.25382 26.26397,23.2335 -10.10152,55.55839 17.67766,10.10153 m -44.41094,9.21045 -58.92857,15 52.14286,30.71428 m -75.07241,-237.76234 35.07241,24.54805 -66.38714,51.71847 91.74428,25.78154 -101.84581,53.51543 64.34581,51.48457 -48.68844,26.80225 41.90272,4.26917 -22.70983,28.05571 m -24.24366,-327.28942 27.90547,1.38896 m 22.61945,24.27332 -13.52808,-15.68702 -11.23795,4.04061 m 56.55175,3.43213 -36.98004,-16.56412 m -32.19861,-23.61231 23.35978,15.02602 26.13769,-39.26968 16.16244,4.41941 3.51874,60.00068 31.33153,-45.73227 m -46.68868,355.73227 18.4044,59.44043 36.3655,52.02285 19.69797,63.13454 m -117.1777,-174.7564 42.70983,0.15858 m 26.9907,-263.30331 -7.6157,20.17831 36.91012,70.73542 16.16245,78.79189 16.66751,132.83506 m -64.82936,-203.52308 -17.85714,-40.35715 -7.5,-37.14286 -2.85715,-44.46428 -12.5,-15.53572 31.78572,-8.21428 11.63355,13.86673 m -2.70498,131.84756 -21.78572,59.64285 -15.71428,45.35715 -6.78572,31.07142 20,28.21429 38.92858,-28.57143 6.78571,-45.71428 z m -6.38639,-220.23591 12.50064,2.77792 11.23794,-0.75761 m -11.23794,0.75761 -2.65165,20.07678 m 36.11295,-52.14912 -33.4613,32.07234 -18.56156,11.74302 m 28.78935,-0.88388 -12.87944,9.21764 m -21.97082,-20.83439 6.06091,12.50063 15.90991,8.33376 18.94036,5.93465 m -70.58441,23.86485 -15.15229,5.80838 15.27856,6.18718 m -6.69226,-15.27855 6.56599,3.28299 2.27284,5.3033 -2.14657,6.69226 -6.18719,2.39912 -6.9448,-3.15673 -2.14657,-5.42957 3.03046,-5.93465 z m -39.64849,29.16815 3.15672,-21.46574 25.75889,14.01587 -2.0203,26.89531 m -18.18275,-9.59645 -8.71256,-9.84899 -11.49049,-7.82868 m 40.4061,0.37881 -28.91561,7.44987 -78.16056,25.50635 m 0,0 66.67007,-33.33503 14.64721,-13.63706 13.13199,-22.72843 23.23351,-14.64721 26.26396,-9.59645 10.10153,-8.08122 12.12183,-2.02031 45.96194,-29.29442 -7.57615,17.17259 -14.64721,14.14214 -1.01015,11.61675 6.06092,15.15229 -10.10153,32.32488 -9.59645,27.27412 0,32.82996 22.22336,32.32488 18.68782,33.33503 14.64721,48.48732 7.57614,65.65992 -1.01015,52.02286 0,70.71067 -5.55584,51.01271 -9.09137,84.34774 -44.44671,-64.14469 -22.72843,63.63961 -0.50508,96.97464 -30.30458,-81.31728 -5.55584,-59.599 -3.03045,-69.19546 -10.60661,-61.11422 -19.19289,-32.32488 -53.53809,5.55584 -11.61675,41.92133 -14.14214,0.25255 4.04061,-18.94037 5.55584,-17.17259 -10.6066,-21.21321 -28.28427,-18.18274 20.70813,-3.03046 -14.14214,-13.63706 11.61675,-1.01015 31.81981,27.27412 22.72843,-0.50508 25.75889,-8.5863 -5.55584,-51.0127 10.10153,-79.29697 21.2132,-46.46702 10.10153,-29.7995 -7.07107,-20.20305 -18.18275,-9.59645 z"
/>
</path>
</g>
</svg>
<script>
const anim1 = document.getElementById('anim1');
const anim2 = document.getElementById('anim2');
const peck = () => {
const delay = Math.round(Math.random() * 5000 + 2000);
setTimeout(() => anim1.beginElement(), delay);
setTimeout(() => {
anim2.beginElement();
peck();
}, delay + 50);
};
peck();
</script>
</body></html>
......@@ -34,7 +34,11 @@
<article>
<div align="center">
<h3>27.08. - 30.08.2020 in Gifhorn</h3>
<img id="specht" src="/static/img/specht.svg" alt="logo">
<span id="specht">
<iframe src="/static/specht_anim.html" frameborder="0">
<img id="specht" src="/static/img/specht.svg" alt="logo">
</iframe>
</span>
</div>
{{ content.content_body }}
{% if content.group is defined %}
......
Supports Markdown
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