From f0bfc5d8b2cf3f1c82e5e8707c1fdee4282b775a Mon Sep 17 00:00:00 2001 From: Mitja Stachowiak Date: Wed, 23 Jul 2025 12:59:16 +0200 Subject: [PATCH] =?UTF-8?q?Darstellung=20von=20Autor=20in=20Programmrepo?= =?UTF-8?q?=20erg=C3=A4nzt.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/default.css | 28 +++++++-- images/bluesky.svg | 39 ++++++++++++ js/europa-backup.js | 140 ++++++++++++++++++++++++++++++++++++++++++++ js/europa.js | 140 -------------------------------------------- 4 files changed, 202 insertions(+), 145 deletions(-) create mode 100644 images/bluesky.svg create mode 100644 js/europa-backup.js diff --git a/css/default.css b/css/default.css index c84cc07..8f2c885 100755 --- a/css/default.css +++ b/css/default.css @@ -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; diff --git a/images/bluesky.svg b/images/bluesky.svg new file mode 100644 index 0000000..e971dec --- /dev/null +++ b/images/bluesky.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/js/europa-backup.js b/js/europa-backup.js new file mode 100644 index 0000000..398f458 --- /dev/null +++ b/js/europa-backup.js @@ -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 = '' + +'' + +' ' + +' ' + +' ' + +' ' + +' ' + +' ' + +' ' + +' ' + +' ' + +' ' + +' ' + +' ' + +' ' + +' ' + +' ' + +' ' + +' ' + +' ' + +' ' + +' ' + +' ' + +' ' + +' ' + +' Wir treten zur' + +' Europawahl an!' + +' ' + +' ' + +' Unterstütze uns' + +' mit einer Spende.' + +' ' + +' ' + +' Damit Klimaschutz im' + +' Wahlkampf sichtbar ist!' + +' ' + +' ' + +''; + 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'; +})(); diff --git a/js/europa.js b/js/europa.js index 398f458..e69de29 100644 --- a/js/europa.js +++ b/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 = '' - +'' - +' ' - +' ' - +' ' - +' ' - +' ' - +' ' - +' ' - +' ' - +' ' - +' ' - +' ' - +' ' - +' ' - +' ' - +' ' - +' ' - +' ' - +' ' - +' ' - +' ' - +' ' - +' ' - +' ' - +' Wir treten zur' - +' Europawahl an!' - +' ' - +' ' - +' Unterstütze uns' - +' mit einer Spende.' - +' ' - +' ' - +' Damit Klimaschutz im' - +' Wahlkampf sichtbar ist!' - +' ' - +' ' - +''; - 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'; -})();