{"id":25511397,"url":"https://github.com/linoiten/mount-bookmark","last_synced_at":"2026-03-15T22:35:25.653Z","repository":{"id":223843998,"uuid":"369881090","full_name":"LinoIten/mount-bookmark","owner":"LinoIten","description":"Mount Bookmark is a self-hosted, highly customizable bookmark board that allows you to view any YouTube stream/video in the background.","archived":false,"fork":false,"pushed_at":"2024-11-07T13:31:23.000Z","size":885,"stargazers_count":49,"open_issues_count":0,"forks_count":8,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-24T14:21:22.673Z","etag":null,"topics":["dashboard","livestream","react","typescript","youtube"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/LinoIten.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.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":null,"authors":null,"dei":null}},"created_at":"2021-05-22T18:35:07.000Z","updated_at":"2025-01-28T15:33:07.000Z","dependencies_parsed_at":"2024-02-22T11:30:10.374Z","dependency_job_id":"19e37879-0e46-437c-83a5-c095bbc2c13a","html_url":"https://github.com/LinoIten/mount-bookmark","commit_stats":null,"previous_names":["linoiten/mount-bookmark"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LinoIten%2Fmount-bookmark","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LinoIten%2Fmount-bookmark/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LinoIten%2Fmount-bookmark/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LinoIten%2Fmount-bookmark/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LinoIten","download_url":"https://codeload.github.com/LinoIten/mount-bookmark/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248252724,"owners_count":21072701,"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":["dashboard","livestream","react","typescript","youtube"],"created_at":"2025-02-19T10:39:27.088Z","updated_at":"2026-03-15T22:35:20.593Z","avatar_url":"https://github.com/LinoIten.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Mount Bookmark :mount_fuji:\n\nMount Bookmark is a self-hosted, highly customizable bookmark board that allows you to view any YouTube stream/video in the background. I made it first as a simple project for myself, however after seeing that I wasn't the only one interested in such a tool, I decided to make it into my first open-source project.\n\n# Installation :volcano:\n\nFirst clone the sourcecode:\n\n```cmd\ngit clone https://github.com/LinoIten/mount-bookmark.git\n```\n\nTo run the react project:\n\n```cmd\nnpm start\n```\n\nIf you want to run it in the background you can use [PM2](https://pm2.keymetrics.io/).\n```cmd\nnpm install pm2@latest -g\npm2 start --name mount-bookmark npm -- start\n```\n\nFor having it as a \"New Tab\" page you could use the [New Tab Redirect Extension](https://chrome.google.com/webstore/detail/new-tab-redirect/icpgjfneehieebagbmdbhnlpiopdcmna) for Chrome. \n\n# Customization:scroll:\n\nUnder **/src/config** you'll find two json files. \n\n### colorPalette.json\n\n```json\n{\n  \"backroundBox\": \"rgba(37,42,51,0.98)\",\n  \"icon\": \"rgba(252,252,252,1.0)\",\n  \"accent1\": \"rgba(242,183,86,1.0)\",\n  \"text\": {\n    \"primary\": \"#FCFCFC\",\n    \"secondary\": \"rgba(242,183,86,0.5)\"\n  }\n}\n```\n\nAs the name suggests here you can define all the colors in the app. You can use both **HEX** and **rgba()**.\n\n### settings.json\n\n```json\n{\n  \"bookmarkCategories\": [\n    {\n      \"name\": \"media\",\n      \"bookmarks\": [\n        {\n            \"name\": \"youtube\", \n            \"link\": \"youtube.com\", \n            \"svgPath\": \"M10 15l5.19-3L10 9v6m11.56-7.83c.13.47.22 1.1.28 1.9.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83-.25.9-.83 1.48-1.73 1.73-.47.13-1.33.22-2.65.28-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44-.9-.25-1.48-.83-1.73-1.73-.13-.47-.22-1.1-.28-1.9-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83.25-.9.83-1.48 1.73-1.73.47-.13 1.33-.22 2.65-.28 1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44.9.25 1.48.83 1.73 1.73z\"\n        },\n      ]\n    },\n    {\n      \"name\": \"various\",\n      \"bookmarks\": [\n        {\n          \"name\": \"mail\", \n          \"link\": \"mail.startmail.com\", \n          \"svgPath\": \"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\n        },\n        {\n            \"name\": \"digitec\", \n            \"link\": \"digitec.ch\", \n            \"svgPath\": \"M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z\"\n        },\n      ]\n    }\n  ],\n  \"videoSettings\": {\n    \"videoId\": \"QOjmvL3e7Lc\",\n    \"autoplay\": true,\n    \"mute\": 1,\n    \"offSet\": {\n        \"top\": \"0px\",\n        \"right\": \"0px\",\n        \"bottom\": \"0px\",\n        \"left\": \"0px\"\n    }\n  },\n  \"searchEngine\": \"https://www.ecosia.org/search?q=\"\n}\n```\n\n\u003e **_Note:_**  Currently the only way to use Icons is to use the svg-path\n\nThe names of each attribute should be fairly self-explanatory!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flinoiten%2Fmount-bookmark","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flinoiten%2Fmount-bookmark","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flinoiten%2Fmount-bookmark/lists"}