{"id":18864909,"url":"https://github.com/joedf/strapdown-topbar","last_synced_at":"2025-07-01T23:06:47.965Z","repository":{"id":28481642,"uuid":"31997720","full_name":"joedf/strapdown-topbar","owner":"joedf","description":"a topbar modification for strapdown.js","archived":false,"fork":false,"pushed_at":"2023-11-29T07:21:51.000Z","size":164,"stargazers_count":20,"open_issues_count":3,"forks_count":5,"subscribers_count":6,"default_branch":"gh-pages","last_synced_at":"2025-04-14T13:22:22.646Z","etag":null,"topics":["cdnjs","html","javascript","navigationbar","plugin","strapdown"],"latest_commit_sha":null,"homepage":"http://joedf.github.io/strapdown-topbar","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/joedf.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}},"created_at":"2015-03-11T04:09:48.000Z","updated_at":"2023-01-16T05:36:21.000Z","dependencies_parsed_at":"2024-11-08T04:44:35.303Z","dependency_job_id":"5c0c443a-d447-4768-b7a2-bcf08e27d773","html_url":"https://github.com/joedf/strapdown-topbar","commit_stats":null,"previous_names":[],"tags_count":19,"template":false,"template_full_name":null,"purl":"pkg:github/joedf/strapdown-topbar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joedf%2Fstrapdown-topbar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joedf%2Fstrapdown-topbar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joedf%2Fstrapdown-topbar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joedf%2Fstrapdown-topbar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joedf","download_url":"https://codeload.github.com/joedf/strapdown-topbar/tar.gz/refs/heads/gh-pages","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joedf%2Fstrapdown-topbar/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263047677,"owners_count":23405280,"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":["cdnjs","html","javascript","navigationbar","plugin","strapdown"],"created_at":"2024-11-08T04:44:26.118Z","updated_at":"2025-07-01T23:06:47.923Z","avatar_url":"https://github.com/joedf.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# strapdown-topbar\nA topbar modification for [strapdown.js](https://github.com/arturadib/strapdown) (markdown-based webpages)  \n[![CDNJS](https://img.shields.io/cdnjs/v/strapdown-topbar.svg)](https://cdnjs.com/libraries/strapdown-topbar)\n [![mobile-ready](https://img.shields.io/badge/mobile-ready-blue.svg)](https://github.com/joedf/strapdown-topbar/releases/latest)\n \n## Examples\n- Example #1: _Left aligned top links_ [[link]](http://joedf.github.io/strapdown-topbar/template.html)\n- Example #2: _Right aligned top links_ [[link]](http://joedf.github.io/strapdown-topbar/template-right.html)\n- Example #3: (MFixed) _Fixed topbar on mobile devices_ [[link]](http://joedf.github.io/strapdown-topbar/template-mfixed.html)\n- Example #4: _Testing Header anchor v-alignment_ [[link]](http://joedf.github.io/strapdown-topbar/header-test.html)\n- Example #5: (MFixed) _Testing Header anchor v-alignment_ [[link]](http://joedf.github.io/strapdown-topbar/header-test-mfixed.html)\n  \n## Usage\nHave your topbar setting in the `\u003cbody\u003e`.\n```HTML\n\u003ctopbar style=\"display:none;\"\u003e\n\t\u003citem\u003e\u003ca href=\"#\"\u003eHome\u003c/a\u003e\u003c/item\u003e\n\t\u003citem\u003e\u003ca href=\"#\"\u003eAbout\u003c/a\u003e\u003c/item\u003e\n\t\u003cmenu name=\"Dropdown Menu\"\u003e\n\t\t\u003citem\u003e\u003ca href=\"#\"\u003eItem #1\u003c/a\u003e\u003c/item\u003e\n\t\t\u003citem\u003e\u003ca href=\"#\"\u003eItem #2\u003c/a\u003e\u003c/item\u003e\n\t\t\u003citem\u003e\u003ca href=\"#\"\u003eItem #3\u003c/a\u003e\u003c/item\u003e\n\t\t\u003citem\u003e\u003c/item\u003e \u003c!-- add a divider --\u003e\n\t\t\u003citem\u003e\u003ca href=\"#\"\u003eItem #4\u003c/a\u003e\u003c/item\u003e\n\t\u003c/menu\u003e\n\t\u003ctoc\u003eMy TOC\u003c/toc\u003e\n\t\u003citem\u003e\u003csmall\u003e(Powered by \u003ca href=\"https://github.com/arturadib/strapdown\"\u003eStrapDown.js\u003c/a\u003e)\u003c/small\u003e\u003c/item\u003e\n\u003c/topbar\u003e\n```\nThen, simply include `strapdown-topbar.js` **AFTER** `strapdown.js`.\n```HTML\n\u003cscript src=\"https://cdn.jsdelivr.net/gh/arturadib/strapdown@gh-pages/v/0.2/strapdown.js\"\u003e\u003c/script\u003e\n\u003c!-- Include it AFTER strapdown --\u003e\n\u003cscript src=\"assets/strapdown/strapdown-topbar.min.js\"\u003e\u003c/script\u003e\n\n\u003c!-- Example: Manually adding a logo --\u003e\n\u003c!-- Include it AFTER EVERYTHING --\u003e\n\u003cscript src=\"assets/logo.js\"\u003e\u003c/script\u003e\n```\nOptionally, you can include the following before the js files to force a header text color to avoid link color styling when not hovered.\n```js\nvar STRAPDOWN_TOPBAR_DEFAULT_COLOR = '#555';\n```\n**NOTE!** Want more speed? Now available on [cdnjs](https://cdnjs.com/libraries/strapdown-topbar)  \nOr even [jsDelivr](https://www.jsdelivr.com): `https://cdn.jsdelivr.net/gh/joedf/strapdown-topbar@latest/assets/strapdown/strapdown-topbar.min.js`","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoedf%2Fstrapdown-topbar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoedf%2Fstrapdown-topbar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoedf%2Fstrapdown-topbar/lists"}