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());
- }