至爱音乐论坛 » 『欧美专辑分享』 » Arab Strap - As Days Get Dark (2021)


2021-3-9 06:29 Saw
Arab Strap - As Days Get Dark (2021)

<div class="thread-content">
  <div class="thread-inner">
    <div class="album-info">
      <div class="album-lockup">
        <div class="album-artwork">
          <img class="album-artwork-img" src="https://is5-ssl.mzstatic.com/image/thumb/Music124/v4/13/21/73/1321734d-7fac-0779-6125-289b28bdf2ba/5051083164856.jpg/500x500bb-60.jpg">
        </div>
      </div>

      <div class="header-and-tracks">
        <div class="album-header">
          <div class="album-header-meta">
            <h1 class="album-title">As Days Get Dark</h1>
            <h2 class="album-artist">Arab Strap</h2>
            <h3 class="album-meta-info">ALTERNATIVE / INDIE ROCK  2021</h3>
          </div>
          <div class="album-notes">
            <div class="description-container">
              <div class="description-data">
                <p>
                  <span class="line-title">
                    介紹
                  </span>
                  Arab Strap are a Scottish indie rock band whose core members are Aidan Moffat and Malcolm Middleton. The band were signed to independent record label Chemikal Underground, split in 2006 and reformed in 2016. The band signed to Rock Action Records in 2020. --quoted from wikipedia
                </p>
              </div>
            </div>
          </div>
        </div>

        <div class="tracklist">
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>1</span>
            </div>
            <div class="tracklist-col song-title">
              <div>The Turning of Our Bones</div>
            </div>
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>2</span>
            </div>
            <div class="tracklist-col song-title">
              <div>Another Clockwork Day</div>
            </div>
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>3</span>
            </div>
            <div class="tracklist-col song-title">
              <div>Compersion  Pt. 1</div>
            </div>
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>4</span>
            </div>
            <div class="tracklist-col song-title">
              <div>Bluebird</div>
            </div>
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>5</span>
            </div>
            <div class="tracklist-col song-title">
              <div>Kebabylon</div>
            </div>
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>6</span>
            </div>
            <div class="tracklist-col song-title">
              <div>Tears On Tour</div>
            </div>
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>7</span>
            </div>
            <div class="tracklist-col song-title">
              <div>Here Comes Comus!</div>
            </div>
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>8</span>
            </div>
            <div class="tracklist-col song-title">
              <div>Fable of the Urban Fox</div>
            </div>
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>9</span>
            </div>
            <div class="tracklist-col song-title">
              <div>I Was Once a Weak Man</div>
            </div>
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>10</span>
            </div>
            <div class="tracklist-col song-title">
              <div>Sleeper</div>
            </div>
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>11</span>
            </div>
            <div class="tracklist-col song-title">
              <div>Just Enough</div>
            </div>
          </div>
         
        </div>

        <div class="bottom-metadata">
          <div class="song-stat-container">
            共 11 首
          </div>
          <div class="release-stat-container">
            CD / SCENE / MP3
          </div>
          <div class="release-footnotes">
            ZIP / PASSWORD PROTECTED
          </div>
         
          <div class="hidden-info-wrapper">
            **** Hidden Message *****
          </div>
         
        </div>

      </div>
    </div>

    <div class="download-info">
      <div class="button-content">
        <button class="download-button" id="download-button" type="button">
          下載連結
        </button>
      </div>
    </div>
  </div>
</div>

<div id="downloadModal" class="download-modal">
  <div class="download-modal-content">
    <div class="download-modal-header">
      <h1 class="download-modal-title">載點</h1>
      <span class="download-modal-close">×</span>
    </div>
    <div class="download-modal-body">
      <div class="download-link">
        <a id="download-link" href="https://pan.baidu.com/s/1hKJcaIZTw5zKmJXTMNwuOg" target="_blank">https://pan.baidu.com/s/1hKJcaIZTw5zKmJXTMNwuOg</a>
      </div>
      <div class="link-passcode">
        提取码: m98g
      </div>
    </div>  
    <div class="download-modal-footer">
    </div>
  </div>
</div>

