Fixes blurry images on the Scratch homepage that normally show up when using the Scratch Swaggification userstyle.
// ==UserScript== // @name Scratch Swaggification Homepage Fixer // @author MegaApuTurkUltra // @namespace MegaApuTurkUltra_scripts // @website https://userstyles.org/styles/110430/scratch-2-0-swaggification // @version 0.1.0 // @description Fixes blurry images on the Scratch homepage that normally show up when using the Scratch Swaggification userstyle. // @include http://scratch.mit.edu/* // @include https://scratch.mit.edu/* // @grant unsafeWindow // @require http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js // @copyright CC0 Public Domain // ==/UserScript== this.$ = this.jQuery = jQuery.noConflict(true); if (unsafeWindow.location.pathname == '/') { try { $('.image.lazy').each(function () { var url = $(this).attr('data-original'); url = url.replace('144x108', '480x360'); $(this).attr('data-original', url).attr('src', url); scheduleLoadComplete($(this), $(this).parent().parent()); }); console.log('Project images fixed'); $('.image .lazy').each(function () { var url = $(this).attr('data-original'); url = url.replace('170x100', '394x232'); $(this).attr('data-original', url).attr('src', url); scheduleLoadComplete($(this), $(this).parent().parent().parent()); }); console.log('Swaggification hi-res images activated'); } catch (e) { console.log(e); } } function scheduleLoadComplete(img, li) { var loader = $('<div style="border-radius:5px;position: absolute;top:0px;left:0px;width:100%;height:87%;pointer-events:none;background:rgba(255, 255, 255, 0.7);border: 0;"' + '><img src="http://i.cubeupload.com/rPcKiu.gif" style="width: 48px;height:' + '48px;position:absolute;top: calc(50% - 48px);border:0;left: calc(50% - 24px);" /><p style="color:black;text-align:center;margin-top:2px;">Loading thumbnail...</p></div>'); li.css('position', 'relative').append(loader); img.css('filter', 'blur(10px)'); var i = new Image(); i.src = img.attr('data-original'); i.onload = function () { loader.fadeOut(); }; } $(document).scroll(function(){ $(document.body).attr("style", "background-position:0px -"+(100*$(document).scrollTop()/$(document).height())+"px;"); }); if(location.pathname.startsWith("/discuss/youtube/")){ var h4 = $(".col-10 .box-head h4"); h4.html(h4.text()); }