34 lines
1016 B
HTML
34 lines
1016 B
HTML
<title>history</title>
|
|
<style>
|
|
.i {
|
|
width: 128px;
|
|
height: 128px;
|
|
display: inline-block;
|
|
}
|
|
</style>
|
|
|
|
<h1>history for <span id="ipa">???</span></h1>
|
|
<p>in reverse-chronological order. hover for dates</p>
|
|
|
|
<script>
|
|
let ipa = location.pathname.split("/").pop().trim();
|
|
document.getElementById("ipa").innerText = ipa;
|
|
fetch(location.pathname + "/csv").then(r => r.text()).then(csv => {
|
|
csv = csv.trim();
|
|
csv = csv.split("\n").map(x => x.split(','));
|
|
|
|
var imgs = [];
|
|
|
|
for (let row of csv) {
|
|
let date = new Date(row[0]).toLocaleString();
|
|
let pixiv_id = row[1];
|
|
let pixiv_url = `https://www.pixiv.net/en/artworks/${pixiv_id}`;
|
|
let thumb_url = `/img/${pixiv_id}?size=thumb_mini`;
|
|
//imgs.unshift(`<a href="${pixiv_url}"><img src="${thumb_url}" alt="${pixiv_id}" title="${date}" /></a>`);
|
|
imgs.unshift(`<a href="${pixiv_url}"><div class="i" style="background-image: url(${thumb_url})" title="${date}">${pixiv_id}</div></a>`);
|
|
}
|
|
|
|
document.body.innerHTML += imgs.join('');
|
|
|
|
});
|
|
</script> |