Darstellung von Autor in Programmrepo ergänzt.
parent
b043fe3e6a
commit
f0bfc5d8b2
|
|
@ -514,7 +514,11 @@ ol.faq > li > b:before {
|
|||
}
|
||||
|
||||
|
||||
.carousel-item, .collection-items__item {
|
||||
.wp-block-post-template-is-layout-flow li:before { display:none; }
|
||||
.wp-block-post-template-is-layout-flow .wp-block-columns { display:block; }
|
||||
.wp-block-post-template-is-layout-flow .wp-block-column { display:block; flex-basis:auto; }
|
||||
|
||||
.carousel-item, .collection-items__item, .wp-block-post-template-is-layout-flow li {
|
||||
display: inline-block;
|
||||
padding: 5px;
|
||||
padding-bottom: calc(1.2em + 5px);
|
||||
|
|
@ -528,23 +532,29 @@ ol.faq > li > b:before {
|
|||
color : black;
|
||||
position : relative;
|
||||
}
|
||||
.carousel-item:hover, .collection-items__item:hover {
|
||||
.carousel-item:hover, .collection-items__item:hover, .wp-block-post-template-is-layout-flow li:hover {
|
||||
border-color : #00aff0;
|
||||
color : black;
|
||||
text-decoration : none;
|
||||
}
|
||||
.carousel-item:active, .collection-items__item:active {
|
||||
.carousel-item:active, .collection-items__item:active, .wp-block-post-template-is-layout-flow li:active {
|
||||
color : black;
|
||||
text-decoration : none;
|
||||
}
|
||||
.carousel-item img, .collection-items__item img {
|
||||
width: 100%;
|
||||
}
|
||||
.carousel-item b, .collection-items__item b {
|
||||
.carousel-item b, .collection-items__item b, .wp-block-post-template-is-layout-flow h2 {
|
||||
font-size: 1.2em;
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.collection-items {
|
||||
.wp-block-post-template-is-layout-flow figure { margin-bottom: 0px; }
|
||||
.wp-block-post-template-is-layout-flow .wp-block-columns-is-layout-flex { margin-bottom: 0px; }
|
||||
.wp-block-post-template-is-layout-flow h2 a { text-decoration: none; }
|
||||
.wp-block-post-template-is-layout-flow p { text-align: left; }
|
||||
.has-media-on-the-right .wp-block-media-text__content { padding-left: 0px; }
|
||||
.collection-items, ul.wp-block-post-template-is-layout-flow {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -618,6 +628,14 @@ aside {
|
|||
}
|
||||
|
||||
|
||||
#BoxBottom .widget li {
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
#BoxBottom .widget li:before { display:none; }
|
||||
|
||||
|
||||
|
||||
.candidates {
|
||||
list-style-type: none;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,39 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="600"
|
||||
height="530"
|
||||
version="1.1"
|
||||
id="svg202"
|
||||
sodipodi:docname="bluesky.svg"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs206" />
|
||||
<sodipodi:namedview
|
||||
id="namedview204"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
showgrid="false"
|
||||
inkscape:zoom="1.5679245"
|
||||
inkscape:cx="299.75933"
|
||||
inkscape:cy="265.31889"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1011"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg202" />
|
||||
<path
|
||||
d="m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z"
|
||||
fill="#1185fe"
|
||||
id="path200"
|
||||
style="fill:#000000" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
|
|
@ -0,0 +1,140 @@
|
|||
(function () {
|
||||
let link = document.getElementById('europaLink');
|
||||
if (!link) {
|
||||
link = document.createElement('a');
|
||||
link.href = 'https://eu.klimaliste.org/';
|
||||
link.className = 'MenuLink';
|
||||
link.setAttribute('id', 'europaLink');
|
||||
let menu = document.getElementById('BoxLinks');
|
||||
if (!menu) {
|
||||
for (let i = 0; i < document.getElementsByTagName('div').length; i++)
|
||||
if ((' '+document.getElementsByTagName('div')[i].className+' ').indexOf(' nav__links ') >= 0) {
|
||||
menu = document.getElementsByTagName('div')[i];
|
||||
link.className = 'nav__item';
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!menu) {
|
||||
for (let i = 0; i < document.getElementsByTagName('ul').length; i++)
|
||||
if ((' '+document.getElementsByTagName('ul')[i].className+' ').indexOf(' main-menu ') >= 0) {
|
||||
menu = document.getElementsByTagName('ul')[i];
|
||||
let li = document.createElement('li');
|
||||
li.className = 'menu-item';
|
||||
menu.appendChild(li);
|
||||
menu = li;
|
||||
link.className = 'menu-link';
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (menu) menu.appendChild(link);
|
||||
}
|
||||
link.style.visibility = 'hidden';
|
||||
link.innerHTML = ''
|
||||
+'<span style="height:1.2em; width:1.8em; overflow:visible; display:inline-block; position:relative; vertical-align:middle; line-height:1em;" id="europa">'
|
||||
+' <svg style="height:1.2em; display:inline-block; vertical-align:middle; position:relative; max-width:none; " version="1.1" viewBox="0 0 3000 540" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">'
|
||||
+' <defs>'
|
||||
+' <clipPath clipPathUnits="userSpaceOnUse" id="europaClipNo"></clipPath>'
|
||||
+' <clipPath clipPathUnits="userSpaceOnUse" id="europaTextClip">'
|
||||
+' <rect x="810" y="0" width="2190" height="540">'
|
||||
+' </clipPath>'
|
||||
+' </defs>'
|
||||
+' <rect width="810" height="540" fill="#003399" id="europaSky"/>'
|
||||
+' <g fill="#ffcc00" stroke-width=".999997">'
|
||||
+' <path d="m404.999 59.9998-6.73632 20.7284h-21.7948l17.6328 12.8125-6.73826 20.7304 17.6367-12.8125 17.6366 12.8125-6.73826-20.7323 17.6328-12.8105h-21.7948l-6.73631-20.7284z"/>'
|
||||
+' <path d="m494.999 84.115-6.73631 20.7284h-21.7948l17.6328 12.8106-6.73826 20.7304 17.6366-12.8125 17.6367 12.8125-6.73826-20.7304 17.6328-12.8106h-21.7948l-6.73632-20.7284z"/>'
|
||||
+' <path d="m560.884 150-6.73437 20.7284h-21.7948l17.6309 12.8105-6.73632 20.7324 17.6348-12.8125 17.6308 12.8125-6.7324-20.7324 17.6328-12.8105h-21.7948l-6.7363-20.7284z"/>'
|
||||
+' <path d="m584.999 239.999-6.73632 20.7284h-21.7948l17.6328 12.8105-6.73826 20.7323 17.6367-12.8125 17.6366 12.8125-6.73826-20.7304 17.6328-12.8125h-21.7948l-6.73631-20.7284z"/>'
|
||||
+' <path d="m560.884 329.999-6.73437 20.7284h-21.7948l17.6309 12.8105-6.73632 20.7324 17.6348-12.8125 17.6308 12.8125-6.7324-20.7304 17.6328-12.8125h-21.7948l-6.7363-20.7284z"/>'
|
||||
+' <path d="m494.999 395.884-6.73631 20.7304h-21.7948l17.6328 12.8106-6.73826 20.7304 17.6366-12.8125 17.6367 12.8125-6.73631-20.7304 17.6308-12.8106h-21.7948l-6.73632-20.7304z"/>'
|
||||
+' <path d="m404.999 419.999-6.73632 20.7284h-21.7948l17.6328 12.8125-6.73826 20.7304 17.6367-12.8125 17.6366 12.8125-6.73826-20.7323 17.6328-12.8105h-21.7948l-6.73631-20.7284z"/>'
|
||||
+' <path d="m314.999 395.884-6.73631 20.7304h-21.7948l17.6309 12.8106-6.73631 20.7304 17.6366-12.8125 17.6367 12.8125-6.73826-20.7304 17.6328-12.8106h-21.7948l-6.73632-20.7304z"/>'
|
||||
+' <path d="m249.114 329.999-6.73631 20.7284h-21.7948l17.6328 12.8125-6.7324 20.7304 17.6308-12.8125 17.6348 12.8125-6.73631-20.7324 17.6309-12.8105h-21.7948l-6.73436-20.7284z"/>'
|
||||
+' <path d="m224.999 239.999-6.73632 20.7284h-21.7948l17.6328 12.8125-6.73826 20.7304 17.6367-12.8125 17.6366 12.8125-6.73826-20.7323 17.6328-12.8105h-21.7948l-6.73631-20.7284z"/>'
|
||||
+' <path d="m249.114 150-6.73631 20.7284h-21.7948l17.6328 12.8105-6.7324 20.7324 17.6308-12.8125 17.6348 12.8125-6.73631-20.7324 17.6309-12.8105h-21.7948l-6.73436-20.7284z"/>'
|
||||
+' <path d="m314.999 84.115-6.73631 20.7284h-21.7948l17.6328 12.8106-6.73826 20.7304 17.6366-12.8125 17.6367 12.8125-6.73826-20.7304 17.6328-12.8106h-21.7948l-6.73632-20.7284z"/>'
|
||||
+' </g>'
|
||||
+' <text xml:space="preserve" x="860" y="200" fill="currentcolor" clip-path="url(#europaClipNo)">'
|
||||
+' <tspan x="880" y="200" style="font-size:192px; ">Wir treten zur</tspan>'
|
||||
+' <tspan x="880" y="440" style="font-size:192px; ">Europawahl an!</tspan>'
|
||||
+' </text>'
|
||||
+' <text xml:space="preserve" x="860" y="200" fill="currentcolor" clip-path="url(#europaClipNo)">'
|
||||
+' <tspan x="880" y="200" style="font-size:192px; ">Unterstütze uns</tspan>'
|
||||
+' <tspan x="880" y="440" style="font-size:192px; ">mit einer Spende.</tspan>'
|
||||
+' </text>'
|
||||
+' <text xml:space="preserve" x="860" y="200" fill="currentcolor" clip-path="url(#europaClipNo)">'
|
||||
+' <tspan x="880" y="200" style="font-size:192px; ">Damit Klimaschutz im</tspan>'
|
||||
+' <tspan x="880" y="440" style="font-size:192px; ">Wahlkampf sichtbar ist!</tspan>'
|
||||
+' </text>'
|
||||
+' </svg>'
|
||||
+'</span>';
|
||||
var menuBox = document.getElementById('europa');
|
||||
var flag = menuBox.getElementsByTagName('svg')[0];
|
||||
var texts = flag.getElementsByTagName('text');
|
||||
var textRect = document.getElementById('europaTextClip').getElementsByTagName('rect')[0];
|
||||
var stars = flag.getElementsByTagName('g')[0].getElementsByTagName('path');
|
||||
var sky = document.getElementById('europaSky');
|
||||
let absLeft = 0;
|
||||
let absTop = 0;
|
||||
let el = menuBox;
|
||||
while (el) {
|
||||
absLeft += el.offsetLeft;
|
||||
absTop += el.offsetTop;
|
||||
el = el.offsetParent;
|
||||
}
|
||||
var x = document.body.offsetWidth * 0.6 - absLeft;
|
||||
var y = 6;
|
||||
if (absTop > 100) y = -6;
|
||||
var p = 0;
|
||||
let spl = document.cookie.split(';');
|
||||
for (let i = 0; i < spl.length; i++) {
|
||||
spl[i] = spl[i].split('=');
|
||||
if (spl[i].length == 2 && spl[i][0].trim() == 'europeAnimationProgress') {
|
||||
p = parseFloat(spl[i][1]);
|
||||
break;
|
||||
}
|
||||
}
|
||||
var starts = [0, 0.4, 1, 2.5, 3, 4.5, 5, 5.5, 7, 7.5, 8.5];
|
||||
var durations = [0.5, 2, 0.5, 0.5, 0.5, 0.5, 0.5, 1.5, 0.5, 1.5, 0.5];
|
||||
function apply () {
|
||||
let s = new Array();
|
||||
for (let i = 0; i < starts.length; i++) {
|
||||
s[i] = p-starts[i];
|
||||
if (s[i] < 0) s[i] = 0;
|
||||
s[i] /= durations[i];
|
||||
if (s[i] > 1) s[i] = 1;
|
||||
}
|
||||
p += 0.01;
|
||||
flag.style.left = x * (1-s[9])**2 + 'px';
|
||||
flag.style.top = y * (1-s[9]**2) + 'em';
|
||||
flag.style.height = 3 * (1-s[9]) + 1.2*s[9] + 'em';
|
||||
menuBox.style.width = 1.8 * s[10] + 'em';
|
||||
sky.setAttribute('y', (1-s[0])*270);
|
||||
sky.setAttribute('height', s[0]*540);
|
||||
for (let i = 0; i < 12; i++) {
|
||||
if (s[1]-i/12 > 0) stars[i].setAttribute('fill-opacity', 1);
|
||||
else stars[i].setAttribute('fill-opacity', 0);
|
||||
if (s[7]-i/12 > 0) stars[i].setAttribute('fill', '#bedc0a');
|
||||
}
|
||||
if (s[2] > 0 && s[3] < 1) {
|
||||
if (s[2] < 1) textRect.setAttribute('width', 2190*s[2]);
|
||||
else textRect.setAttribute('width', 2190*(1-s[3]));
|
||||
texts[0].setAttribute('clip-path', 'url(#europaTextClip)');
|
||||
} else texts[0].setAttribute('clip-path', 'url(#europaClipNo)');
|
||||
if (s[4] > 0 && s[5] < 1) {
|
||||
if (s[4] < 1) textRect.setAttribute('width', 2190*s[4]);
|
||||
else textRect.setAttribute('width', 2190*(1-s[5]));
|
||||
texts[1].setAttribute('clip-path', 'url(#europaTextClip)');
|
||||
} else texts[1].setAttribute('clip-path', 'url(#europaClipNo)');
|
||||
if (s[6] > 0 && s[8] < 1) {
|
||||
if (s[6] < 1) textRect.setAttribute('width', 2190*s[6]);
|
||||
else textRect.setAttribute('width', 2190*(1-s[8]));
|
||||
texts[2].setAttribute('clip-path', 'url(#europaTextClip)');
|
||||
} else texts[2].setAttribute('clip-path', 'url(#europaClipNo)');
|
||||
if ((p == Math.floor(p)) || (s[s.length-1] >= 1))
|
||||
document.cookie = 'europeAnimationProgress='+p+';path=/;SameSite=None';
|
||||
if (s[s.length-1] >= 1) window.clearInterval(timer);
|
||||
}
|
||||
var timer = window.setInterval(apply, 10);
|
||||
apply(0);
|
||||
link.style.visibility = 'visible';
|
||||
})();
|
||||
140
js/europa.js
140
js/europa.js
|
|
@ -1,140 +0,0 @@
|
|||
(function () {
|
||||
let link = document.getElementById('europaLink');
|
||||
if (!link) {
|
||||
link = document.createElement('a');
|
||||
link.href = 'https://eu.klimaliste.org/';
|
||||
link.className = 'MenuLink';
|
||||
link.setAttribute('id', 'europaLink');
|
||||
let menu = document.getElementById('BoxLinks');
|
||||
if (!menu) {
|
||||
for (let i = 0; i < document.getElementsByTagName('div').length; i++)
|
||||
if ((' '+document.getElementsByTagName('div')[i].className+' ').indexOf(' nav__links ') >= 0) {
|
||||
menu = document.getElementsByTagName('div')[i];
|
||||
link.className = 'nav__item';
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!menu) {
|
||||
for (let i = 0; i < document.getElementsByTagName('ul').length; i++)
|
||||
if ((' '+document.getElementsByTagName('ul')[i].className+' ').indexOf(' main-menu ') >= 0) {
|
||||
menu = document.getElementsByTagName('ul')[i];
|
||||
let li = document.createElement('li');
|
||||
li.className = 'menu-item';
|
||||
menu.appendChild(li);
|
||||
menu = li;
|
||||
link.className = 'menu-link';
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (menu) menu.appendChild(link);
|
||||
}
|
||||
link.style.visibility = 'hidden';
|
||||
link.innerHTML = ''
|
||||
+'<span style="height:1.2em; width:1.8em; overflow:visible; display:inline-block; position:relative; vertical-align:middle; line-height:1em;" id="europa">'
|
||||
+' <svg style="height:1.2em; display:inline-block; vertical-align:middle; position:relative; max-width:none; " version="1.1" viewBox="0 0 3000 540" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">'
|
||||
+' <defs>'
|
||||
+' <clipPath clipPathUnits="userSpaceOnUse" id="europaClipNo"></clipPath>'
|
||||
+' <clipPath clipPathUnits="userSpaceOnUse" id="europaTextClip">'
|
||||
+' <rect x="810" y="0" width="2190" height="540">'
|
||||
+' </clipPath>'
|
||||
+' </defs>'
|
||||
+' <rect width="810" height="540" fill="#003399" id="europaSky"/>'
|
||||
+' <g fill="#ffcc00" stroke-width=".999997">'
|
||||
+' <path d="m404.999 59.9998-6.73632 20.7284h-21.7948l17.6328 12.8125-6.73826 20.7304 17.6367-12.8125 17.6366 12.8125-6.73826-20.7323 17.6328-12.8105h-21.7948l-6.73631-20.7284z"/>'
|
||||
+' <path d="m494.999 84.115-6.73631 20.7284h-21.7948l17.6328 12.8106-6.73826 20.7304 17.6366-12.8125 17.6367 12.8125-6.73826-20.7304 17.6328-12.8106h-21.7948l-6.73632-20.7284z"/>'
|
||||
+' <path d="m560.884 150-6.73437 20.7284h-21.7948l17.6309 12.8105-6.73632 20.7324 17.6348-12.8125 17.6308 12.8125-6.7324-20.7324 17.6328-12.8105h-21.7948l-6.7363-20.7284z"/>'
|
||||
+' <path d="m584.999 239.999-6.73632 20.7284h-21.7948l17.6328 12.8105-6.73826 20.7323 17.6367-12.8125 17.6366 12.8125-6.73826-20.7304 17.6328-12.8125h-21.7948l-6.73631-20.7284z"/>'
|
||||
+' <path d="m560.884 329.999-6.73437 20.7284h-21.7948l17.6309 12.8105-6.73632 20.7324 17.6348-12.8125 17.6308 12.8125-6.7324-20.7304 17.6328-12.8125h-21.7948l-6.7363-20.7284z"/>'
|
||||
+' <path d="m494.999 395.884-6.73631 20.7304h-21.7948l17.6328 12.8106-6.73826 20.7304 17.6366-12.8125 17.6367 12.8125-6.73631-20.7304 17.6308-12.8106h-21.7948l-6.73632-20.7304z"/>'
|
||||
+' <path d="m404.999 419.999-6.73632 20.7284h-21.7948l17.6328 12.8125-6.73826 20.7304 17.6367-12.8125 17.6366 12.8125-6.73826-20.7323 17.6328-12.8105h-21.7948l-6.73631-20.7284z"/>'
|
||||
+' <path d="m314.999 395.884-6.73631 20.7304h-21.7948l17.6309 12.8106-6.73631 20.7304 17.6366-12.8125 17.6367 12.8125-6.73826-20.7304 17.6328-12.8106h-21.7948l-6.73632-20.7304z"/>'
|
||||
+' <path d="m249.114 329.999-6.73631 20.7284h-21.7948l17.6328 12.8125-6.7324 20.7304 17.6308-12.8125 17.6348 12.8125-6.73631-20.7324 17.6309-12.8105h-21.7948l-6.73436-20.7284z"/>'
|
||||
+' <path d="m224.999 239.999-6.73632 20.7284h-21.7948l17.6328 12.8125-6.73826 20.7304 17.6367-12.8125 17.6366 12.8125-6.73826-20.7323 17.6328-12.8105h-21.7948l-6.73631-20.7284z"/>'
|
||||
+' <path d="m249.114 150-6.73631 20.7284h-21.7948l17.6328 12.8105-6.7324 20.7324 17.6308-12.8125 17.6348 12.8125-6.73631-20.7324 17.6309-12.8105h-21.7948l-6.73436-20.7284z"/>'
|
||||
+' <path d="m314.999 84.115-6.73631 20.7284h-21.7948l17.6328 12.8106-6.73826 20.7304 17.6366-12.8125 17.6367 12.8125-6.73826-20.7304 17.6328-12.8106h-21.7948l-6.73632-20.7284z"/>'
|
||||
+' </g>'
|
||||
+' <text xml:space="preserve" x="860" y="200" fill="currentcolor" clip-path="url(#europaClipNo)">'
|
||||
+' <tspan x="880" y="200" style="font-size:192px; ">Wir treten zur</tspan>'
|
||||
+' <tspan x="880" y="440" style="font-size:192px; ">Europawahl an!</tspan>'
|
||||
+' </text>'
|
||||
+' <text xml:space="preserve" x="860" y="200" fill="currentcolor" clip-path="url(#europaClipNo)">'
|
||||
+' <tspan x="880" y="200" style="font-size:192px; ">Unterstütze uns</tspan>'
|
||||
+' <tspan x="880" y="440" style="font-size:192px; ">mit einer Spende.</tspan>'
|
||||
+' </text>'
|
||||
+' <text xml:space="preserve" x="860" y="200" fill="currentcolor" clip-path="url(#europaClipNo)">'
|
||||
+' <tspan x="880" y="200" style="font-size:192px; ">Damit Klimaschutz im</tspan>'
|
||||
+' <tspan x="880" y="440" style="font-size:192px; ">Wahlkampf sichtbar ist!</tspan>'
|
||||
+' </text>'
|
||||
+' </svg>'
|
||||
+'</span>';
|
||||
var menuBox = document.getElementById('europa');
|
||||
var flag = menuBox.getElementsByTagName('svg')[0];
|
||||
var texts = flag.getElementsByTagName('text');
|
||||
var textRect = document.getElementById('europaTextClip').getElementsByTagName('rect')[0];
|
||||
var stars = flag.getElementsByTagName('g')[0].getElementsByTagName('path');
|
||||
var sky = document.getElementById('europaSky');
|
||||
let absLeft = 0;
|
||||
let absTop = 0;
|
||||
let el = menuBox;
|
||||
while (el) {
|
||||
absLeft += el.offsetLeft;
|
||||
absTop += el.offsetTop;
|
||||
el = el.offsetParent;
|
||||
}
|
||||
var x = document.body.offsetWidth * 0.6 - absLeft;
|
||||
var y = 6;
|
||||
if (absTop > 100) y = -6;
|
||||
var p = 0;
|
||||
let spl = document.cookie.split(';');
|
||||
for (let i = 0; i < spl.length; i++) {
|
||||
spl[i] = spl[i].split('=');
|
||||
if (spl[i].length == 2 && spl[i][0].trim() == 'europeAnimationProgress') {
|
||||
p = parseFloat(spl[i][1]);
|
||||
break;
|
||||
}
|
||||
}
|
||||
var starts = [0, 0.4, 1, 2.5, 3, 4.5, 5, 5.5, 7, 7.5, 8.5];
|
||||
var durations = [0.5, 2, 0.5, 0.5, 0.5, 0.5, 0.5, 1.5, 0.5, 1.5, 0.5];
|
||||
function apply () {
|
||||
let s = new Array();
|
||||
for (let i = 0; i < starts.length; i++) {
|
||||
s[i] = p-starts[i];
|
||||
if (s[i] < 0) s[i] = 0;
|
||||
s[i] /= durations[i];
|
||||
if (s[i] > 1) s[i] = 1;
|
||||
}
|
||||
p += 0.01;
|
||||
flag.style.left = x * (1-s[9])**2 + 'px';
|
||||
flag.style.top = y * (1-s[9]**2) + 'em';
|
||||
flag.style.height = 3 * (1-s[9]) + 1.2*s[9] + 'em';
|
||||
menuBox.style.width = 1.8 * s[10] + 'em';
|
||||
sky.setAttribute('y', (1-s[0])*270);
|
||||
sky.setAttribute('height', s[0]*540);
|
||||
for (let i = 0; i < 12; i++) {
|
||||
if (s[1]-i/12 > 0) stars[i].setAttribute('fill-opacity', 1);
|
||||
else stars[i].setAttribute('fill-opacity', 0);
|
||||
if (s[7]-i/12 > 0) stars[i].setAttribute('fill', '#bedc0a');
|
||||
}
|
||||
if (s[2] > 0 && s[3] < 1) {
|
||||
if (s[2] < 1) textRect.setAttribute('width', 2190*s[2]);
|
||||
else textRect.setAttribute('width', 2190*(1-s[3]));
|
||||
texts[0].setAttribute('clip-path', 'url(#europaTextClip)');
|
||||
} else texts[0].setAttribute('clip-path', 'url(#europaClipNo)');
|
||||
if (s[4] > 0 && s[5] < 1) {
|
||||
if (s[4] < 1) textRect.setAttribute('width', 2190*s[4]);
|
||||
else textRect.setAttribute('width', 2190*(1-s[5]));
|
||||
texts[1].setAttribute('clip-path', 'url(#europaTextClip)');
|
||||
} else texts[1].setAttribute('clip-path', 'url(#europaClipNo)');
|
||||
if (s[6] > 0 && s[8] < 1) {
|
||||
if (s[6] < 1) textRect.setAttribute('width', 2190*s[6]);
|
||||
else textRect.setAttribute('width', 2190*(1-s[8]));
|
||||
texts[2].setAttribute('clip-path', 'url(#europaTextClip)');
|
||||
} else texts[2].setAttribute('clip-path', 'url(#europaClipNo)');
|
||||
if ((p == Math.floor(p)) || (s[s.length-1] >= 1))
|
||||
document.cookie = 'europeAnimationProgress='+p+';path=/;SameSite=None';
|
||||
if (s[s.length-1] >= 1) window.clearInterval(timer);
|
||||
}
|
||||
var timer = window.setInterval(apply, 10);
|
||||
apply(0);
|
||||
link.style.visibility = 'visible';
|
||||
})();
|
||||
Loading…
Reference in New Issue