Skip to content

Instantly share code, notes, and snippets.

@imteekay

imteekay/distractionless-medium.js

Created August 20, 2022 17:49
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save imteekay/bbedd20001edff1b49188393ea5da66f to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save imteekay/bbedd20001edff1b49188393ea5da66f to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. imteekay created this gist Aug 20, 2022.
    37 changes: 37 additions & 0 deletions distractionless-medium.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,37 @@
    // Remove left and right content
    const main = document.getElementsByTagName('main')[0];
    const body = document.getElementsByTagName('body')[0];
    const newBody = document.createElement('body');

    newBody.appendChild(main);
    body.replaceWith(newBody);

    // Remove "More From Author" in the footer
    function getAllTagsWithText(tag, text) {
    return [...document.querySelectorAll(tag)].filter((element) =>
    element.textContent.includes(text),
    );
    }

    function getMoreFromAuthorWrapper(tag) {
    return tag.parentElement.parentElement.parentElement.parentElement
    .parentElement.parentElement.parentElement.parentElement;
    }

    const anchors = getAllTagsWithText('a', 'More from');
    const moreFromAnchor = anchors[0];
    const moreFromAuthorWrapper = getMoreFromAuthorWrapper(moreFromAnchor);
    moreFromAuthorWrapper.remove();

    // Remove Footer and Header
    function removeTag(tag) {
    document.getElementsByTagName(tag)[0].remove();
    }

    removeTag('footer');
    removeTag('header');

    // Remove actions: update, comment
    const actions = document.getElementsByClassName('pw-multi-vote-icon')[0];
    const actionsWrapper = actions.parentElement.parentElement.parentElement;
    actionsWrapper.remove();