From f9b990ec560a82772d0e7f4f3f58d80aee305119 Mon Sep 17 00:00:00 2001 From: mxdanger <32040254+mxdanger@users.noreply.github.com> Date: Sun, 24 Apr 2022 00:51:41 -0700 Subject: [PATCH] Fixed various issues --- web/_css/style.css | 9 ++++++ web/_js/draw.js | 70 +++++++++++++++++++++++++++----------------- web/_js/infoblock.js | 69 +++++++++++++++++++++++-------------------- web/_js/time.js | 9 ++++-- web/_js/view.js | 34 +++++++++++---------- web/index.html | 12 ++++---- 6 files changed, 122 insertions(+), 81 deletions(-) diff --git a/web/_css/style.css b/web/_css/style.css index 2d80992c..cac8bbd5 100644 --- a/web/_css/style.css +++ b/web/_css/style.css @@ -317,6 +317,15 @@ noscript { box-shadow: 0 .5rem 1rem rgba(17,17,17,.5); } +#entriesList .card { + box-shadow: none !important; + transition: box-shadow 0.15s ease-in-out; +} + +#entriesList .card:hover { + box-shadow: 0 0 0 .15rem rgba(var(--bs-primary-rgb), .75) !important; +} + #entriesListNav { margin: 10px 0; display: flex; diff --git a/web/_js/draw.js b/web/_js/draw.js index a449817e..045256d0 100644 --- a/web/_js/draw.js +++ b/web/_js/draw.js @@ -328,18 +328,42 @@ function initDraw() { } function reset() { - updatePath([]) - undoHistory = []; - drawing = true; - disableDrawingOverride = false; - objectInfoBody.style.display = "none"; - drawControlsBody.removeAttribute("style"); + // Requires button to be pressed twice to confirm reset + if (resetButton.textContent == "Confirm Reset") { + resetButton.textContent = "Reset"; + resetButton.className = "btn btn-secondary"; - nameField.value = ""; - descriptionField.value = ""; - websiteField.value = ""; - subredditField.value = ""; - } + updatePath([]) + undoHistory = []; + drawing = true; + disableDrawingOverride = false; + objectInfoBody.style.display = "none"; + drawControlsBody.removeAttribute("style"); + + // Blanks input values + nameField.value = ""; + descriptionField.value = ""; + + // Clears input array + websiteGroupElements = []; + subredditGroupElements = []; + discordGroupElements = []; + wikiGroupElements = []; + + // Rebuilds multi-input list + websiteGroup.replaceChildren(); + subredditGroup.replaceChildren(); + discordGroup.replaceChildren(); + wikiGroup.replaceChildren(); + addWebsiteFields("", 0, [0]); + addSubredditFields("", 0, [0]); + addDiscordFields("", 0, [0]); + addWikiFields("", 0, [0]); + } else { + resetButton.textContent = "Confirm Reset"; + resetButton.className = "btn btn-danger"; + } + } function back() { drawing = true; @@ -347,6 +371,8 @@ function initDraw() { updatePath() objectInfoBody.style.display = "none"; drawControlsBody.removeAttribute("style"); + resetButton.textContent = "Reset"; + resetButton.className = "btn btn-secondary"; } function renderBackground() { @@ -670,6 +696,10 @@ function initDraw() { } else { pathWithPeriods.push([defaultPeriod, []]) + addWebsiteFields("", 0, [0]); + addSubredditFields("", 0, [0]); + addDiscordFields("", 0, [0]); + addWikiFields("", 0, [0]); } initPeriodGroups() @@ -767,14 +797,8 @@ function initPeriodGroups() { startPeriodEl.max = newVariationConfig.versions.length - 1 endPeriodEl.value = newVariationConfig.default endPeriodEl.max = newVariationConfig.versions.length - 1 + periodVariationEl.previousElementSibling.innerHTML = newVariationConfig.icon; updateTime(newVariationConfig.default, newVariation) - if (periodVariationEl.value == "tfc") { - const variationIcon = periodVariationEl.parentElement.querySelector('.input-group-text'); - variationIcon.innerHTML = ''; - } else { - const variationIcon = periodVariationEl.parentElement.querySelector('.input-group-text'); - variationIcon.innerHTML = ''; - } // console.log(parseInt(event.target.value)) }) @@ -814,14 +838,7 @@ function initPeriodGroups() { } periodVariationEl.value = variation - - if (periodVariationEl.value == "tfc") { - const variationIcon = periodVariationEl.parentElement.querySelector('.input-group-text'); - variationIcon.innerHTML = ''; - } else { - const variationIcon = periodVariationEl.parentElement.querySelector('.input-group-text'); - variationIcon.innerHTML = ''; - } + periodVariationEl.previousElementSibling.innerHTML = variationsConfig[variation].icon; periodGroupElements.push({ periodGroupEl, @@ -835,7 +852,6 @@ function initPeriodGroups() { // console.log(periodGroupTemplate) updatePeriodGroups() - } function updatePeriodGroups() { diff --git a/web/_js/infoblock.js b/web/_js/infoblock.js index 24c6a411..c9e7d423 100644 --- a/web/_js/infoblock.js +++ b/web/_js/infoblock.js @@ -17,9 +17,9 @@ function createInfoBlock(entry) { function createLabel(name, value, parent) { const nameElement = document.createElement("span"); nameElement.className = "fw-bold"; - nameElement.innerText = name; + nameElement.textContent = name; const valueElement = document.createElement("span"); - valueElement.innerText = value; + valueElement.textContent = value; parent.appendChild(nameElement); parent.appendChild(valueElement); return parent; @@ -41,7 +41,7 @@ function createInfoBlock(entry) { linkElement.href = "#" + entry.id; const linkNameElement = document.createElement("span"); linkNameElement.className = "flex-grow-1 text-break"; - linkNameElement.innerText = entry.name; + linkNameElement.textContent = entry.name; headerElement.appendChild(linkElement); linkElement.appendChild(linkNameElement); linkElement.insertAdjacentHTML("beforeend", '');// ''); @@ -94,31 +94,34 @@ function createInfoBlock(entry) { linkListElement.appendChild(subredditGroupElement); entry.links.subreddit.forEach(subreddit => { - subreddit = "r/" + subreddit; - const subredditLinkElement = document.createElement("a"); - subredditLinkElement.className = "btn btn-primary text-truncate"; - subredditLinkElement.target = "_blank"; - subredditLinkElement.rel = "noopener noreferrer"; - subredditLinkElement.href = "https://reddit.com" + subreddit; - subredditLinkElement.innerText = subreddit; - subredditGroupElement.appendChild(subredditLinkElement); + if (subreddit) { + subreddit = "r/" + subreddit; + const subredditLinkElement = document.createElement("a"); + subredditLinkElement.className = "btn btn-primary text-truncate"; + subredditLinkElement.target = "_blank"; + subredditLinkElement.rel = "noopener noreferrer"; + subredditLinkElement.href = "https://reddit.com/" + subreddit; + subredditLinkElement.textContent = subreddit; + subredditGroupElement.appendChild(subredditLinkElement); + } }); }; - if (entry.links.website.length) { const websiteGroupElement = document.createElement("div"); websiteGroupElement.className = "btn-group-vertical"; linkListElement.appendChild(websiteGroupElement); entry.links.website.forEach(link => { - const websiteLinkElement = document.createElement("a"); - websiteLinkElement.className = "btn btn-primary" - websiteLinkElement.target = "_blank"; - websiteLinkElement.rel = "noopener noreferrer"; - websiteLinkElement.href = link; - websiteLinkElement.innerText = "Website"; - websiteGroupElement.appendChild(websiteLinkElement); + if (link) { + const websiteLinkElement = document.createElement("a"); + websiteLinkElement.className = "btn btn-primary" + websiteLinkElement.target = "_blank"; + websiteLinkElement.rel = "noopener noreferrer"; + websiteLinkElement.href = link; + websiteLinkElement.textContent = "Website"; + websiteGroupElement.appendChild(websiteLinkElement); + } }); } @@ -128,11 +131,13 @@ function createInfoBlock(entry) { linkListElement.appendChild(discordGroupElement); entry.links.discord.forEach(link => { - const discordLinkElement = document.createElement("a"); - discordLinkElement.target = "_blank"; - discordLinkElement.href = "https://discord.gg/" + link; - discordLinkElement.innerText = "Discord"; - discordGroupElement.appendChild(discordLinkElement); + if (link) { + const discordLinkElement = document.createElement("a"); + discordLinkElement.target = "_blank"; + discordLinkElement.href = "https://discord.gg/" + link; + discordLinkElement.textContent = "Discord"; + discordGroupElement.appendChild(discordLinkElement); + } }); } @@ -142,12 +147,14 @@ function createInfoBlock(entry) { linkListElement.appendChild(wikiGroupElement); entry.links.wiki.forEach(link => { - const wikiLinkElement = document.createElement("a"); - wikiLinkElement.target = "_blank"; - websiteLinkElement.rel = "noopener noreferrer"; - wikiLinkElement.href = "https://place-wiki.stefanocoding.me/wiki/" + link.replace(/ /g, '_'); - wikiLinkElement.innerText = "Wiki Article"; - wikiGroupElement.appendChild(wikiLinkElement); + if (link) { + const wikiLinkElement = document.createElement("a"); + wikiLinkElement.target = "_blank"; + websiteLinkElement.rel = "noopener noreferrer"; + wikiLinkElement.href = "https://place-wiki.stefanocoding.me/wiki/" + link.replace(/ /g, '_'); + wikiLinkElement.textContent = "Wiki Article"; + wikiGroupElement.appendChild(wikiLinkElement); + } }); } @@ -162,7 +169,7 @@ function createInfoBlock(entry) { if (!entry.diff || entry.diff !== "delete") { const editElement = document.createElement("a"); - editElement.innerText = "Edit"; + editElement.textContent = "Edit"; editElement.className = "btn btn-sm btn-outline-primary"; editElement.href = "./?mode=draw&id=" + entry.id; editElement.title = "Edit " + entry.name; diff --git a/web/_js/time.js b/web/_js/time.js index a567d889..c941dbe8 100644 --- a/web/_js/time.js +++ b/web/_js/time.js @@ -18,7 +18,8 @@ const variationsConfig = { name: "r/place", code: "", default: 164, - versions: [{ "timestamp": 1648818000, "url": ["./_img/canvas/place30ex/start.png"] }, { "timestamp": 1648819800, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/000_005.png"] }, { "timestamp": 1648821600, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/001_005.png"] }, { "timestamp": 1648823400, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/002_005.png"] }, { "timestamp": 1648825200, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/003_005.png"] }, { "timestamp": 1648827000, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/004_005.png"] }, { "timestamp": 1648828800, "url": "./_img/canvas/place30/005.png" }, { "timestamp": 1648830600, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/006_005.png"] }, { "timestamp": 1648832400, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/007_005.png"] }, { "timestamp": 1648834200, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/008_005.png"] }, { "timestamp": 1648836000, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/009_005.png"] }, { "timestamp": 1648837800, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/010_005.png"] }, { "timestamp": 1648839600, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/011_016.png"] }, { "timestamp": 1648841400, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/012_016.png"] }, { "timestamp": 1648843200, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/013_016.png"] }, { "timestamp": 1648845000, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/014_016.png"] }, { "timestamp": 1648846800, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/015_016.png"] }, { "timestamp": 1648848600, "url": "./_img/canvas/place30/016.png" }, { "timestamp": 1648850400, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/017_016.png"] }, { "timestamp": 1648852200, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/018_016.png"] }, { "timestamp": 1648854000, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/019_016.png"] }, { "timestamp": 1648855800, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/020_016.png"] }, { "timestamp": 1648857600, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/021_016.png"] }, { "timestamp": 1648859400, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/022_027.png"] }, { "timestamp": 1648861200, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/023_027.png"] }, { "timestamp": 1648863000, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/024_027.png"] }, { "timestamp": 1648864800, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/025_027.png"] }, { "timestamp": 1648866600, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/026_027.png"] }, { "timestamp": 1648868400, "url": "./_img/canvas/place30/027.png" }, { "timestamp": 1648870200, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/028_027.png"] }, { "timestamp": 1648872000, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/029_027.png"] }, { "timestamp": 1648873800, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/030_027.png"] }, { "timestamp": 1648875600, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/031_027.png"] }, { "timestamp": 1648877400, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/032_027.png"] }, { "timestamp": 1648879200, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/033_038.png"] }, { "timestamp": 1648881000, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/034_038.png"] }, { "timestamp": 1648882800, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/035_038.png"] }, { "timestamp": 1648884600, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/036_038.png"] }, { "timestamp": 1648886400, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/037_038.png"] }, { "timestamp": 1648888200, "url": "./_img/canvas/place30/038.png" }, { "timestamp": 1648890000, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/039_038.png"] }, { "timestamp": 1648891800, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/040_038.png"] }, { "timestamp": 1648893600, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/041_038.png"] }, { "timestamp": 1648895400, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/042_038.png"] }, { "timestamp": 1648897200, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/043_038.png"] }, { "timestamp": 1648899000, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/044_049.png"] }, { "timestamp": 1648900800, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/045_049.png"] }, { "timestamp": 1648902600, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/046_049.png"] }, { "timestamp": 1648904400, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/047_049.png"] }, { "timestamp": 1648906200, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/048_049.png"] }, { "timestamp": 1648908000, "url": "./_img/canvas/place30/049.png" }, { "timestamp": 1648909800, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/050_049.png"] }, { "timestamp": 1648911600, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/051_049.png"] }, { "timestamp": 1648913400, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/052_049.png"] }, { "timestamp": 1648915200, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/053_049.png"] }, { "timestamp": 1648917000, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/054_049.png"] }, { "timestamp": 1648918800, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/055_060.png"] }, { "timestamp": 1648920600, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/056_060.png"] }, { "timestamp": 1648922400, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/057_060.png"] }, { "timestamp": 1648924200, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/058_060.png"] }, { "timestamp": 1648926000, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/059_060.png"] }, { "timestamp": 1648927800, "url": "./_img/canvas/place30/060.png" }, { "timestamp": 1648929600, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/061_060.png"] }, { "timestamp": 1648931400, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/062_060.png"] }, { "timestamp": 1648933200, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/063_060.png"] }, { "timestamp": 1648935000, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/064_060.png"] }, { "timestamp": 1648936800, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/065_060.png"] }, { "timestamp": 1648938600, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/066_071.png"] }, { "timestamp": 1648940400, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/067_071.png"] }, { "timestamp": 1648942200, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/068_071.png"] }, { "timestamp": 1648944000, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/069_071.png"] }, { "timestamp": 1648945800, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/070_071.png"] }, { "timestamp": 1648947600, "url": "./_img/canvas/place30/071.png" }, { "timestamp": 1648949400, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/072_071.png"] }, { "timestamp": 1648951200, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/073_071.png"] }, { "timestamp": 1648953000, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/074_071.png"] }, { "timestamp": 1648954800, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/075_071.png"] }, { "timestamp": 1648956600, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/076_071.png"] }, { "timestamp": 1648958400, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/077_082.png"] }, { "timestamp": 1648960200, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/078_082.png"] }, { "timestamp": 1648962000, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/079_082.png"] }, { "timestamp": 1648963800, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/080_082.png"] }, { "timestamp": 1648965600, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/081_082.png"] }, { "timestamp": 1648967400, "url": "./_img/canvas/place30/082.png" }, { "timestamp": 1648969200, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/083_082.png"] }, { "timestamp": 1648971000, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/084_082.png"] }, { "timestamp": 1648972800, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/085_082.png"] }, { "timestamp": 1648974600, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/086_082.png"] }, { "timestamp": 1648976400, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/087_082.png"] }, { "timestamp": 1648978200, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/088_093.png"] }, { "timestamp": 1648980000, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/089_093.png"] }, { "timestamp": 1648981800, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/090_093.png"] }, { "timestamp": 1648983600, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/091_093.png"] }, { "timestamp": 1648985400, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/092_093.png"] }, { "timestamp": 1648987200, "url": "./_img/canvas/place30/093.png" }, { "timestamp": 1648989000, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/094_093.png"] }, { "timestamp": 1648990800, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/095_093.png"] }, { "timestamp": 1648992600, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/096_093.png"] }, { "timestamp": 1648994400, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/097_093.png"] }, { "timestamp": 1648996200, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/098_093.png"] }, { "timestamp": 1648998000, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/099_104.png"] }, { "timestamp": 1648999800, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/100_104.png"] }, { "timestamp": 1649001600, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/101_104.png"] }, { "timestamp": 1649003400, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/102_104.png"] }, { "timestamp": 1649005200, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/103_104.png"] }, { "timestamp": 1649007000, "url": "./_img/canvas/place30/104.png" }, { "timestamp": 1649008800, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/105_104.png"] }, { "timestamp": 1649010600, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/106_104.png"] }, { "timestamp": 1649012400, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/107_104.png"] }, { "timestamp": 1649014200, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/108_104.png"] }, { "timestamp": 1649016000, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/109_104.png"] }, { "timestamp": 1649017800, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/110_115.png"] }, { "timestamp": 1649019600, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/111_115.png"] }, { "timestamp": 1649021400, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/112_115.png"] }, { "timestamp": 1649023200, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/113_115.png"] }, { "timestamp": 1649025000, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/114_115.png"] }, { "timestamp": 1649026800, "url": "./_img/canvas/place30/115.png" }, { "timestamp": 1649028600, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/116_115.png"] }, { "timestamp": 1649030400, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/117_115.png"] }, { "timestamp": 1649032200, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/118_115.png"] }, { "timestamp": 1649034000, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/119_115.png"] }, { "timestamp": 1649035800, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/120_115.png"] }, { "timestamp": 1649037600, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/121_126.png"] }, { "timestamp": 1649039400, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/122_126.png"] }, { "timestamp": 1649041200, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/123_126.png"] }, { "timestamp": 1649043000, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/124_126.png"] }, { "timestamp": 1649044800, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/125_126.png"] }, { "timestamp": 1649046600, "url": "./_img/canvas/place30/126.png" }, { "timestamp": 1649048400, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/127_126.png"] }, { "timestamp": 1649050200, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/128_126.png"] }, { "timestamp": 1649052000, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/129_126.png"] }, { "timestamp": 1649053800, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/130_126.png"] }, { "timestamp": 1649055600, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/131_126.png"] }, { "timestamp": 1649057400, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/132_137.png"] }, { "timestamp": 1649059200, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/133_137.png"] }, { "timestamp": 1649061000, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/134_137.png"] }, { "timestamp": 1649062800, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/135_137.png"] }, { "timestamp": 1649064600, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/136_137.png"] }, { "timestamp": 1649066400, "url": "./_img/canvas/place30/137.png" }, { "timestamp": 1649068200, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/138_137.png"] }, { "timestamp": 1649070000, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/139_137.png"] }, { "timestamp": 1649071800, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/140_137.png"] }, { "timestamp": 1649073600, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/141_137.png"] }, { "timestamp": 1649075400, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/142_137.png"] }, { "timestamp": 1649077200, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/143_148.png"] }, { "timestamp": 1649079000, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/144_148.png"] }, { "timestamp": 1649080800, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/145_148.png"] }, { "timestamp": 1649082600, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/146_148.png"] }, { "timestamp": 1649084400, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/147_148.png"] }, { "timestamp": 1649086200, "url": "./_img/canvas/place30/148.png" }, { "timestamp": 1649088000, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/149_148.png"] }, { "timestamp": 1649089800, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/150_148.png"] }, { "timestamp": 1649091600, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/151_148.png"] }, { "timestamp": 1649093400, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/152_148.png"] }, { "timestamp": 1649095200, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/153_148.png"] }, { "timestamp": 1649097000, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/154_159.png"] }, { "timestamp": 1649098800, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/155_159.png"] }, { "timestamp": 1649100600, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/156_159.png"] }, { "timestamp": 1649102400, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/157_159.png"] }, { "timestamp": 1649104200, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/158_159.png"] }, { "timestamp": 1649106000, "url": "./_img/canvas/place30/159.png" }, { "timestamp": 1649107800, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/160_159.png"] }, { "timestamp": 1649109600, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/161_159.png"] }, { "timestamp": 1649111400, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/162_159.png"] }, { "timestamp": 1649112460, "url": ["./_img/canvas/place30ex/final.png"] }, { "timestamp": 1649113200, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/163_159.png"] }, { "timestamp": 1649115000, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/164_159.png"] }, { "timestamp": 1649116800, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/165_159.png"] }, { "timestamp": 1649116967, "url": ["./_img/canvas/place30ex/end.png"] }] + versions: [{ "timestamp": 1648818000, "url": ["./_img/canvas/place30ex/start.png"] }, { "timestamp": 1648819800, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/000_005.png"] }, { "timestamp": 1648821600, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/001_005.png"] }, { "timestamp": 1648823400, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/002_005.png"] }, { "timestamp": 1648825200, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/003_005.png"] }, { "timestamp": 1648827000, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/004_005.png"] }, { "timestamp": 1648828800, "url": "./_img/canvas/place30/005.png" }, { "timestamp": 1648830600, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/006_005.png"] }, { "timestamp": 1648832400, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/007_005.png"] }, { "timestamp": 1648834200, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/008_005.png"] }, { "timestamp": 1648836000, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/009_005.png"] }, { "timestamp": 1648837800, "url": ["./_img/canvas/place30/005.png", "./_img/canvas/place30/010_005.png"] }, { "timestamp": 1648839600, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/011_016.png"] }, { "timestamp": 1648841400, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/012_016.png"] }, { "timestamp": 1648843200, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/013_016.png"] }, { "timestamp": 1648845000, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/014_016.png"] }, { "timestamp": 1648846800, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/015_016.png"] }, { "timestamp": 1648848600, "url": "./_img/canvas/place30/016.png" }, { "timestamp": 1648850400, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/017_016.png"] }, { "timestamp": 1648852200, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/018_016.png"] }, { "timestamp": 1648854000, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/019_016.png"] }, { "timestamp": 1648855800, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/020_016.png"] }, { "timestamp": 1648857600, "url": ["./_img/canvas/place30/016.png", "./_img/canvas/place30/021_016.png"] }, { "timestamp": 1648859400, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/022_027.png"] }, { "timestamp": 1648861200, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/023_027.png"] }, { "timestamp": 1648863000, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/024_027.png"] }, { "timestamp": 1648864800, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/025_027.png"] }, { "timestamp": 1648866600, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/026_027.png"] }, { "timestamp": 1648868400, "url": "./_img/canvas/place30/027.png" }, { "timestamp": 1648870200, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/028_027.png"] }, { "timestamp": 1648872000, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/029_027.png"] }, { "timestamp": 1648873800, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/030_027.png"] }, { "timestamp": 1648875600, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/031_027.png"] }, { "timestamp": 1648877400, "url": ["./_img/canvas/place30/027.png", "./_img/canvas/place30/032_027.png"] }, { "timestamp": 1648879200, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/033_038.png"] }, { "timestamp": 1648881000, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/034_038.png"] }, { "timestamp": 1648882800, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/035_038.png"] }, { "timestamp": 1648884600, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/036_038.png"] }, { "timestamp": 1648886400, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/037_038.png"] }, { "timestamp": 1648888200, "url": "./_img/canvas/place30/038.png" }, { "timestamp": 1648890000, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/039_038.png"] }, { "timestamp": 1648891800, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/040_038.png"] }, { "timestamp": 1648893600, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/041_038.png"] }, { "timestamp": 1648895400, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/042_038.png"] }, { "timestamp": 1648897200, "url": ["./_img/canvas/place30/038.png", "./_img/canvas/place30/043_038.png"] }, { "timestamp": 1648899000, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/044_049.png"] }, { "timestamp": 1648900800, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/045_049.png"] }, { "timestamp": 1648902600, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/046_049.png"] }, { "timestamp": 1648904400, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/047_049.png"] }, { "timestamp": 1648906200, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/048_049.png"] }, { "timestamp": 1648908000, "url": "./_img/canvas/place30/049.png" }, { "timestamp": 1648909800, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/050_049.png"] }, { "timestamp": 1648911600, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/051_049.png"] }, { "timestamp": 1648913400, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/052_049.png"] }, { "timestamp": 1648915200, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/053_049.png"] }, { "timestamp": 1648917000, "url": ["./_img/canvas/place30/049.png", "./_img/canvas/place30/054_049.png"] }, { "timestamp": 1648918800, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/055_060.png"] }, { "timestamp": 1648920600, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/056_060.png"] }, { "timestamp": 1648922400, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/057_060.png"] }, { "timestamp": 1648924200, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/058_060.png"] }, { "timestamp": 1648926000, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/059_060.png"] }, { "timestamp": 1648927800, "url": "./_img/canvas/place30/060.png" }, { "timestamp": 1648929600, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/061_060.png"] }, { "timestamp": 1648931400, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/062_060.png"] }, { "timestamp": 1648933200, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/063_060.png"] }, { "timestamp": 1648935000, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/064_060.png"] }, { "timestamp": 1648936800, "url": ["./_img/canvas/place30/060.png", "./_img/canvas/place30/065_060.png"] }, { "timestamp": 1648938600, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/066_071.png"] }, { "timestamp": 1648940400, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/067_071.png"] }, { "timestamp": 1648942200, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/068_071.png"] }, { "timestamp": 1648944000, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/069_071.png"] }, { "timestamp": 1648945800, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/070_071.png"] }, { "timestamp": 1648947600, "url": "./_img/canvas/place30/071.png" }, { "timestamp": 1648949400, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/072_071.png"] }, { "timestamp": 1648951200, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/073_071.png"] }, { "timestamp": 1648953000, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/074_071.png"] }, { "timestamp": 1648954800, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/075_071.png"] }, { "timestamp": 1648956600, "url": ["./_img/canvas/place30/071.png", "./_img/canvas/place30/076_071.png"] }, { "timestamp": 1648958400, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/077_082.png"] }, { "timestamp": 1648960200, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/078_082.png"] }, { "timestamp": 1648962000, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/079_082.png"] }, { "timestamp": 1648963800, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/080_082.png"] }, { "timestamp": 1648965600, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/081_082.png"] }, { "timestamp": 1648967400, "url": "./_img/canvas/place30/082.png" }, { "timestamp": 1648969200, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/083_082.png"] }, { "timestamp": 1648971000, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/084_082.png"] }, { "timestamp": 1648972800, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/085_082.png"] }, { "timestamp": 1648974600, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/086_082.png"] }, { "timestamp": 1648976400, "url": ["./_img/canvas/place30/082.png", "./_img/canvas/place30/087_082.png"] }, { "timestamp": 1648978200, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/088_093.png"] }, { "timestamp": 1648980000, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/089_093.png"] }, { "timestamp": 1648981800, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/090_093.png"] }, { "timestamp": 1648983600, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/091_093.png"] }, { "timestamp": 1648985400, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/092_093.png"] }, { "timestamp": 1648987200, "url": "./_img/canvas/place30/093.png" }, { "timestamp": 1648989000, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/094_093.png"] }, { "timestamp": 1648990800, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/095_093.png"] }, { "timestamp": 1648992600, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/096_093.png"] }, { "timestamp": 1648994400, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/097_093.png"] }, { "timestamp": 1648996200, "url": ["./_img/canvas/place30/093.png", "./_img/canvas/place30/098_093.png"] }, { "timestamp": 1648998000, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/099_104.png"] }, { "timestamp": 1648999800, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/100_104.png"] }, { "timestamp": 1649001600, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/101_104.png"] }, { "timestamp": 1649003400, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/102_104.png"] }, { "timestamp": 1649005200, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/103_104.png"] }, { "timestamp": 1649007000, "url": "./_img/canvas/place30/104.png" }, { "timestamp": 1649008800, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/105_104.png"] }, { "timestamp": 1649010600, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/106_104.png"] }, { "timestamp": 1649012400, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/107_104.png"] }, { "timestamp": 1649014200, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/108_104.png"] }, { "timestamp": 1649016000, "url": ["./_img/canvas/place30/104.png", "./_img/canvas/place30/109_104.png"] }, { "timestamp": 1649017800, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/110_115.png"] }, { "timestamp": 1649019600, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/111_115.png"] }, { "timestamp": 1649021400, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/112_115.png"] }, { "timestamp": 1649023200, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/113_115.png"] }, { "timestamp": 1649025000, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/114_115.png"] }, { "timestamp": 1649026800, "url": "./_img/canvas/place30/115.png" }, { "timestamp": 1649028600, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/116_115.png"] }, { "timestamp": 1649030400, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/117_115.png"] }, { "timestamp": 1649032200, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/118_115.png"] }, { "timestamp": 1649034000, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/119_115.png"] }, { "timestamp": 1649035800, "url": ["./_img/canvas/place30/115.png", "./_img/canvas/place30/120_115.png"] }, { "timestamp": 1649037600, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/121_126.png"] }, { "timestamp": 1649039400, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/122_126.png"] }, { "timestamp": 1649041200, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/123_126.png"] }, { "timestamp": 1649043000, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/124_126.png"] }, { "timestamp": 1649044800, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/125_126.png"] }, { "timestamp": 1649046600, "url": "./_img/canvas/place30/126.png" }, { "timestamp": 1649048400, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/127_126.png"] }, { "timestamp": 1649050200, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/128_126.png"] }, { "timestamp": 1649052000, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/129_126.png"] }, { "timestamp": 1649053800, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/130_126.png"] }, { "timestamp": 1649055600, "url": ["./_img/canvas/place30/126.png", "./_img/canvas/place30/131_126.png"] }, { "timestamp": 1649057400, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/132_137.png"] }, { "timestamp": 1649059200, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/133_137.png"] }, { "timestamp": 1649061000, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/134_137.png"] }, { "timestamp": 1649062800, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/135_137.png"] }, { "timestamp": 1649064600, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/136_137.png"] }, { "timestamp": 1649066400, "url": "./_img/canvas/place30/137.png" }, { "timestamp": 1649068200, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/138_137.png"] }, { "timestamp": 1649070000, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/139_137.png"] }, { "timestamp": 1649071800, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/140_137.png"] }, { "timestamp": 1649073600, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/141_137.png"] }, { "timestamp": 1649075400, "url": ["./_img/canvas/place30/137.png", "./_img/canvas/place30/142_137.png"] }, { "timestamp": 1649077200, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/143_148.png"] }, { "timestamp": 1649079000, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/144_148.png"] }, { "timestamp": 1649080800, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/145_148.png"] }, { "timestamp": 1649082600, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/146_148.png"] }, { "timestamp": 1649084400, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/147_148.png"] }, { "timestamp": 1649086200, "url": "./_img/canvas/place30/148.png" }, { "timestamp": 1649088000, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/149_148.png"] }, { "timestamp": 1649089800, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/150_148.png"] }, { "timestamp": 1649091600, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/151_148.png"] }, { "timestamp": 1649093400, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/152_148.png"] }, { "timestamp": 1649095200, "url": ["./_img/canvas/place30/148.png", "./_img/canvas/place30/153_148.png"] }, { "timestamp": 1649097000, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/154_159.png"] }, { "timestamp": 1649098800, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/155_159.png"] }, { "timestamp": 1649100600, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/156_159.png"] }, { "timestamp": 1649102400, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/157_159.png"] }, { "timestamp": 1649104200, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/158_159.png"] }, { "timestamp": 1649106000, "url": "./_img/canvas/place30/159.png" }, { "timestamp": 1649107800, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/160_159.png"] }, { "timestamp": 1649109600, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/161_159.png"] }, { "timestamp": 1649111400, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/162_159.png"] }, { "timestamp": 1649112460, "url": ["./_img/canvas/place30ex/final.png"] }, { "timestamp": 1649113200, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/163_159.png"] }, { "timestamp": 1649115000, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/164_159.png"] }, { "timestamp": 1649116800, "url": ["./_img/canvas/place30/159.png", "./_img/canvas/place30/165_159.png"] }, { "timestamp": 1649116967, "url": ["./_img/canvas/place30ex/end.png"] }], + icon: '' }, tfc: { name: "The Final Clean", @@ -37,7 +38,8 @@ const variationsConfig = { timestamp: "Final", url: "./_img/canvas/tfc/final.png", }, - ] + ], + icon: '' } } @@ -123,7 +125,10 @@ async function updateBackground(newPeriod = currentPeriod, newVariation = curren newPeriod = currentPeriod } timelineSlider.value = currentPeriod + variantsEl.value = currentVariation + variantsEl.previousElementSibling.innerHTML = variationsConfig[newVariation].icon; + const configObject = variationConfig.versions[currentPeriod]; if (typeof configObject.url === "string") { if (imageCache[configObject.url] === undefined) { diff --git a/web/_js/view.js b/web/_js/view.js index b8241dd1..90aacab4 100644 --- a/web/_js/view.js +++ b/web/_js/view.js @@ -119,7 +119,7 @@ hideList.addEventListener('hidden.bs.offcanvas', function(e) { closeObjectsListButton.addEventListener("click", function(){ hovered = []; - objectsContainer.innerHTML = ""; + objectsContainer.replaceChildren(); updateLines(); closeObjectsListButton.className = "d-none"; fixed = false; @@ -409,7 +409,7 @@ function buildObjectsList(filter = null, sort = null) { element.addEventListener("mouseenter", function (e) { if (!fixed && !dragging) { - objectsContainer.innerHTML = ""; + objectsContainer.replaceChildren(); previousZoomOrigin = [zoomOrigin[0], zoomOrigin[1]]; previousScaleZoomOrigin = [scaleZoomOrigin[0], scaleZoomOrigin[1]]; @@ -446,7 +446,7 @@ function buildObjectsList(filter = null, sort = null) { applyView(); } if (document.documentElement.clientWidth < 500) { - objectsContainer.innerHTML = ""; + objectsContainer.replaceChildren(); entriesListShown = false; wrapper.className += " listHidden"; @@ -672,7 +672,7 @@ function updateHovering(e, tapped) { return calcPolygonArea(a.path) - calcPolygonArea(b.path); }); - objectsContainer.innerHTML = ""; + objectsContainer.replaceChildren() for (const i in hovered) { const element = createInfoBlock(hovered[i]); @@ -711,23 +711,25 @@ function highlightEntryFromUrl() { document.title = entry.name + " on the 2022 /r/place Atlas"; - // document.getElementById("showListButton").insertAdjacentHTML("afterend", 'Edit'); - - const objectEditNav = document.createElement("a"); - objectEditNav.className = "btn btn-outline-primary"; - objectEditNav.id = "objectEditNav"; - objectEditNav.innerText = "Edit"; - - if (!entry.diff || entry.diff !== "delete") { - objectEditNav.href = "./?mode=draw&id=" + id; - objectEditNav.title = "Edit " + entry.name; - document.getElementById("showListButton").parentElement.appendChild(objectEditNav); + if ((!entry.diff || entry.diff !== "delete")) { + if (document.getElementById("objectEditNav")) { + document.getElementById("objectEditNav").href = "./?mode=draw&id=" + id; + document.getElementById("objectEditNav").title = "Edit " + entry.name; + } else { + const objectEditNav = document.createElement("a"); + objectEditNav.className = "btn btn-outline-primary"; + objectEditNav.id = "objectEditNav"; + objectEditNav.innerText = "Edit"; + objectEditNav.href = "./?mode=draw&id=" + id; + objectEditNav.title = "Edit " + entry.name; + document.getElementById("showListButton").parentElement.appendChild(objectEditNav); + } } else if (entry.diff == "delete" && document.getElementById("objectEditNav")) { document.getElementById("objectEditNav").remove(); } const infoElement = createInfoBlock(entry); - objectsContainer.innerHTML = ""; + objectsContainer.replaceChildren(); objectsContainer.appendChild(infoElement); //console.log(entry.center[0]); diff --git a/web/index.html b/web/index.html index 5917dc02..96f00926 100644 --- a/web/index.html +++ b/web/index.html @@ -197,7 +197,7 @@ -
+
@@ -224,9 +224,12 @@
- +
+ + +
-
+
Code owned by Place Atlas. Source on GitHub. Site powered by Netlify. Images provided by Alex Tsernoh.
@@ -335,7 +338,7 @@
- Post Direct to Reddit + Post Direct to Reddit
@@ -405,7 +408,6 @@ -