{"id":50784627,"url":"https://github.com/madebysan/timeline","last_synced_at":"2026-06-12T06:32:32.175Z","repository":{"id":360016747,"uuid":"1240067065","full_name":"madebysan/timeline","owner":"madebysan","description":"A static film timeline for seeing when movies are set, from ancient history to imaginary futures.","archived":false,"fork":false,"pushed_at":"2026-05-24T15:16:44.000Z","size":21366,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-05-24T17:18:34.052Z","etag":null,"topics":["cinema","data-visualization","film","html-css","movies","static-site","timeline","tmdb","vanilla-javascript"],"latest_commit_sha":null,"homepage":"https://cinemateca.co/timeline","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/madebysan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-05-15T18:25:27.000Z","updated_at":"2026-05-24T15:16:47.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/madebysan/timeline","commit_stats":null,"previous_names":["madebysan/timeline"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/madebysan/timeline","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madebysan%2Ftimeline","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madebysan%2Ftimeline/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madebysan%2Ftimeline/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madebysan%2Ftimeline/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/madebysan","download_url":"https://codeload.github.com/madebysan/timeline/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madebysan%2Ftimeline/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34232790,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-12T02:00:06.859Z","response_time":109,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cinema","data-visualization","film","html-css","movies","static-site","timeline","tmdb","vanilla-javascript"],"created_at":"2026-06-12T06:32:31.414Z","updated_at":"2026-06-12T06:32:32.170Z","avatar_url":"https://github.com/madebysan.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003eTimeline\u003c/h1\u003e\n\n\u003cp\u003eA small Cinemateca experiment for seeing when movies are set.\u003cbr\u003e\nAncient history, recent memory, imaginary futures, all on the same line.\u003c/p\u003e\n\n\u003cp\u003e\n  \u003cimg src=\"https://img.shields.io/badge/JavaScript-f7df1e\" alt=\"JavaScript\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/CSS-1572b6\" alt=\"CSS\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/HTML-e34f26\" alt=\"HTML\"\u003e\n\u003c/p\u003e\n\n\u003cp\u003e\u003ca href=\"https://cinemateca.co/timeline\"\u003eLive site\u003c/a\u003e · \u003ca href=\"https://cinemateca.co\"\u003eCinemateca\u003c/a\u003e\u003c/p\u003e\n\n![Timeline preview](assets/hero.jpg)\n\nA friend once told me, did you know that The Matrix and Starship Troopers are set around the same year?\n\nThat got me thinking. What other movies are set around the same time? After a weekend of playing with timeline interfaces and researching when different movies are set, I ended up with this.\n\nThe timeline has 506 films across 13 eras, from 3000 BC (`Gods of Egypt`) to year 4004 (`Return of the Jedi`).\n\nThe page is just HTML, CSS, JavaScript, JSON-shaped data, and poster files. There is no database, auth layer, build pipeline, or private data at runtime.\n\nYou can drag through eras, zoom poster sizes, and hover a film to see its release year, directors, genres, rating, source, and confidence.\n\n![Future era preview](assets/readme-future.png)\n\n## What can you do with this?\n\nBesides playing around and noticing that Aladdin and Spartacus are set surprisingly close to each other, you could use this repo, or a similar UI, for other timeline projects:\n\n- A music timeline showing albums by recording year, not release year.\n- A design history timeline with products, interfaces, and visual references.\n- A personal media diary that shows when stories are set, not when you watched them.\n- A city timeline with buildings, events, neighborhoods, and lost places.\n- A technology timeline that puts devices, protocols, software, and standards together.\n- A literature timeline showing when novels are set across real and imagined history.\n- A family archive where photos, letters, places, and recordings sit on one line.\n\n## Run locally\n\n```bash\npython3 -m http.server 8000\n```\n\nOpen `http://localhost:8000`.\n\nNo install step is required.\n\n## Data and posters\n\n`timeline-data.js` is generated from Cinemateca's local `timeline_films` SQLite table and assigned to `window.TIMELINE_FILMS`.\n\nAfter changing `timeline-data.js`, download any missing posters:\n\n```bash\nnode scripts/download-posters.js\n```\n\nThe script reads each film's `posterPath` and saves the matching TMDB `w342` poster as `assets/posters/\u003ctmdbId\u003e.jpg`.\n\n## Notes\n\nThis repository includes movie metadata and poster images from TMDB. This product uses the TMDB API but is not endorsed or certified by TMDB.\n\nCode is released under [MIT](LICENSE). Movie posters, movie metadata, third-party logos, and third-party marks are not covered by that license.\n\nMade by [santiagoalonso.com](https://santiagoalonso.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmadebysan%2Ftimeline","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmadebysan%2Ftimeline","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmadebysan%2Ftimeline/lists"}