BC: record label link visible

copy the "← record label" link above the album art so it's visible without resizing the browser window

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name        BC: record label link visible
// @namespace   userscript1
// @match       https://*.bandcamp.com/*
// @match       https://*.bandcamp.com/
// @grant       none
// @version     0.1.1
// @description copy the "← record label" link above the album art so it's visible without resizing the browser window
// @license     GPLv3
// ==/UserScript==

(function() {
  'use strict';

  document.querySelector('div.middleColumn')?.insertAdjacentHTML('afterBegin',
    `<div id="labelcopy" style="margin-bottom: 1em;"></div>`
  );

  var target = document.querySelector('#labelcopy');
  document.querySelectorAll('a.back-to-label-link').forEach(a => {
    var text = a.firstElementChild.innerHTML.split('<br>').join(' '); // innerText strips thelinebreak??
    var href = a.href;
    target.innerHTML = `<a href=${href}>← ${text}</a>`;
  });

})();