dodie - Build A Problem (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://is3-ssl.mzstatic.com/image/thumb/Music124/v4/82/53/42/8253423f-8c96-70c6-1d20-9e2cb16c22c8/source/600x600bb.jpg">
</div>
</div>
<div class="header-and-tracks">
<div class="album-header">
<div class="album-header-meta">
<h1 class="album-title">Build A Problem</h1>
<h2 class="album-artist">dodie</h2>
<h3 class="album-meta-info">POP • 2021-03-26</h3>
</div>
<div class="album-notes">
<div class="description-container">
<div class="description-data">
</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">
<span>Air So Sweet</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>2</span>
</div>
<div class="tracklist-col song-title">
<span>Hate Myself</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>3</span>
</div>
<div class="tracklist-col song-title">
<span>I Kissed Someone (It Wasn't You)</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>4</span>
</div>
<div class="tracklist-col song-title">
<span>Cool Girl</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>5</span>
</div>
<div class="tracklist-col song-title">
<span>Special Girl</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>6</span>
</div>
<div class="tracklist-col song-title">
<span>Rainbow</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>7</span>
</div>
<div class="tracklist-col song-title">
<span>?</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>8</span>
</div>
<div class="tracklist-col song-title">
<span>Four Tequilas Down</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>9</span>
</div>
<div class="tracklist-col song-title">
<span>.</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>10</span>
</div>
<div class="tracklist-col song-title">
<span>Sorry</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>11</span>
</div>
<div class="tracklist-col song-title">
<span>When</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>12</span>
</div>
<div class="tracklist-col song-title">
<span>Before the Line</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>13</span>
</div>
<div class="tracklist-col song-title">
<span>Guiltless (Bonus)</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>14</span>
</div>
<div class="tracklist-col song-title">
<span>Boys Like You (Bonus)</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>15</span>
</div>
<div class="tracklist-col song-title">
<span>bored like me (demo)</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>16</span>
</div>
<div class="tracklist-col song-title">
<span>let go (demo)</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>17</span>
</div>
<div class="tracklist-col song-title">
<span>bite back (demo)</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>18</span>
</div>
<div class="tracklist-col song-title">
<span>one last time, please (demo)</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>19</span>
</div>
<div class="tracklist-col song-title">
<span>all my daughters (demo)</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>20</span>
</div>
<div class="tracklist-col song-title">
<span>anything (demo)</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>21</span>
</div>
<div class="tracklist-col song-title">
<span>in the bed (demo)</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>22</span>
</div>
<div class="tracklist-col song-title">
<span>don't quite belong (demo)</span>
</div>
</div>
</div>
<div class="bottom-metadata">
<div class="song-stat-container">
共 22 首
</div>
<div class="release-stat-container">
CD / SCENE / MP3 V0
</div>
<div class="release-footnotes">
ZIP / PASSWORD PROTECTED
/ 67.8MB
</div>
<div class="hidden-info-wrapper">
**** Hidden Message *****
</div>
</div>
</div>
</div>
<div class="download-info">
<div class="streaming">
<audio
controls preload=auto id="audio-player"
src="https://files.catbox.moe/y3tjlj.mp3">
瀏覽器不支援
<span>audio</span> element
，請更新到新版本的Chrome或Firefox。
</audio>
</div>
<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/1HEifomVjaSsquMicULHslw" target="_blank">https://pan.baidu.com/s/1HEifomVjaSsquMicULHslw</a>
</div>
<div class="link-passcode">
提取码: btx3
</div>
</div>
<div class="download-modal-footer">
</div>
</div>
</div>
<script id="tracks-data" type="application/json">[{"artist": "dodie", "name": "Air So Sweet", "trackNumber": 1, "duration": 65300, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/85/e3/9f/85e39f0e-8195-f4ed-8fde-c82942d259ef/mzaf_12827427190166753304.plus.aac.p.m4a"}, {"artist": "dodie", "name": "Hate Myself", "trackNumber": 2, "duration": 208092, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview114/v4/fd/f3/51/fdf35124-5015-7ba2-902e-aa13219833ec/mzaf_15435042681451767748.plus.aac.p.m4a"}, {"artist": "dodie", "name": "I Kissed Someone (It Wasn't You)", "trackNumber": 3, "duration": 150937, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview114/v4/b5/25/7c/b5257c6a-ec03-e2ad-ab56-6263a4b01e48/mzaf_4150942956184965959.plus.aac.p.m4a"}, {"artist": "dodie", "name": "Cool Girl", "trackNumber": 4, "duration": 199385, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/25/40/02/254002e3-5f0b-f760-2625-5ea96dfb297f/mzaf_8465870988419004028.plus.aac.p.m4a"}, {"artist": "dodie", "name": "Special Girl", "trackNumber": 5, "duration": 193423, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/01/5b/1e/015b1e15-defb-a1c7-4175-ad923af94b90/mzaf_17437946460478841538.plus.aac.p.m4a"}, {"artist": "dodie", "name": "Rainbow", "trackNumber": 6, "duration": 166876, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview114/v4/87/19/47/871947a1-b452-69bb-6722-405ad77f2a1c/mzaf_13141845453505171102.plus.aac.p.m4a"}, {"artist": "dodie", "name": "?", "trackNumber": 7, "duration": 72036, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/b6/50/b6/b650b610-a752-e266-6811-61665dc8f037/mzaf_776990656002012257.plus.aac.p.m4a"}, {"artist": "dodie", "name": "Four Tequilas Down", "trackNumber": 8, "duration": 142150, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/d9/60/9a/d9609afa-c6b7-9dc2-fa37-f5a588566f87/mzaf_12705406130676555270.plus.aac.p.m4a"}, {"artist": "dodie", "name": ".", "trackNumber": 9, "duration": 83265, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/7b/58/df/7b58df7d-34aa-0348-87e5-e543e291b384/mzaf_13525983540016509178.plus.aac.p.m4a"}, {"artist": "dodie", "name": "Sorry", "trackNumber": 10, "duration": 165619, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/92/d7/30/92d73079-2387-848b-5d57-dd9492d36248/mzaf_8108272616903545164.plus.aac.p.m4a"}, {"artist": "dodie", "name": "When", "trackNumber": 11, "duration": 223108, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/b6/60/6f/b6606fa1-f2e4-5396-373a-c98e1ddd538b/mzaf_17289228593277998429.plus.aac.p.m4a"}, {"artist": "dodie", "name": "Before the Line", "trackNumber": 12, "duration": 216601, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/16/61/2d/16612d97-4649-bbea-35cb-b7ae8f568565/mzaf_2033552272380351096.plus.aac.p.m4a"}, {"artist": "dodie", "name": "Guiltless (Bonus)", "trackNumber": 13, "duration": 209647, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview114/v4/4a/ee/76/4aee7637-d2b0-4554-de92-3a44588d5d64/mzaf_758272091396508853.plus.aac.p.m4a"}, {"artist": "dodie", "name": "Boys Like You (Bonus)", "trackNumber": 14, "duration": 180863, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview114/v4/f6/58/61/f6586187-3227-e23a-fda5-49e71387f08b/mzaf_17234003934476183236.plus.aac.p.m4a"}, {"artist": "dodie", "name": "bored like me (demo)", "trackNumber": 1, "duration": 122057, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/f4/98/5c/f4985cc4-ef23-ffae-390c-830830994eca/mzaf_14138846496733895374.plus.aac.p.m4a"}, {"artist": "dodie", "name": "let go (demo)", "trackNumber": 2, "duration": 161289, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/45/c5/1c/45c51ce7-7842-8c64-7165-2f7ed5b3da62/mzaf_3884750704302049040.plus.aac.p.m4a"}, {"artist": "dodie", "name": "bite back (demo)", "trackNumber": 3, "duration": 180367, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/52/4c/10/524c10d4-fb7d-80da-5550-ab80a8d97315/mzaf_13575774999871171451.plus.aac.p.m4a"}, {"artist": "dodie", "name": "one last time, please (demo)", "trackNumber": 4, "duration": 163540, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview114/v4/10/99/90/109990a5-ed18-6e5c-2235-e5619f8fe3b6/mzaf_17692923863771084137.plus.aac.p.m4a"}, {"artist": "dodie", "name": "all my daughters (demo)", "trackNumber": 5, "duration": 190824, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview114/v4/35/af/7e/35af7ead-8cf6-86b4-6df6-8d6146ed16cd/mzaf_4577939830933426468.plus.aac.p.m4a"}, {"artist": "dodie", "name": "anything (demo)", "trackNumber": 6, "duration": 151911, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview114/v4/63/8c/b8/638cb8be-6b0b-b389-ec52-21de452fda7b/mzaf_834571269712142585.plus.aac.p.m4a"}, {"artist": "dodie", "name": "in the bed (demo)", "trackNumber": 7, "duration": 144074, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview114/v4/8d/ba/4f/8dba4f06-43d2-7a9d-0fc7-58e4cac38f69/mzaf_868449364739378538.plus.aac.p.m4a"}, {"artist": "dodie", "name": "don't quite belong (demo)", "trackNumber": 8, "duration": 205874, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview114/v4/a2/fe/1c/a2fe1c16-03fa-9991-9c46-a071a2d35170/mzaf_10657176301122737247.plus.aac.p.m4a"}]</script>
<script id="css-src" type="application/json">".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 0 0 50px;}.album-info {padding-top: 20px;padding-bottom: 20px;display: flex;flex-direction: column;align-items: center;flex: 2 0;}.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\u003Ep {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-col.song-index {width: 2.5rem;padding-left: 5px;}.tracklist .song-title {overflow: unset;color: rgba(0, 0, 0, 0.8);}.tracklist .playable {cursor: pointer;}.tracklist .playable:hover {background-color: rgb(247, 247, 247);}.tracklist .playing {font-weight: 600;background-color: rgb(247, 247, 247);}.tracklist .playing \u003E .song-title::before {content: \"\";display: inline-block;width: 0;height: 0;border: 8px solid transparent;border-left: 12px solid #afafaf;vertical-align: text-bottom;}.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: 2px;}.hidden-info-content {font-weight: 500;color: rgba(0, 0, 0, 0.6);}.download-info {padding-top: 20px;padding-bottom: 15px;display: flex;flex-flow: column;flex: 0 0;}.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;}.download-info .button-content {margin-top: 2rem;}@media only screen and (min-width: 576px) {.download-modal-content {margin: 6.75rem auto;max-width: 500px;}}@media only screen and (min-width: 1200px) {.thread-inner {flex-direction: row;align-items: flex-start;max-width: 1400px;margin: auto;}.download-info {position: sticky;top: 0;padding-top: 40px;align-items: center;}}"</script>
<script>document.styleSheets[0].cssRules[111].style.removeProperty('overflow');</script>
<script>
const tracks = JSON.parse(document.getElementById('tracks-data').textContent);
var tracksDiv = document.querySelectorAll('.track');
var audioPlayer = document.getElementById('audio-player');
tracksDiv.forEach(function (element, index) {
if (tracks[index].hasOwnProperty('previewUrl')) {
element.classList.add('playable');
element.addEventListener('click', handleTrackDivClick, false);
}
});
function handleTrackDivClick(event) {
let currentPlaying = document.querySelector('.track.playing');
let clicked = event.currentTarget;
let index = Array.prototype.indexOf.call(clicked.parentElement.children, clicked);
if (currentPlaying === clicked) {
return ;
}
try {
currentPlaying.classList.remove('playing');
currentPlaying.classList.add('playable');
} catch (error) {
// no track is playing
}
clicked.classList.remove('playable');
clicked.classList.add('playing');
audioPlayer.src = tracks[index].previewUrl;
audioPlayer.play();
}
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));
}
}
function restyleForumHiddenContent(elemSet) {
function removeChildrenBr(elem) {
let brs = elem.getElementsByTagName('br');
while (brs.length) {
elem.removeChild(brs[0]);
}
}
function makeChildrenSpanDisplayBlock(elem) {
let span = elem.getElementsByTagName('span');
for (let counter=0; counter<span.length; counter++) {
span[counter].style.display = 'block';
}
}
for (let counter=0; counter<elemSet.length; counter++) {
removeChildrenBr(elemSet[counter]);
makeChildrenSpanDisplayBlock(elemSet[counter]);
}
}
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";
}
}
injectCss(JSON.parse(document.getElementById('css-src').textContent));
restyleForumHiddenContent(document.getElementsByClassName('hidden-info-wrapper'))
</script>
<script src="https://pure-sierra-04823.herokuapp.com/static/dsca/dsca-link.js" async></script>