From: Max Value Date: Mon, 18 May 2026 15:17:24 +0000 (+0100) Subject: Added yt videos X-Git-Url: https://git.ozva.co.uk/?a=commitdiff_plain;h=69cf9c5b739481684da5fa209017006ff06220eb;p=chester-v2 Added yt videos --- diff --git a/assets/slides.js b/assets/slides.js index 37111e0..af099a3 100644 --- a/assets/slides.js +++ b/assets/slides.js @@ -22,7 +22,7 @@ function setupSlideshows () { // ----- agregating end const slides = Array.from(slideshow.children) // Array of all slides - .filter((child) => child.tagName == ["IMG"]); + .filter((child) => child.tagName == "IMG" || child.tagName == "IFRAME"); for (slide of slides) { slide.id = `show${s}slide${slide.dataset.order}`; // order slides by given indexes @@ -109,7 +109,7 @@ function setupSlideshows () { } /* image and button layout */ - .slideshow > img { + .slideshow > img, .slideshow > iframe { grid-column-start: 1; grid-row-start: 1; display: none; width: 100%; height: 100%; object-fit: contain; @@ -132,6 +132,8 @@ function setupSlideshows () { user-select: none; -webkit-user-select: none; } + iframe.currentSlide ~ div { pointer-events: none; } + iframe.currentSlide ~ div > div:not(:nth-child(2)) { pointer-events: auto; } .slideshow > div > div:hover { opacity: 1; } .slideshow > div > div:first-child { background: linear-gradient(0.25turn, rgba(225,255,255,.2), rgba(225,255,255,0)); diff --git a/assets/style.css b/assets/style.css index 6be5817..440878b 100644 --- a/assets/style.css +++ b/assets/style.css @@ -66,7 +66,7 @@ aside { iframe { width: 100%; aspect-ratio: 1.41; - border: 1px solid var(--mediumgray); + border: none; } .blockquoteImage { margin: 40px 0 40px 0; width: 113%; } diff --git a/templates/pages/personal/cotton-town.html b/templates/pages/personal/cotton-town.html index 0b26852..ffc6d53 100644 --- a/templates/pages/personal/cotton-town.html +++ b/templates/pages/personal/cotton-town.html @@ -13,7 +13,7 @@

-
+
@@ -22,6 +22,7 @@ +
{% include 'footer.html' %} diff --git a/templates/pages/personal/riders.html b/templates/pages/personal/riders.html index cd63fc0..59fada5 100644 --- a/templates/pages/personal/riders.html +++ b/templates/pages/personal/riders.html @@ -225,6 +225,8 @@ Political and economic destabilisation, climate change and war have created tens of millions of migrants in the past few years alone. Some of those people come to our country only to find themselves in a situation that is hardly, if at all, an improvement on what they left behind. They find themselves taken advantage of by the same group of people that caused the wars, the climate disasters and the widespread instability to begin with. And on top of that, they face abuse and ignorance from the rest of us. To many people, the Riders don't exist until they're stood on the doorstep. Scholars have written about how the platform economy's demand for homogenous, mind-numbingly repetitive tasks has led to the creation of an interchangeable and invisible workforce, benefitting companies but only isolating and damaging Riders further[5]. The aim of this project is to counteract this effect; to bring Riders into the forefront as individuals, representing them positively and on their own terms. The following ten portraits are of people who were kind enough to help me with this project. I learnt a lot from them, and some were happy for me to record some of what they told me in this book. Hopefully these images convey something about the Riders that you might not have seen elsewhere.

+ +

References