diff --git a/macrovision.js b/macrovision.js
index 841b0e0a..52d3e1bb 100644
--- a/macrovision.js
+++ b/macrovision.js
@@ -345,6 +345,9 @@ function deselect() {
if (selected) {
selected.classList.remove("selected");
}
+
+ clearAttribution();
+
selected = null;
clearViewList();
clearEntityOptions();
@@ -357,6 +360,8 @@ function select(target) {
selectedEntity = entities[target.dataset.key];
selected.classList.add("selected");
+
+ displayAttribution(selectedEntity.views[selectedEntity.view].image.source);
configViewList(selectedEntity, selectedEntity.view);
configEntityOptions(selectedEntity, selectedEntity.view);
@@ -672,6 +677,47 @@ function removeAllEntities() {
});
}
+function clearAttribution() {
+ document.querySelector("#options-attribution").style.display = "none";
+}
+
+function displayAttribution(file) {
+ document.querySelector("#options-attribution").style.display = "inline";
+ const authors = authorsOfFull(file);
+ const source = sourceOf(file);
+
+ const authorHolder = document.querySelector("#options-attribution-authors");
+ const sourceHolder = document.querySelector("#options-attribution-source");
+
+ if (authors === []) {
+ authorHolder.innerText = "Unknown";
+ } else if (authors === undefined) {
+ authorHolder.innerText = "Not yet entered";
+ } else {
+ authorHolder.innerHTML = "";
+
+ const list = document.createElement("ul");
+ authorHolder.appendChild(list);
+ authors.forEach(author => {
+ const authorEntry = document.createElement("li");
+ const link = document.createElement("a");
+ link.href = author.url;
+ link.innerText = author.name;
+ authorEntry.appendChild(link);
+ list.appendChild(authorEntry);
+ });
+
+ }
+
+ if (source === null) {
+ sourceHolder.innerText = "No Link"
+ } else if (source === undefined) {
+ sourceHolder.innerText = "Not yet entered";
+ } else {
+ sourceHolder.innerText = source;
+ }
+}
+
function removeEntity(element) {
if (selected == element) {
deselect();
@@ -701,6 +747,8 @@ function displayEntity(entity, view, x, y) {
const image = entity.views[view].image;
img.src = image.source;
+ displayAttribution(image.source);
+
if (image.bottom !== undefined) {
img.style.setProperty("--offset", ((-1 + image.bottom) * 100) + "%")
} else {
@@ -855,6 +903,8 @@ document.addEventListener("DOMContentLoaded", () => {
const image = entities[selected.dataset.key].views[e.target.value].image;
selected.querySelector(".entity-image").src = image.source;
+ displayAttribution(image.source);
+
if (image.bottom !== undefined) {
selected.querySelector(".entity-image").style.setProperty("--offset", ((-1 + image.bottom) * 100) + "%")
} else {
diff --git a/media/attribution.js b/media/attribution.js
new file mode 100644
index 00000000..361bec66
--- /dev/null
+++ b/media/attribution.js
@@ -0,0 +1,77 @@
+const attributionData = {
+ sources: [
+ {
+ prefix: "./media/buildings/",
+ files: [
+ { name: "house.svg", source: null },
+ { name: "mailbox.svg", source: null },
+ { name: "mobile-home.svg", source: null },
+ ],
+ authors: [
+ "chemicalcrux"
+ ]
+ },
+ {
+ prefix: "./media/buildings/skyscrapers/",
+ files: [
+ { name: "wide.svg", source: null },
+ { name: "medium.svg", source: null },
+ { name: "slender.svg", source: null },
+ { name: "narrow.svg", source: null },
+ ],
+ authors: [
+ "chemicalcrux"
+ ]
+ }
+ ],
+ authors: {
+ "chemicalcrux": {
+ name: "chemicalcrux",
+ url: "https://www.furaffinity.net/user/chemicalcrux"
+ }
+ }
+}
+
+const attribution = {};
+
+function prepareAttribution() {
+ attribution["files"] = {};
+
+ attributionData.sources.forEach(citation => {
+ citation.files.forEach(file => {
+ attribution.files[citation.prefix + file.name] = {
+ authors: citation.authors,
+ source: file.source
+ }
+ })
+ });
+}
+
+function authorsOf(file) {
+ if (attribution.files[file])
+ return attribution.files[file].authors;
+ else
+ return undefined;
+}
+
+function authorsOfFull(file) {
+ if (attribution.files[file]) {
+ const result = [];
+ attribution.files[file].authors.forEach(author => {
+ result.push(attributionData.authors[author]);
+ });
+
+ return result;
+ }
+ else
+ return undefined;
+}
+
+function sourceOf(file) {
+ if (attribution.files[file])
+ return attribution.files[file].source;
+ else
+ return undefined;
+}
+
+prepareAttribution();