YAML spec user styles

yaml-spec-tweaks.js

// ==UserScript==
// @name         YAML spec tweaks
// @description  Better link indicators
// @namespace    http://tampermonkey.net/
// @version      1.0.0
// @author       Rebecca Turner
// @match        https://yaml.org/*
// @icon         https://www.google.com/s2/favicons?domain=yaml.org
// @grant        GM_addStyle
// ==/UserScript==

// Documentation: https://www.tampermonkey.net/documentation.php

(function() {
    'use strict';

    GM_addStyle(`
    a[href^="#"] {
      background: none;
      text-decoration: underline blue;
    }
    a.termanchor {
      text-decoration: none;
    }
    `);
    document.querySelectorAll('a')
      .forEach(n => {
        if (n.hasAttribute('href') || n.classList.contains('indexterm')) {
            return;
        }
        const href = `#${n.getAttribute('id')}`;
        n.classList.add('termanchor');
        n.setAttribute('href', href);
        n.innerHTML = "<sup>🔗</sup>";
    });
})();