{"id":17809734,"url":"https://github.com/zeroxbrock/htmlbanner","last_synced_at":"2025-04-02T06:41:02.121Z","repository":{"id":245240719,"uuid":"817648147","full_name":"zeroXbrock/htmlbanner","owner":"zeroXbrock","description":null,"archived":false,"fork":false,"pushed_at":"2024-06-25T07:51:55.000Z","size":159,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-07T21:21:13.628Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zeroXbrock.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2024-06-20T07:04:11.000Z","updated_at":"2024-06-25T07:51:58.000Z","dependencies_parsed_at":"2024-06-28T11:31:43.830Z","dependency_job_id":null,"html_url":"https://github.com/zeroXbrock/htmlbanner","commit_stats":null,"previous_names":["zeroxbrock/htmlbanner"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zeroXbrock%2Fhtmlbanner","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zeroXbrock%2Fhtmlbanner/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zeroXbrock%2Fhtmlbanner/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zeroXbrock%2Fhtmlbanner/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zeroXbrock","download_url":"https://codeload.github.com/zeroXbrock/htmlbanner/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246769960,"owners_count":20830769,"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":[],"created_at":"2024-10-27T15:21:34.902Z","updated_at":"2025-04-02T06:41:02.102Z","avatar_url":"https://github.com/zeroXbrock.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# htmlbanner\n\nA simple scrolling banner written in pure HTML+CSS+JS. Used as an overlay in\nOBS for live streaming.\n\n## usage\n\nThe page is hosted in github pages: [zeroXbrock.github.io/htmlbanner](https://zeroXbrock.github.io/htmlbanner).\n\nYou can use the banner to display custom content without modifying any source code.\nThe content that populates the banner is downloaded from the URL given by the query param `contentUrl`.\n\n```txt\nhttps://zeroXbrock.github.io/htmlbanner?contentUrl=\u003cYOUR_URL\u003e\n```\n\n## example\n\nI created a repo in github to host my text content:\n[zeroXbrock/banner-content](https://github.com/zeroXbrock/banner-content/blob/main/content.txt)\n\nThe raw contents of the file are at this URL:\n`https://raw.githubusercontent.com/zeroXbrock/banner-content/main/content.txt`\n\nProvide that content URL to the `contentUri` param in our htmlbanner URL, and the banner will automatically load the content and display it.\n\nClick this link to see this example in your browser:\n\n[https://zeroXbrock.github.io/htmlbanner?contentUrl=https://raw.githubusercontent.com/zeroXbrock/banner-content/main/content.txt](https://zeroXbrock.github.io/htmlbanner?contentUrl=https://raw.githubusercontent.com/zeroXbrock/banner-content/main/content.txt)\n\n## params\n\nThe following can be provided as query params to modify the banner:\n\n| param | description | example |\n| ----- | ----------- | ------- |\n| `contentUrl` | url to text content | `?contentUrl=https://raw.githubusercontent.com/zeroXbrock/banner-content/main/content.txt` |\n| `_period` | override animation duration | `?_period=60` |\n| `_content` | override banner content (should be URL-escaped) | `?_content=hello%20world!` |\n\nremember to use `\u0026` to combine multiple params:\n\n`?_period=60\u0026content=hello%20world!`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzeroxbrock%2Fhtmlbanner","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzeroxbrock%2Fhtmlbanner","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzeroxbrock%2Fhtmlbanner/lists"}