☰

AtCoder Twitter Avatar

Display Twitter avatar on AtCoder user page

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

  1. // ==UserScript==
  2. // @name         AtCoder Twitter Avatar
  3. // @namespace    https://ciffelia.com/
  4. // @version      1.0.2
  5. // @description  Display Twitter avatar on AtCoder user page
  6. // @author       Ciffelia <mc.prince.0203@gmail.com> (https://ciffelia.com/)
  7. // @license      MIT
  8. // @homepage     https://github.com/ciffelia/atcoder-twitter-avatar#readme
  9. // @supportURL   https://github.com/ciffelia/atcoder-twitter-avatar/issues
  10. // @match        http*://atcoder.jp/user/*
  11. // @match        https://beta.atcoder.jp/users/*
  12. // @run-at       document-end
  13. // ==/UserScript==
  14.  
  15. (function () {
  16.   'use strict';
  17.  
  18.   const twLinkElm = document.querySelector('a[href*="//twitter.com/"]');
  19.  
  20.   if (twLinkElm !== null) {
  21.     const screenName = twLinkElm.innerText;
  22.     const avatarUrl = `https://avatars.io/twitter/${screenName}/small`;
  23.  
  24.     const avatarElm = document.createElement('img');
  25.     avatarElm.src = avatarUrl;
  26.     avatarElm.referrerPolicy = 'no-referrer';
  27.     Object.assign(avatarElm.style, {
  28.       width: '20px',
  29.       height: '20px',
  30.       marginRight: '5px',
  31.       borderRadius: '50%'
  32.     });
  33.  
  34.     twLinkElm.insertAdjacentElement('afterbegin', avatarElm);
  35.   }
  36.  
  37. }());