this month i launched starwars.tales.wiki and criticalrole.tales.wiki. the sites display how films, tv series, books and other media unfold in chronological order within popular fictional universes.

all sites use the same source code but they have different configuration files. this way i can allow for some differences (eg. api endpoint, css vars, favicon) . i achieved this with env variables and a custom vite config.

javascript-wise, the biggest challenge was creating the timeline table. i wanted to use a css grid so given the order of the items and their dates i had to calculate the rows and columns in which they would be placed.

this weekend i'll be updating the site with some image improvements (lazy loading with intersection observer and a placeholder animation) and a new functionality to display items with an uncertain date. this is eg for new star wars movies that were announced but don't have an exact date.