☰

AtCoder Twitter Avatar

Display Twitter avatar on AtCoder user page

2018-09-24 يوللانغان نەشرى. ئەڭ يېڭى نەشرىنى كۆرۈش.

// ==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);

}());