{"id":16648849,"url":"https://github.com/fajarkim/github-readme-profile","last_synced_at":"2025-08-20T05:21:30.229Z","repository":{"id":199179738,"uuid":"702295389","full_name":"FajarKim/github-readme-profile","owner":"FajarKim","description":"🙀 Generate your Stats GitHub Profile in SVG","archived":false,"fork":false,"pushed_at":"2024-10-29T21:15:02.000Z","size":1168,"stargazers_count":35,"open_issues_count":1,"forks_count":7,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-10-29T23:37:59.017Z","etag":null,"topics":["github","github-card","github-cards","github-profile-card","github-profile-readme","github-profile-readme-generator","github-profile-stats","github-readme-profile","github-readme-stats","github-social","github-stats","github-stats-generator","hacktoberfest","hacktoberfest-accepted","hacktoberfest-indonesia","hacktoberfest2024","indonesia","palestine","profile","standwithpalestine"],"latest_commit_sha":null,"homepage":"https://gh-readme-profile.vercel.app","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/FajarKim.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["FajarKim"],"patreon":null,"open_collective":null,"ko_fi":"fajarkim","tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":["https://trakteer.id/fajarkim"]}},"created_at":"2023-10-09T03:16:37.000Z","updated_at":"2024-10-29T21:15:05.000Z","dependencies_parsed_at":"2024-01-29T02:42:22.935Z","dependency_job_id":"1218795b-89ff-4c2c-a326-1a6aed6c380c","html_url":"https://github.com/FajarKim/github-readme-profile","commit_stats":null,"previous_names":["fajarkim/github-readme-profile"],"tags_count":16,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FajarKim%2Fgithub-readme-profile","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FajarKim%2Fgithub-readme-profile/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FajarKim%2Fgithub-readme-profile/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FajarKim%2Fgithub-readme-profile/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FajarKim","download_url":"https://codeload.github.com/FajarKim/github-readme-profile/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":232034900,"owners_count":18463358,"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":["github","github-card","github-cards","github-profile-card","github-profile-readme","github-profile-readme-generator","github-profile-stats","github-readme-profile","github-readme-stats","github-social","github-stats","github-stats-generator","hacktoberfest","hacktoberfest-accepted","hacktoberfest-indonesia","hacktoberfest2024","indonesia","palestine","profile","standwithpalestine"],"created_at":"2024-10-12T09:05:35.912Z","updated_at":"2024-12-31T23:04:27.055Z","avatar_url":"https://github.com/FajarKim.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\r\n  \u003cimg src=\"https://raw.githubusercontent.com/FajarKim/github-readme-profile/master/logo.svg\" alt=\"GitHub Readme Profile\" width=\"120\"/\u003e\r\n  \u003ch2\u003eGitHub Readme Profile\u003c/h2\u003e\r\n  \u003cp\u003e🙀 Generate your Stats GitHub Profile in SVG\u003c/p\u003e\r\n  \u003cp\u003e\u003ca href=\"https://techforpalestine.org/learn-more\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/Safouene1/support-palestine-banner/master/banner-support.svg\" width=\"100%\" alt=\"Support Palestine\"/\u003e\u003c/a\u003e\u003c/p\u003e\r\n  \u003cp\u003e\u003ca href=\"https://github.com/FajarKim/github-readme-profile/issues/new?assignees=\u0026labels=bug\u0026projects=\u0026template=bug_report.yml\"\u003eReport Bugs\u003c/a\u003e · \u003ca href=\"https://github.com/FajarKim/github-readme-profile/issues/new?assignees=\u0026labels=enhancement\u0026projects=\u0026template=feature_request.yml\"\u003eRequest Feature\u003c/a\u003e · \u003ca href=\"https://github.com/FajarKim/github-readme-profile/discussions/new?category=q-a\"\u003eAsk Question\u003c/a\u003e\u003c/p\u003e\r\n  \u003ca href=\"https://github.com/FajarKim/github-readme-profile/releases\"\u003e\u003cimg src=\"https://custom-icon-badges.demolab.com/github/v/tag/FajarKim/github-readme-profile?label=Version\u0026labelColor=302d41\u0026color=f2cdcd\u0026logoColor=d9e0ee\u0026logo=tag\u0026style=for-the-badge\" alt=\"GitHub Readme Profile Version\"/\u003e\u003c/a\u003e\r\n  \u003ca href=\"https://www.codefactor.io/repository/github/fajarkim/github-readme-profile\"\u003e\u003cimg src=\"https://img.shields.io/codefactor/grade/github/FajarKim/github-readme-profile?label=CodeFactor\u0026labelColor=302d41\u0026color=8bd5ca\u0026logoColor=d9e0ee\u0026logo=codefactor\u0026style=for-the-badge\" alt=\"GitHub Readme Profile Code Quality\"/\u003e\u003c/a\u003e\r\n  \u003ca href=\"https://github.com/FajarKim/github-readme-profile/issues\"\u003e\u003cimg src=\"https://custom-icon-badges.demolab.com/github/issues/FajarKim/github-readme-profile?label=Issues\u0026labelColor=302d41\u0026color=f5a97f\u0026logoColor=d9e0ee\u0026logo=issue\u0026style=for-the-badge\" alt=\"GitHub Readme Profile Issues\"/\u003e\u003c/a\u003e\r\n  \u003ca href=\"https://github.com/FajarKim/github-readme-profile/pull\"\u003e\u003cimg src=\"https://custom-icon-badges.demolab.com/github/issues-pr/FajarKim/github-readme-profile?\u0026label=Pull%20requests\u0026labelColor=302d41\u0026color=ddb6f2\u0026logoColor=d9e0ee\u0026logo=git-pull-request\u0026style=for-the-badge\" alt=\"GitHub Readme Profile PRs\"/\u003e\u003c/a\u003e\r\n  \u003ca href=\"https://github.com/FajarKim/github-readme-profile/graphs/contributors\"\u003e\u003cimg src=\"https://custom-icon-badges.demolab.com/github/contributors/FajarKim/github-readme-profile?label=Contributors\u0026labelColor=302d41\u0026color=c9cbff\u0026logoColor=d9e0ee\u0026logo=people\u0026style=for-the-badge\"/\u003e\u003c/a\u003e\r\n  \u003ca href=\"https://chat.whatsapp.com/DM6WaaTQ4IJ3VOe2ly6KJD\"\u003e\u003cimg src=\"https://img.shields.io/badge/Join%20To%20Community-blue?style=for-the-badge\u0026logo=whatsapp\u0026color=302d41\u0026logoColor=a6da95\" alt=\"Join to Community\"/\u003e\u003c/a\u003e\r\n\u003c/div\u003e\r\n\r\n\u003c/br\u003e\r\n\r\n\u003cdiv align=\"center\"\u003e\r\n  \u003ca href=\"https://vercel.com\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/FajarKim/FajarKim/master/images/powered-by-vercel.svg\" alt=\"Powered by Vercel\"/\u003e\u003c/a\u003e\r\n\u003c/div\u003e\r\n\r\n# 📌 Features\r\n- [🎴 Getting Started](#-getting-started)\r\n  - [🎨 Themes](#-themes)\r\n  - [✏️ Customization](#%EF%B8%8F-customization)\r\n- [📑 License](#-license)\r\n- [Deploy on ▲ Vercel](#deploy-on--vercel)\r\n- [💳 Credits](#-credits)\r\n- [💰 Donate](#-donate)\r\n- [👥 Contributions](#-contributions)\r\n\r\n# 🎴 Getting Started\r\nCopy-paste this into your markdown content, and that is it. Simple!\r\n\r\nChange the `?username=` value to your GitHub username.\r\n\r\n```markdown\r\n[![GitHub Stats](https://gh-readme-profile.vercel.app/api?username=FajarKim)](https://github.com/FajarKim/github-readme-profile)\r\n```\r\n\r\n[![GitHub Stats](https://github-readme-profile-theta.vercel.app/api?username=FajarKim)](https://github.com/FajarKim/github-readme-profile)\r\n\r\n## 🎨 Themes\r\nWith inbuilt themes, you can customize the look of the card without doing any [manual customization](#%EF%B8%8F-customization).\r\n\r\nUse `\u0026theme=THEME_NAME` parameter like so:\r\n\r\n```markdown\r\n![GitHub Stats](https://gh-readme-profile.vercel.app/api?username=FajarKim\u0026theme=dark)\r\n```\r\n\u003cdetails\u003e\r\n  \u003csummary\u003eShow Example\u003c/summary\u003e\r\n  \u003ca href=\"https://github.com/FajarKim/github-readme-profile\"\u003e\u003cimg src=\"https://github-readme-profile-theta.vercel.app/api?username=FajarKim\u0026theme=dark\" alt=\"GitHub Stats\"/\u003e\u003c/a\u003e\r\n\u003c/details\u003e\r\n\r\n#### All inbuilt themes\r\nGitHub Readme Profile comes with several built-in themes (e.g. `transparent`, `dark`, `highcontarst`).\r\n\r\n|        Themes        |           Preview           |\r\n| :------------------: | :-------------------------: |\r\n|       `default`      |      ![image][default]      |\r\n|     `transparent`    |    ![image][transparent]    |\r\n|        `dark`        |       ![image][dark]        |\r\n|    `highcontrast`    |   ![image][highcontrast]    |\r\n\r\nYou can look at a preview for [all available themes](./themes/README.md). You can also contribute new themes if you like, contributing guidelines can be found [here](./CONTRIBUTING.md#-themes-contribution).\r\n\r\n[default]: https://github-readme-profile-theta.vercel.app/api?username=FajarKim\u0026theme=default\r\n[transparent]: https://github-readme-profile-theta.vercel.app/api?username=FajarKim\u0026theme=transparent\r\n[dark]: https://github-readme-profile-theta.vercel.app/api?username=FajarKim\u0026theme=dark\r\n[highcontrast]: https://github-readme-profile-theta.vercel.app/api?username=FajarKim\u0026theme=highcontrast\r\n\r\n## ✏️ Customization\r\nYou can customize the appearance of all your cards however you wish with URL parameters.\r\n\r\n#### Options\r\n\u003ctable\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003cb\u003eName\u003c/b\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003cb\u003eDescription\u003c/b\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003cb\u003eType\u003c/b\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003cb\u003eDefault value\u003c/b\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003etitle_color\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eCard's title color.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/br\u003e(hex color)\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003e2f80ed\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003etext_color\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eBody text color.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/br\u003e(hex color)\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003e434d58\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003eicon_color\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eIcons color.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/br\u003e(hex color)\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003e4c71f2\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003eborder_color\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eCard's border color. Does not apply when \u003ccode\u003ehide_border\u003c/code\u003e is enabled.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/br\u003e(hex color)\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003ee4e2e2\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003ebg_color\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eCard's background color.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/br\u003e(hex color or a gradient in the form of \u003ci\u003eangle,start,end\u003c/i\u003e)\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003efffefe\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003estroke_color\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eProfile image border color. Does not apply when \u003ccode\u003ehide_stroke\u003c/code\u003e is enabled.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/br\u003e(hex color)\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003ee4e2e2\u003c/code\u003e or \u003ccode\u003eborder_color\u003c/code\u003e query\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003eusername_color\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eUsername text color.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/br\u003e(hex color)\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003e434d58\u003c/code\u003e or \u003ccode\u003etext_color\u003c/code\u003e query\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003etheme\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eName of the theme, choose from \u003ca href=\"/themes\"\u003eall available themes\u003c/a\u003e.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003eenum\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003edefault\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003etitle\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eCustom title text for the card. Before use, encode the text to URL format using a tool like \u003ca href=\"https://www.urlencoder.org/\" target=\"_blank\"\u003eURL Encoder\u003c/a\u003e.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003enull\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003elocale\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eSets the language in the card, you can check full list of available locales \u003ca href=\"/i18n/README.md\"\u003ehere\u003c/a\u003e.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003eenum\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003een\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003eborder_width\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eSets the border's width manually.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003enumber\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003e1\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003eborder_radius\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eCorner rounding on the card.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003enumber\u003c/code\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003e4.5\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003ehide\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eHides the \u003ca href=\"#hiding-individual-stats\"\u003especified items\u003c/a\u003e from stats.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/br\u003e(comma-separated values)\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003enull\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003eshow\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eShows \u003ca href=\"#showing-additional-individual-stats\"\u003eadditional items\u003c/a\u003e on stats card.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/br\u003e(comma-separated values)\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003enull\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003eformat\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eOutput format card option (i.e. \u003ccode\u003esvg\u003c/code\u003e, \u003ccode\u003epng\u003c/code\u003e, \u003ccode\u003ejson\u003c/code\u003e, or \u003ccode\u003exml\u003c/code\u003e).\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003eenum\u003c/code\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003esvg\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003edisabled_animations\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eDisables all animations in the card.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003eboolean\u003c/code\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003efalse\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003ehide_border\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eHides the card's border.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003eboolean\u003c/code\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003efalse\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003ehide_stroke\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eHides the image's profile stroke in the card.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003eboolean\u003c/code\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003efalse\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003erevert\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eInverts the display order, positioning stats to the left and the image to the right.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003eboolean\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003efalse\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003ephoto_quality\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eQuality of the profile image, represented as a percentage (1-100).\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003enumber\u003c/code\u003e\u003c/br\u003e(percentage)\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003e15\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003e\u003ccode\u003ephoto_resize\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eResize the profile image to a specific width, in pixels. Minimum allowed value is 10px.\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003enumber\u003c/code\u003e\u003c/br\u003e(pixels)\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003e150\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n\u003c/table\u003e\r\n\r\n#### Use the transparent theme\r\nWe have included a `transparent` theme that has a transparent background. This theme is optimized to look good on GitHub's dark and light default themes. You can enable this theme using the `\u0026theme=transparent` parameter like so:\r\n\r\n```markdown\r\n![GitHub Stats](https://gh-readme-profile.vercel.app/api?username=FajarKim\u0026theme=transparent)\r\n```\r\n\r\n\u003cdetails\u003e\r\n  \u003csummary\u003eShow Example\u003c/summary\u003e\r\n  \u003ca href=\"https://github.com/FajarKim/github-readme-profile\"\u003e\u003cimg src=\"https://github-readme-profile-theta.vercel.app/api?username=FajarKim\u0026theme=transparent\" alt=\"GitHub Stats\"/\u003e\u003c/a\u003e\r\n\u003c/details\u003e\r\n\r\n#### Add transparent alpha channel to a themes `bg_color`\r\nYou can use the `bg_color` parameter to make any of the available themes transparent. This is done by setting the `bg_color` to a color with a transparent alpha channel (i.e. `bg_color=00000000`):\r\n\r\n```markdown\r\n![GitHub Stats](https://gh-readme-profile.vercel.app/api?username=FajarKim\u0026bg_color=00000000)\r\n```\r\n\r\n\u003cdetails\u003e\r\n  \u003csummary\u003eShow Example\u003c/summary\u003e\r\n  \u003ca href=\"https://github.com/FajarKim/github-readme-profile\"\u003e\u003cimg src=\"https://github-readme-profile-theta.vercel.app/api?username=FajarKim\u0026bg_color=00000000\" alt=\"GitHub Stats\"/\u003e\u003c/a\u003e\r\n\u003c/details\u003e\r\n\r\n#### Use GitHub's theme context tag\r\nYou can use [GitHub's theme context](https://github.blog/changelog/2021-11-24-specify-theme-context-for-images-in-markdown/) tags to switch the theme based on the user GitHub theme automatically. This is done by appending `#gh-dark-mode-only` or `#gh-light-mode-only` to the end of an image URL. This tag will define whether the image specified in the markdown is only shown to viewers using a light or a dark GitHub theme:\r\n\r\n```markdown\r\n[![GitHub Stats-Dark](https://gh-readme-profile.vercel.app/api?username=FajarKim\u0026theme=dark#gh-dark-mode-only)](https://github.com/FajarKim/github-readme-profile#gh-dark-mode-only)\r\n[![GitHub Stats-Light](https://gh-readme-profile.vercel.app/api?username=FajarKim\u0026theme=default#gh-light-mode-only)](https://github.com/FajarKim/github-readme-profile#gh-light-mode-only)\r\n```\r\n\r\n\u003cdetails\u003e\r\n  \u003csummary\u003eShow Example\u003c/summary\u003e\r\n  \u003ca href=\"https://github.com/FajarKim/github-readme-profile#gh-dark-mode-only\"\u003e\u003cimg src=\"https://github-readme-profile-theta.vercel.app/api?username=FajarKim\u0026theme=dark#gh-dark-mode-only\" alt=\"GitHub Stats-Dark\"/\u003e\u003c/a\u003e\r\n  \u003ca href=\"https://github.com/FajarKim/github-readme-profile#gh-light-mode-only\"\u003e\u003cimg src=\"https://github-readme-profile-theta.vercel.app/api?username=FajarKim\u0026theme=default#gh-light-mode-only\" alt=\"GitHub Stats-Light\"/\u003e\u003c/a\u003e\r\n\u003c/details\u003e\r\n\r\n#### Use gradient color\r\nYou can use the `bg_color` parameter to make gradient color. This is done by setting the `bg_color` with format _angle,start,end_ (comma-separated value).\r\n\r\n```markdown\r\n![GitHub Stats](https://gh-readme-profile.vercel.app/api?username=FajarKim\u0026bg_color=30,e96443,904e95\u0026title_color=fff\u0026text_color=fff\u0026icon_color=fff)\r\n```\r\n\r\n\u003cdetails\u003e\r\n  \u003csummary\u003eShow Example\u003c/summary\u003e\r\n  \u003ca href=\"https://github.com/FajarKim/github-readme-profile\"\u003e\u003cimg src=\"https://github-readme-profile-theta.vercel.app/api?username=FajarKim\u0026bg_color=30,e96443,904e95\u0026title_color=fff\u0026text_color=fff\u0026icon_color=fff\" alt=\"GitHub Stats\"/\u003e\u003c/a\u003e\r\n\u003c/details\u003e\r\n\r\n#### Hiding individual stats\r\nYou can pass a query parameter `\u0026hide=` to hide any specific stats with comma-separated values.\r\n\r\n\u003e Options:\r\n\u003e `\u0026hide=repos,stars,forks,commits,prs,prs_merged,issues,\r\ncontributed`\r\n\r\n```markdown\r\n![GitHub Stats](https://gh-readme-profile.vercel.app/api?username=FajarKim\u0026hide=repos,forks,prs_merged)\r\n```\r\n\r\n\u003cdetails\u003e\r\n  \u003csummary\u003eShow Example\u003c/summary\u003e\r\n  \u003ca href=\"https://github.com/FajarKim/github-readme-profile\"\u003e\u003cimg src=\"https://github-readme-profile-beta.vercel.app/api?username=FajarKim\u0026hide=repos,forks,prs_merged\" alt=\"GitHub Stats\"/\u003e\u003c/a\u003e\r\n\u003c/details\u003e\r\n\r\n#### Showing additional individual stats\r\nYou can pass a query parameter `\u0026show=` to show any specific additional stats with comma-separated values\r\n\r\n\u003e Options:\r\n\u003e `\u0026show=reviews,issues_closed,discussions_started,discussions_answered`\r\n\r\n```markdown\r\n![GitHub Stats](https://gh-readme-profile.vercel.app/api?username=FajarKim\u0026show=reviews,issues_closed,discussions_started,discussions_answered)\r\n```\r\n\r\n\u003cdetails\u003e\r\n  \u003csummary\u003eShow Example\u003c/summary\u003e\r\n  \u003ca href=\"https://github.com/FajarKim/github-readme-profile\"\u003e\u003cimg src=\"https://github-readme-profile-beta.vercel.app/api?username=FajarKim\u0026show=reviews,issues_closed,discussions_started,discussions_answered\" alt=\"GitHub Stats\"/\u003e\u003c/a\u003e\r\n\u003c/details\u003e\r\n\r\n#### Available locales\r\n\u003ctable\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003cb\u003eCode\u003c/b\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003cb\u003eLocale\u003c/b\u003e\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003een\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eEnglish\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003ear\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eArabic (العربية)\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003efr\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eFrench (Français)\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003eid\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eIndonesian (Bahasa Indonesia)\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003eja\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eJapanese (日本語)\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003ccode\u003eko\u003c/code\u003e\u003c/p\u003e\u003c/td\u003e\r\n    \u003ctd\u003e\u003cp align=\"left\"\u003eKorean (한국어)\u003c/p\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n\u003c/table\u003e\r\n\r\nSee [more](/i18n/README.md) available locale. The locale code added to file should be a 2-letter abbreviation from [ISO 639-1](https://www.andiamo.co.uk/resources/iso-language-codes/) or a 4-letter code with a language and country code (eg. `id` or `pt-BR`). Anything appearing in [the list](https://gist.github.com/FajarKim/91516c2aecbfc8bf65f584d528d5f2b1) should be fine. You can also contribute new translations if you like, contributing guidelines can be found [here](/CONTRIBUTING.md#%EF%B8%8F-translations-contribution).\r\n\r\n```markdown\r\n![GitHub Stats](https://gh-readme-profile.vercel.app/api?username=FajarKim\u0026locale=id)\r\n```\r\n\r\n\u003cdetails\u003e\r\n  \u003csummary\u003eShow Example\u003c/summary\u003e\r\n  \u003ca href=\"https://github.com/FajarKim/github-readme-profile\"\u003e\u003cimg src=\"https://github-readme-profile-theta.vercel.app/api?username=FajarKim\u0026locale=id\" alt=\"GitHub Stats\"/\u003e\u003c/a\u003e\r\n\u003c/details\u003e\r\n\r\n## 📑 License\r\nGitHub Readme Profile is released under the MIT license, which grants the following permissions:\r\n- Commercial use\r\n- Modification\r\n- Distribution\r\n- Private use\r\n\r\nFor more convoluted language, see the [LICENSE](/LICENSE).\r\n\r\n## Deploy on ▲ Vercel\r\nStep-by-step guide on setting up your own Vercel instance.\r\n1. Go to [vercel.com](https://vercel.com).\r\n2. Click on `Log In`.\r\n3. Sign in with GitHub by pressing `Continue with GitHub`.\r\n4. Sign in to GitHub and allow access to all repositories if prompted.\r\n5. Fork this repository.\r\n6. Go back to your [Vercel dashboard](https://vercel.com/dashboard).\r\n7. To import a project, click the `Add New...` or `+` button and select the `Project` option.\r\n8. Click the Continue with GitHub button, search for the required Git Repository and import it by clicking the `Import` button. Alternatively, you can import a Third-Party Git Repository using the `Import Third-Party Git Repository` link at the bottom of the page.\r\n9. Create a personal access token (PAT) [here](https://github.com/settings/tokens/new) and enable the `repo` and `user` permissions (this allows access to see private repo and user stats).\r\n10. Add the PAT as an environment variable named `GH_TOKEN`.\r\n11. In build and output settings, you set install command toggle and add command `npm install typescript`.\r\n12. Click deploy, and you're good to go. See your domains to use the API!\r\n\r\n[![Deploy](https://raw.githubusercontent.com/FajarKim/FajarKim/master/images/deploy-on-vercel.svg)](https://vercel.com/import/project?template=https://github.com/FajarKim/github-readme-profile)\r\n\r\n## 💳 Credits\r\nThis repository contains forked from [tuhinpal/readme-stats-github](https://github.com/tuhinpal/readme-stats-github) and inspired from [anuraghazra/github-readme-stats](https://github.com/anuraghazra/github-readme-stats).\r\n\r\n## 💰 Donate\r\nLove the project? Please consider donating to help it improve!\r\n\r\n\u003cdiv align=\"left\"\u003e\r\n  \u003ca href=\"https://github.com/sponsors/FajarKim/\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/GitHub-Sponsor-blue?labelColor=302d41\u0026color=f5bde6\u0026logo=github\u0026logoColor=d9e0ee\u0026style=for-the-badge\" alt=\"GitHub Sponsor\"\u003e\u003c/a\u003e\r\n  \u003ca href=\"https://ko-fi.com/fajarkim/\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/Ko%e2%80%91fi-Donate-blue?labelColor=302d41\u0026color=94e2d5\u0026logo=ko-fi\u0026logoColor=d9e0ee\u0026style=for-the-badge\" alt=\"Ko-fi\"\u003e\u003c/a\u003e\r\n  \u003ca href=\"https://trakteer.id/fajarkim/\" target=\"_blank\"\u003e\u003cimg src=\"https://custom-icon-badges.demolab.com/badge/Trakteer-Donate-blue?labelColor=302d41\u0026color=ed8796\u0026logo=trakteerid\u0026logoColor=d9e0ee\u0026style=for-the-badge\" alt=\"Trakteer.id Donate\"\u003e\u003c/a\u003e\r\n\u003c/div\u003e\r\n\r\nAre you considering supporting the project by donating to me? Please DO NOT!!\r\n\r\nPlease visit [this link](https://fajarkim.github.io/donate) and make a small donation to help the people in need. A small donation goes a long way. ❤️\r\n\r\n### 👥 Contributions\r\n\u003e Contributions are welcome!\r\n\r\nSpecially thanks ❤️ for contributors bellow:\r\n\r\n\u003ca href=\"https://github.com/FajarKim/github-readme-profile/graphs/contributors\"\u003e\r\n  \u003cimg src=\"https://contrib.rocks/image?repo=FajarKim/github-readme-profile\" /\u003e\r\n\u003c/a\u003e\r\n\r\nWant to contribute? Please note our contribution guidelines [here](/CONTRIBUTING.md).\r\n\r\n[![StandWithPalestine](https://raw.githubusercontent.com/Safouene1/support-palestine-banner/master/StandWithPalestine.svg)](https://techforpalestine.org/learn-more)\r\n\r\n\u003cdiv align=\"center\"\u003e\r\n  \u003cimg src=\"https://raw.githubusercontent.com/FajarKim/FajarKim/master/images/line.svg?sanitize=true\"/\u003e\r\n\u003c/div\u003e\r\n\r\n\u003cp align=\"center\"\u003eMade with ❤️ and TypeScript\u003c/p\u003e\r\n\u003cp align=\"center\"\u003eCopyright © 2023-present Rangga Fajar Oktariansyah\u003c/p\u003e\r\n\u003cdiv align=\"center\"\u003e\r\n  \u003ca href=\"LICENSE\"\u003e\u003cimg src=\"https://custom-icon-badges.demolab.com/github/license/FajarKim/github-readme-profile?label=License\u0026labelColor=302d41\u0026color=91d7e3\u0026logo=law\u0026logoColor=d9e0ee\u0026style=for-the-badge\" alt=\"GitHub Readme Profile License\"\u003e\u003c/a\u003e\r\n\u003c/div\u003e\r\n","funding_links":["https://github.com/sponsors/FajarKim","https://ko-fi.com/fajarkim","https://trakteer.id/fajarkim","https://github.com/sponsors/FajarKim/","https://ko-fi.com/fajarkim/"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffajarkim%2Fgithub-readme-profile","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffajarkim%2Fgithub-readme-profile","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffajarkim%2Fgithub-readme-profile/lists"}