{"id":13961550,"url":"https://github.com/Xiphoseer/htmlcars","last_synced_at":"2025-07-21T06:31:04.858Z","repository":{"id":39505259,"uuid":"116478389","full_name":"Xiphoseer/htmlcars","owner":"Xiphoseer","description":"A HTML5 \u0026 CSS3 implementation of an LCARS GUI system from StarTrek","archived":false,"fork":false,"pushed_at":"2024-10-29T16:11:12.000Z","size":2110,"stargazers_count":55,"open_issues_count":8,"forks_count":13,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-05-12T09:26:58.793Z","etag":null,"topics":["css-flexbox","css-grid","gui","html-css","html5","lcars","star-trek","vue-router","vuejs2"],"latest_commit_sha":null,"homepage":"https://xiphoseer.de/htmlcars/","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Xiphoseer.png","metadata":{"files":{"readme":"README.md","changelog":"NEWS.md","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":"docs/roadmap.md","authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2018-01-06T11:44:17.000Z","updated_at":"2025-04-26T14:53:26.000Z","dependencies_parsed_at":"2024-11-28T07:41:06.397Z","dependency_job_id":null,"html_url":"https://github.com/Xiphoseer/htmlcars","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Xiphoseer/htmlcars","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Xiphoseer%2Fhtmlcars","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Xiphoseer%2Fhtmlcars/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Xiphoseer%2Fhtmlcars/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Xiphoseer%2Fhtmlcars/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Xiphoseer","download_url":"https://codeload.github.com/Xiphoseer/htmlcars/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Xiphoseer%2Fhtmlcars/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266253505,"owners_count":23900051,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["css-flexbox","css-grid","gui","html-css","html5","lcars","star-trek","vue-router","vuejs2"],"created_at":"2024-08-08T17:01:15.484Z","updated_at":"2025-07-21T06:31:04.165Z","avatar_url":"https://github.com/Xiphoseer.png","language":"SCSS","funding_links":[],"categories":["SCSS"],"sub_categories":[],"readme":"# htmLCARS\n\nThis is my take on re-creating the LCARS interface (\"Okudagrams\") from the Star Trek\ntelevision series in HTML / CSS.\n\n## License\n\nThe code in this project is licensed under the [MPL-2.0](https://spdx.org/licenses/MPL-2.0.html).\n\n### Fonts\n\nThis does not apply to `docs/.vuepress/public/assets/fonts/LCARSGTJ3.ttf` which\nis used under a freeware license from \u003chttps://gtjlcars.de/LCARSindex/LCARSFONTS.htm\u003e.\n\nThe exact licensing note is in german, but the basic gist is:\n\n- It's ALLOWED to *download* and *use* the font file\n- It's REQUIRED to keep the filename and file content intact\n- It's NOT ALLOWED to *sell* it\n\n### General LCARS IP\n\nCBS, the studio that owns the rights to the Star Trek assets seems to\nhold the view that using an LCARS interface on a paid app is infringing\non their copyright. So while it might be fine that this project exists,\nit's likely that you may not use this project for any commercial product.\n\n## Installation\n\nAdd the following line to your `.npmrc`:\n\n```\n@xiphoseer:registry=https://npm.pkg.github.com/xiphoseer\n```\n\nThen, run\n\n```\nnpm install @xiphoseer/htmlcars\n```\n\nor add the following line to `dependencies` in your `package.json`:\n\n```\n\"@xiphoseer/htmlcars\": \"^0.1.0\"\n```\n\n### Font setup\n\nThe (S)CSS assumes that a `font-family` called `LCARSGTJ3` is present\nwhich corresponds to the file mentioned in [License](#license). Assuming you\nwant to use that font in your project, you need to add something like\nthe following to your project:\n\n```css\n/* http://www.gtjlcars.de/LCARSindex/LCARSFONTS.htm */\n@font-face {\n  font-family: LCARSGTJ3;\n  src: url(/htmlcars/assets/fonts/LCARSGTJ3.ttf);\n}\n```\n\n## Development setup\n```\nyarn install\n```\n\n### Compiles and hot-reloads docs app for development\n```\nyarn run docs:dev\n```\n\n### Compiles and minifies docs app for production\n```\nyarn run docs:build\n```\n\n### Compiles and minifies library for production\n```\nyarn run build\n```\n\n### Lints and fixes files\n```\nyarn run lint\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FXiphoseer%2Fhtmlcars","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FXiphoseer%2Fhtmlcars","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FXiphoseer%2Fhtmlcars/lists"}