{"id":16494367,"url":"https://github.com/james231/bootstrap-project-filters","last_synced_at":"2026-04-18T15:36:01.209Z","repository":{"id":119840749,"uuid":"296348861","full_name":"James231/Bootstrap-Project-Filters","owner":"James231","description":"Bootstrap page containing a list of projects which can be filtered by associated tags.","archived":false,"fork":false,"pushed_at":"2020-09-17T23:25:56.000Z","size":13,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-13T16:41:50.998Z","etag":null,"topics":["badge","bootstrap","bootstrap4","filter","filters","flex","jquery","labels","project","projects","tags","website"],"latest_commit_sha":null,"homepage":"","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/James231.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":"2020-09-17T14:19:48.000Z","updated_at":"2022-12-29T11:42:35.000Z","dependencies_parsed_at":"2023-06-03T08:15:28.290Z","dependency_job_id":null,"html_url":"https://github.com/James231/Bootstrap-Project-Filters","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/James231/Bootstrap-Project-Filters","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/James231%2FBootstrap-Project-Filters","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/James231%2FBootstrap-Project-Filters/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/James231%2FBootstrap-Project-Filters/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/James231%2FBootstrap-Project-Filters/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/James231","download_url":"https://codeload.github.com/James231/Bootstrap-Project-Filters/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/James231%2FBootstrap-Project-Filters/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31974843,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T00:39:45.007Z","status":"online","status_checked_at":"2026-04-18T02:00:07.018Z","response_time":103,"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":["badge","bootstrap","bootstrap4","filter","filters","flex","jquery","labels","project","projects","tags","website"],"created_at":"2024-10-11T14:13:15.883Z","updated_at":"2026-04-18T15:35:56.199Z","avatar_url":"https://github.com/James231.png","language":"JavaScript","funding_links":["https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=MLD56V6HQWCKU\u0026source=url"],"categories":[],"sub_categories":[],"readme":"# Bootstrap Project Filters\n\nBootstrap page containing list of projects which can be filtered by associated tags.\n\n[See the demo here](https://bootstrap-project-list.jam-es.com/)\n\nScreenshot below. Click the image for full size:\n\n[\u003cimg width=\"400\" height=\"183\" src=\"https://cdn.jam-es.com/img/bootstrap-project-filters/screen1.png\"\u003e](https://cdn.jam-es.com/img/bootstrap-project-filters/screen1.png)\n\n## How to Use\n\n1. Clone the repository.\n2. Copy the code from the HTML, CSS and JS files into your website.\n3. Edit the `json/projects.js` file to add/edit the list of projects.\n\nYou can add additional labels (or badges/filters/tags or whatever you want to call them). By adding the following JSON in the \"labels\" section:\n```json\n{\n    \"id\": \"my-label\",\n     \"display_name\": \"My Label\",\n    \"hex_color\": \"#178600\",\n    \"hex_hover_color\": \"#32a852\",\n    \"is_label_font_white\": true\n},\n```\nHere `id` should be unique, lowercase, and contain no spaces. The `display_name` is what the user will see as the label's name. The `hex_color` is the colour of the label, and `hex_hover_color` is the mouse hover colour so should be slightly lighter/darker than the `hex_color`. And if `is_label_font_white` is true, the label text will be white, if false it will be dark grey. Set this depending on the lightness of your `hex_color` for readability.\n\nThen to add a shortcut you can add the following JSON to the `projects` section:\n```json\n{\n    \"id\": \"blog\",\n    \"title_link\": \"https://google.com/\",\n    \"display_name\": \"My Project Title\",\n     \"description\": \"My blog for a range of academic and programming related content.\",\n    \"icon\": \"https://www.blogger.com/img/logo_blogger_40px.png\",\n    \"labels\": [\"my-label-1\", \"my-label-2\"],\n    \"links\": [{\n        \"display_name\": \"Link 1\",\n        \"url\": \"https://google.com/\"\n    },\n    {\n        \"display_name\": \"Link 2\",\n        \"url\": \"https://google.com/\"\n    }]\n}\n```\nAgain the `id` should be unique, lowercase, and without spaces and the `display_name` is the title of the project. The `title_link` is the URL you get redirected to when you click on the project title. The `description` is the description (obviously). The `icon` is optional and will be displayed to the left of the title if a URL is given. The `labels` should be an array of all labels for the project, these strings should match the `id` values you created for each label (see above). Finally the `links` should be an array of all the links to display below the title. The `display_name` is what you see for each link, and the `url` is where the link takes you.\n\n## License\n\nThis code is released under MIT license. This means you can use this for whatever you want. Modify, distribute, sell, fork, and use this as much as you like. Both for personal and commercial use. I hold no responsibility if anything goes wrong.  \n  \nIf you use this, you don't need to refer to this repo, or give me any kind of credit but it would be appreciated. At least a :star: would be nice.  \n\nIt took a lot of work to make this available for free. If you are feeling more generous, perhaps you could consider donating?\n\n[![paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=MLD56V6HQWCKU\u0026source=url)\n\n## Contributing\n\nPull Requests are welcome. But, note that by creating a pull request you are giving me permission to merge your code and release it under the MIT license mentioned above. At no point will you be able to withdraw merged code from the repository, or change the license under which it has been made available.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjames231%2Fbootstrap-project-filters","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjames231%2Fbootstrap-project-filters","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjames231%2Fbootstrap-project-filters/lists"}