1technicalInformationList = [
 2  "camera",
 3  "film",
 4  "filmFormat",
 5  "filmISO",
 6  "filmExpirationDate",
 7];
 8
 9function displaySeries() {
10  seriesContainer = document.getElementById("series-container");
11  seriesContainer.innerHTML = "";
12  for (filmSeries in filmData) {
13    currentFilmSeriesData = filmData[filmSeries];
14    console.log(currentFilmSeriesData);
15    // Container div
16    var filmSeriesContainerDiv = document.createElement("div");
17    filmSeriesContainerDiv.className = "film-series-container";
18    filmSeriesContainerDiv.style.backgroundImage = `url("${currentFilmSeriesData.displayInfo.thumbnailURL}")`;
19    // Title div
20    var filmSeriesTitleDiv = document.createElement("div");
21    filmSeriesTitleDiv.innerHTML = currentFilmSeriesData.displayInfo.title;
22    filmSeriesTitleDiv.className = "film-series-title";
23    filmSeriesContainerDiv.appendChild(filmSeriesTitleDiv);
24    // Shot count div
25    var filmSeriesShotCountDiv = document.createElement("div");
26    filmSeriesShotCountDiv.innerHTML =
27      currentFilmSeriesData.technicalInformation.shotCount;
28    filmSeriesShotCountDiv.className = "film-series-shot-count";
29    filmSeriesContainerDiv.appendChild(filmSeriesShotCountDiv);
30    // Technical information div
31    var filmSeriesTechInfoDiv = document.createElement("div");
32    for (var key in technicalInformationList) {
33      filmSeriesTechInfoDiv.innerHTML += `<div>${
34        currentFilmSeriesData.technicalInformation[
35          technicalInformationList[key]
36        ]
37      }</div>`;
38    }
39    filmSeriesTechInfoDiv.className = "film-series-tech-info";
40    filmSeriesContainerDiv.appendChild(filmSeriesTechInfoDiv);
41    // Shooting dates div
42    var filmSeriesShootingDatesDiv = document.createElement("div");
43    filmSeriesShootingDatesDiv.innerHTML =
44      currentFilmSeriesData.shootingDates.firstPictureDate +
45      " • " +
46      currentFilmSeriesData.shootingDates.lastPictureDate;
47    filmSeriesShootingDatesDiv.className = "film-series-shooting-dates";
48    filmSeriesContainerDiv.appendChild(filmSeriesShootingDatesDiv);
49    // filmSeriesContainerDiv wrapper
50    var filmSeriesContainerDivWrapper = document.createElement("a");
51    filmSeriesContainerDivWrapper.className = "film-series-container-wrapper";
52    filmSeriesContainerDivWrapper.href = "./galleries/generated/" + filmSeries;
53    // Add to list
54    filmSeriesContainerDivWrapper.appendChild(filmSeriesContainerDiv);
55    seriesContainer.appendChild(filmSeriesContainerDivWrapper);
56  }
57}
58
59displaySeries();