<div class="blockquoteImage reversed">
<img
+ class="include"
srcset="/media/photos_960/cristian.jpg,
/media/photos_1920/cristian.jpg x2,
/media/photos_3840/cristian.jpg x4"
<b>Anonymous 2</b><br>
"Now I'm living here for like three years, I want to- I don't know. I want to see, because I'm confused. Before it was good, but now I'm confused."
</blockquote><img
+ class="include"
srcset="/media/photos_960/anonymous2.jpg,
/media/photos_1920/anonymous2.jpg x2,
/media/photos_3840/anonymous2.jpg x4"
Many of the Riders I spoke to, or who saw me speaking to others and taking their photos, were suspicious that I might be working with the police or with their companies. Having explained the project to them, many didn't want to show their faces or be seen to be involved in what I was trying to do. I learnt from some Riders that this was probably because lots of people work on fake or shared work permits. The reason for this is that so many migrants that come into the UK are unable to obtain legitimate work permits from the government, forcing them to go down illegitimate routes. I spoke to one Rider who expanded on this, referring to a "mafia" from which Riders can buy fake work permits and other papers they might need. With no other options, people are forced into shady deals, paying fees of well over a few hundred pounds to get everything they need to appear as though they are working lawfully.
</p>
-<div class="slideshow">
- <img
- srcset="/media/photos_960/anonymous3.jpg,
- /media/photos_1920/anonymous3.jpg x2,
- /media/photos_3840/anonymous3.jpg x4"
- src="/media/photos_3840/anonymous3.jpg">
- <img
- srcset="/media/photos_960/ataklti.jpg,
- /media/photos_1920/ataklti.jpg x2,
- /media/photos_3840/ataklti.jpg x4"
- src="/media/photos_3840/ataklti.jpg">
- <img
- srcset="/media/photos_960/anonymous1.jpg,
- /media/photos_1920/anonymous1.jpg x2,
- /media/photos_3840/anonymous1.jpg x4"
- src="/media/photos_3840/anonymous1.jpg">
- <p class="prev">
- <span><span class="arrow">◄</span> <span class="fadeOut">Prev.</span><span>
- </p><p class="next">
- <span><span class="fadeOut">Next</span> <span class="arrow">►</span><span>
- </p>
-</div>
+
+<div class="slideshow aggregating"></div>
<p>
False permits are not the only cause for suspicion and unease. Riders are also constantly facing trouble from the police, with bike seizures being a regular occurrence. Some electric bikes are rented out from legitimate companies. Some, however, are homemade, taped and strapped together with duct tape and bungee cord, built with batteries and motors salvaged or ordered online, some of which happen to be illegal in the UK. Lots of riders told me about the enormous setbacks that police seizures cause, with bikes costing up to a thousand pounds, if not more. Not only could that be months worth of wages gone with no reprieve, it also forces Riders to stop working for however long it takes them to get back up and running again.
slideshows = document.getElementsByClassName("slideshow");
let s = 0;
for (slideshow of slideshows) {
+ slideshow.dataset.slideCount = 1;
+ slideshow.dataset.slideCurrent = 0;
+
let i = 0;
- for (child of slideshow.children) {
- if (child.tagName == "IMG") {
+ if (slideshow.classList.contains("aggregating")) {
+ let selector = "img";
+ if (slideshow.classList.contains("includeOnly")) {
+ selector = "img.include";
+ }
+
+ for (image of document.querySelectorAll(selector)) {
+ const slide = image.cloneNode(false);
+ slide.style.display = "none";
+ slide.id = `show${s}slide${i}`;
+
+ slideshow.appendChild(slide);
+
+ i++;
+ }
+ } else {
+ for (child of slideshow.children) {
child.style.display = "none";
child.id = `show${s}slide${i}`;
i++;
- } else if (child.classList.contains("next")) {
- var si = s;
- child.addEventListener("click", (e) => {
- e.preventDefault();
- document.getElementById(`show${si}slide${slideCurrent}`)
- .style.display = "none";
- slideCurrent ++;
- if (slideCurrent >= slideCount) {
- slideCurrent = 0;
- }
- document.getElementById(`show${si}slide${slideCurrent}`)
- .style.display = "block";
- });
- } else {
- var si = s;
- child.addEventListener("click", (e) => {
- e.preventDefault();
- document.getElementById(`show${si}slide${slideCurrent}`)
- .style.display = "none";
- slideCurrent --;
- if (slideCurrent < 0) {
- slideCurrent = slideCount - 1;
- }
- document.getElementById(`show${si}slide${slideCurrent}`)
- .style.display = "block";
- });
}
}
- slideCount = i;
+
+ slideshow.dataset.slideCount = i;
slideshow.children[0].style.display = "block";
+
+ // add slideshow buttons
+ var si = s;
+
+ const prev = document.createElement("span");
+ prev.classList.add("prev");
+ prev.innerHTML = "Prev";
+ prev.addEventListener("click", (e) => {
+ e.preventDefault();
+
+ let slideCount = e.target.parentNode.dataset.slideCount;
+
+ document.getElementById(`show${si}slide${e.target.parentNode.dataset.slideCurrent}`)
+ .style.display = "none";
+ e.target.parentNode.dataset.slideCurrent --;
+ if (e.target.parentNode.dataset.slideCurrent < 0) {
+ e.target.parentNode.dataset.slideCurrent = slideCount - 1;
+ }
+ document.getElementById(`show${si}slide${e.target.parentNode.dataset.slideCurrent}`)
+ .style.display = "block";
+ });
+
+ const next = document.createElement("span");
+ next.classList.add("next");
+ next.innerHTML = "Next";
+ next.addEventListener("click", (e) => {
+ e.preventDefault();
+
+ let slideCount = e.target.parentNode.dataset.slideCount;
+
+ document.getElementById(`show${si}slide${e.target.parentNode.dataset.slideCurrent}`)
+ .style.display = "none";
+ e.target.parentNode.dataset.slideCurrent ++;
+ if (e.target.parentNode.dataset.slideCurrent >= slideCount) {
+ e.target.parentNode.dataset.slideCurrent = 0;
+ }
+ document.getElementById(`show${si}slide${e.target.parentNode.dataset.slideCurrent}`)
+ .style.display = "block";
+ });
+
+ slideshow.appendChild(prev);
+ slideshow.appendChild(next);
+
s++;
}
}
projects / chester / commitdiff