至爱音乐论坛 » 『欧美专辑分享』 » Jarryd James - P.M. (2021)


2021-3-10 09:04 Saw
Jarryd James - P.M. (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://is2-ssl.mzstatic.com/image/thumb/Music124/v4/c4/e0/86/c4e08652-08eb-45e3-5ed6-d722179eae61/cover.jpg/500x500bb-60.jpg">
        </div>
      </div>

      <div class="header-and-tracks">
        <div class="album-header">
          <div class="album-header-meta">
            <h1 class="album-title">P.M.</h1>
            <h2 class="album-artist">Jarryd James</h2>
            <h3 class="album-meta-info">ALTERNATIVE / SOUL / INDIE POP  2021</h3>
          </div>
          <div class="album-notes">
            <div class="description-container">
              <div class="description-data">
                <p>
                  <span class="line-title">
                    介紹
                  </span>
                  Jarryd James Klapper is an Australian singer, songwriter and record producer who performs as Jarryd James. He released his debut single "Do You Remember" on 30 January 2015, which peaked at No. 2 on the ARIA Singles Chart. His debut album, Thirty One, also reached No. 2 on the related ARIA Albums Chart. --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>Miracles</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>I Do</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>Let It Go</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>Problems</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>Don't Forget</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>Different Language</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>Slow Motion</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>Stop Me</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>Overdue (feat. Trapo)</div>
            </div>
          </div>
         
        </div>

        <div class="bottom-metadata">
          <div class="song-stat-container">
            共 9 首
          </div>
          <div class="release-stat-container">
            WEB / 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/1x5Not4R1HHYUmXHkM-hagg" target="_blank">https://pan.baidu.com/s/1x5Not4R1HHYUmXHkM-hagg</a>
      </div>
      <div class="link-passcode">
        提取码: m28y
      </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>

2021-3-10 10:10 yfer911911
谢谢分享!!!

页: [1]
查看完整版本: Jarryd James - P.M. (2021)


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