]> OzVa Git service - chester/commitdiff
Big commit
authorMax Value <greenwoodw50@gmail.com>
Sat, 14 Mar 2026 16:10:01 +0000 (16:10 +0000)
committerMax Value <greenwoodw50@gmail.com>
Sat, 14 Mar 2026 16:10:01 +0000 (16:10 +0000)
29 files changed:
.gitignore [new file with mode: 0644]
fonts.css [new file with mode: 0644]
fonts/Proxima Nova Extrabold.ttf [new file with mode: 0644]
fonts/Proxima Nova Light.ttf [new file with mode: 0644]
fonts/Proxima Nova Regular.ttf [new file with mode: 0644]
fonts/Proxima Nova Semibold.ttf [new file with mode: 0644]
index.html [new file with mode: 0644]
media/audio/ahmed.mp3 [new file with mode: 0644]
media/audio/ahmed.txt [new file with mode: 0644]
media/audio/ahmed.vtt [new file with mode: 0644]
media/audio/cristian.mp3 [new file with mode: 0644]
media/audio/cristian.txt [new file with mode: 0644]
media/audio/cristian.vtt [new file with mode: 0644]
media/audio/mohammad.mp3 [new file with mode: 0644]
media/audio/mohammad.txt [new file with mode: 0644]
media/audio/mohammad.vtt [new file with mode: 0644]
media/book.pdf [new file with mode: 0644]
media/photos/anonymous1.jpg [new file with mode: 0644]
media/photos/anonymous2.jpg [new file with mode: 0644]
media/photos/anonymous3.jpg [new file with mode: 0644]
media/photos/ataklti.jpg [new file with mode: 0644]
media/photos/cristian.jpg [new file with mode: 0644]
media/photos/edited1.jpg [new file with mode: 0644]
media/photos/edited2.jpg [new file with mode: 0644]
media/photos/haseen.jpg [new file with mode: 0644]
media/photos/mohit.jpg [new file with mode: 0644]
resize.sh [new file with mode: 0755]
script.js [new file with mode: 0644]
style.css [new file with mode: 0644]

