pogdesign: make better

-

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name        pogdesign: make better
// @namespace   userscript1
// @match       https://www.pogdesign.co.uk/cat/*
// @grant       none
// @version     0.1.5
// @author      -
// @description -
// @license     GPLv3
// ==/UserScript==

(function() {
  'use strict';

  // util functions
  const  $ = document.querySelector.bind(document);
  const $$ = document.querySelectorAll.bind(document);
  function log(s) { console.log(s); };

  // only show new shows/seasons and final episodes
  $$('.ep.info:not(.lep):not(.fep):not(.pep)').forEach(d => d.style.display = 'none');

  const today = $('div.today');
  if (!today) { return }; // looking at another month

  // remove today highlight because it overrides the episode highlights
  today.classList = 'day';

  // jump to today
  today.scrollIntoView();


  function fixthings() {
    // change all days before today
    const d = new Date();
    const day = d.getDate();
    const month = d.getMonth() + 1;
    const year = d.getFullYear();
    const todayID = `d_${day}_${month}_${year}`;

    var done = false;
    $$('#month_box .day').forEach(day => {
        if (day.id == todayID) { done = true; }
        if (!done) {
          day.style.background = '#00000000';
        }
      });
  }

  // change color of previous days
  fixthings();
  setInterval(fixthings, 10000);


})();