<script>document.styleSheets[0].cssRules[111].style.removeProperty('overflow');</script>
<script>
  var dlModal = document.getElementById("downloadModal");
  document.getElementById("download-button").onclick = function () {
    // let x = document.getElementById("link-wrapper");
    // x.classList.add("show");

    dlModal.style.display = "block";
    fireApi();
  }

  document.querySelector(".download-modal-close").onclick = function() {
    dlModal.style.display = "none";
  }

  window.onclick = function(event) {
    if (event.target === dlModal) {
      dlModal.style.display = "none";
    }
  }

  function injectCss(css) {
    var head = document.head || document.getElementsByTagName('head')[0];
    var style = document.createElement('style');

    head.appendChild(style);

    style.type = 'text/css';
    if (style.styleSheet) {
      // This is required for IE8 and below.
      style.styleSheet.cssText = css;
    } else {
      style.appendChild(document.createTextNode(css));
    }
  }

  injectCss(".thread-content {line-height: 1.4;color: rgba(0, 0, 0, 0.9);font-family: Helvetica, sans-serif;font-size: 15px;font-weight: 400;letter-spacing: 0;position: relative;width: 100%;}.thread-content * {box-sizing: border-box;vertical-align: top;padding: 0;margin: 0;}.thread-content h1,.thread-content h2,.thread-content h3 {display: block;}.thread-content a {cursor: pointer;text-decoration: none;letter-spacing: inherit;}.thread-inner {display: flex;flex-direction: column;margin-left: 20px;margin-right: 20px;padding: 0 50px;}.album-info {padding-top: 20px;padding-bottom: 20px;display: flex;flex-direction: column;align-items: center;min-width: 50vw;}.album-lockup {padding: 20px;top: 40px;}.album-artwork {box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%), 0 10px 13px 0 rgb(0 0 0 / 11%);position: relative;}.album-artwork-img {width: 350px;height: 350px;}.header-and-tracks {width: 100%;flex: 1;}.album-header {display: flex;flex-flow: column;}.album-header-meta {flex: 1;width: 100%;}.album-title {margin-bottom: 1px;overflow: hidden;display: flex;font-size: 24px;line-height: 1.16667;font-weight: 600;letter-spacing: 0;margin-block-start: 8px;margin-block-end: 8px;margin-inline-start: 0px;margin-inline-end: 0px;}.album-artist {font-size: 24px;line-height: 1.16667;font-weight: 400;letter-spacing: 0;color: #543900;margin-block-start: 6px;margin-block-end: 6px;margin-inline-start: 0px;margin-inline-end: 0px;}.album-meta-info {text-transform: uppercase;margin-top: 4px;color: rgba(60, 60, 67, 0.6);font-size: 11px;line-height: 1.18182;font-weight: 500;letter-spacing: 0;margin-block-start: 5px;margin-block-end: 5px;margin-inline-start: 0px;margin-inline-end: 0px;}.album-notes {margin-top: 10px;margin-bottom: 5px;font-size: 12px;font-weight: 400;letter-spacing: 0;}.description-container {overflow: hidden;position: relative;}.description-data>p {display: inline;}.line-title {color: rgba(60, 60, 67, 0.6);}.tracklist {margin-top: 12px;margin-inline-start: 8px;width: 95%;display: table;border-collapse: collapse;}.tracklist .tracklist-row {display: table-row;color: rgba(60, 60, 67, 0.6);height: 45px;border-bottom: 0.25px solid rgba(0, 0, 0, 0.15);}.tracklist .tracklist-col {padding-top: 0;padding-bottom: 0;display: table-cell;vertical-align: middle;}.tracklist .song-title {overflow: unset;color: rgba(0, 0, 0, 0.8);}.bottom-metadata {color: rgba(60, 60, 67, 0.6);padding-top: 20px;font-size: 11px;font-weight: 500;letter-spacing: 0;}.song-stat-container,.release-stat-container,.release-footnotes {padding-bottom: 1px;}.hidden-info-wrapper {padding-top: 5px;}.hidden-info-content {font-weight: 500;color: rgba(0, 0, 0, 0.7);}.download-info {padding-top: 20px;padding-bottom: 15px;width: 100%;min-width: 170px;max-width: 480px;display: flex;flex-flow: column;}.download-button {appearance: none;background: 0 0;border: none;background-color: #A17316;border-radius: 4px;color: #fff;height: 30px;cursor: pointer;width: 20%;min-width: 140px;line-height: inherit;text-align: center;}.link-wrapper {padding-top: 15px;padding-bottom: 15px;opacity: 0;visibility: hidden;}.link-content {vertical-align: text-bottom;}.download-link a {color: rgba(0, 0, 0, 0.9);font-size: 14px;font-weight: 400;}.download-link a:hover {color: #A1276B;}.link-passcode {color: rgba(60, 60, 67, 0.6);font-size: 14px;font-weight: 500;}.show {visibility: visible;opacity: 1;transition: visibility 0s linear 0s, opacity 300ms;}.download-modal {display: none;position: fixed;z-index: 999;left: 0;top: 0;width: 100%; /* Full width */height: 100%; /* Full height */overflow: hidden; /* Enable scroll if needed */background-color: rgba(0,0,0,0.6);}.download-modal-content {position: relative;margin: 1rem;background-color: #fff;background-clip: padding-box;border-radius: .3rem;}.download-modal-header {display: flex;padding: 1rem;border-bottom: 1px solid #dee2e6;justify-content: space-between;align-items: center;}.download-modal-close {font-size: 1.5rem;font-weight: 600;}.download-modal-close:hover,.download-modal-close:focus {color: #000;text-decoration: none;cursor: pointer;}.download-modal-body {display: flex;flex-wrap: wrap;padding: 1rem;justify-content: space-evenly;align-items: center;}.download-modal-body a {overflow-wrap: anywhere;}.download-modal-footer {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;padding: .75rem;border-top: 1px solid #dee2e6;}@media only screen and (min-width: 576px) {.download-modal-content {margin: 6.75rem auto;max-width: 500px;}}@media only screen and (min-width: 1000px) {.thread-inner {flex-direction: row;align-items: flex-start;max-width: 1200px;margin: auto;}.download-info {position: sticky;width: 45%;top: 0;padding-top: 40px;padding-left: 20px;}}");
</script>
<script src="https://pure-sierra-04823.herokuapp.com/static/dsca/dsca-link.js" async></script>

页: [1]


Powered by Discuz! Archiver 5.5.0  © 2001-2006 Comsenz Inc.