{"id":28300231,"url":"https://github.com/jettcodey/better-newtab","last_synced_at":"2025-07-12T06:33:14.171Z","repository":{"id":248612624,"uuid":"829183634","full_name":"Jettcodey/Better-NewTab","owner":"Jettcodey","description":"Just a simple Chromium extension for a custom New Tab page","archived":false,"fork":false,"pushed_at":"2024-11-03T16:09:54.000Z","size":10,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-18T20:45:13.205Z","etag":null,"topics":["browser-customization","browser-extension","chrome-extension","chromium-extension","customization","newtab-page","spotify","spotify-embed"],"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/Jettcodey.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","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-07-15T23:44:35.000Z","updated_at":"2024-11-03T16:09:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"83570a19-d563-483e-b5e0-6c8e2a51cc87","html_url":"https://github.com/Jettcodey/Better-NewTab","commit_stats":null,"previous_names":["jettcodey/better-newtab"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Jettcodey/Better-NewTab","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jettcodey%2FBetter-NewTab","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jettcodey%2FBetter-NewTab/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jettcodey%2FBetter-NewTab/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jettcodey%2FBetter-NewTab/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Jettcodey","download_url":"https://codeload.github.com/Jettcodey/Better-NewTab/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jettcodey%2FBetter-NewTab/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264951609,"owners_count":23687973,"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":["browser-customization","browser-extension","chrome-extension","chromium-extension","customization","newtab-page","spotify","spotify-embed"],"created_at":"2025-05-23T15:20:17.984Z","updated_at":"2025-07-12T06:33:14.164Z","avatar_url":"https://github.com/Jettcodey.png","language":"JavaScript","readme":"\u003c!--\n##########################################\n#             Better-NewTab              #\n#           Made by Jettcodey            #\n#                © 2024                  #\n#           DO NOT REMOVE THIS           #\n##########################################\n--\u003e\n# Better NewTab\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\u003cdetails\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\u003ca href=\"#about-the-project\"\u003eAbout The Project\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#built-with\"\u003eBuilt With\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003c!--\u003cli\u003e\u003ca href=\"#installation\"\u003eInstallation\u003c/a\u003e\u003c/li\u003e--\u003e\n    \u003cli\u003e\u003ca href=\"#usage\"\u003eUsage\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#roadmap\"\u003eRoadmap\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contribute\"\u003eContribute\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#report-a-bug\"\u003eReport a Bug\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n### Built With\n[md-block](https://github.com/leaverou/md-block) and [spotify-github-profile](https://github.com/kittinan/spotify-github-profile).\n\nPlease Checkout these Amazing Repos of [@leaverou](https://github.com/leaverou/) and [@kittinan](https://github.com/kittinan/).\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#readme-top\"\u003eBack to top\u003c/a\u003e\u003c/p\u003e\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n## About The Project\n\nJust a simple Chromium extension for a custom New Tab page displaying your currently playing song in Spotify, with the ability to set a custom background image and without unnecessary elements seen on Google's New Tab page.\n\nI originally developed this extension back in 2021/22 and recently rediscovered it on my old HDD, deciding to publish it.\n\n\u003e[!NOTE]\n\u003eSince I wrote this back in 2021/22, the code is a bit messy and not well-written. There are certainly better ways to write something like this.\n\nIf you have any questions about the extension, DM me on Discord: `jettcodey`.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#readme-top\"\u003eBack to top\u003c/a\u003e\u003c/p\u003e\n\n\u003c!-- Installation \n## Installation\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#readme-top\"\u003eBack to top\u003c/a\u003e\u003c/p\u003e--\u003e\n\n\u003c!-- Usage --\u003e\n## Usage\n\n1. Download the repo:\n   - Clone via `git clone https://github.com/Jettcodey/Better-NewTab`\n   - Or download as a zip file.\n2. Open your Chromium-based browser and navigate to the Extension Settings. Enable Developer Mode.\n3. Visit [this repo](https://github.com/kittinan/spotify-github-profile) and click the `Connect With Spotify` button.\n4. After connecting your Spotify account, you will be redirected to a site to create your custom Markdown theme.\n5. Select the options `Cover Image`, `Interchange Artist with Song name`, and `Open in Spotify` for the best results.\n6. Choose any theme you like; the recommended theme is `natemoo-re`.\n7. Open the `newtab.html` file in any editor and replace the links in these lines with the appropriate ones from the Markdown text provided by the website:\n    ```html\n    \u003cdiv id=\"playingnow\"\u003e\n      \u003cmd-block rendered=\"content\"\u003e\n        \u003ca href=\"https://spotify-github-profile.kittinanx.com/api/view?uid=SPOTIFY_USERID\u0026redirect=true\"\u003e\n          \u003cimg id=\"spotifyImage\"\n            src=\"https://spotify-github-profile.kittinanx.com/api/view?uid=SPOTIFY_USERID\u0026cover_image=true\u0026theme=natemoo-re\u0026show_offline=true\u0026background_color=121212\u0026interchange=true\u0026bar_color=00ffe1\u0026bar_color_cover=false\"\n            alt=\"Spotify Now Playing\"\u003e\n        \u003c/a\u003e\n      \u003c/md-block\u003e\n    \u003c/div\u003e\n    ```\n8. Open the `newtab.js` file in any editor and replace the link in these lines with the appropriate one:\n    ```javascript\n    function refreshSpotifynowPlaying() {\n      var img = document.getElementById('spotifyImage');\n      var currentTime = new Date().getTime();\n      img.src = 'https://spotify-github-profile.kittinanx.com/api/view?uid=SPOTIFY_USERID\u0026cover_image=true\u0026theme=natemoo-re\u0026show_offline=true\u0026background_color=121212\u0026interchange=true\u0026bar_color=00ffe1\u0026bar_color_cover=false\u0026_=' + currentTime;\n    }\n    setInterval(refreshSpotifynowPlaying, 10000); \n    ```\n9. Select `Load Unpacked` and navigate to the downloaded repo folder. Select it.\n10. Open a new tab. You'll receive a popup informing you that the extension has made changes and giving you the option to revert those changes (i.e., to keep Google search). Click `Keep changes` to proceed.\n\n\u003e[!NOTE]\n\u003eAfter adding the extension, an error occurs in the `md-block.js` file, which can be ignored.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#readme-top\"\u003eBack to top\u003c/a\u003e\u003c/p\u003e\n\n\u003c!-- ROADMAP --\u003e\n## Roadmap\n\n- [ ] Clean up the code.\n- [ ] More...\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#readme-top\"\u003eBack to top\u003c/a\u003e\u003c/p\u003e\n\n\u003c!-- Contribute --\u003e\n## Contribute\n\nContributions are welcome and needed.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#readme-top\"\u003eBack to top\u003c/a\u003e\u003c/p\u003e\n\n\u003c!-- Report a bug --\u003e\n## Report a Bug\n\nSee the [open issues](https://github.com/Jettcodey/Better-NewTab/issues) for a full list of proposed features (and known issues).\n\n### Always report bugs and issues in English! If you report in any other language, your issue will be ignored and closed.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#readme-top\"\u003eBack to top\u003c/a\u003e\u003c/p\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjettcodey%2Fbetter-newtab","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjettcodey%2Fbetter-newtab","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjettcodey%2Fbetter-newtab/lists"}