diff --git a/.gitignore b/.gitignore
new file mode 100644 (file)
index 0000000..1aeddd0
--- /dev/null
@@ -0,0 +1 @@
+/media/photos_*/*
diff --git a/fonts.css b/fonts.css
new file mode 100644 (file)
index 0000000..2195202
--- /dev/null
+++ b/fonts.css
@@ -0,0 +1,32 @@
+@font-face {
+       font-family: 'Lust Text';
+       src: url('/fonts/Lust-Text-Book.otf') format('opentype');
+}
+@font-face {
+    font-family: 'Proxima Nova';
+    src: url('/fonts/Proxima Nova Extrabold.ttf') format('truetype');
+    font-weight: 800;
+    font-display: swap;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'Proxima Nova';
+    src: url('/fonts/Proxima Nova Semibold.ttf') format('truetype');
+    font-weight: 600;
+    font-display: swap;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'Proxima Nova';
+    src: url('/fonts/Proxima Nova Regular.ttf') format('truetype');
+    font-weight: 400;
+    font-display: swap;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'Proxima Nova';
+    src: url('/fonts/Proxima Nova Light.ttf') format('truetype');
+    font-weight: 300;
+    font-display: swap;
+    font-style: normal;
+}
diff --git a/fonts/Proxima Nova Extrabold.ttf b/fonts/Proxima Nova Extrabold.ttf
new file mode 100644 (file)
index 0000000..5a66e0c
Binary files /dev/null and b/fonts/Proxima Nova Extrabold.ttf differ
diff --git a/fonts/Proxima Nova Light.ttf b/fonts/Proxima Nova Light.ttf
new file mode 100644 (file)
index 0000000..e866ac8
Binary files /dev/null and b/fonts/Proxima Nova Light.ttf differ
diff --git a/fonts/Proxima Nova Regular.ttf b/fonts/Proxima Nova Regular.ttf
new file mode 100644 (file)
index 0000000..7d00247
Binary files /dev/null and b/fonts/Proxima Nova Regular.ttf differ
diff --git a/fonts/Proxima Nova Semibold.ttf b/fonts/Proxima Nova Semibold.ttf
new file mode 100644 (file)
index 0000000..dde18dd
Binary files /dev/null and b/fonts/Proxima Nova Semibold.ttf differ
diff --git a/index.html b/index.html
new file mode 100644 (file)
index 0000000..f21fd19
--- /dev/null
@@ -0,0 +1,456 @@
+<!DOCTYPE html>
+<html>
+       <head>
+               <title>Demo</title>
+
+               <link rel="stylesheet" href="/fonts.css">
+               <link rel="stylesheet" href="/style.css">
+               <script type="text/javascript" src="/script.js" defer></script>
+       </head>
+       <body>
+               <nav>
+                       <h1>Chester Robert Jones</h1>
+                       <ul>
+                               <li>
+                                       <a href="#">Overview</a>
+                               </li>
+                               <li>
+                                       <details>
+                                               <summary>Personal</summary>
+                                               <ul>
+                                                       <li><a href="#">Riders</a></li>
+                                                       <li><a href="#">Cotton Town</a></li>
+                                                       <li><a href="#">Memorobilia</a></li>
+                                               </ul>
+                                       </details>
+                               </li>
+                               <li>
+                                       <details>
+                                               <summary>Commercial</summary>
+                                               <ul>
+                                                       <li><a href="#">Le Blanc Fine Art</a></li>
+                                                       <li><a href="#">GROKE</a></li>
+                                               </ul>
+                                       </details>
+                               </li>
+                               <li>
+                                       <a href="#">About Me</a>
+                               </li>
+                               <li>
+                                       <a href="#">CV</a>
+                               </li>
+                               <li>
+                                       <a href="#">Contacts</a>
+                               </li>
+                       </ul>
+               </nav>
+               <main>
+
+<h2>Riders</h2>
+
+<div class="blockquoteImage reversed">
+       <img
+               srcset="/media/photos_960/cristian.jpg,
+                       /media/photos_1920/cristian.jpg x2,
+                       /media/photos_3840/cristian.jpg x4"
+               src="/media/photos_3840/cristian.jpg" /><blockquote>
+               <b>Christian</b><br>
+                       "My hope for the future is that finally people, especially the working class people can have the opportunity to understand his role in the history so, can eradicate the idea of borders and banal nationalistic feeling that divides us all around the world. In that way we can build a society free of any kind of discrimination and be able to have societies where the basic needs would not be a obstacle to have free time and develop other capabilities such as art, music, philosophy, etc. and anyone can explore their own happiness without any economical, political or cultural restrain. Then we could have a world free of wars and classes. But my hope in short term is that Palestine and its people could have the opportunity to live in peace and have sovereignty of their own land."
+       </blockquote>
+</div>
+
+<div class="audioNote">
+       <aside>
+               Cristian<br>
+               4 minutes. <a href="#">Transcript</a>
+       </aside><audio controls src="/media/audio/cristian.mp3"></audio>
+</div>
+
+<div class="blockquoteImage">
+       <blockquote>
+               <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
+               srcset="/media/photos_960/anonymous2.jpg,
+                       /media/photos_1920/anonymous2.jpg x2,
+                       /media/photos_3840/anonymous2.jpg x4"
+               src="/media/photos_3840/anonymous2.jpg" />
+</div>
+
+<div class="blockquoteImage reversed">
+       <img
+               srcset="/media/photos_960/haseen.jpg,
+                       /media/photos_1920/haseen.jpg x2,
+                       /media/photos_3840/haseen.jpg x4"
+               src="/media/photos_3840/haseen.jpg" /><blockquote>
+               <b>Haseen</b><br>
+                       "I hope to complete my postgraduate research successfully and return to my professional path as a doctor and researcher. My dream is to contribute to the medical field through both clinical practice and academic work. I want to be in a position where I can use my skills to make a difference—not just survive on side jobs. Eventually, I hope to secure a role in healthcare or research here in the UK, where my experience and education are recognized. This phase is difficult, but I believe it's just one chapter in a much bigger story."
+       </blockquote>
+</div>
+
+<div class="blockquoteImage">
+       <blockquote>
+               <b>Mohit</b><br>
+                       "My future, my grand plan, is to quit this job. After four months I will start again in winter, because in winter work is good. Because everybody orders online, in summer everyone comes outside but in winter if the weather is right, work is very busy. In the sun rise, there is no work."
+       </blockquote><img
+               srcset="/media/photos_960/mohit.jpg,
+                       /media/photos_1920/mohit.jpg x2,
+                       /media/photos_3840/mohit.jpg x4"
+               src="/media/photos_3840/mohit.jpg" />
+</div>
+
+<div class="audioNote reversed">
+       <audio class="captionedAudio" controls>
+               <source src="/media/audio/ahmed.mp3" type="audio/mpeg"></source>
+               <track
+                       label="English"
+                       kind="subtitles"
+                       srclang="en"
+                       src="/media/audio/ahmed.vtt"
+                       default />
+       </audio><aside>
+               Ahmed<br>
+               4 minutes. <a href="/media/audio/ahmed.txt">Transcript</a>
+       </aside>
+</div>
+
+<div class="blockquoteImage reversed">
+       <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" /><blockquote>
+               <b>Anonymous</b><br>
+                       "This job has no special future. It is very difficult to win ahead"
+       </blockquote>
+</div>
+
+<aside>
+       In every major city in the UK, there seems to be an unwavering army of intrepid delivery drivers, enduring sleet, snow and rain, facing constant danger day in and day out. In our fast-paced fast-food society, Riders make up the backbone of an entire industry. Yet, to some people, they don&rsquo;t exist until they are stood on the doorstep. The Riders seem to be a workforce that is ever-present but in some sense invisible. To me, these people represent a new, and characteristically modern rung below the working class; gig-economy workers and migrant workers simultaneously, hyper-exploited in a manner specific to our current stage of capitalism. An age defined by algorithms, oligarchs, and the legacy of colonialism. It is my hope that the portraits presented here will act as positive representations of the Riders, bringing them into the forefront as individuals, and that the writing in this book will shed some new light on their reality for those who are unaware.
+</aside>
+
+<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">&#x25c4;</span> <span class="fadeOut">Prev.</span><span>
+       </p><p class="next">
+               <span><span class="fadeOut">Next</span> <span class="arrow">&#x25ba;</span><span>
+       </p>
+</div>
+
+<!--
+<h3>Table of Contents</h3>
+
+<ul>
+       <li><a href="#in-their-own-words">In Their Own Words</a></li>
+       <li><a href="#daylight-robbery">Daylight Robbery</a></li>
+       <li><a href="#pray-for-the-rain">Pray For the Rain</a></li>
+       <li><a href="#sam">Sam</a></li>
+       <li><a href="#permits-police-and-no-go-zones">Permits, Police and No-Go Zones</a></li>
+       <li><a href="#the-concrete-reality">The Concrete Reality</a></li>
+       <li><a href="#be-your-own-boss">&ldquo;Be Your Own Boss&rdquo;</a></li>
+       <li><a href="#pr-moves-and-rider-law">PR Moves and &lsquo;Rider Law&rsquo;</a></li>
+       <li><a href="#solidarity">Solidarity</a></li>
+       <li><a href="#an-invisible-workforce">An Invisible Workforce</a></li>
+       <li><a href="#portraits-and-interviews">Portraits and Interviews</a></li>
+       <li><a href="#afterword">Afterword</a></li>
+       <li><a href="#acknowledgements">Acknowledgements</a></li>
+       <li><a href="#references">References</a></li>
+</ul>
+!-->
+
+<div class="audioNote">
+       <aside>
+               Mohammad
+               4 minutes. <a href="/media/audio/mohammad.txt">Transcript</a>
+       </aside><audio class="captionedAudio" controls>
+               <source src="/media/audio/mohammad.mp3" type="audio/mpeg"></source>
+               <track
+                       label="English"
+                       kind="subtitles"
+                       srclang="en"
+                       src="/media/audio/mohammad.vtt"
+                       default />
+       </audio>
+</div>
+
+<h3 id="in-their-own-words">In Their Own Words</h3>
+
+<p>
+       Making your way through Manchester, or any major city in Britain, it&rsquo;s hard to miss the Riders zipping around on chunky electric bikes with bright, colourful cubes on their backs. No matter the time, no matter the weather, they seem to be on the job. They have a constant presence in the city, yet they somehow slip under the radar, unnoticed by us unless they&rsquo;re in the way of our car or delivering our food. This is what interests me; the place they occupy in our city and in society at large. Out of curiosity I delved into some research and in my own amateur attempt at some political analysis I began to see these people as a newly manufactured and characteristically modern rung below our traditional working class. Workers doubly exploited by tech-corporations, hyper-exploited if you will, as both migrant workers and gig-economy workers; especially vulnerable to predatory business practices, and suffering the detriments of zero-hour employment contracts at the same time. As I began to learn more concretely about concepts such as the &lsquo;gig-economy&rsquo;, the &lsquo;platform economy&rsquo;, and about food delivery apps&rsquo; behaviours (which are discussed in the second section of this book), I became very interested in speaking to people myself to learn what life as a Rider is really like.
+</p>
+
+<div class="blockquoteImage">
+       <blockquote>
+               <b>Mohit</b><br>
+               My future, my grand plan, is to quit this job. After four months I will start again in winter, because in winter work is good. Because everybody orders online, in summer everyone comes outside but in winter if the weather is right, work is very busy. In the sun rise, there is no work.
+       </blockquote><img
+               srcset="/media/photos_960/edited2.jpg,
+                       /media/photos_1920/edited2.jpg x2,
+                       /media/photos_3840/edited2.jpg x4"
+               src="/media/photos_3840/edited2.jpg" />
+</div>
+
+<p>
+       Over the course of the project, I spoke to a huge array of people from a massive range of social backgrounds. I spoke to foreign students, to refugees who had fled war, to people who came to the UK with dreams of achieving qualifications and building businesses, and to people who couldn&rsquo;t remember why they decided to come to this tiny island in the first place. The common denominator was their kindness. Whilst many were suspicious of me, thinking I must be working for one of their companies, most were very open and happy to speak to an outsider about the reality they&rsquo;re facing. I was offered to share coffee, some Riders offered to show me round their home countries, and whenever I bumped into a Rider I had already spoken to I was greeted warmly.
+</p>
+
+<!--
+<h3 id="daylight-robbery">Daylight Robbery</h3>
+
+<p>
+       Some told me that they were happy with their jobs. Most of the time these were the young Riders, relatively new to the job, perhaps working parttime, who seemed to not be as experienced or as worn out as the older Riders. The general consensus amongst those Riders who had been working longer was that the job is &ldquo;shit.&rdquo; On the first day of this project I spoke to a Pakistani man who had come to the UK a few years ago as a business student hoping to start a business here after graduating. He told me about the low pay and dangerous conditions, then summed it all up in one phrase: &ldquo;bad life.&rdquo; This man had come here with a vision of the UK in his mind that turned out to be very far from the truth. Now, he told me, he feels trapped here in a situation no better than the one he left behind.
+</p>
+
+<p>
+       To make minimum wage, Riders must complete about four deliveries in an hour which is almost impossible due to long distances and fierce competition. As a result, most Riders end up working around eight to twelve hours a day, some working over six days a week. Many of the Riders told me about their families back home, but when I asked if they sent money to them, nearly all of them told me that they could barely make enough to survive themselves. Nearly every person I spoke to told me how difficult it was to make ends meet, many telling me that they&rsquo;re forced to work another job on top of delivering just to get by. Riders told me that it was &ldquo;daylight robbery&rdquo;, and that they felt they were a &ldquo;slave for Uber.&rdquo; When I asked them about their hopes for the future, some told me they wanted to go back home, others told me their plans of moving upwards; studying and getting qualifications or saving up for cars so that they could leave e-bike deliveries behind. However, for some Riders the only answer that they could give was that there was no future for them. &ldquo;There is no future in this job, only deliveries&rdquo; one guy told me. Another Rider told me he has &ldquo;no hopes for the future because there&rsquo;s nothing I can do but work.&rdquo;
+</p>
+!-->
+
+
+<h3 id="pray-for-the-rain">Pray For the Rain</h3>
+
+<p>
+       In this job, the expression that &ldquo;time is money&rdquo; becomes a very real and constant concern. Speed becomes your survival, and so Riders are often forced to go as fast as they can. As a result, they are constantly getting into accidents and then have no choice but to continue working. One guy I spoke to had a broken wrist and told me that if he stopped working to let it heal properly, he wouldn&rsquo;t have enough money to live. While I was speaking to a young student from Pakistan who had only been a Rider for a couple of weeks, he said something that was meant to be a bit of a joke, but which actually reflected a dark reality of the job. He told me &ldquo;normally you pray for the nice sunny weather, but us Riders, we pray for the rain to come.&rdquo; When the weather is bad, people are much more likely to do two things: stay at home and order food, and drive their cars. As a result, business is always best for the Riders when the roads are at their most dangerous, when the tarmac is slick with rainwater, visibility is low, and cars are everywhere.
+</p>
+
+<p>
+       On one of those busy, rainy nights I spoke to Ta Me, a guy who had been working as a Rider for around three years. This conversation was the first time I&rsquo;d heard about people dying on the job. This fact took me by surprise, but knowing what I now know about the reality of this industry, it seems my shock was somewhat na&iuml;ve. Ta Me also opened up to me about the psychological effects of working as a Rider, telling me that people on the street don&rsquo;t respect them, and neither do most customers or restaurant workers. &ldquo;I walk into a restaurant, and I feel like shit. Because we look like shit. We&rsquo;re exhausted.&rdquo; He spoke to me about the racism that he endures while working; an issue that I&rsquo;d heard about from other Riders too. Racist slurs shouted through the windows of passing cars, some Riders even telling me that they&rsquo;d had things thrown at them by people in cars. One guy summed it up plainly, telling me that eighty percent of people are racist towards them. Its no wonder then that the job can take a huge mental toll, especially when Riders are forced to back down from confrontations due to the apps&rsquo; built in rating systems. A bad rating can directly impact the algorithm, resulting in less work. Another Rider, a Mexican man named Christian, told me how difficult and humiliating it is to have to hold your tongue when a customer is screaming at you for being late, or if an item is missing from their order. It seems obvious that these things are out of the Riders&rsquo; control, but this doesn&rsquo;t seem to stop spiteful customers verbally abusing the people that deliver their food.
+</p>
+
+<!--
+
+<h3 id="sam">Sam</h3>
+
+<p>
+       The same night I met Ta Me, I also spoke to a man called Sam. I told him he had the same name as my Dad and he smiled. Sam had been working as a Rider for six years and the first thing he said when I asked him about the job was &ldquo;its shit.&rdquo; He told me about how the pay had gotten dramatically worse over time, especially since the pandemic and that he now has to work between nine and twelve hours a day when he used to only work six to eight. When Sam began to speak about the dangers of the job, his eyes started to shine and well up. He told me, as I&rsquo;d heard from Ta Me, that it was common to have accidents and crashes up to four times a day, and that many people die on the job. But for Sam this fact was incredibly personal; over the six years he&rsquo;d been working as a rider he told me that three of his friends had died in car crashes. Three people dead, yet the job remained the same he told me, just as dangerous if not more so now that wages are lower, and competition is higher. As far as the platforms are concerned, those people simply logged off and will be replaced by someone else. Sam went on to explain to me that it&rsquo;s not just the roads that are incredibly dangerous. Forced to work such late hours in the city centre, he and his friends constantly face the risk of street crime, from thefts to stabbings. This conversation had a profound impact on me that I would carry through the rest of the project. As I spoke to Sam and saw the emotion in his eyes, the cruelty and disregard of the Riders&rsquo; companies was made tangible and vivid. I had known already that working for these companies was bad, but this interaction felt like bearing witness to the barbarity myself.
+</p>
+
+<h3 id="permits-police-and-no-go-zones">Permits, Police, and No-Go Zones</h3>
+
+<p>
+       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&rsquo;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 &ldquo;mafia&rdquo; 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>
+
+<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.
+</p>
+
+<p>
+       After taking a photo of a Rider named Muzzamil, we shook hands, and he rode off. A few seconds later, a police car hurtled past me and shouted at him to pull over. A policeman got out of the car and immediately began inquiring about his bike. Muzzamil explained that all the parts of the bike were legal, and that he&rsquo;d made it himself. The policeman realised he&rsquo;d made a mistake and walked back to his car. &ldquo;You scared me, man!&rdquo; shouted Muzzamil to the officer, clearly having thought his livelihood might&rsquo;ve been taken from him a few seconds ago. &ldquo;That&rsquo;s my job!&rdquo; the policeman shouted back.
+</p>
+
+<p>
+       Of course, the police aren&rsquo;t the only ones taking bikes away from Riders. Another harsh reality of the job is bike thefts. A ridiculous amount of Riders told me that they&rsquo;d had their bikes stolen or that they&rsquo;d had run ins with bike thieves. Many told me that they had their own personal no-go areas, parts of the city that they had heard bad stories about, or where they&rsquo;d been targeted themselves. Stories of stabbings, would-be thieves wielding machetes, and gangs of teenagers swarming Riders trying to pull them off their bikes. One Rider, a man called Ahmed, spoke to me about an experience he had riding through Rusholme. He told me about how a group of men had attempted to steal his bike, trying to hit him off with a baseball bat. Ahmed said that he had no choice but to literally fight his way out, saying that he couldn&rsquo;t believe he had managed to escape. This appears to be a reality for many Riders, forced to quite literally fight for their livelihoods, whilst also having to ignore orders from certain neighbourhoods. And those who are especially desperate have no choice but to take those orders, risking great danger.
+</p>
+
+<p>
+       To me, the conditions faced by the people I spoke to over the course of this project, are a sinister manifestation of our modern, neocolonial, capitalist society. A society characterised by algorithmic exploitation, the rise of &lsquo;techno-oligarchs&rsquo;, and the exploitative and colonial systems of old taking on new forms. As a result, a new group of workers has arisen. A group that faces constant danger and disregard with very little reward. What seems plainly true to me now is that the Riders are both hyper-exploited and under-appreciated in ways in which most people will never learn about. Even those who do learn will most likely never truly understand what the reality is like for these people. The purpose of this project is to help bring as many people as possible, including myself, closer to understanding that reality.
+</p>
+
+<h3 id="the-concrete-reality">The Concrete Reality</h3>
+
+<p>
+       The situation of the Riders really is modern. Over the last twenty-five years, immigration and emigration levels around the world have reached historic highs and as a result, the number of migrant workers in the Global North has increased massively (Sturge, 2024). Migrant workers are especially vulnerable to predatory business practices, the kinds of practices that are used prolifically in another major development over the last couple of decades. The emergence in question is the &lsquo;platform economy&rsquo;, an expression that has a variety of definitions. The term &lsquo;platform&rsquo; has been applied to countless digital giants from Facebook to Spotify to Uber, the main connection being their links to the &lsquo;gig economy&rsquo;. This is a domain in which workers aren&rsquo;t necessarily considered workers; earning money from &lsquo;gigs&rsquo; (think anything from voice acting to food deliveries) rather than from wages, a situation that lends itself nicely to the cost-cutting inclinations of big corporations.
+</p>
+
+<p>
+       The term &lsquo;platform economy&rsquo; has been refined by some scholars in regard to food delivery platforms such as Uber Eats, Deliveroo and Just Eat, which all operate in a similar way. The systems that these companies use are standards-based, meaning they&rsquo;re constantly collecting and analysing performance data; data that then gets fed into algorithms. These algorithms are used to remotely coordinate workers, centralising and consolidating the companies&rsquo; control through that coordination, but whilst also positioning themselves as &ldquo;simply empty vessels for hosting interactions that would otherwise be taking place&rdquo; (Timko and Melik, 2021). The reality is the opposite. These platforms do not necessarily meet existing needs, rather they are active producers of exchanges who also set the terms of their transactions and draw out extra value from their ever-growing piles of performance data.
+</p>
+
+<p>
+       This level of centralised control is what we must thank for these corporations&rsquo; massive successes, but it is the promise of freedom that seems to be the platform economy&rsquo;s biggest draw for workers. This must be a big draw, because according to some scholars&rsquo; estimates, 10% of Europe&rsquo;s workers participate in the platform economy, a large portion of those people working in food delivery. Advocates of this new system argue that platform work offers new, equal and wider opportunities thanks to its casual hiring process i.e. nearly anyone can sign up for platform work. The usual tedious hiring process is made non-existent. On top of this, platform work provides the freedom to choose the location and duration of your labour, no bosses to tell you when and where to work. But is this freedom real or is it merely the illusion of freedom?
+</p>
+
+<h3 id="be-your-own-boss">&ldquo;Be Your Own Boss&rdquo;</h3>
+
+<p>
+       The idea of being &ldquo;your own boss&rdquo; must be appealing, but in tired catchphrase of the platform economy there is a great sense of irony. Because the Riders and other platform workers are, from a legal perspective, contractors rather than workers, they lack a few advantages that typical employees have. For instance, platform workers are not legally entitled to certain benefits such as the minimum wage, sick pay, overtime pay, paid holidays or on-the-job accident insurance. They are also much weaker when it comes to their collective bargaining power due to their independence from each other, this forces them to work in harsher conditions for reduced wages. The reduction in question is about 40% in real terms since 2018 (Dempsey and Masud, 2024). Whilst Riders are able to make certain choices about their work, the reality is a life of income instability, a continuous employment relationship without continuous work. Without a guarantee of continuous work, workers must make themselves continuously available in order to make ends meet. These conditions produce a heightened level of competition between workers which of course only really benefits the platform companies. This competition doesn&rsquo;t just speed up delivery times, it makes the companies&rsquo; zero-hour contracts seem much more attractive. In reality, these contracts are nothing more than a tool for companies to evade their employer obligations. (Umer, 2021)
+</p>
+
+<p>
+       Overall, the alleged freedom of platform work appears to be nothing more than a mirage; a gross distortion of the notion of freedom used to draw people in. Manchester&rsquo;s Riders specifically are mostly migrant workers, making them more vulnerable to exploitation by platform companies. These companies are aware of this vulnerability and take advantage of it. It is their understanding that the precarious circumstances of migrants living in the UK make them the perfect candidates for an over-exploited workforce that wouldn&rsquo;t dream of fighting back against their employers. At the same time, the flexibility and the easy sign-up process of platform work makes becoming a Rider the obvious choice for people arriving in the country needing money. It is this drive for survival, and the precarity of citizenship, that gives the platform companies&rsquo; their ideal workers. Pushed out of their home countries either by the scourge of never-ending wars or by financial uncertainty (both postcolonial effects; the disruptive legacies of Empire) migrants find themselves in the UK with a severe lack of choice, work whatever job you can get, or go home. Their status as migrant workers makes them especially vulnerable to the predatory business practices mentioned above. Without safe channels for whistleblowing or proper opportunities to air grievances, and with the looming fear of unemployment or deportation, migrant workers working food delivery jobs are forced to work several times harder than &lsquo;traditional employees&rsquo;, in conditions much more dangerous. Some equivalate these conditions to Modern Day Slavery (Bryson, 2024). Whilst this is a subjective term, and whilst platform companies do tend to operate within technically legal boundaries, it is no doubt that the enormous successes of these companies are hugely thanks to the miserable conditions that their Riders face.
+</p>
+
+<h3 id="pr-moves-and-rider-law">PR Moves and &lsquo;Rider Law&rsquo;</h3>
+
+<p>
+       On the surface, one of the giants that makes up the holy trinity of food delivery companies appears to be making a step in the right direction. In May 2022, Deliveroo announced a first-of-its-kind voluntary partnership agreement with British trade union GMB, which covers over ninety thousand Riders. Of the arrangement, GMB national officer Mick Rix said &ldquo;this deal is the first of its kind in the world, tens of thousands of riders of one of the world&rsquo;s largest online food delivery services will now be covered by a collective agreement that gives them a voice . . .  Riders deserve respect for what they do, and Deliveroo deserves praise for developing this innovative agreement with GMB - a blueprint for those working in the platform self-employed sector.&rdquo; This partnership gives GMB the rights to collectively bargain in regard to pay, and allows GMB to represent individual riders in disputes with the company. It also gives the union consultation rights on benefits as well as issues such as health and safety, this means that GMB must be informed and consulted if changes are to be made. Unfortunately, though, the agreement has come under fire from smaller grassroots unions such as the Independent Workers&rsquo; Union of Great Britain (IWGB) who have the largest membership of app-based couriers in the UK. The IWGB boldly labelled the arrangement &ldquo;soft-union-busting&rdquo; and called it &ldquo;nothing more than a hollow PR move&rdquo; to make investors and customers feel comfortable, rather than benefiting their workers. Deliveroo has made other moves to appear to be on the side of its workers, for example the company also pledged to pay its Riders the national minimum wage. However, this only applies to the time spent delivering an order, not the time logged onto the app. On top of this, the agreement with GMB has reinforced that Deliveroo&rsquo;s Riders are technically &lsquo;self-employed&rsquo; rather than &lsquo;workers,&rsquo; an aspect that has garnered more criticism. Alex Marshall, President of the IWGB said that because the agreement &ldquo;accepts couriers&rsquo; status as independent contractors, it undermines the ability of workers to enforce their rights and minimum earnings outside of time spent directly fulfilling orders . . . this backroom deal is a cynical PR move and does little to tackle Deliveroo&rsquo;s documented history of eroding worker rights.&rdquo; (Skelton, 2022)
+</p>
+
+<p>
+       This knife was driven in further, then twisted some, in 2023 when the UK Supreme Court ruled that Deliveroo Riders cannot be recognised as workers or represented by trade unions in regard to collective bargaining. This ruling came after seven years of fighting by the previously mentioned IWGB on behalf of tens of thousands of Riders. It was unanimously decided between five judges that the contract between Deliveroo Riders and the company did not constitute an employment relationship, simply because Riders can get other people to complete their orders for them without the involvement of Deliveroo. The Court stated that &ldquo;Riders are thus free to reject offers of work, to make themselves unavailable, and to undertake work for competitors â€¦ these features are fundamentally inconsistent with any notion of an employment relationship.&rdquo; Whilst this may be true, we&rsquo;ve seen how the apparent freedom of platform work is transformed into misery for workers, and it&rsquo;s therefore quite difficult to feel any sense of justice from this decision. Unsurprisingly, Deliveroo said this was a positive judgement and happily reasserted that thousands of people flock to them each week the experience the joys of flexible work.
+</p>
+
+<p>
+       This ruling was a momentous occasion not just for Deliveroo but for all other companies in the gig-economy, and it will no doubt inform all of their business practices going forward. The idea that platform workers aren&rsquo;t &lsquo;proper&rsquo; workers is hammered home once again, and as a result, legitimate bargaining power and other employment benefits remain out of reach of the Riders. There was a chance that this ruling could challenge that idea. Whether Riders will always be stuck in this sort of catch-22 situation is unsure, but the IWGB says it won&rsquo;t stop fighting, and we&rsquo;ve seen in other countries how political pressure can create real change. For example, over two years ago Deliveroo ceased operations in Spain after the country amended laws to give gig-economy workers further rights including collective bargaining (Criddle, 2023). Known as the &lsquo;rider law&rsquo;, the amendments have made it so platform workers will be considered employees rather than self-employed contractors. It also forces food delivery platforms to inform Riders about the ways in which computer algorithms and artificial intelligence are affecting their working conditions. Deliveroo claimed that these changes were not the determining factor for their move. (Jolly, 2021)
+</p>
+
+<p>
+       We cannot really know if Deliveroo was pushed out of Spain by the country&rsquo;s harsher legislation or not. But this is where another concern arises; who will Riders work for if their platforms shut down? Will the companies be forced to start treating their workers better, or will they simply leave and take the jobs with them? If food delivery platforms shut down, what new predatory companies will step in to exploit the people most in need of work? Currently, those with false work permits, unstable financial situations, and precarious citizenship are the people most vulnerable to exploitation. And, without major changes to both corporate and migration laws, the conditions they are forced to work in will continue to get worse and worse.
+</p>
+
+<h3 id="solidarity">Solidarity</h3>
+
+<p>
+       Given how bad these conditions already are, it is no wonder that many Riders have made attempts to organise and strike. On February 2nd 2024, the grassroots group Delivery Job UK held its first strike. Ahead of the strike, Delivery Job UK emailed all the companies that were to be targeted. In response, Deliveroo emailed all their Riders a letter from GMB stating that they were the &ldquo;trade union for delivery drivers&rdquo; and that they will &ldquo;fight for the issues that matter to you.&rdquo; One of the organisers of the strike said that the responses from Riders went something like &ldquo;Who the fuck are these guys? We&rsquo;ve never heard of them or been approached by them.&rdquo; On the day of the February 2nd strike, Deliveroo emailed restaurants encouraging them to call the police if &ldquo;staff or customers feel under threat&rdquo; or if they &ldquo;observe loitering or anti-social behaviour&rdquo;, a move that left Riders feeling uneasy and upset. A spokesperson for Deliveroo said that the company &ldquo;aims to provide riders with the flexible work that riders tell us they value, attractive earning opportunities and protections&rdquo; and then went on to mention the voluntary partnership with GMB. Similarly, UberEats said that it offers &ldquo;a flexible way for couriers to earn by using the app when and where they choose&rdquo; then also claimed that &ldquo;the vast majority of couriers are satisfied with their experience.&rdquo; Just Eat attested that it takes the &ldquo;concerns of all couriers on the Just Eat network extremely seriously&rdquo; and that it &ldquo;welcomes their feedback&rdquo; also adding that they offer &ldquo;regular incentives to help them maximise their earnings.&rdquo; Given these lacklustre responses, Delivery Job UK organised another strike to take place later that month on Valentines Day. News spread through WhatsApp groups and by word-of-mouth among Riders waiting outside restaurants, and when Valentine&rsquo;s Day arrived, thousands came out to defy their companies. Huge convoys of striking Riders rolled through the cold, icy streets on mopeds and electric bikes, chanting and beeping their horns. A bold and moving act of solidarity against a faceless enemy.
+</p>
+
+<p>
+       With such a large strike on such a crucial day for business, along with a platform boycott by the cause&rsquo;s supporters, it was expected that the outcome would be more positive than that of the strike&rsquo;s predecessor. However, the responses to the Valetine&rsquo;s Day strike were unfortunately more or less the same as the responses garnered by the first one. Just as lacklustre and impersonal. Again, the companies hammered home their claims that most of their workers are happy, and again they reasserted their pride in offering flexible work.  Neither strike resulted in a pay rise. (Smythe, 2024)
+</p>
+
+<h3 id="an-invisible-workforce">An Invisible Workforce</h3>
+
+<p>
+       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&rsquo;t exist until they&rsquo;re stood on the doorstep. Scholars have written about how the platform economy&rsquo;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 (Umer, 2021). 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.
+</p>
+
+<h3 id="afterword">Afterword</h3>
+
+<p>
+       Over the course of this project, I probably spoke to around a hundred Riders, maybe more. Most of my time was spent wandering alone around Manchester trying to find people who would speak to me or let me take their photos. Unsurprisingly, not many people were happy to pose for a portrait, but nearly everyone I approached seemed happy to talk. The responses to the project were overwhelmingly positive, and I was met with unbelievable openness from nearly everyone I spoke to. Learning from the Riders themselves was an incredibly vivid and eye-opening experience; a slightly unorthodox research method that ended up being intensely personal. When I began going out with a team and a backdrop, we garnered a lot of attention from both Riders and people going about their day. Some good, some bad. One Rider screeched to a halt when he saw us and began yelling something like &ldquo;What are they doing! Think about the company! The company!&rdquo; Abdi, the Rider who&rsquo;s portrait I was taking told me not to worry, and pretty soon the sceptic was laughed away by the crowd of onlooking Riders.
+</p>
+
+<p>
+       My hope was that the huge backdrop and the bright flash would be something of an experience for the people I was photographing. I like to think that this worked out, that it was an experience that stuck with them, and that they will have proudly shared the photos with their friends and families. On top of this, I hope that the many conversations I had with the Riders are another thing that stuck with them. My plan was to devote a lot of time to talking and building relationships, resulting in a stronger level of trust that made the project more authentic. Going forward, this is something I want to work on much more. Developing relationships until we&rsquo;re at the point where this book can be made again from scratch, with the input and help of the Riders themselves, with their own words and their own images, represented on their own terms.
+</p>
+
+<h3 id="acknowledgements">Acknowledgements</h3>
+
+<p><em>For my Dad</em></p>
+
+<p>
+       Mum, for being my biggest supporter<br>
+       Arthur Whelan, I couldn&rsquo;t have done it without you, my faithful backdrop boy<br>
+       Fin Miller, Lewis Ream, Sully Qureshi, Ben James, and Patrick Naylor, my amazing light-holders and backdrop-boy-stand-ins<br>
+       Carolyn Mendelsohn for her mentorship and ideas.<br>
+       Charlie Clift for inspiring these images.<br>
+       Caroline Edge, Chrystal Cherniwchan, &amp; Caitlin Griffiths, for believing in the project<br>
+       John Boothe, for imparting some of your endless editing wisdom onto me<br>
+       Craig Tattersall, for helping me build backdrop 1.0<br>
+       Dan Pickles, for helping me build backdrop 2.0<br>
+       Alex &amp; Liam, for accepting my printing challenge<br>
+       The Equipment Store Team, for putting up with me
+</p>
+
+!-->
+
+<iframe src="/media/book.pdf"></iframe>
+
+<h3>References</h3>
+
+<p>
+       Criddle, Cristina. (2023) <em>UK Supreme Court Rules Deliveroo Riders Are Not Workers in an Employment Relationship.</em> Financial Times, Retrived 21 Nov. 2023 <a href="www.ft.com/content/c8668b27-d302-4055-89c1-59fd034d1d60">www.ft.com/content/c8668b27-d302-4055-89c1-59fd034d1d60</a>
+</p>
+
+<p>
+       Dempsey, Jemma, and Faarea Masud. (2024). <em>Deliveroo and Uber Eats Riders Strike on Valentine&rsquo;s Day.</em> BBC News, Retrived 12 Feb. 2024 <a href="www.bbc.co.uk/news/business-68274158">www.bbc.co.uk/news/business-68274158</a>
+</p>
+
+<p>
+       Jolly, Jasper. (2021) <em>Deliveroo Unveils Plans to Pull out of Spain in Wake of &ldquo;Rider Law.&rdquo;</em> The Guardian, Retrived 30 July 2021 <a href="www.theguardian.com/business/2021/jul/30/deliveroo-unveils-plans-to-pull-out-of-spain-in-wake-of-rider-law">www.theguardian.com/business/2021/jul/30/deliveroo-unveils-plans-to-pull-out-of-spain-in-wake-of-rider-law</a>
+</p>
+
+<p>
+       Skelton, Sebastian Klovig. (2022). <em>Deliveroo Accused of &ldquo;Soft Union Busting&rdquo; with GMB Deal | Computer Weekly.</em> ComputerWeekly.com, Retrived 19 May 2022 <a href="www.computerweekly.com/news/252518353/Deliveroo-accused-of-soft-union-busting-with-GMB-deal">www.computerweekly.com/news/252518353/Deliveroo-accused-of-soft-union-busting-with-GMB-deal</a>
+</p>
+
+<p>
+       Smythe, Polly. (2024). <em>No Love for Deliveroo&rdquo;: Food Couriers in Massive Valentine&rsquo;s Day Strike.</em> Novara Media, Accessed 15 Feb. 2024 <a href="novaramedia.com/2024/02/15/no-love-for-deliveroo-food-couriers-in-a-massive-valentines-day-strike/">novaramedia.com/2024/02/15/no-love-for-deliveroo-food-couriers-in-a-massive-valentines-day-strike/</a>
+</p>
+
+<p>
+       Sturge, G. (2024). <em>Migration Statistics</em>. commonslibrary.parliament.uk. <a href="https://commonslibrary.parliament.uk/research-briefings/sn06077/">https://commonslibrary.parliament.uk/research-briefings/sn06077/</a>
+</p>
+
+<p>
+       Timko, P., &amp; van Melik, R. (2021). Being a Deliveroo Rider: Practices of Platform Labor in Nijmegen and Berlin. <em>Journal of Contemporary Ethnography, 50</em>(4), 497-523. <a href="https://doi.org/10.1177/0891241621994670">https://doi.org/10.1177/0891241621994670</a>
+</p>
+
+<p>
+       Umer, Hamza. (2021). Illusory Freedom of Physical Platform Workers: Insights from Uber Eats in Japan. <em>The Economic and Labour Relations Review, vol. 32</em>(3). <a href="https://doi.org/10.1177/1035304621992466">https://doi.org/10.1177/1035304621992466</a>
+</p>
+
+<h3>Riders Quotes</h3>
+
+<h4>Cristian</h4>
+
+<p>
+       My hope for the future is that finally people, especially the working class people, can have the opportunity to understand his role in the history so we can eradicate the idea of borders and banal nationalistic feelings that divide us all around the world. In that way we can build a society free of any kind of discrimination and be able to have societies where the basic needs would not be an obstacle to have free time and develop other capabilities as art, music, philosophy, etc. and anyone can explore their own happiness without any economic, political or cultural restrain. Then we could have a world free of wars and classes. But my hope in short term is that Palestine and its people could have the opportunity to live in peace and have sovereignty of their own land.
+</p>
+
+<h4>Mohit</h4>
+
+<p>
+       My future, my grand plan, is to quit this job. After four months I will start again in winter, because in winter work is good. Because everybody orders online, in summer everyone comes outside but in winter if the weather is right, work is very busy. In the sun rise, there is no work.
+</p>
+
+<h4>Hamza</h4>
+
+<p>
+My future hobbies or goals are to become a marathon runner and win a gold medal in the Olympics. Secondly, I want to become a content creator around the world. Discover what is on this planet and its cultures.
+</p>
+
+<h4>Haseen</h4>
+<dl>
+       <dt>How do you feel about being a delivery driver?</dt>
+       <dd>
+               Being a delivery driver while studying in the UK is a humbling experience&mdash;especially because I&rsquo;m a qualified doctor in my home country. It's not just a job; it's a survival tool in a high-cost environment. There are days when I go straight from university research to delivery routes, with barely a moment to breathe. Emotionally, it's tough to reconcile my professional background with the work I do now. But I try to focus on the bigger picture&mdash;this is temporary, and I&rsquo;m doing what I must to build a better future.
+       </dd>
+
+       <dt>What is your experience as a migrant worker in the UK?</dt>
+       <dd>
+               As a migrant and an international postgraduate student, life in the UK has been incredibly challenging. Despite being a doctor back home and actively pursuing research here, I find myself in low-income jobs just to pay for essentials. It&rsquo;s disheartening when your qualifications don&rsquo;t hold the same weight, and you're constantly trying to prove yourself in every setting. I feel like I&rsquo;m living two lives: one in pursuit of academic excellence, and the other just fighting to stay afloat financially. It&rsquo;s mentally and emotionally exhausting.
+       </dd>
+
+       <dt>Have you ever been in danger whilst working as a delivery driver?</dt>
+       <dd>
+               Yes, there have been times I felt unsafe while working as a delivery driver&mdash;especially during late-night shifts or when delivering to isolated or poorly lit areas. Even something as simple as traffic or dealing with aggressive behavior can turn risky. One of the most dangerous aspects is the fatigue&mdash;after long hours at university, driving around in all weather conditions becomes physically and mentally risky. Thankfully, I&rsquo;ve managed to stay safe, but the uncertainty is always there.
+       </dd>
+
+       <dt>What are your hopes for the future?</dt>
+       <dd>
+               I hope to complete my postgraduate research successfully and return to my professional path as a doctor and researcher. My dream is to contribute to the medical field through both clinical practice and academic work. I want to be in a position where I can use my skills to make a difference&mdash;not just survive on side jobs. Eventually, I hope to secure a role in healthcare or research here in the UK, where my experience and education are recognized. This phase is difficult, but I believe it&rsquo;s just one chapter in a much bigger story.
+       </dd>
+</dl>
+
+               </main>
+               <details style="
+                       position: fixed;
+                       top: 10px;
+                       right: 10px;
+                       font-family: serif;
+                       border: 1px solid red;
+                       color: red;
+                       ">
+                       <summary>Change notes Chester</summary>
+                       <p>Requests changed since last meeting:</p>
+                       <ul>
+                               <li>Remove the drop arrows on the drop-down menu on the left (done, added only on hover, could remove those also)</li>
+                               <li>Add the text with images at the top (done)</li>
+                               <li>Change the riders font at the top to Proxima Nova (done)</li>
+                               <li>Try the slideshow with buttons instead of text at the bottom</li>
+                               <li>Setup the site for auth view (if youre reading this its done)</li>
+                       </ul>
+                       Also added audio and implemented captions for accessibility.
+               </details>
+               <div id="dim" style="pointer-events: none">
+                       <span style="pointer-events: none">Close</span>
+               </div>
+       </body>
+</html>
diff --git a/media/audio/ahmed.mp3 b/media/audio/ahmed.mp3
new file mode 100644 (file)
index 0000000..e660849
Binary files /dev/null and b/media/audio/ahmed.mp3 differ
diff --git a/media/audio/ahmed.txt b/media/audio/ahmed.txt
new file mode 100644 (file)
index 0000000..30444e5
--- /dev/null
@@ -0,0 +1,48 @@
+ First of all, the one and the foremost thing is that most of the drivers, like the car
+ drivers, really do not respect, really, they do not have respect for the cyclists.
+ Because they think that we are just an extra, something extra on their roads.
+ And they just consider us that why we are here on their roads.
+ And they are just exploiting us and abusing us where the police do not look at them.
+ And where the cameras are not, then they definitely abused us.
+ And at some points, they may hit us if we do not cover ourselves.
+ And one is the negative point is that sometimes the Uber offer almost just four pounds for
+ seven miles.
+ And this is really, really very, very poor jobs that are offered by Uber.
+ And it's really depressing for why we are here in this job.
+ But on the other hand, at some extent, we are a little bit satisfied.
+ You can say that we are almost 50/50 satisfied with our jobs.
+ But if we have any other option as compared to the delivery, then we will definitely choose
+ that option, not for delivery, not delivery.
+ I was working at night and I was really beaten up by some teenagers.
+ They are almost 16, almost 15 to 16 people.
+ And they all are on large bicycles like the Alergo bicycles.
+ And when I have, I was just going on the footpath with my delivery and one of them just came
+ with the speed of almost 45 kilometers per hour and they just slapped me on the behind
+ of my face.
+ And when I looked behind them, there are more than 15 people and they all started beating
+ me.
+ And first of all, they are demanded for the cycle that I give my cycle to them.
+ And then they started beating me.
+ And then they have also some of them, they also have a sword like a very big knife and
+ very big sword.
+ And they all are teenagers.
+ Their faces are covered, but we can easily recognize that they are teenagers.
+ And it's really a dangerous, most dangerous part of our job because we are the soft target
+ for them.
+ I have a lot of hopes for the future.
+ Like firstly, I want a good and secure job for myself.
+ And secondly, I want to learn something about UK and I just, it's my hobby, it's my interest
+ that I should go to one of the universities into the UK, whether it's in Manchester or
+ in Bradford or in London, because the universities have a lot of things to learn for the students
+ and for all of the people, irrespective of their culture and irrespective of their country.
+ And secondly, I want to learn some different things from the people of the UK, like how
+ they live and how they become a so much successful nation.
+ As a nation wise, I want to learn something from them because as a Pakistani from the
+ last four, 75 years, we cannot become like them, but we want to become, it's our dream
+ that we may become one day like just like the British people, the happiness that they
+ attain, the lifestyle they attain, the health facilities and the infrastructure they attain.
+ I hope that our Pakistan country, our Pakistan country may look like this country as well.
+ So these are my little wishes that I should come, that I came here and I do not want to
+ waste my whole life into the delivery as a delivery rider, but I want to do something
+ even for UK and even for my own country.
+ So that is my little dream after that.
diff --git a/media/audio/ahmed.vtt b/media/audio/ahmed.vtt
new file mode 100644 (file)
index 0000000..0f635fb
--- /dev/null
@@ -0,0 +1,146 @@
+WEBVTT
+
+00:00:00.000 --> 00:00:08.480
+ First of all, the one and the foremost thing is that most of the drivers, like the car
+
+00:00:08.480 --> 00:00:13.960
+ drivers, really do not respect, really, they do not have respect for the cyclists.
+
+00:00:13.960 --> 00:00:19.200
+ Because they think that we are just an extra, something extra on their roads.
+
+00:00:19.200 --> 00:00:23.280
+ And they just consider us that why we are here on their roads.
+
+00:00:23.280 --> 00:00:31.440
+ And they are just exploiting us and abusing us where the police do not look at them.
+
+00:00:31.440 --> 00:00:35.200
+ And where the cameras are not, then they definitely abused us.
+
+00:00:35.200 --> 00:00:42.720
+ And at some points, they may hit us if we do not cover ourselves.
+
+00:00:42.720 --> 00:00:49.040
+ And one is the negative point is that sometimes the Uber offer almost just four pounds for
+
+00:00:49.040 --> 00:00:50.560
+ seven miles.
+
+00:00:50.560 --> 00:00:56.580
+ And this is really, really very, very poor jobs that are offered by Uber.
+
+00:00:56.580 --> 00:01:01.200
+ And it's really depressing for why we are here in this job.
+
+00:01:01.200 --> 00:01:07.000
+ But on the other hand, at some extent, we are a little bit satisfied.
+
+00:01:07.000 --> 00:01:11.360
+ You can say that we are almost 50/50 satisfied with our jobs.
+
+00:01:11.360 --> 00:01:17.000
+ But if we have any other option as compared to the delivery, then we will definitely choose
+
+00:01:17.000 --> 00:01:19.680
+ that option, not for delivery, not delivery.
+
+00:01:20.560 --> 00:01:30.320
+ I was working at night and I was really beaten up by some teenagers.
+
+00:01:30.320 --> 00:01:35.240
+ They are almost 16, almost 15 to 16 people.
+
+00:01:35.240 --> 00:01:40.900
+ And they all are on large bicycles like the Alergo bicycles.
+
+00:01:40.900 --> 00:01:46.960
+ And when I have, I was just going on the footpath with my delivery and one of them just came
+
+00:01:46.960 --> 00:01:52.020
+ with the speed of almost 45 kilometers per hour and they just slapped me on the behind
+
+00:01:52.020 --> 00:01:53.520
+ of my face.
+
+00:01:53.520 --> 00:01:58.720
+ And when I looked behind them, there are more than 15 people and they all started beating
+
+00:01:58.720 --> 00:01:59.720
+ me.
+
+00:01:59.720 --> 00:02:06.360
+ And first of all, they are demanded for the cycle that I give my cycle to them.
+
+00:02:06.360 --> 00:02:09.400
+ And then they started beating me.
+
+00:02:09.400 --> 00:02:15.640
+ And then they have also some of them, they also have a sword like a very big knife and
+
+00:02:15.640 --> 00:02:17.200
+ very big sword.
+
+00:02:17.200 --> 00:02:18.520
+ And they all are teenagers.
+
+00:02:18.520 --> 00:02:23.120
+ Their faces are covered, but we can easily recognize that they are teenagers.
+
+00:02:23.120 --> 00:02:30.240
+ And it's really a dangerous, most dangerous part of our job because we are the soft target
+
+00:02:30.240 --> 00:02:33.240
+ for them.
+
+00:02:33.240 --> 00:02:36.120
+ I have a lot of hopes for the future.
+
+00:02:36.120 --> 00:02:42.760
+ Like firstly, I want a good and secure job for myself.
+
+00:02:42.760 --> 00:02:50.660
+ And secondly, I want to learn something about UK and I just, it's my hobby, it's my interest
+
+00:02:50.660 --> 00:02:56.480
+ that I should go to one of the universities into the UK, whether it's in Manchester or
+
+00:02:56.480 --> 00:03:01.920
+ in Bradford or in London, because the universities have a lot of things to learn for the students
+
+00:03:01.920 --> 00:03:08.880
+ and for all of the people, irrespective of their culture and irrespective of their country.
+
+00:03:08.880 --> 00:03:15.980
+ And secondly, I want to learn some different things from the people of the UK, like how
+
+00:03:15.980 --> 00:03:20.860
+ they live and how they become a so much successful nation.
+
+00:03:20.860 --> 00:03:24.820
+ As a nation wise, I want to learn something from them because as a Pakistani from the
+
+00:03:24.820 --> 00:03:30.360
+ last four, 75 years, we cannot become like them, but we want to become, it's our dream
+
+00:03:30.360 --> 00:03:35.920
+ that we may become one day like just like the British people, the happiness that they
+
+00:03:35.920 --> 00:03:40.880
+ attain, the lifestyle they attain, the health facilities and the infrastructure they attain.
+
+00:03:40.880 --> 00:03:47.960
+ I hope that our Pakistan country, our Pakistan country may look like this country as well.
+
+00:03:47.960 --> 00:03:53.160
+ So these are my little wishes that I should come, that I came here and I do not want to
+
+00:03:53.160 --> 00:03:59.200
+ waste my whole life into the delivery as a delivery rider, but I want to do something
+
+00:03:59.200 --> 00:04:02.760
+ even for UK and even for my own country.
+
+00:04:02.760 --> 00:04:04.520
+ So that is my little dream after that.
+
diff --git a/media/audio/cristian.mp3 b/media/audio/cristian.mp3
new file mode 100644 (file)
index 0000000..ab16787
Binary files /dev/null and b/media/audio/cristian.mp3 differ
diff --git a/media/audio/cristian.txt b/media/audio/cristian.txt
new file mode 100644 (file)
index 0000000..636c147
--- /dev/null
@@ -0,0 +1,41 @@
+ First of all, we need to understand that people who are working in this industry, most of
+ us who are immigrants, we have no documentation to work legally in this country.
+ That's the first thing we need to know about it.
+ Everyone knows that.
+ Even people when you are in the street, there are many things that's happening because first
+ the government knows that.
+ People knows there is around two million people in this country living, I don't like to use
+ "illegal" because that's not the word, it's just people with no documents to work in this
+ country.
+ So we are around two million people, three million or something like that, and it's happening
+ the same way in the United States of America.
+ That they know people are there working, but they are allowed to do that because it's part
+ of the reproduction of the capital system.
+ And so knowing that, that they know that we are here working in this situation, they take
+ advantage of that situation on us, these companies, they know that and they know that they can
+ pay us less and less and also because there are many immigrants coming, there are more
+ people working in this industry, so basically they know they can make a big amount of profit.
+ So all the things I've been telling you about these wages that we are making, we need to
+ fight with those wages, but also with the risks that were always happening with the
+ cars is the most difficult thing or the big trucks that are beside us, but sometimes they
+ don't respect the lines from the bicycle and basically many of them, they just do it in
+ purpose that they put in the car, like in the way that they're not supposed to be just
+ and shouting out like bad things, you know.
+ The average could be 10 pounds by hour, the average.
+ Some days you can make more, but it's very rare to do that and that's the difficulty
+ about this job because you need to rush and fight against time because they don't pay
+ us by time, they pay us by order.
+ The minimum amount of money that you can make by order in delivery, which is the app that
+ I have, is 3 pounds, 2.90, is the less that they pay you, should be like a short distance
+ order, but that varies because there is an algorithm in the app and basically depending
+ how are you working with the app, it's like a game because if, for example, if you get
+ a long distance order that probably they can pay you 10 or 14 depending how long it is
+ and you take that order, the algorithm in the app starts to send you this kind of distances
+ and those orders, but that's a trick because if you take that order, for example, I say
+ mate, there is nothing, I've been waiting an hour for an order so I need to take it,
+ and even if they pay me bad money, you take it, the algorithm starts to use that pattern
+ and they start to pay you less and less and less and less all the time, so basically about
+ that you need to reject many orders until the algorithm starts to put you more fair
+ money to you and you start to playing with that algorithm, so it's difficult because
+ sometimes you're waiting one hour, mate, there is nothing, there are many riders now, before
+ it was not like that, it's like a competition, capitalist thing, you know.
diff --git a/media/audio/cristian.vtt b/media/audio/cristian.vtt
new file mode 100644 (file)
index 0000000..ac70cca
--- /dev/null
@@ -0,0 +1,125 @@
+WEBVTT
+
+00:00:00.000 --> 00:00:06.200
+ First of all, we need to understand that people who are working in this industry, most of
+
+00:00:06.200 --> 00:00:11.200
+ us who are immigrants, we have no documentation to work legally in this country.
+
+00:00:11.200 --> 00:00:14.040
+ That's the first thing we need to know about it.
+
+00:00:14.040 --> 00:00:15.720
+ Everyone knows that.
+
+00:00:15.720 --> 00:00:20.760
+ Even people when you are in the street, there are many things that's happening because first
+
+00:00:20.760 --> 00:00:22.400
+ the government knows that.
+
+00:00:22.400 --> 00:00:29.440
+ People knows there is around two million people in this country living, I don't like to use
+
+00:00:29.440 --> 00:00:35.240
+ "illegal" because that's not the word, it's just people with no documents to work in this
+
+00:00:35.240 --> 00:00:37.400
+ country.
+
+00:00:37.400 --> 00:00:43.240
+ So we are around two million people, three million or something like that, and it's happening
+
+00:00:43.240 --> 00:00:46.560
+ the same way in the United States of America.
+
+00:00:46.560 --> 00:00:51.000
+ That they know people are there working, but they are allowed to do that because it's part
+
+00:00:51.000 --> 00:00:55.000
+ of the reproduction of the capital system.
+
+00:00:55.000 --> 00:01:02.360
+ And so knowing that, that they know that we are here working in this situation, they take
+
+00:01:02.360 --> 00:01:09.440
+ advantage of that situation on us, these companies, they know that and they know that they can
+
+00:01:09.440 --> 00:01:13.480
+ pay us less and less and also because there are many immigrants coming, there are more
+
+00:01:13.480 --> 00:01:21.560
+ people working in this industry, so basically they know they can make a big amount of profit.
+
+00:01:21.560 --> 00:01:26.280
+ So all the things I've been telling you about these wages that we are making, we need to
+
+00:01:26.280 --> 00:01:30.400
+ fight with those wages, but also with the risks that were always happening with the
+
+00:01:30.400 --> 00:01:34.960
+ cars is the most difficult thing or the big trucks that are beside us, but sometimes they
+
+00:01:34.960 --> 00:01:40.360
+ don't respect the lines from the bicycle and basically many of them, they just do it in
+
+00:01:40.360 --> 00:01:44.760
+ purpose that they put in the car, like in the way that they're not supposed to be just
+
+00:01:44.760 --> 00:01:49.760
+ and shouting out like bad things, you know.
+
+00:01:49.760 --> 00:01:54.360
+ The average could be 10 pounds by hour, the average.
+
+00:01:54.360 --> 00:01:59.800
+ Some days you can make more, but it's very rare to do that and that's the difficulty
+
+00:01:59.800 --> 00:02:07.640
+ about this job because you need to rush and fight against time because they don't pay
+
+00:02:07.640 --> 00:02:11.680
+ us by time, they pay us by order.
+
+00:02:11.680 --> 00:02:17.720
+ The minimum amount of money that you can make by order in delivery, which is the app that
+
+00:02:17.720 --> 00:02:25.720
+ I have, is 3 pounds, 2.90, is the less that they pay you, should be like a short distance
+
+00:02:25.720 --> 00:02:34.840
+ order, but that varies because there is an algorithm in the app and basically depending
+
+00:02:34.840 --> 00:02:41.880
+ how are you working with the app, it's like a game because if, for example, if you get
+
+00:02:41.880 --> 00:02:49.880
+ a long distance order that probably they can pay you 10 or 14 depending how long it is
+
+00:02:49.880 --> 00:02:56.640
+ and you take that order, the algorithm in the app starts to send you this kind of distances
+
+00:02:56.640 --> 00:03:01.840
+ and those orders, but that's a trick because if you take that order, for example, I say
+
+00:03:01.840 --> 00:03:06.080
+ mate, there is nothing, I've been waiting an hour for an order so I need to take it,
+
+00:03:06.080 --> 00:03:13.560
+ and even if they pay me bad money, you take it, the algorithm starts to use that pattern
+
+00:03:13.560 --> 00:03:22.240
+ and they start to pay you less and less and less and less all the time, so basically about
+
+00:03:22.240 --> 00:03:30.400
+ that you need to reject many orders until the algorithm starts to put you more fair
+
+00:03:30.400 --> 00:03:37.480
+ money to you and you start to playing with that algorithm, so it's difficult because
+
+00:03:37.480 --> 00:03:42.320
+ sometimes you're waiting one hour, mate, there is nothing, there are many riders now, before
+
+00:03:42.320 --> 00:03:47.080
+ it was not like that, it's like a competition, capitalist thing, you know.
+
diff --git a/media/audio/mohammad.mp3 b/media/audio/mohammad.mp3
new file mode 100644 (file)
index 0000000..3a0d5d0
Binary files /dev/null and b/media/audio/mohammad.mp3 differ
diff --git a/media/audio/mohammad.txt b/media/audio/mohammad.txt
new file mode 100644 (file)
index 0000000..090f3fc
--- /dev/null
@@ -0,0 +1,16 @@
+ the racist behavior that a delivery driver might experience are a lot so if
+ you are a delivery driver you are automatically received a racist behavior
+ unless you got you you you got blue eyes or green eyes or blonde hair and you
+ expose your face like very bald so everyone can see that this guy is
+ European so don't don't mess with him or something like that but eventually when
+ you are delivery driver yes some people they just trying to hit you like when
+ you are riding some people they just trying to push your bike some some
+ drivers they don't even care about the delivery drivers they they just follow
+ their the road and they don't care about the space between them so yeah there
+ are a lot of racist behaviors that a delivery driver might experience being a
+ delivery driver automatically downgrade you to the third degree citizen like a
+ you won't be a monk of you won't count they did no one count you as a working
+ class no one count you as a like citizen so yes there are that that's not a
+ that's not a posh job I would say not not a specifically the delivery driver
+ but being an immigrant in UK it's kind of give you the sense that you are not the
+ proper citizen
diff --git a/media/audio/mohammad.vtt b/media/audio/mohammad.vtt
new file mode 100644 (file)
index 0000000..16154cc
--- /dev/null
@@ -0,0 +1,50 @@
+WEBVTT
+
+00:00:00.000 --> 00:00:12.000
+ the racist behavior that a delivery driver might experience are a lot so if
+
+00:00:12.000 --> 00:00:19.320
+ you are a delivery driver you are automatically received a racist behavior
+
+00:00:19.320 --> 00:00:28.400
+ unless you got you you you got blue eyes or green eyes or blonde hair and you
+
+00:00:28.400 --> 00:00:35.760
+ expose your face like very bald so everyone can see that this guy is
+
+00:00:35.760 --> 00:00:41.240
+ European so don't don't mess with him or something like that but eventually when
+
+00:00:41.240 --> 00:00:48.120
+ you are delivery driver yes some people they just trying to hit you like when
+
+00:00:48.120 --> 00:00:54.200
+ you are riding some people they just trying to push your bike some some
+
+00:00:54.200 --> 00:01:00.240
+ drivers they don't even care about the delivery drivers they they just follow
+
+00:01:00.240 --> 00:01:07.000
+ their the road and they don't care about the space between them so yeah there
+
+00:01:07.000 --> 00:01:15.260
+ are a lot of racist behaviors that a delivery driver might experience being a
+
+00:01:15.260 --> 00:01:23.840
+ delivery driver automatically downgrade you to the third degree citizen like a
+
+00:01:23.840 --> 00:01:29.740
+ you won't be a monk of you won't count they did no one count you as a working
+
+00:01:29.740 --> 00:01:38.080
+ class no one count you as a like citizen so yes there are that that's not a
+
+00:01:38.080 --> 00:01:45.880
+ that's not a posh job I would say not not a specifically the delivery driver
+
+00:01:45.880 --> 00:01:58.880
+ but being an immigrant in UK it's kind of give you the sense that you are not the
+
+00:01:58.880 --> 00:02:02.400
+ proper citizen
+
diff --git a/media/book.pdf b/media/book.pdf
new file mode 100644 (file)
index 0000000..32fb859
Binary files /dev/null and b/media/book.pdf differ
diff --git a/media/photos/anonymous1.jpg b/media/photos/anonymous1.jpg
new file mode 100644 (file)
index 0000000..6603a2a
Binary files /dev/null and b/media/photos/anonymous1.jpg differ
diff --git a/media/photos/anonymous2.jpg b/media/photos/anonymous2.jpg
new file mode 100644 (file)
index 0000000..fcf8fc6
Binary files /dev/null and b/media/photos/anonymous2.jpg differ
diff --git a/media/photos/anonymous3.jpg b/media/photos/anonymous3.jpg
new file mode 100644 (file)
index 0000000..390e227
Binary files /dev/null and b/media/photos/anonymous3.jpg differ
diff --git a/media/photos/ataklti.jpg b/media/photos/ataklti.jpg
new file mode 100644 (file)
index 0000000..838908b
Binary files /dev/null and b/media/photos/ataklti.jpg differ
diff --git a/media/photos/cristian.jpg b/media/photos/cristian.jpg
new file mode 100644 (file)
index 0000000..d24f175
Binary files /dev/null and b/media/photos/cristian.jpg differ
diff --git a/media/photos/edited1.jpg b/media/photos/edited1.jpg
new file mode 100644 (file)
index 0000000..427d8bd
Binary files /dev/null and b/media/photos/edited1.jpg differ
diff --git a/media/photos/edited2.jpg b/media/photos/edited2.jpg
new file mode 100644 (file)
index 0000000..525edcb
Binary files /dev/null and b/media/photos/edited2.jpg differ
diff --git a/media/photos/haseen.jpg b/media/photos/haseen.jpg
new file mode 100644 (file)
index 0000000..f933a15
Binary files /dev/null and b/media/photos/haseen.jpg differ
diff --git a/media/photos/mohit.jpg b/media/photos/mohit.jpg
new file mode 100644 (file)
index 0000000..9145d2a
Binary files /dev/null and b/media/photos/mohit.jpg differ
diff --git a/resize.sh b/resize.sh
new file mode 100755 (executable)
index 0000000..5a92d2b
--- /dev/null
+++ b/resize.sh
@@ -0,0 +1,12 @@
+mkdir media/photos_3840
+mkdir media/photos_1920
+mkdir media/photos_960
+mkdir media/photos_480
+
+for f in media/photos/*;
+    do
+    convert -resize 3840 $f "media/photos_3840/$(basename $f)"
+    convert -resize 1920 $f "media/photos_1920/$(basename $f)"
+    convert -resize 960 $f "media/photos_960/$(basename $f)"
+    convert -resize 480 $f "media/photos_480/$(basename $f)";
+done
diff --git a/script.js b/script.js
new file mode 100644 (file)
index 0000000..d5822b3
--- /dev/null
+++ b/script.js
@@ -0,0 +1,157 @@
+let slideCount = 0;
+let slideCurrent = 0
+
+function setup () {
+       // setup the details elements
+       const elements = document.querySelectorAll("nav details summary");
+       for (element of elements) {
+               let parent = element.parentNode;
+
+               parent.open = true;
+               parent.dataset.open = false;
+
+               let closedHeight = element.offsetHeight;
+               let openHeight = parent.offsetHeight;
+
+               parent.style.height = `${closedHeight}px`;
+               parent.style.overflow = "hidden";
+
+               element.addEventListener('click', function(e) {
+                       console.log("details");
+                       e.preventDefault();
+                       let parent = e.target.parentNode;
+
+                       if (parent.dataset.open == "true") {
+                               parent.style.height = `${closedHeight}px`;
+                               parent.dataset.open = false;
+                       }
+                       else {
+                               parent.style.height = `${openHeight}px`;
+                               parent.dataset.open = true;
+                       }
+               });
+       }
+
+       // setup the slideshow
+       slideshows = document.getElementsByClassName("slideshow");
+       let s = 0;
+       for (slideshow of slideshows) {
+               let i = 0;
+               for (child of slideshow.children) {
+                       if (child.tagName == "IMG") {
+                               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.children[0].style.display = "block";
+               s++;
+       }
+
+       // sets up the dimmer close button
+       const dim = document.getElementById("dim");
+       const close = document.querySelector("#dim span");
+       close.addEventListener("click", (e) => {
+               dim.style.opacity = 0;
+               dim.style.pointerEvents = "none";
+               close.style.pointerEvents = "none";
+               try {
+                       let copy = document.getElementById("enlargeCopy");
+                       copy.style.opacity = 0;
+                       setTimeout(function () { copy.remove() }, 500);
+               } catch {}
+       });
+
+       // sets up the image enlarge
+       const images = document.getElementsByTagName("img");
+       for (image of images) {
+               image.addEventListener("click", (e) => {
+                       // dim the lights
+                       dim.style.opacity = 0.7;
+                       dim.style.pointerEvents = "auto";
+                       close.style.pointerEvents = "auto";
+
+                       // get origional image position
+                       let rect = e.target.getBoundingClientRect();
+
+                       // bring up the image
+                       let copy = e.target.cloneNode();
+                       copy.id = "enlargeCopy";
+                       copy.style.position = "absolute";
+                       copy.style.top = `${rect.top}px`;
+                       copy.style.left = `${rect.left}px`;
+                       copy.style.width = `${rect.width}px`;
+                       copy.style.height = `${rect.height}px`;
+
+                       copy.style.opacity = 1;
+                       copy.style.transition = `
+                               opacity 0.3s,
+                               top 0.3s,
+                               left 0.3s,
+                               width 0.3s,
+                               height 0.3s
+                               `;
+
+                       dim.after(copy);
+
+                       setTimeout(function () {
+                               copy.style.objectFit = "contain";
+                               copy.style.top = "5vh";
+                               copy.style.left = "5vw";
+                               copy.style.width = "90vw";
+                               copy.style.height = "90vh";
+                       }, 50);
+               });
+       }
+
+       /*
+       // sets up the closed captions
+       // adapted from: https://james.cridland.net/blog/2025/html-audio-player-with-captions/
+       // Safari needs to be specifically told to show this track, for some reason.
+       for (e of document.getElementsByClassName("captionedAudio")) {
+               e.textTracks[0].mode="showing";
+               const caption = document.createElement("span");
+               caption.classList.add("caption");
+               e.parentNode.insertBefore(caption, e.nextSibling);
+
+               e.textTracks[0].addEventListener('cuechange', (function () {
+                       var el = e;
+                       return function() {
+                               console.log(el);
+                               el.nextElementSibling.innerText = this.activeCues[0].text;
+                       }
+               })());
+       }
+       */
+
+
+}
+
+setup();
diff --git a/style.css b/style.css
new file mode 100644 (file)
index 0000000..2fdc1eb
--- /dev/null
+++ b/style.css
@@ -0,0 +1,226 @@
+:root {
+       --darkgray: #333333;
+       --mediumgray: #555555;
+
+       font-family: "Proxima Nova", sans-serif;
+       font-size: 0.9rem;
+}
+
+h1, h2, h3, h4, h5, h6 {
+       font-weight: 600;
+}
+
+/*
+ * Within the nav menu:
+ * Links will be colored dark gray and go a slightly lighter gray when hovered
+ * to signal that they are links
+ * dropdowns will be followed by an ellipsis and will be black
+ */
+
+/* clean up lists and the details tag */
+nav ul {
+       list-style-type: none;
+       padding-inline-start: 20px;
+}
+nav > ul { padding-inline-start: 0px; }
+nav summary { list-style-type: none; }
+nav summary:hover { color: var(--darkgray); }
+nav summary::after {
+       content: " \21B4";
+       font-size: 0.75em;
+       opacity: 0;
+       transition: opacity 0.2s;
+}
+nav summary:hover::after {
+       opacity: 1;
+}
+
+nav li { margin-top: 10px; }
+nav details li:last-child { margin-bottom: 20px; }
+nav details { transition: height 0.35s; }
+
+/* link styling */
+nav a:link, nav a:visited, nav a:focus {
+       color: var(--darkgray);
+       text-decoration: none;
+}
+
+nav a:hover {
+       color: var(--mediumgray);
+}
+
+/* COMMON link styling */
+a:link, a:visited, a:focus {
+       color: var(--darkgray);
+       text-decoration: none;
+}
+
+a:hover {
+       color: var(--mediumgray);
+}
+
+/* hgroup styling */
+nav h1 {
+       font-size: 1.3em;
+}
+
+/*
+ *    Will be using the nav and the main tags side by side
+ *
+ *    crj |              |
+ *    ----| slideshow    |
+ *    nav |--------------|
+ *        |              |
+ *        |              |
+ */
+
+nav {
+       position: absolute;
+       top: 0;
+       bottom: 0;
+       left: 0;
+       right: 80%;
+
+       padding: 50px 25px 50px 25px;
+       overflow: hidden;
+}
+
+main {
+       position: absolute;
+       top: 0;
+       bottom: 0;
+       left: 20%;
+       right: 0;
+
+       padding: 50px 25% 50px 25px;
+       overflow: scroll;
+       overflow-x: hidden;
+}
+
+nav > *:first-child, main > *:first-child { margin-top: 0; }
+
+/* heading styling in the body */
+
+main h2 {
+       text-align: center;
+       font-size: 3em;
+       /*font-family: "Lust Text";*/
+}
+
+/* description list styling */
+dt { font-weight: 600; }
+dd { margin-bottom: 1em; }
+
+aside {
+       padding: 0 50px 0 50px;
+       font-style: italic;
+}
+
+iframe {
+       width: 100%;
+       aspect-ratio: 1.41;
+       border: 1px solid var(--mediumgray);
+}
+
+blockquote {
+       color: var(--darkgray);
+       font-style: italic;
+}
+
+/* slideshow styling */
+.slideshow {
+       margin: 50px 0 25px 0;
+       width: calc(55vw - 25px);
+}
+.slideshow img { width: calc(55vw - 25px); }
+.slideshow p {
+       display: inline-block;
+       width: 30%;
+       padding: 0 10% 0 10%;
+       color: var(--darkgray);
+}
+.slideshow p:hover { color: var(--mediumgray); }
+.slideshow p span { cursor: pointer; }
+.next { text-align: right; }
+.prev { text-align: left; }
+.arrow {
+       font-size: 1.2em;
+       vertical-align: middle;
+}
+
+/* block-quote by image */
+.blockquoteImage {
+       width: 113%;
+       margin: 40px 0 40px 0;
+}
+.blockquoteImage img {
+       display: inline-block;
+       width: 40%;
+}
+.blockquoteImage blockquote {
+       display: inline-block;
+       vertical-align: top;
+       width: 50%;
+       margin: 2% 5% 2% 5%;
+       text-align: right;
+}
+
+.blockquoteImage.reversed {
+       margin-left: -3%
+}
+.blockquoteImage.reversed blockquote {
+       text-align: left;
+}
+
+/* audio player next to text */
+.audioNote {
+       width: 113%;
+       margin: 40px 0 40px -3%;
+}
+.audioNote audio {
+       display: inline-block;
+       width: 54%;
+}
+.audioNote aside {
+       display: inline-block;
+       vertical-align: top;
+       width: 40%;
+       margin: 0 3% 0 3%;
+       padding: 0;
+       text-align: right;
+}
+.audioNote.reversed aside { text-align: left; }
+.audioNote audio { width: 60%; }
+.audioNote aside { width: 34%; }
+
+/* styling the dimmer */
+#dim {
+       position: absolute;
+       top: 0;
+       bottom: 0;
+       left: 0;
+       right: 0;
+       background-color: var(--darkgray);
+       opacity: 0;
+       transition: opacity 0.5s;
+}
+#dim span {
+       position: absolute;
+       top: 20px;
+       left: 20px;
+       color: white;
+       font-size: 1.2em;
+       cursor: pointer;
+       opacity: inherit;
+}
+#dim span:hover { color: lightgray; }
+
+/* caption styling */
+.caption {
+       display: block;
+       color: white;
+       background-color: black;
+       padding: 2px;
+}
+.caption:last-child {
+}