diff --git a/ad.html b/ad.html new file mode 100644 index 0000000..7e8307e --- /dev/null +++ b/ad.html @@ -0,0 +1,146 @@ + + + + + + Evil Ad + + + + + + + + + + + + + evil_ad_virus + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +> + + \ No newline at end of file diff --git a/evil_ad_hero@1x.png b/evil_ad_hero@1x.png new file mode 100644 index 0000000..5006885 Binary files /dev/null and b/evil_ad_hero@1x.png differ diff --git a/evil_ad_money.svg b/evil_ad_money.svg new file mode 100644 index 0000000..8804153 --- /dev/null +++ b/evil_ad_money.svg @@ -0,0 +1,47 @@ + + + + evil_ad_money + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/evil_ad_virus.svg b/evil_ad_virus.svg new file mode 100644 index 0000000..8dfba1d --- /dev/null +++ b/evil_ad_virus.svg @@ -0,0 +1,85 @@ + + + + evil_ad_virus + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/evilad.html b/evilad.html new file mode 100644 index 0000000..60a04be --- /dev/null +++ b/evilad.html @@ -0,0 +1,39 @@ + + + + + + Evil Ad + + + + + + + +
+ + Kiwi Logo + +
+
+
+
+

Why you should hate ads even more (and what to do about it)

+
+
+

We all hate ads: they’re either completely irrelevant or stalker-level creepy, they often take up more space than the actual content…

+ +

It’s no wonder lots of people are using ad blockers to be able to get around the web without going blind or insane. But as soon as you turn on your ad blocker, the websites will start begging you to turn it off because you’re the only thing keeping them from closing their (very expensive) doors.

+ +

So let’s say you have a big heart and decide to turn off your ad blocker out of pity (or annoyance from seeing ads for ads — welcome to late capitalism!) You’ll just ignore them and read the article. But as you scroll down, you notice everything is slowing down. Your mouse is not responding. It doesn’t matter if you’re on your gaming rig or the newest Macbook Pro, it won’t make a difference.

+ +

What’s happening is this: the website is using iframes to show the ads. Iframes are like tiny web pages inside your web page — and the entire ecosystem the webpage brings along. And due to the recursive nature of those embeded iframes, if something wrong happens with that iframe, the entire web page will stop working until the problem is resolved. So you could be reading an article on a Very Very Respectable Website With Beautiful Code, but if they’re serving you an ad from Dumpster-fire Website With Garbage Code (and that happens more often than you think), you’re in trouble.

+ +

As you’ve probably noticed by now, this is exactly what’s going on on this page.

+
+ +
+
+ \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..bd83790 --- /dev/null +++ b/index.html @@ -0,0 +1,46 @@ + + + + + + Evil Ad + + + + + + + +
+ +
+
+ +
+
+
+
+

Why you should hate ads even more (and what to do about it)

+
+
+

We all hate ads: they’re either completely irrelevant or stalker-level creepy, they often take up more space than the actual content…

+ +

It’s no wonder lots of people are using ad blockers to be able to get around the web without going blind or insane. But as soon as you turn on your ad blocker, the websites will start begging you to turn it off because you’re the only thing keeping them from closing their (very expensive) doors.

+ +

So let’s say you have a big heart and decide to turn off your ad blocker out of pity (or annoyance from seeing ads for ads — welcome to late capitalism!) You’ll just ignore them and read the article. But as you scroll down, you notice everything is slowing down. Your mouse is not responding. It doesn’t matter if you’re on your gaming rig or the newest Macbook Pro, it won’t make a difference.

+ +

What’s happening is this: the website is using iframes to show the ads. Iframes are like tiny web pages inside your web page — and the entire ecosystem the webpage brings along. And due to the recursive nature of those embeded iframes, if something wrong happens with that iframe, the entire web page will stop working until the problem is resolved. So you could be reading an article on a Very Very Respectable Website With Beautiful Code, but if they’re serving you an ad from Dumpster-fire Website With Garbage Code (and that happens more often than you think), you’re in trouble.

+ +

As you’ve probably noticed by now, this is exactly what’s going on on this page.

+
+ +
+
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..571db0a --- /dev/null +++ b/style.css @@ -0,0 +1,21 @@ + .ad { + display:block; + margin: 0 auto; + border: 1px solid #444; + bottom: -20px; + position: fixed; + transition: bottom 2000ms ease-out; + height: 384px; + width: 1002px; + z-index: 777; + } + +.wrapper { + display: block; + text-align: center; +} +.hero { + background: url('evil_ad_hero@1x.png'); + background-size: cover; + background-repeat: no-repeat; +} \ No newline at end of file diff --git a/virus.png b/virus.png new file mode 100644 index 0000000..200619c Binary files /dev/null and b/virus.png differ