Limpieza visual de ELPAIS.COM quitando publi y un montón de módulos molestos que no aportan mucho a la lectura. Además nos saltamos el Muro de nº de noticias y el Muro de Login.
// ==UserScript==
// @name El País - CLEANED PAGE & Sin Límite de noticias 😁
// @namespace http://zequi.es
// @version 0.69
// @description Limpieza visual de ELPAIS.COM quitando publi y un montón de módulos molestos que no aportan mucho a la lectura. Además nos saltamos el Muro de nº de noticias y el Muro de Login.
// @author @zequi
// @match https://elpais.*/*
// @include https://elpais.com/*
// @include https://www.elmundo.es/*
// @require https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js
// @grant none
// @run-at document-start
// @license MIT
// ==/UserScript==
// Mensaje importante:
// Código ÑAPA: el código es bastante ñapa y hecho a toda leche, para uso personal. Pero si quieres echar una mano. Contacta conmigo! ;)
// - ñapa: se usa Jquery, pero se puede quitar perfectamente.
// - ñapa: la mayoría del código es para editar estilos, pero se hace a lo bruto, hay que cambiar el enfoque.
// - ñapa: se ejecuta el script varias veces para asegurar en vez de poner un listener.
// Código LEGACY: se ha ido añadiendo nuevo código, pero no hemos mantenido el código viejo (hay muchas líneas que seguro que ya no son necesarias).
//
// Lo dicho, si quieres ayudar a mejorar el código o añadir funcionalidad, contacta sin problema.
(function() {
"use strict";
// Capar la ejecución de ciertos JS externos (ej: saltar el Muro de Login)
// Ejecutamos lo antes posible estas líneas antes de ready, para evitar la ejecución de algunos Scripts de Javascript,
// Quizás algunos de estos JS ya se capán por el browser por algún plugin, pero no viene mal caparlos también aquí para acelerar la carga de página y la privacidad.
// Usamos una librería de github, q hemos copiado directamente en nuestro código justo abajo
checkForBadJavascripts ( [
[true, /arcsubscriptions.elpais.com/i, function(){console.log("zeq.script 001");} ],
[true, /privacy-center.org/i, null ],
[true, /adobedtm.com/i, null ],
[true, /outbrain.com/i, null ],
[true, /fundingchoicesmessages.google.com/, null ],
[true, /pxlctl.elpais.com/, null ],
[true, /s.go-mpulse.net/, null ],
[true, /ENP-outbrain.js/i, null ],
[true, /publicapi/i, function(){console.log("zeq.script 003");} ],
[true, /news\.google\.com/i, function(){console.log("zeq.script 004");} ],
[true, /closed-article-layer.js/i, function(){console.log("zeq.script 005");} ]
] );
// Inyección de Librería checkForBadJavascripts()
// copiada literalmente de: https://gist.github.com/tbrugz/2dd8b53bb6f125c64be9
// sólo se ha copiado una función, hay algo más de código no copiado.
// y pasada por un minifier (quizás se podría poner sin minimizar para facilitar auditorías de seguridad del código)
function checkForBadJavascripts(e){return e.length?(checkForBadJavascripts=function(t){for(var r=e.length-1;r>=0;--r){var a=e[r][0],n=e[r][1];if(a){if(n.test(t.target.src))return c(r),!1}else if(n.test(t.target.textContent))return c(r),!1}function c(a){t.stopPropagation(),t.preventDefault();var n=e[r][2];"function"==typeof n&&n(t.target),t.target.parentNode.removeChild(t.target),e.splice(r,1),e.length||window.removeEventListener("beforescriptexecute",checkForBadJavascripts,!0)}},window.addEventListener("beforescriptexecute",checkForBadJavascripts,!0),checkForBadJavascripts):null}
// UTILS - función para que el Elemento html, se ponga de color gris por defecto, y con mouseover se ponga en color gris oscuro.
function elementHoverize(selector, color_non_hovered = "lightgrey", color_hovered = "darkgrey") {
$(selector).css("color", color_non_hovered)
$(selector).hover(function(){$(this).css("color",color_hovered);}, function(){$(this).css("color",color_non_hovered);})
}
$(document).ready(function() {
// Hay una pequeño código para limpiar la basura de periódico de ElMundo, pero no está mantenida esta función.
function cleanElmundo() {
// CABECERA
$(".ue-c-seo-links-container").remove();
// PORTADA
$(".ue-c-newsletter-widget").remove(); // modulo de newsletter
//$(".ue-c-cover-content__byline-list").remove(); // nombre del periodista en cada noticia
$(".ue-c-cover-content__byline-name").remove();
$(".servicios_vwo").remove(); //módulos de servicios
$(".ue-c-cover-content__icon-premium").parent().parent().css("background-color", "#edab3b").css("opacity", "0.4"); //marca visualmente las noticias de pago
// PageNOTICIA > post-CUERPO
$(".ue-c-article__trust").remove(); // seccion TrustProject
// PaginaNoticia > LATERAL derecho ENTERO!
$(".ue-l-article__secondary-column").remove(); // fuera columna derecha entera
// PaginaNoticia > LATERAL derecho ENTERO!
$(".ue-c-article__share-tools").remove(); //botones de compartir
}
function cleanElpais() {
// ANTI-WALL > resetea el número de noticias gratis
if (window.location.href!="https://elpais.com/") { //no se ejecuta en portada
localStorage.removeItem('ArcP');
}
/*antiguo reseter
var aa = JSON.parse(localStorage.getItem('ArcP'));
aa.anonymous.rc["8"].c = -99;
localStorage.setItem('ArcP', JSON.stringify(aa));
*/
// CABECERA
$(".editions").remove(); //links a otras ediciones/idiomas: inglés/catalán/...
$(".subscribe").remove(); //botón Subscribirse al lado del botón login
$(".horizontal_scroll_wrapper").remove(); //links a otras secciones
$(".alertBar").remove(); //quita el breaking-news (algo supuestamente urgente)
$(".ad-giga-1").remove(); //quita la publi de arriba del todo (v2021oct)
// Espacios en blanco en la cabecera
//$(".x").css("padding", "8px"); //quitarle a la cabecera espacios en blanco por encima y debajo de logo elpais
//$(".x-nf").css("padding-top","3px").css("padding-bottom","0px");
$("#ctn_head").css("padding","0px");
//$("#csw").css("margin-top","-4px")
$(".x-nf .x_w").css("padding-top","0.2rem").css("padding-bottom","0.2rem"); //quitarle a la cabecera espacios en blanco por encima y debajo
if (window.location.href=="https://elpais.com/") { //solo portada
$(".x_bh").css("margin-top","0px"); $(".ep_l").css("margin-top","0px"); //quitarle a la cabecera espacios en blanco por encima de logo elpais
$("h1.ep_l a img.ep_sl").remove() //bajo logo, quita img "periódico global"
$("h1.ep_l a").css("height","2.75rem") // logo, quitar espacio debajo
// experimentos o viejo
//$("h1.ep_l").css("margin-top", "-6px").css("margin-bottom", "-6px") //tunning posicion logo, ligeramente hacia arriba,
//$("h1.ep_l a img.ep_i").css("margin-top", "-1rem")
//$("h1.ep_l a img.ep_i").css("height","75%").css("width","75%")
//$(".x-nf.x-p .ep_e").css("background-image",'url("https://static.elpais.com/dist/resources/images/logos/primary/el-pais.svg")')
}
$(".al._g-o").remove(); // se quita el Breaking News de alertas, porque no suelen ser realmente urgentes. Y siempre está en portada.
// en la subcabecera de todo el portal, donde están los topics:
// quitar tanta altura
$("._g._g-xs.cs").css("padding-top","0.4rem");
$(".sm._df a").css("padding", "0.4rem 0.4rem");
$(".x-ph").css("min-height", "0px");
// fondo transparente de los topics
$("._g-o.csw").css('background', 'rgba(255, 255, 255, 0)');
$("#containerCounterLayer").css("background-color", "white")
//***** PORTAL-ENTERO > CABECERA *****//
// Subcabecera Topics
$(".z-he").css("background", "none") // SubCabecera topics = fondo gris
elementHoverize(".sm._df > a", "grey", "black"); // SubCabecera > Topics: cambiar color de texto a gris, y negro en hover.
$("main").css("margin-top", "-1.6em") // SubCabecera topics = minimiza espacio debajo.
//***** PORTADA *****//
// código pensado en portada, pero se ejecuta en todo el portal, se podría reorganizar el código
$("ul.menu").remove(); //en cada sección, quitar el submenú de la izquierda.
$(".author").remove(); $(".separator").remove(); $(".capitalize").remove(); //quita el nombre del periodista y ciudad
$(".c_a").css("color", "#d9d9d9"); //
$(".c_t").css("margin-bottom","6px") //encima de la firma, quita un poco de espacio entre titular y firma.
$(".c_k.c_k-s").remove(); // portada > mod_noticia ==> borrar el texto de "contenido exclusivo"
// quitar módulos de publi y auto-promoción
$(".classifieds_widget").remove(); //modulo de publicidad
$("classifieds_widget").remove(); //modulo de servicios
$("#el-pais-que-hacemos").remove() //quita la sección entera de auto-promoción del propio elpais
$(".c-bra").css("color", "#ddd") // articulos pagados por publicidad, los ponemos en gris claro
$(".b-eci_txt").remove(); //eliminar gran módulo único en portada autopromocional
$(".ad-giga").remove(); //eliminar módulo de publi giga
$(".b-bra-brandedmix").remove()
// esquinas redondeadas del conteneder principal (portada y pf_noticia)
$("main").css("border-radius","8px"); $("article").css("border-radius","8px")
// fix: arreglar un problema visual del Logotipo repetido, solo en portada principal.
$(".ep_e").css("background-image", "");
//***** PORTADA > CONTENEDORES *****//
// explicación de selectores de portada
// "main section._g-o" = contenedor entero (no aplica a contenedores de final de página)
// "main header._pr" = contenedor > titulo superior
// CONTENEDORES > espacio entre ellos (aplica a * containers)
$("main section._g-o").css("margin-top", "1rem") // altura entre contenedores
// CONTENEDORES > espacio entre ellos (aplica adhoc en los dos primeros containers)
$("main section._g-o:eq(0)").css("margin-top", "-1.0rem") // contenedor 1º = subir un poco (reescribe!!)
$("main section._g-o:eq(1)").css("top", "-2.5rem").css("background-color", "pink") //¿¿¿¿¿¿¿¿¿¿¿¿???????????????
$("._g-o.z_hr").remove() // adhoc! borrar un espacio entre contenedor 1º y 2º (muy adhoc, facil q se rompa)
// CONTENEDORES > color fondo blanco, redondeado
$("main section._g-o").css("background-color", "white")
$("main section._g-o").css("border-radius","15px"); $("article").css("border-radius","15px");
// CONTENEDORES > TITULO > espacios
$("main section._g-o > header").css("padding-top", "0.6rem").css("margin-bottom", '0.6rem') //quita aire encima/debajo del titulo del container
//$("main header._pr").css("border-bottom", '0px') // portada > contenedor > TITULO borde inferior = eliminado --> DESACTIVADO
// CONTENEDORES > borrar líneas horizontales
$("main header._pr").css("border-top", '0px') // portada > contenedor > borde superior gordo negro = eliminado
$("main .b-t_w").css("border-bottom", '0px') // portada > contenedor > borde inferior doble fino = eliminado (no es completo, no arregla * los contenedores con borde-inferior)
// CONTENEDOR 1º (cambio ADHOC, cuidado)
$("main section._g-o:eq(0)").css("padding-top", "1rem") // contenedor 1º > arriba = meter un poco de aire
// PageNOTICIA > pre-CUERPO (HEADER-noticia:título/entradilla/foto)
if (window.location.href!="https://elpais.com/") { //no se ejecuta en portada
// para limpiar agresivamente la cabecera en la PáginaNoticia, NO en la portada.
$("#u_c_dv").remove(); //quitar botón de registro
$(".x_e._dn").remove(); //quitar botón de idioma
// Cabecera blanca
$(".x_ep._df > span, .x_ep._df > div").css("margin-top", 0) //quitar espacio vacío encima del logo
$("#ctn_head").css("padding", "0px"); //quitar espacio vacío encima/debajo del logo
// Subcabecera con tópicos
$(".cs").css("padding-top", "0.6rem"); // SubCabecera de Topics = espacio en gris encima de subheader.topics
$("article._g").css("margin-top", "0.001rem"); // SubCabecera de Topics = espacio en gris debajo de subheader.topics
$(".cs_t_e").css("font-weight","600") // SubCabecera > categoría principal (arriba izq) = letra más delgada
$(".cs_t_e").css("font-size","1.7rem") // SubCabecera > categoría principal (arriba izq) = letra más pequeña
//$(".cs_t_e").after().css("height","0.15rem") // SubCabecera > categoría principal (arriba izq) > subrayado = más fino
$(".cs_t_e").css("margin-bottom", "-0.7rem") // SubCabecera > categoría principal (arriba izq) = quita espacio de abajo
$(".z-he").css("background", "none") // SubCabecera > fondo gris
//pre-foto
$("article > Header.a_e").css("padding-top", "0.5rem"); //
$("article > Header > div.a_e_txt").css("color", "#ddd"); // Pre-Titular
//eliminar módulo de Lotería del lateral de la noticia
//$("aside._pr>div").remove();.
}
// PageNOTICIA > CUERPO
if (window.location.href!="https://elpais.com/") { //no se ejecuta en portada
$(".a_q").css("color", "#d9d9d9");
$("section#cta_id").remove(); //elimina el módulo de Subscripción insertado en medio del texto de la noticia
// post-foto: descripción foto
//$(".sb").remove(); //compartir
//$(".f_c span.f_a").remove(); //en las imágenes, en el pie de foto se quita nombre del fotógrafo o agencia
$(".w_rs").remove(); //eliminar botones compartir
//$(".a_e_txt").css("padding-bottom", "1.5rem"); //eliminar botones compartir
$(".a_e").css("border-bottom", "0px"); //eliminar la línea horizontal encima del autor
//$("article>header figure>figcaption>span").hide()
$("figure>figcaption.a_m_p").css("border-bottom-width","0px") // quitar linea debajo descripcion foto en ciertas pf_noticias
$("figure>figcaption.a_m_p>span.a_m_m").hide() //en las imágenes, en el pie de foto se quita nombre del fotógrafo o agencia
elementHoverize("figcaption.a_m_p")
// post-foto: Bloque Autor
$("article > Header").css("margin-bottom", "8px"); // BloqueAutor > reducir espacio vacío por arriba.
$("article > div.a_md").css("margin-top","-2.6rem") // BloqueAutor > reducir espacio vacío por encima.
$("article > div.a_md").css("margin-bottom", "0.5rem"); // BloqueAutor > reducir espacio vacío por debajo.
$("article .a_md_a").css("margin-bottom","-0.3rem") // BloqueAutor > quita espacio entre líneas de autor y fecha
$("article .a_md_txt").css("margin-top","0.5rem").css("margin-left","-1.7rem") // BloqueAutor > texto => posicionarlo mejor
elementHoverize("article .a_md_txt") // BloqueAutor > texto => en gris clarito
$("article .a_md_txt > .a_md_f").css("border-bottom-width", "0px"); // BloqueAutor > quitar la línea inferior
}
// PageNOTICIA > post-CUERPO
$("#ctn_closed_article").remove(); //si la noticia concreta está protegida por el 'Muro de Login', se elimina el módulo para logarse.
$(".a_tp").remove(); // seccion TrustProject
$(".a_com_l").remove(); // en seccion comentarios, eliminar link a "normas"
$("#ctn_freemium_article").remove(); // caja de "Contenido exclusivo para suscriptores"
// PaginaNoticia > LATERAL derecho
$(".w_b .w_tx").remove(); // en la página de noticia, en lateral > se borra el texto de la newsletter, aunque dejamos el botón
// publi disfrazada de noticia: borrar
$("aside._pr>aside.c-brr").remove()
// módulo newsletter: gris clarito
$(".w-cta").css("color", "#ddd");
$(".w-cta > h3").css("color", "#ddd")
$(".w-cta > h3").css("border-bottom", "0px")
// módulo Lo más visto
elementHoverize("section.w-lmv")
$(".w-lmv").css("border-bottom-width","0px") //quitar línea inferior del módulo
$(".w_t").css("color","lightgrey")
// PIE de PAGINA
$(".fo").css("display", "none") //no se remove() este elemento, xq produce problemas (se pierde la hamburguesa y la barra de avance de lectura)
$("#footer-lazy").css("display","none"); // oculta el footer entero, pero evitamos usar remove() xq rompe la hamburguesa.
$("#classified_el-pais").css("display", "none")
// BORDE y FONDO
//if (window.location.href!="https://elpais.com/") { //no se ejecuta en portada
$(".fusion-app").css({background: 'radial-gradient(#d7dbe0 40%, grey)'}); //cambio visual para mejor Lectura = para que los bordes de la página sean gris, para mejor lectura
//}
document.body.style.background = '#d7dbe0'; //cambio visual para mejor Lectura = poner la barra desplazadora lateral derecha más oscura
document.body.style.scrollbarFaceColor = '#747575';
//LEGACY - from original code
// pendiente revisar si sigue siendo necesario
$(".fc-dialog-container").fadeOut();
$(".fc-dialog-overlay").fadeOut();
$(".fc-whitelist-root").remove();
$(".fc-ab-root").remove();
$(".salida_articulo").css("overflow", "visible");
//LEGACY - codigo extra personalizado por mi
// pendiente revisar si sigue siendo necesario
$(".articulo-trust").remove();
$(".a_tp").remove(); // seccion TrustProject
$(".a_d").remove(); // seccion Subscríbete
$(".articulo-extras").remove();
$(".articulo_branded").remove();
$(".pie").remove();
$(".navegacion-sucripcion").remove();
$(".bloque-patrocinador").remove();
$(".bloque_tematico_rsc_2019").remove();
$(".contenedor_clasificados").remove();
$(".antetitulo_comercial_generico").parent().remove();
//v0.7
$(".articulo_opinion > .articulo__interior > .noticia-cerrada").parent().parent().remove()
$(".articulo_opinion > .articulo__interior > .noticia-cerrada-cintillo").parent().parent().remove()
//v0.8
$(".contenedor_servicios_new").remove();
//0.9
$('a[rel="sponsored"]').remove();
//0.10
$('#bloque_tematico_deportes').remove();
//0.11
$('.bloque_tematico_especial-publi').remove();
}
function cleanElpaisDelayed() {
//este código se ejecuta unos cuantos segundos después de renderizarse la página
//módulo amarillo Límite de Lectura
$("#articlesLeftMsg > span").text("tropocientos");
$(".sc_b").remove(); // borrado el botón para más información de promociones de subscripción elpais
if ( $("#ctn_head .ed span:first").text() == "España" ) {
$("#ctn_head .ed span:first").text("Espanistán!");
} ;
}
setTimeout(cleanElmundo, 200); setTimeout(cleanElpais, 10);
setTimeout(cleanElmundo, 500); setTimeout(cleanElpais, 500);
setTimeout(cleanElmundo, 1400); setTimeout(cleanElpais, 1400);
setTimeout(cleanElpaisDelayed, 4000);
});
})();