{"id":13575848,"url":"https://github.com/imreyesjorge/root-startpage","last_synced_at":"2025-04-04T23:30:49.169Z","repository":{"id":38149679,"uuid":"303023900","full_name":"imreyesjorge/root-startpage","owner":"imreyesjorge","description":"A simple and clean startpage 🌟","archived":false,"fork":false,"pushed_at":"2023-09-19T23:21:02.000Z","size":1323,"stargazers_count":280,"open_issues_count":2,"forks_count":50,"subscribers_count":4,"default_branch":"main","last_synced_at":"2024-11-05T11:44:18.137Z","etag":null,"topics":["cards","fast","homepage","html","js","minimal","startpage"],"latest_commit_sha":null,"homepage":"https://imreyesjorge.github.io/root-startpage/","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/imreyesjorge.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-10-11T02:01:42.000Z","updated_at":"2024-11-03T09:55:01.000Z","dependencies_parsed_at":"2024-11-05T11:51:31.447Z","dependency_job_id":null,"html_url":"https://github.com/imreyesjorge/root-startpage","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imreyesjorge%2Froot-startpage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imreyesjorge%2Froot-startpage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imreyesjorge%2Froot-startpage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imreyesjorge%2Froot-startpage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imreyesjorge","download_url":"https://codeload.github.com/imreyesjorge/root-startpage/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247266474,"owners_count":20910831,"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":["cards","fast","homepage","html","js","minimal","startpage"],"created_at":"2024-08-01T15:01:04.756Z","updated_at":"2025-04-04T23:30:45.401Z","avatar_url":"https://github.com/imreyesjorge.png","language":"JavaScript","funding_links":[],"categories":["Projects","js"],"sub_categories":["Hosted"],"readme":"![](./assets/header.png)\n\n### Root is a start-page aimed to simplicity and elegance\n\nThis project is blazing fast :zap:, it only contains an html, css and javascript files.\n\n## Customizing\n\nRoot was created to be lightweight, fast and easy to customize.\n\n### Changing Colors\n\nTo change the colors used in the startpage edit `styles.css`.\n\n```css\n:root {\n  --primary: #dd2e44;\n  --text-light: #eeeeee;\n  --background: #1e1c21;\n  --background-light: #333138;\n}\n```\n\n### Changing Name and Adding Custom Cards\n\n\u003e This project uses [Remix Icons](https://remixicon.com/).\n\nTo change the default name and edit the cards, edit `app.js`. It should look something like this:\n\n```js\nconst NAME = \"John Doe\";\n\nconst CARDS = [\n  {\n    name: \"Twitter\",\n    icon: \"ri-twitter-fill\",\n    link: \"https://twitter.com\",\n  },\n  {\n    name: \"Github\",\n    icon: \"ri-github-fill\",\n    link: \"https://github.com/\",\n  },\n];\n```\n\nTo add a new card, just append a new object to the `CARDS` constant. The object should look something like this:\n\n```js\n{\n  name: \"\u003cWebpage Name\u003e\",\n  icon: \"\u003cIcon Class-Name\u003e\",\n  link: \"\u003cWebpage Link\u003e\",\n  clipboard: true,\n  color: '#550499'\n},\n```\n\n\u003e To get the icon class-name, just go to [Remix Icons](https://remixicon.com/), select the desired icon. You should see something like this: `\u003ci class=\"this-is-the-class-name\"\u003e\u003c/i\u003e`.\n\n\u003e If you prefer to copy the link to the clipboard instead of the default behavior, just add `clipboard: true` to the card object.\n\n\u003e Optional individual card accent color can be achieved by setting a `color: string` property in the card object. \n\nTo use 24 hour time simply change the time section of `app.js` to\n```\n// Update the Time\n  currentTime.innerHTML = `${currentHour}:${currentMinute}`;\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimreyesjorge%2Froot-startpage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimreyesjorge%2Froot-startpage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimreyesjorge%2Froot-startpage/lists"}