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 = ''
+ +''
+ +' '
+ +'';
+ 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 = ''
- +''
- +' '
- +'';
- 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';
-})();