AtCoder Twitter Avatar

Display Twitter avatar on AtCoder user page

Verzia zo dňa 24.09.2018. Pozri najnovšiu verziu.

Navštíviť stránky autora skriptu pre podporu, spýtať sa otázku, uverejniť recenziu, alebo nahlásiť skript.

Zalomiť riadky

// ==UserScript==
// @name         AtCoder Twitter Avatar
// @namespace    https://ciffelia.com/
// @version      1.0.0
// @description  Display Twitter avatar on AtCoder user page
// @author       prince <[email protected]> (https://ciffelia.com/)
// @license      MIT
// @homepage     https://github.com/prince0203/atcoder-twitter-avatar#readme
// @supportURL   https://github.com/prince0203/atcoder-twitter-avatar/issues
// @match        http*://atcoder.jp/user/*
// @match        https://beta.atcoder.jp/users/*
// @run-at       document-end
// ==/UserScript==

(function () {
  'use strict';

  const twLinkElm = document.querySelector('a[href*="//twitter.com/"]');

  const screenName = twLinkElm.innerText;
  const avatarUrl = `https://avatars.io/twitter/${screenName}/small`;

  const avatarElm = document.createElement('img');
  avatarElm.src = avatarUrl;
  avatarElm.referrerPolicy = 'no-referrer';
  Object.assign(avatarElm.style, {
    width: '20px',
    height: '20px',
    marginRight: '5px',
    borderRadius: '50%'
  });

  twLinkElm.insertAdjacentElement('afterbegin', avatarElm);

}());