Commit 7b8c40b9 authored by Laura Kalbag's avatar Laura Kalbag

Remove some inline CSS and add some HTML classes for easier styling

parent 9adb5763
# **Cloud of Shame** Forbes (forbes.com)
<blockquote style='font-size: 1.5em; text-align:left;'>“Every year, one human life worth of time – over 87 years – is lost to one ‘annoying’ doorslam on one site.”</blockquote>
<blockquote class='standout'>
<p>“Every year, one human life worth of time – over 87 years – is lost to one ‘annoying’ doorslam on one site.”</p>
</blockquote>
![Forbes doorslam](doorslam.jpg)
......@@ -22,13 +24,13 @@ Let’s be conservative again. Let’s say that each one of those visitors visit
In other words, **every year, one human life’s worth of time – over 87 years – is lost to oxne ‘annoying’ doorslam on one site.**
<div style='padding: 24px; padding-bottom: 12px; border-radius: 12px; background-color: #f3f3f3; margin-top: 24px; margin-bottom: 24px;'>
<p style='border-bottom: 1px solid lightgrey;'>46,000,000 people × 5 seconds = 230,000,000 seconds</p>
<p style='border-bottom: 1px solid lightgrey;'>230,000,000 seconds ÷ 60 seconds = 3,833,333 minutes</p>
<p style='border-bottom: 1px solid lightgrey;'>3,833,333 minutes ÷ 60 minutes = 63,888 hours</p>
<p style='border-bottom: 1px solid lightgrey;'>63,888 hours ÷ 24 hours = 2,662 days</p>
<p>2,662 days ÷ 365 days = <span style='font-weight: bold; border-bottom: 3px double #ababab;'>7.3 years</span></p>
</div>
<ul class='calculation'>
<li>46,000,000 people × 5 seconds = 230,000,000 seconds</li>
<li>230,000,000 seconds ÷ 60 seconds = 3,833,333 minutes</li>
<li>3,833,333 minutes ÷ 60 minutes = 63,888 hours</li>
<li>63,888 hours ÷ 24 hours = 2,662 days</li>
<li class='final-calculation'>2,662 days ÷ 365 days = <strong class='total'>7.3 years</strong></li>
</ul>
It‘s time we started taking the externalities of the behavioural advertising industry seriously. One of those externalities is human time wasted. The unit is lifetimes lost per year.
......@@ -38,9 +40,8 @@ But don’t worry, because everything you’ve just read only applies to you if
If you want to regain your lost 5 seconds, all you have to do is to pretend that you’re a robot. The easiest way to skip Forbes’s doorslam is to set your browser’s user agent to pretend that it’s the Googlebot:
```
Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)
```
<pre class='single-string'><code>Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)
</code></pre>
And, boom!
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment