El País, being silly.

Sillier than usual, that is.

The most important (ok, most read) newspaper in Spain, El País, is telling me that they will decide on how I must use my browser to visit them, and which add-ons I can and cannot use.

I hardly ever visit this silly website anyway, but I do not like people telling me how to use my stupid browser. Specially if they are going to get all silly about it. Here is what I got today:

Please, disable your adblocker, subscribe or fuck off.

Yours silly, El País.
There is not even the faintest attempt to explain why I should agree or go along with this, hence the «fuck off» part.

I know what you are thinking, trying to prevent access using a silly modal window is kind of silly, right?

I thought that too, and decided I would see how long it would take me to remove that modal window. About 3 minutes, all this while discussing Matilda with Julia.

We only need to hide that modal window and to re-enable vertical scroll. Two CSS rules, that’s all. I added them using this Chrome addon:

Silly CSS rules are rather silly, indeed:

/* Hide silly modal window */
.fc-ab-root {
  display:none;
}
/* Re-enable silly vertical scroll */
html {
  overflow-x:auto
}
And there you go, you can now read all about Les putes silly Fallas in Saudi Arabia.

This is silly. El País, please stop being silly.


Update: as I just found someone who had thought of this first, as it always happens:

Source, here.

(function() {
  "use strict";
  $(document).ready(function() {
    function antiwall() {
      $(".fc-dialog-container").fadeOut();
      $(".fc-dialog-overlay").fadeOut();
      $(".fc-whitelist-root").remove();
      $(".fc-ab-root").remove();
      $(".salida_articulo").css("overflow", "visible");
    }
    setTimeout(antiwall, 1400);
  });
})();

Using a tag to create a reusable “fake” author in WordPress

I was posting an article on behalf of someone else who did not have a WordPress.com user and I wanted to show their name in the “Author” box.

This would be trivial to do using pseudoelements (:before & :after) and throwing the post id (postid-3735) into the selector to make sure the CSS rules only applies to that specific post, like this:

.postid-3735 .author {
	font-size:0;
}
.postid-3735 .author:after {
	font-size:18px;
	content:"John Doe";
	pointer-events:none;
}

The problem with this approach is that cannot be reused. Instead what I did was to create a tag with the name of the author of the post.

By doing this I made sure a new CSS class would be added to the article containing the post whenever this tag was used

And this, in turn, allows me to use this selector:

.tag-carlos-fernandez-liria .author {
	font-size:0;
}
.tag-carlos-fernandez-liria .author:after {
	font-size:18px;
	content:"Carlos Fernández Liria";
	pointer-events:none;
}

Finally, I also added the pointer-events:none property to prevent the Name of the author from being clickable, as it would take to my own author posts page.