chore: added MrAhmadAwais' support badges

Merge pull request #245 from zizi4n5/master
docs: fix typos & improved consistency
2020-07-29 12:51:55 +05:30 · 2020-07-29 12:26:21 +05:30 · 2020-07-29 12:24:00 +05:30 · 2020-07-29 14:43:37 +08:00 · 2020-07-29 08:58:42 +09:00 · 2020-07-28 23:46:48 +05:30
21 changed files with 986 additions and 149 deletions
@@ -28,7 +28,7 @@ jobs:
      - name: Run Script
        uses: skx/github-action-tester@master
        with:
-          script: ./push-theme-readme.sh
+          script: ./scripts/push-theme-readme.sh
        env:
          CI: true
          PERSONAL_TOKEN: ${{ secrets.PERSONAL_TOKEN }}
@@ -31,7 +31,7 @@ _(make sure you already have a [vercel](https://vercel.com/) account)_

 ## Themes Contribution

-Github readme stats supports custom theming and you can also contribute new themes!
+GitHub Readme Stats supports custom theming and you can also contribute new themes!

 All you need to do is edit [themes/index.js](./themes/index.js) file and add your theme at the end of the file.

@@ -43,7 +43,7 @@ While creating the Pull request to add a new theme **don't forget to add a scree

 In short, when you submit changes, your submissions are understood to be under the same [MIT License](http://choosealicense.com/licenses/mit/) that covers the project. Feel free to contact the maintainers if that's a concern.

-## Report issues/bugs using Github's [issues](https://github.com/anuraghazra/github-readme-stats/issues)
+## Report issues/bugs using GitHub's [issues](https://github.com/anuraghazra/github-readme-stats/issues)

 We use GitHub issues to track public bugs. Report a bug by [opening a new issue](https://github.com/anuraghazra/github-readme-stats/issues/new/choose); it's that easy!

@@ -55,7 +55,7 @@ We use GitHub issues to track public bugs. Report a bug by [opening a new issue]
 - Steps to reproduce
  - Be specific!
  - Share the snapshot, if possible.
-  - Github Readme Stats' live link
+  - GitHub Readme Stats' live link
 - What actually happens
 - What you expected would happen
 - Notes (possibly including why you think this might be happening, or stuff you tried that didn't work)
@@ -20,6 +20,7 @@ module.exports = async (req, res) => {
    bg_color,
    theme,
    cache_seconds,
+    layout
  } = req.query;
  let topLangs;

@@ -49,6 +50,7 @@ module.exports = async (req, res) => {
      text_color,
      bg_color,
      theme,
+      layout
    })
  );
 };
@@ -21,7 +21,8 @@
  },
  "dependencies": {
    "dotenv": "^8.2.0",
-    "emoji-name-map": "^1.2.8"
+    "emoji-name-map": "^1.2.8",
+    "word-wrap": "^1.2.3"
  },
  "husky": {
    "hooks": {
@@ -1,9 +1,8 @@
 <p align="center">
- <img width="100px" src="https://res.cloudinary.com/anuraghazra/image/upload/v1594908242/logo_ccswme.svg" align="center" alt="Github Readme Stats" />
+ <img width="100px" src="https://res.cloudinary.com/anuraghazra/image/upload/v1594908242/logo_ccswme.svg" align="center" alt="GitHub Readme Stats" />
 <h2 align="center">GitHub Readme Stats</h2>
 <p align="center">Get dynamically generated GitHub stats on your readmes!</p>
 </p>
-
  <p align="center">
    <a href="https://github.com/anuraghazra/github-readme-stats/actions">
      <img alt="Tests Passing" src="https://github.com/anuraghazra/github-readme-stats/workflows/Test/badge.svg" />
@@ -17,6 +16,14 @@
    <a href="https://github.com/anuraghazra/github-readme-stats/pulls">
      <img alt="GitHub pull requests" src="https://img.shields.io/github/issues-pr/anuraghazra/github-readme-stats?color=0088ff" />
    </a>
+    <br />
+    <br />
+    <a href="https://a.paddle.com/v2/click/16413/119403?link=1227">
+      <img src="https://img.shields.io/badge/Supported%20by-VSCode%20Power%20User%20%E2%86%92-gray.svg?colorA=655BE1&colorB=4F44D6&style=for-the-badge"/>
+    </a>
+    <a href="https://a.paddle.com/v2/click/16413/119403?link=2345">
+      <img src="https://img.shields.io/badge/Supported%20by-Node%20Cli.com%20%E2%86%92-gray.svg?colorA=61c265&colorB=4CAF50&style=for-the-badge"/>
+    </a>
  </p>

  <p align="center">
@@ -30,6 +37,10 @@
    <a href="readme_cn.md">简体中文</a>
    ·
    <a href="readme_es.md">Español</a>
+    ·
+    <a href="readme_de.md">Deutsch</a>
+    ·
+    <a href="readme_ja.md">日本語</a>
  </p>
 </p>
 <p align="center">Loved the project? Please consider <a href="https://www.paypal.me/anuraghazra">donating</a> to help it improve!
@@ -57,12 +68,12 @@ _Note: Ranks are calculated based on user's stats, see [src/calculateRank.js](./

 ### Hiding individual stats

-To hide any specific stats, you can pass a query parameter `?hide=` with comma seperated values.
+To hide any specific stats, you can pass a query parameter `?hide=` with comma separated values.

 > Options: `&hide=stars,commits,prs,issues,contribs`

 ```md
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=contribs,prs])
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=contribs,prs)
 ```

 ### Adding private contributions count to total commits count
@@ -99,7 +110,7 @@ Use `?theme=THEME_NAME` parameter like so :-

 dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontrast, dracula

-<img src="https://res.cloudinary.com/anuraghazra/image/upload/v1595174536/grs-themes_l4ynja.png" alt="Github Readme Stat Themes" width="600px"/>
+<img src="https://res.cloudinary.com/anuraghazra/image/upload/v1595174536/grs-themes_l4ynja.png" alt="GitHub Readme Stat Themes" width="600px"/>

 You can look at a preview for [all available themes](./themes/README.md) or checkout the [theme config file](./themes/index.js) & **you can also contribute new themes** if you like :D

@@ -122,9 +133,10 @@ Customization Options:
 | hide_border   | boolean   | hides the stats card border                 | false                | N/A                 | N/A                     |
 | show_owner    | boolean   | shows owner name in repo card               | N/A                  | false               | N/A                     |
 | show_icons    | boolean   | shows icons                                 | false                | N/A                 | N/A                     |
-| theme         | string    | sets inbuilt theme                          | 'default'            | 'default_repocard'  | 'default                |
-| cache_seconds | number    | manually set custom cache control           | 1800                 | 1800                | '1800'                  |
+| theme         | string    | sets inbuilt theme                          | 'default'            | 'default_repocard'  | 'default'               |
+| cache_seconds | number    | manually set custom cache control           | 1800                 | 1800                | 1800                    |
 | count_private | boolean   | counts private contributions too if enabled | false                | N/A                 | N/A                     |
+| layout        | string    | choose a layout option                      | N/A                  | N/A                 | 'default'               |

 > Note on cache: Repo cards have default cache of 30mins (1800 seconds) if the fork count & star count is less than 1k otherwise it's 2hours (7200). Also note that cache is clamped to minimum of 30min and maximum of 24hours

@@ -176,10 +188,26 @@ You can use `?hide=language1,language2` parameter to hide individual languages.
 [![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&hide=javascript,html)](https://github.com/anuraghazra/github-readme-stats)
 ```

+> :warning: **Important:**  
+> Language names should be uri-escaped, as specified in [Percent Encoding](https://en.wikipedia.org/wiki/Percent-encoding)  
+> (i.e: `c++` should become `c%2B%2B`, `jupyter notebook` should become `jupyter%20notebook`, etc.)
+
+### Compact Language Card Layout
+
+You can use the `&layout=compact` option to change the card design.
+
+```md
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&layout=compact)](https://github.com/anuraghazra/github-readme-stats)
+```
+
 ### Demo

 [![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)

+- Compact layout
+
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&layout=compact)](https://github.com/anuraghazra/github-readme-stats)
+
 ---

 ### All Demos
@@ -190,7 +218,7 @@ You can use `?hide=language1,language2` parameter to hide individual languages.

 - Hiding specific stats

-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=contribs,issues])
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=contribs,issues)

 - Showing icons

@@ -1,19 +1,30 @@
 <p align="center">
- <img width="100px" src="https://res.cloudinary.com/anuraghazra/image/upload/v1594908242/logo_ccswme.svg" align="center" alt="Github Readme Stats" />
+ <img width="100px" src="https://res.cloudinary.com/anuraghazra/image/upload/v1594908242/logo_ccswme.svg" align="center" alt="GitHub Readme Stats" />
 <h2 align="center">GitHub Readme Stats</h2>
- <p align="center">在你的 README 中 获取动态生成的 GitHub 统计信息！</p>
+ <p align="center">在你的 README 中获取动态生成的 GitHub 统计信息！</p>
 </p>

  <p align="center">
    <a href="https://github.com/anuraghazra/github-readme-stats/actions">
      <img alt="Tests Passing" src="https://github.com/anuraghazra/github-readme-stats/workflows/Test/badge.svg" />
    </a>
+    <a href="https://codecov.io/gh/anuraghazra/github-readme-stats">
+      <img src="https://codecov.io/gh/anuraghazra/github-readme-stats/branch/master/graph/badge.svg" />
+    </a>
    <a href="https://github.com/anuraghazra/github-readme-stats/issues">
      <img alt="Issues" src="https://img.shields.io/github/issues/anuraghazra/github-readme-stats?color=0088ff" />
    </a>
    <a href="https://github.com/anuraghazra/github-readme-stats/pulls">
      <img alt="GitHub pull requests" src="https://img.shields.io/github/issues-pr/anuraghazra/github-readme-stats?color=0088ff" />
    </a>
+    <br />
+    <br />
+    <a href="https://a.paddle.com/v2/click/16413/119403?link=1227">
+      <img src="https://img.shields.io/badge/Supported%20by-VSCode%20Power%20User%20%E2%86%92-gray.svg?colorA=655BE1&colorB=4F44D6&style=for-the-badge"/>
+    </a>
+    <a href="https://a.paddle.com/v2/click/16413/119403?link=2345">
+      <img src="https://img.shields.io/badge/Supported%20by-Node%20Cli.com%20%E2%86%92-gray.svg?colorA=61c265&colorB=4CAF50&style=for-the-badge"/>
+    </a>
  </p>

  <p align="center">
@@ -23,6 +34,13 @@
    ·
    <a href="https://github.com/anuraghazra/github-readme-stats/issues/new/choose">请求增加功能</a>
  </p>
+  <p align="center">
+    <a href="readme.md">English</a>
+    ·
+    <a href="readme_es.md">Español</a>
+    ·
+    <a href="readme_ja.md">日本語</a>
+  </p>
 </p>
 <p align="center">喜欢这个项目？请考虑<a href="https://www.paypal.me/anuraghazra">捐赠</a>来帮助它完善！

@@ -38,22 +56,35 @@
 # GitHub 统计卡片

 将这行代码复制到你的 markdown 文件中，简单如此！
+
 更改 `?username=` 的值为你的 GitHub 用户名。

 ```md
 [![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
 ```

-_Note: 排名基于用户的统计信息计算得出，详见 [src/calculateRank.js](./src/calculateRank.js)_
+_注: 排名基于用户的统计信息计算得出，详见 [src/calculateRank.js](./src/calculateRank.js)_

-### 隐藏个人统计信息
+### 隐藏个别统计项

-想要隐藏某项统计信息，你可以调用参数 `?hide=`，并调用 你想要隐藏的项目 组成的数组。
+想要隐藏指定统计信息，你可以调用参数 `?hide=`，其值用 `,` 分隔。

-> 选项：`&hide=["stars","prs","issues","contribs"]`
+> 选项：`&hide=stars,commits,prs,issues,contribs`

 ```md
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["contribs","prs"])
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=contribs,prs)
+```
+
+### 把私人贡献计数添加到总提交计数中
+
+你可以用参数 `?count_private=true` 把私人贡献计数添加到总提交计数中。
+
+_注：如果你是自己部署本项目，私人贡献将会默认被计数，如果不是自己部署，你需要分享你的私人贡献计数。_
+
+> Options: `&count_private=true`
+
+```md
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&count_private=true)
 ```

 ### 显示图标
@@ -78,7 +109,7 @@ _Note: 排名基于用户的统计信息计算得出，详见 [src/calculateRank

 dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontrast, dracula

-<img src="https://res.cloudinary.com/anuraghazra/image/upload/v1595174536/grs-themes_l4ynja.png" alt="Github Readme Stat Themes" width="600px"/>
+<img src="https://res.cloudinary.com/anuraghazra/image/upload/v1595174536/grs-themes_l4ynja.png" alt="GitHub Readme Stat Themes" width="600px"/>

 在 [theme config 文件](./themes/index.js) 中查看更多主题，或者 **贡献新的主题** :D

@@ -88,51 +119,25 @@ dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontr

 自定义选项：

-| Option      | type      | description                          | Stats Card (default) | Repo Card (default) |
-| ----------- | --------- | ------------------------------------ | -------------------- | ------------------- |
-| title_color | hex color | 标题颜色                              | 2f80ed               | 2f80ed              |
-| text_color  | hex color | 字体颜色                              | 333                  | 333                 |
-| icon_color  | hex color | 图标颜色                              | 4c71f2               | 586069              |
-| bg_color    | hex color | 卡片背景颜色                           | FFFEFE               | FFFEFE              |
-| line_height | number    | 文字行高                              | 30                   | N/A                 |
-| hide_rank   | boolean   | 隐藏评分等级                           | false                | N/A                 |
-| hide_title  | boolean   | 隐藏卡片标题                           | false                | N/A                 |
-| hide_border | boolean   | 隐藏卡片边框                           | false                | N/A                 |
-| show_owner  | boolean   | 显示 Repo 卡片所属账户用户名             | N/A                  | false               |
-| show_icons  | boolean   | 显示图标                              | false                | N/A                 |
-| theme       | string    | 设置主题                              | 'default'            | 'default_repocard'  |
+| Option        | type      | description                  | Stats Card (default) | Repo Card (default) | Top Lang Card (default) |
+| ------------- | --------- | ---------------------------- | -------------------- | ------------------- | ----------------------- |
+| title_color   | hex color | 标题颜色                     | 2f80ed               | 2f80ed              | 2f80ed                  |
+| text_color    | hex color | 字体颜色                     | 333                  | 333                 | 333                     |
+| icon_color    | hex color | 图标颜色                     | 4c71f2               | 586069              | 586069                  |
+| bg_color      | hex color | 卡片背景颜色                 | FFFEFE               | FFFEFE              | FFFEFE                  |
+| line_height   | number    | 文字行高                     | 30                   | N/A                 | N/A                     |
+| hide          | CSV       | 隐藏指定统计项               | undfined             | N/A                 | undefined               |
+| hide_rank     | boolean   | 隐藏评分等级                 | false                | N/A                 | N/A                     |
+| hide_title    | boolean   | 隐藏卡片标题                 | false                | N/A                 | false                   |
+| hide_border   | boolean   | 隐藏卡片边框                 | false                | N/A                 | N/A                     |
+| show_owner    | boolean   | 显示 Repo 卡片所属账户用户名 | N/A                  | false               | N/A                     |
+| show_icons    | boolean   | 显示图标                     | false                | N/A                 | N/A                     |
+| theme         | string    | 设置主题                     | 'default'            | 'default_repocard'  | 'default'               |
+| cache_seconds | number    | 手动设置自定义缓存控制       | 1800                 | 1800                | 1800                    |
+| count_private | boolean   | 统计私人贡献计数             | false                | N/A                 | N/A                     |
+| layout        | string    | 布局方式                     | N/A                  | N/A                 | 'default'               |

---
-
-### Demo
-
- 默认
-
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)
-
- 隐藏特定数据
-
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["contribs","issues"])
-
- 显示图标
-
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["issues"]&show_icons=true)
-
- 主题
-
-从 [默认主题](#主题) 中进行选择
-
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&theme=radical)
-
- 自定义统计卡片
-
-![Anurag's github stats](https://github-readme-stats.vercel.app/api/?username=anuraghazra&show_icons=true&title_color=fff&icon_color=79ff97&text_color=9f9f9f&bg_color=151515)
-
- 自定义代码库卡片
-
-![Customized Card](https://github-readme-stats.vercel.app/api/pin?username=anuraghazra&repo=github-readme-stats&title_color=fff&icon_color=f9f9f9&text_color=9f9f9f&bg_color=151515)
-
---
+> 注意缓存：Repo 卡片默认缓存 30 分钟，如果 fork 数和 star 数小于 1k ，则默认为 2 小时。缓存被限制为最少 30 分钟，最长 24 小时。

 # GitHub 更多置顶

@@ -160,9 +165,9 @@ Endpoint: `api/pin?username=anuraghazra&repo=github-readme-stats`

 # 热门语言卡片

-热门语言卡片显示了Github用户常用的编程语言。
+热门语言卡片显示了 GitHub 用户常用的编程语言。

-*注意：热门语言并不表示我的技能水平或类似的水平，它是用户在Github上拥有最多代码的一项指标，它是github-readme-stats的新功能*
+_注意：热门语言并不表示我的技能水平或类似的水平，它是用户在 GitHub 上拥有最多代码的一项指标，它是 github-readme-stats 的新功能_

 ### 使用细则

@@ -182,13 +187,25 @@ Endpoint: `api/top-langs?username=anuraghazra`
 [![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&hide=语言1,语言2)](https://github.com/anuraghazra/github-readme-stats)
 ```

+### 紧凑的语言卡片布局
+
+你可以使用 `&layout=compact` 参数来改变卡片的样式。
+
+```md
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&layout=compact)](https://github.com/anuraghazra/github-readme-stats)
+```
+
 ### Demo

 [![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)

+- 紧凑布局
+
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&layout=compact)](https://github.com/anuraghazra/github-readme-stats)
+
 ---

-### 全部Demo
+### 全部 Demo

 - 默认

@@ -196,11 +213,11 @@ Endpoint: `api/top-langs?username=anuraghazra`

 - 隐藏特定数据

-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["contribs","issues"])
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=contribs,issues)

 - 显示图标

-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["issues"]&show_icons=true)
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=issues&show_icons=true)

 - 主题

@@ -240,7 +257,7 @@ Endpoint: `api/top-langs?username=anuraghazra`
 因为 GitHub 的 API 每个小时只允许 5 千次请求，我的 `https://github-readme-stats.vercel.app/api` 很有可能会触发限制
 如果你将其托管在自己的 Vercel 服务器上，那么你就不必为此担心。点击 deploy 按钮来开始你的部署！

-注意: 从 [#58](https://github.com/anuraghazra/github-readme-stats/pull/58) 开始，我们应该能够处理超过 5千 的请求，并且不会出现宕机问题 :D
+注意: 从 [#58](https://github.com/anuraghazra/github-readme-stats/pull/58) 开始，我们应该能够处理超过 5 千 的请求，并且不会出现宕机问题 :D

 [![Deploy to Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/anuraghazra/github-readme-stats)

@@ -0,0 +1,268 @@
+<p align="center">
+ <img width="100px" src="https://res.cloudinary.com/anuraghazra/image/upload/v1594908242/logo_ccswme.svg" align="center" alt="GitHub Readme Stats" /> 
+ <h2 align="center">GitHub Readme Stats</h2>
+ <p align="center">Zeige dynamisch generierte GitHub-Statistiken in deinen Readmes!</p>
+</p>
+
+  <p align="center">
+    <a href="https://github.com/anuraghazra/github-readme-stats/actions">
+      <img alt="Tests Passing" src="https://github.com/anuraghazra/github-readme-stats/workflows/Test/badge.svg" />
+    </a>
+    <a href="https://codecov.io/gh/anuraghazra/github-readme-stats">
+      <img src="https://codecov.io/gh/anuraghazra/github-readme-stats/branch/master/graph/badge.svg" />
+    </a>
+    <a href="https://github.com/anuraghazra/github-readme-stats/issues">
+      <img alt="Issues" src="https://img.shields.io/github/issues/anuraghazra/github-readme-stats?color=0088ff" />
+    </a>
+    <a href="https://github.com/anuraghazra/github-readme-stats/pulls">
+      <img alt="GitHub pull requests" src="https://img.shields.io/github/issues-pr/anuraghazra/github-readme-stats?color=0088ff" />
+    </a>
+    <br />
+    <br />
+    <a href="https://a.paddle.com/v2/click/16413/119403?link=1227">
+      <img src="https://img.shields.io/badge/Supported%20by-VSCode%20Power%20User%20%E2%86%92-gray.svg?colorA=655BE1&colorB=4F44D6&style=for-the-badge"/>
+    </a>
+    <a href="https://a.paddle.com/v2/click/16413/119403?link=2345">
+      <img src="https://img.shields.io/badge/Supported%20by-Node%20Cli.com%20%E2%86%92-gray.svg?colorA=61c265&colorB=4CAF50&style=for-the-badge"/>
+    </a>
+  </p>
+
+  <p align="center">
+    <a href="#alle-beispiele">Beispiel ansehen</a>
+    ·
+    <a href="https://github.com/anuraghazra/github-readme-stats/issues">Fehler melden</a>
+    ·
+    <a href="https://github.com/anuraghazra/github-readme-stats/issues">Funktionalität anfragen</a>
+  </p>
+</p>
+<p align="center">Du magst das Projekt? Wie wäre es mit einer kleinen <a href="https://www.paypal.me/anuraghazra">Spende</a> um es weiterhin am Leben zu erhalten?
+
+# Funktionalitäten
+
+- [GitHub Stats Card](#github-stats-card)
+- [GitHub Extra Pins](#github-extra-pins)
+- [Top Programmiersprachen Card](#top-programmiersprachen-card)
+- [Erscheinungsbild/Themes](#erscheinungsbildthemes)
+- [Anpassungen](#anpassungenpersonalisierung)
+- [Selber betreiben](#betreibe-es-auf-deiner-eigenen-vercel-instanz)
+
+# GitHub Stats Card
+
+Kopiere einfach folgendes in dein Markdown und das wars. Echt simpel!
+
+Passe den Wert des URL-Paramters `?username=` so an, dass dort dein GitHub Username steht.
+
+```md
+[![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
+```
+
+_Hinweis: Die Berechnung des Ranges basiert auf den jeweiligen Benutzerstatistiken, siehe [src/calculateRank.js](./src/calculateRank.js)_
+
+### Verbergen individueller Statistiken
+
+Um eine spezifische Statistik auszublenden, kann dem Query-Parameter `?hide=` ein Array an Dingen die nicht angezeigt werden sollen übergeben werden.
+
+> Optionen: `&hide=["stars","commits","prs","issues","contribs"]`
+
+```md
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["contribs","prs"])
+```
+
+### Icons anzeigen
+
+Um Icons anzuzeigen kann der URL-Paramter `show_icons=true` wie folgt verwendet werden:
+
+```md
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true)
+```
+
+### Erscheinungsbild/Themes
+
+Mithilfe der eingebauten Themes kann das Aussehen der Karten verändern werden ohne manuelle Anpassungen vornehmen zu müssen.
+
+Benutze den `?theme=THEME_NAME`-Parameter wie folgt :-
+
+```md
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&theme=radical)
+```
+
+#### Alle eingebauten Themes :-
+
+dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontrast, dracula
+
+<img src="https://res.cloudinary.com/anuraghazra/image/upload/v1595174536/grs-themes_l4ynja.png" alt="GitHub Readme Stat Themes" width="600px"/>
+
+Du kannst dir eine Vorschau [aller verfügbaren Themes](./themes/README.md) ansehen oder die [theme config Datei](./themes/index.js) auschecken.
+Außerdem **kannst du neue Themes beisteuern** wenn du möchtest, contributions sind gern gesehen :D
+
+### Anpassungen/Personalisierung
+
+Du kannst das Erscheinungsbild deiner `Stats Card` oder `Repo Card`, mithilfe von URL-Parametern, nach deinen Vorlieben anpassen.
+
+Anpassungsoptionen:
+
+| Option           | Type      | Beschreibung                                         | Statistiken (default) | Repo (default)     | Top Programmiersprachen (default) |
+| ---------------- | --------- | ---------------------------------------------------- | --------------------- | ------------------ | --------------------------------- |
+| title_color      | hex color | Titelfarbe                                           | 2f80ed                | 2f80ed             | 2f80ed                            |
+| text_color       | hex color | Textkörperfarbe                                      | 333                   | 333                | 333                               |
+| icon_color       | hex color | Iconfarbe                                            | 4c71f2                | 586069             | 586069                            |
+| bg_color         | hex color | Hintergrundfarbe                                     | FFFEFE                | FFFEFE             | FFFEFE                            |
+| line_height      | number    | kontrolliert die Zeilenhöhe zwischen dem Text        | 30                    | N/A                | N/A                               |
+| hide_rank        | boolean   | blendet das Ranking aus                              | false                 | N/A                | N/A                               |
+| hide_title       | boolean   | blendet den Statistik-Titel aus                      | false                 | N/A                | false                             |
+| hide_border      | boolean   | blendet den Rahmen aus                               | false                 | N/A                | N/A                               |
+| show_owner       | boolean   | zeigt den Namen des Besitzers in der Repo-Karte      | N/A                   | false              | N/A                               |
+| show_icons       | boolean   | zeige Icons an                                       | false                 | N/A                | N/A                               |
+| theme            | string    | setze eingebaute themes                              | 'default'             | 'default_repocard' | 'default'                         |
+| cache_seconds    | number    | manuelles setzen der Cachezeiten                     | 1800                  | 1800               | 1800                              |
+| hide_langs_below | number    | verberge Sprachen unter einem bestimmten Schwellwert | N/A                   | N/A                | undefined                         |
+
+> Hinweis bzgl. des Caches: Wenn die Anzahl der Forks und Stars geringer als 1Tsd ist, haben die Repo-Cards eine default Cachezeit von 30 Minuten (1800 Sekunden), ansonsten beträgt diese 2 Stunden (7200 Sekunden). Außerdem ist der Cache auf eine Minimum von 30 Minuten und ein Maximum von 24 Stunden begrenzt.
+
+# GitHub Extra Pins
+
+GitHub extra pins ermöglicht es, mit Hilfe eines GitHub-Readme-Profiles, mehr als 6 Repositories in deinen Profil anzuzeigen.
+
+Und Bääm! Du bist nicht mehr auf 6 pinned Repositories limitiert.
+
+### Benutzung
+
+Füge diesen Code in deine Readme-Datei ein und passe die Links an.
+
+Endpunkt: `api/pin?username=anuraghazra&repo=github-readme-stats`
+
+```md
+[![ReadMe Card](https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats)](https://github.com/anuraghazra/github-readme-stats)
+```
+
+### Beispiele
+
+[![ReadMe Card](https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats)](https://github.com/anuraghazra/github-readme-stats)
+
+Benutze die [show_owner](#anpassungenpersonalisierung) Variable, um den Usernamen des Repo Eigentümers anzuzeigen.
+
+[![ReadMe Card](https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&show_owner=true)](https://github.com/anuraghazra/github-readme-stats)
+
+# Top Programmiersprachen Card
+
+Die Top Programmiersprachen Card visualisiert die am meisten benutzten Programmiersprachen eines GitHub-Nutzers.
+
+_HINWEIS: Die Top Programmiersprachen treffen keine Aussage über persönliche Fähigkeiten oder der gleichen, es ist lediglich eine auf den GitHub-Statistiken des Nutzers basierende Kennzahl welche Programmiersprache wie häufig verwendet wurde._
+
+### Benutzung
+
+Füge diesen Code in deine Readme-Datei ein und passe die Links an.
+
+Endpunkt: `api/top-langs?username=anuraghazra`
+
+```md
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
+```
+
+### Verberge Programmiersprachen unter einem bestimmten Schwellwert
+
+Benutze den `?hide_langs_below=NUMBER` URL-Parameter um Programmiersprachen unter einem bestimmten prozentualen Schwellwert auszublenden.
+
+```md
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&hide_langs_below=1)](https://github.com/anuraghazra/github-readme-stats)
+```
+
+### Beispiel
+
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
+
+---
+
+### Alle Beispiele
+
+- Default
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)
+
+- Ausblenden bestimmter Statistiken
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["contribs","issues"])
+
+- Icons anzeigen
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["issues"]&show_icons=true)
+
+- Erscheinungsbild/Themes
+
+Choose from any of the [default themes](#themes)
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&theme=radical)
+
+- Stats Card anpassen
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api/?username=anuraghazra&show_icons=true&title_color=fff&icon_color=79ff97&text_color=9f9f9f&bg_color=151515)
+
+- Repo Card anpassen
+
+![Customized Card](https://github-readme-stats.vercel.app/api/pin?username=anuraghazra&repo=github-readme-stats&title_color=fff&icon_color=f9f9f9&text_color=9f9f9f&bg_color=151515)
+
+- Top Programmiersprachen
+
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
+
+---
+
+### Kleiner Tip (Ausrichten der Repo Cards)
+
+Üblicherweise ist es in `.md`-Dateien nicht möglich Bilder nebeneinander anzuzeigen. Um dies zu erreichen kann folgender Ansatz gewählt werden:
+
+```md
+<a href="https://github.com/anuraghazra/github-readme-stats">
+  <img align="left" src="https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats" />
+</a>
+<a href="https://github.com/anuraghazra/convoychat">
+  <img align="left" src="https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=convoychat" />
+</a>
+```
+
+## Betreibe es auf deiner eigenen Vercel-Instanz
+
+Da die GitHub API nur 5tsd Aufrufe pro Stunde zulässt, kann es passieren, dass meine `https://github-readme-stats.vercel.app/api` dieses Limit erreicht.
+Wenn du es auf deinem eigenen Vercel-Server hostest, brauchst du dich darum nicht zu kümmern. Klicke auf den Deploy-Button um loszulegen!
+
+Hinweis: Seit [#58](https://github.com/anuraghazra/github-readme-stats/pull/58) sollte es möglich sein mehr als 5tsd Aufrufe pro Stunde ohne Downtimes zu verkraften :D
+
+[![Deploy to Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/anuraghazra/github-readme-stats)
+
+<details>
+ <summary>Anleitung zum Einrichten von Vercel</summary>
+
+1. Gehe zu [vercel.com](https://vercel.com/)
+1. Klicke auf `Log in`  
+   ![](https://files.catbox.moe/tct1wg.png)
+1. Melde dich mit deinem GitHub-account an, indem du `Continue with GitHub` klickst
+   ![](https://files.catbox.moe/btd78j.jpeg)
+1. Verbinde dich mit GitHub und erlaube den Zugriff auf alle Repositories, wenn gefordert
+1. Forke dieses Repository
+1. Gehe zurück zu deinem [Vercel dashboard](https://vercel.com/dashboard)
+1. Klick `Import Project`  
+   ![](https://files.catbox.moe/qckos0.png)
+1. Klick `Import Git Repository`  
+   ![](https://files.catbox.moe/pqub9q.png)
+1. Wähle root und füge eine Umgebungsvariable namens PAT_1 (siehe Abbildung) die als Wert deinen persönlichen Access Token (PAT) hat hinzu, den du einfach [hier](https://github.com/settings/tokens/new) erzeugen kannst (lasse alles wie es ist, vergebe einen beliebigen Namen)
+   ![](https://files.catbox.moe/0ez4g7.png)
+1. Klicke deploy, und das wars. Besuche deine domains um die API zu benutzen!
+</details>
+
+## :sparkling_heart: Unterstütze das Projekt
+
+Ich versuche alles was ich kann als Open-Source zur Verfügung zu stellen, als auch jedem der Hilfe bei der Benutzung dieses Projektes braucht zu antworten. Natürlich beansprucht sowas Zeit und Du kannst diesen Dienst kostenlos benutzen.
+
+Dennoch, wenn Du dieses Projekt benutzt und damit zufrieden bist oder mich einfach nur motivieren möchtest weiterhin daran zu arbeiten, gibt es verschiedene Sachen die Du machen kannst:-
+
+- Erwähne und verlinke das Projekt in deiner Readme wenn du es benutzt :D
+- Geb dem Projekt einen Stern hier auf GitHub und teile es :rocket:
+- [![paypal.me/anuraghazra](https://ionicabizau.github.io/badges/paypal.svg)](https://www.paypal.me/anuraghazra) - Du kannst einmalige Spenden via PayPal tätigen. Ich kaufe mir wahrscheinlich einen ~~Kaffee~~ Tee davon. :tea:
+
+Vielen Dank! :heart:
+
+---
+
+Mitarbeit an dem Projekt is immer Willkommen! <3
+
+Gebaut mit :heart: und JavaScript.
@@ -1,5 +1,5 @@
 <p align="center">
- <img width="100px" src="https://res.cloudinary.com/anuraghazra/image/upload/v1594908242/logo_ccswme.svg" align="center" alt="Github Readme Stats" />
+ <img width="100px" src="https://res.cloudinary.com/anuraghazra/image/upload/v1594908242/logo_ccswme.svg" align="center" alt="GitHub Readme Stats" />
 <h2 align="center">GitHub Readme Stats</h2>
 <p align="center">¡Obtén tus estadísticas de GitHub generadas dinámicamente en tu README!</p>
 </p>
@@ -14,6 +14,14 @@
    <a href="https://github.com/anuraghazra/github-readme-stats/pulls">
      <img alt="GitHub pull requests" src="https://img.shields.io/github/issues-pr/anuraghazra/github-readme-stats?color=0088ff" />
    </a>
+    <br />
+    <br />
+    <a href="https://a.paddle.com/v2/click/16413/119403?link=1227">
+      <img src="https://img.shields.io/badge/Supported%20by-VSCode%20Power%20User%20%E2%86%92-gray.svg?colorA=655BE1&colorB=4F44D6&style=for-the-badge"/>
+    </a>
+    <a href="https://a.paddle.com/v2/click/16413/119403?link=2345">
+      <img src="https://img.shields.io/badge/Supported%20by-Node%20Cli.com%20%E2%86%92-gray.svg?colorA=61c265&colorB=4CAF50&style=for-the-badge"/>
+    </a>
  </p>

  <p align="center">
@@ -23,6 +31,13 @@
    ·
    <a href="https://github.com/anuraghazra/github-readme-stats/issues/new/choose">Solicita una mejora</a>
  </p>
+  <p align="center">
+    <a href="readme.md">English</a>
+    ·
+    <a href="readme_cn.md">简体中文</a>
+    ·
+    <a href="readme_ja.md">日本語</a>
+  </p>
 </p>
 <p align="center">¿Te gusta este proyecto? ¡Por favor considera <a href="https://www.paypal.me/anuraghazra">donar</a> para ayudar a mejorarlo!

@@ -56,6 +71,18 @@ Para ocultar alguna estadística específica, puedes utilizar el parámetro `?hi
 ![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["contribs","prs"])
 ```

+### Agregar contribuciones privadas al total de commits contados
+
+Puede agregar el recuento de todas sus contribuciones privadas al recuento total de confirmaciones utilizando el parámetro de consulta `?count_private=true`.
+
+_Nota: Si está desplegando este proyecto usted mismo, las contribuciones privadas se contarán de manera predeterminada; de lo contrario, deberá elegir compartir sus recuentos de contribuciones privadas._
+
+> Opciones: `&count_private=true`
+
+```md
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&count_private=true)
+```
+
 ### Mostrar íconos

 Para habilitar los íconos, puedes utilizar `show_icons=true` como parámetro, de esta manera:
@@ -78,7 +105,7 @@ Utiliza el parámetro `?theme=THEME_NAME`, de esta manera:

 dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontrast, dracula

-<img src="https://res.cloudinary.com/anuraghazra/image/upload/v1595174536/grs-themes_l4ynja.png" alt="Github Readme Stat Themes" width="600px"/>
+<img src="https://res.cloudinary.com/anuraghazra/image/upload/v1595174536/grs-themes_l4ynja.png" alt="GitHub Readme Stat Themes" width="600px"/>

 Puedes ver una vista previa de [todos los temas disponibles](./themes/README.md) o ver el [archivo de configuración](./themes/index.js) del tema y también **puedes contribuir con nuevos temas** si lo deseas: D

@@ -0,0 +1,302 @@
+<p align="center">
+ <img width="100px" src="https://res.cloudinary.com/anuraghazra/image/upload/v1594908242/logo_ccswme.svg" align="center" alt="GitHub Readme Stats" />
+ <h2 align="center">GitHub Readme Stats</h2>
+ <p align="center">あなたのREADMEに動的に生成されたGitHubの統計情報を載せましょう！</p>
+</p>
+
+  <p align="center">
+    <a href="https://github.com/anuraghazra/github-readme-stats/actions">
+      <img alt="Tests Passing" src="https://github.com/anuraghazra/github-readme-stats/workflows/Test/badge.svg" />
+    </a>
+    <a href="https://codecov.io/gh/anuraghazra/github-readme-stats">
+      <img src="https://codecov.io/gh/anuraghazra/github-readme-stats/branch/master/graph/badge.svg" />
+    </a>
+    <a href="https://github.com/anuraghazra/github-readme-stats/issues">
+      <img alt="Issues" src="https://img.shields.io/github/issues/anuraghazra/github-readme-stats?color=0088ff" />
+    </a>
+    <a href="https://github.com/anuraghazra/github-readme-stats/pulls">
+      <img alt="GitHub pull requests" src="https://img.shields.io/github/issues-pr/anuraghazra/github-readme-stats?color=0088ff" />
+    </a>
+    <br />
+    <br />
+    <a href="https://a.paddle.com/v2/click/16413/119403?link=1227">
+      <img src="https://img.shields.io/badge/Supported%20by-VSCode%20Power%20User%20%E2%86%92-gray.svg?colorA=655BE1&colorB=4F44D6&style=for-the-badge"/>
+    </a>
+    <a href="https://a.paddle.com/v2/click/16413/119403?link=2345">
+      <img src="https://img.shields.io/badge/Supported%20by-Node%20Cli.com%20%E2%86%92-gray.svg?colorA=61c265&colorB=4CAF50&style=for-the-badge"/>
+    </a>
+  </p>
+
+  <p align="center">
+    <a href="#demo">View Demo</a>
+    ·
+    <a href="https://github.com/anuraghazra/github-readme-stats/issues/new/choose">Report Bug</a>
+    ·
+    <a href="https://github.com/anuraghazra/github-readme-stats/issues/new/choose">Request Feature</a>
+  </p>
+  <p align="center">
+    <a href="readme.md">English</a>
+    ·
+    <a href="readme_cn.md">简体中文</a>
+    ·
+    <a href="readme_es.md">Español</a>
+  </p>
+</p>
+<p align="center">このプロジェクトを気に入っていただけましたか？<br>もしよろしければ、プロジェクトのさらなる改善のために<a href="https://www.paypal.me/anuraghazra">寄付</a>を検討して頂けると嬉しいです！</p>
+
+# Features
+
+- [GitHub Stats Card](#github-stats-card)
+- [GitHub Extra Pins](#github-extra-pins)
+- [Top Languages Card](#top-languages-card)
+- [Themes](#themes)
+- [Customization](#customization)
+- [Deploy Yourself](#deploy-on-your-own-vercel-instance)
+
+# GitHub Stats Card
+
+以下の構文をコピーして、あなたの Markdown ファイルに貼り付けるだけです。
+簡単ですね！
+
+`?username=` の値は、あなたの GitHub アカウントのユーザー名に変更してください。
+
+```md
+[![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
+```
+
+_Note: カードに表示されるランクはユーザの統計情報に基づいて計算されています。詳しくは、[src/calculateRank.js](./src/calculateRank.js)を見てください。_
+
+### Hiding individual stats
+
+クエリパラメータ `?hide=` にカンマ区切りの値を渡すことで、特定の統計情報を隠すことができます。
+
+> Options: `&hide=stars,commits,prs,issues,contribs`
+
+```md
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=contribs,prs)
+```
+
+### Adding private contributions count to total commits count
+
+クエリパラメータ `?count_private=true` を使用することで、private contributions の数をコミット総数に追加することができます。
+
+_Note: このプロジェクトを自分でデプロイしている場合、デフォルトでは非公開の貢献がカウントされます。_
+
+> Options: `&count_private=true`
+
+```md
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&count_private=true)
+```
+
+### Showing icons
+
+クエリパラメータ `?show_icons=true` を使用することで、アイコンが表示が有効になります。
+
+```md
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true)
+```
+
+### Themes
+
+内蔵されているテーマを使用することで、任意の[手動のカスタマイズ](#customization)を行うことなく、カードの外観をカスタマイズすることができます。
+
+`?theme=THEME_NAME` は以下のように使います。
+
+```md
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&theme=radical)
+```
+
+#### All inbuilt themes :-
+
+dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontrast, dracula
+
+<img src="https://res.cloudinary.com/anuraghazra/image/upload/v1595174536/grs-themes_l4ynja.png" alt="GitHub Readme Stat Themes" width="600px"/>
+
+用意されている全てのテーマの[プレビュー](./themes/README.md)や[設定ファイル](./themes/index.js)を見ることができます。もしよろしければ、**新しいテーマを投稿してみてください** (´∀` )
+
+### Customization
+
+`Stats Card` や `Repo Card` の外観を URL パラメーターを使って好きなようにカスタマイズすることができます。
+
+Customization Options:
+
+| Option        | type      | description                                  | Stats Card (default) | Repo Card (default) | Top Lang Card (default) |
+| ------------- | --------- | -------------------------------------------- | -------------------- | ------------------- | ----------------------- |
+| title_color   | hex color | タイトルの色                                 | 2f80ed               | 2f80ed              | 2f80ed                  |
+| text_color    | hex color | 文字の色                                     | 333                  | 333                 | 333                     |
+| icon_color    | hex color | アイコンの色                                 | 4c71f2               | 586069              | 586069                  |
+| bg_color      | hex color | カードの背景色                               | FFFEFE               | FFFEFE              | FFFEFE                  |
+| line_height   | number    | 字間距離                                     | 30                   | N/A                 | N/A                     |
+| hide          | CSV       | 項目の非表示                                 | undefined            | N/A                 | undefined               |
+| hide_rank     | boolean   | ranking の非表示                             | false                | N/A                 | N/A                     |
+| hide_title    | boolean   | タイトルの非表示                             | false                | N/A                 | false                   |
+| hide_border   | boolean   | 枠線の非表示                                 | false                | N/A                 | N/A                     |
+| show_owner    | boolean   | オーナー名の表示                             | N/A                  | false               | N/A                     |
+| show_icons    | boolean   | アイコンの表示                               | false                | N/A                 | N/A                     |
+| theme         | string    | 用意されているテーマ                         | 'default'            | 'default_repocard'  | 'default'               |
+| cache_seconds | number    | キャッシュコントロール                       | 1800                 | 1800                | 1800                    |
+| count_private | boolean   | private contributions 数をコミット総数に追加 | false                | N/A                 | N/A                     |
+| layout        | string    | レイアウトのオプション選択                   | N/A                  | N/A                 | 'default'               |
+
+> キャッシュに関する注意点: Repo cards のデフォルトのキャッシュは、フォーク数とスター数が 1k 未満の場合は 30 分(1800 秒) で、それ以外の場合は 2 時間(7200) です。また、キャッシュは最低でも 30 分、最大でも 24 時間に制限されていることに注意してください。
+
+# GitHub Extra Pins
+
+GitHub extra pins を使うと、GitHub の readme プロフィールを使って、自分のプロフィールに 6 つ以上のリポジトリをピン留めすることができます。
+
+イェーイ! もはや 6 つのピン留めされたリポジトリに制限されることはありません。
+
+### Usage
+
+以下のコードをあなたの readme にコピー & ペーストし、リンクを変更してください。
+
+Endpoint: `api/pin?username=anuraghazra&repo=github-readme-stats`
+
+```md
+[![ReadMe Card](https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats)](https://github.com/anuraghazra/github-readme-stats)
+```
+
+### Demo
+
+[![ReadMe Card](https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats)](https://github.com/anuraghazra/github-readme-stats)
+
+リポジトリのオーナーのユーザー名を含める場合は、show_owner 変数を使用します。
+
+[![ReadMe Card](https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&show_owner=true)](https://github.com/anuraghazra/github-readme-stats)
+
+# Top Languages Card
+
+Top languages card には、その GitHub ユーザーが最も利用している Top languages が表示されます。
+
+_NOTE: Top languages は、ユーザのスキルレベルを示すものではなく、GitHub 上でどの言語で最も多くのコードを書いているかを示す GitHub の指標です。_
+
+### Usage
+
+以下のコードをあなたの readme にコピー & ペーストし、リンクを変更してください。
+
+Endpoint: `api/top-langs?username=anuraghazra`
+
+```md
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
+```
+
+### Hide individual languages
+
+クエリパラメータ `?hide=language1,language2` 使用することで、個々の言語を非表示にすることができます。
+
+```md
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&hide=javascript,html)](https://github.com/anuraghazra/github-readme-stats)
+```
+
+### Compact Language Card Layout
+
+クエリパラメータ `&layout=compact` を使用することで、カードのデザインを変更することができます。
+
+```md
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&layout=compact)](https://github.com/anuraghazra/github-readme-stats)
+```
+
+### Demo
+
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
+
+- Compact layout
+
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&layout=compact)](https://github.com/anuraghazra/github-readme-stats)
+
+---
+
+### All Demos
+
+- Default
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)
+
+- Hiding specific stats
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=contribs,issues)
+
+- Showing icons
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=issues&show_icons=true)
+
+- Themes
+
+任意の[テーマ](#themes)を選択できます。
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&theme=radical)
+
+- Customizing stats card
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api/?username=anuraghazra&show_icons=true&title_color=fff&icon_color=79ff97&text_color=9f9f9f&bg_color=151515)
+
+- Customizing repo card
+
+![Customized Card](https://github-readme-stats.vercel.app/api/pin?username=anuraghazra&repo=github-readme-stats&title_color=fff&icon_color=f9f9f9&text_color=9f9f9f&bg_color=151515)
+
+- Top languages
+
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
+
+---
+
+### Quick Tip (Align The Repo Cards)
+
+通常、画像を並べてレイアウトすることはできません。そのためには、次のような方法があります。
+
+```md
+<a href="https://github.com/anuraghazra/github-readme-stats">
+  <img align="left" src="https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats" />
+</a>
+<a href="https://github.com/anuraghazra/convoychat">
+  <img align="left" src="https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=convoychat" />
+</a>
+```
+
+## Deploy on your own Vercel instance
+
+GitHub API は 1 時間あたり 5k リクエストしか受け付けていないので、私の `https://github-readme-stats.vercel.app/api` がレートリミッターを超えてしまう可能性があります。自分の Vercel サーバーでホストしているのであれば、何も心配する必要はありません。デプロイボタンをクリックして始めましょう！
+
+NOTE: [#58](https://github.com/anuraghazra/github-readme-stats/pull/58) 以降は 5k 以上のリクエストに対応できるようになり、ダウンタイムの問題もなくなりました (´∀` )
+
+[![Deploy to Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/anuraghazra/github-readme-stats)
+
+<details>
+ <summary>Vercelの設定ガイド</summary>
+
+1. [vercel.com](https://vercel.com/)に行きます。
+1. `Log in`をクリックします。  
+   ![](https://files.catbox.moe/tct1wg.png)
+1. `Continue with GitHub` を押して GitHub にサインインします。  
+   ![](https://files.catbox.moe/btd78j.jpeg)
+1. GitHub にサインインし、すべてのリポジトリへのアクセスを許可します。
+1. このリポジトリをフォークします。
+1. [Vercel dashboard](https://vercel.com/dashboard)に戻ります。
+1. `Import Project` を選択します。  
+   ![](https://files.catbox.moe/qckos0.png)
+1. `Import Git Repository` を選択します。  
+   ![](https://files.catbox.moe/pqub9q.png)
+1. root を選択して、すべてをそのままにしておき、PAT_1 という名前の環境変数を（下図のように）追加します。これには個人アクセストークン (PAT) が含まれており、[ここ](https://github.com/settings/tokens/new)で簡単に作成することができます (すべてをそのままにしておいて、何かに名前を付けてください。)
+   ![](https://files.catbox.moe/0ez4g7.png)
+1. デプロイをクリックすれば完了です。API を使用するためにあなたのドメインを参照してください!
+
+</details>
+
+## :sparkling_heart: Support the project
+
+私はできる限りのことをオープンソースで行い、これらのプロジェクトを利用して支援を必要としている皆さんに返信するようにしています。もちろんです。
+これは時間がかかります。無料でご利用いただけます。
+
+しかし、もしあなたがこのプロジェクトを使っていて、それに満足しているのであれば、あるいは単に私にものを作り続けることを奨励したいのであれば、いくつかの方法があります。
+
+- あなたの readme で github-readme-stats を使用して適切なクレジットを付与し、それにリンクします (´∀` )
+- 主演とプロジェクトの共有 :rocket:
+- [![paypal.me/anuraghazra](https://ionicabizau.github.io/badges/paypal.svg)](https://www.paypal.me/anuraghazra) - PayPal を介して 1 回限りの寄付を行うことができます。私はおそらく ~~コーヒー~~ お茶買うでしょう。 :tea:
+
+Thanks! :heart:
+
+---
+
+Contributions を歓迎します！ <3
+
+このプロジェクトは :heart: と JavaScript で作られています。
@@ -8,9 +8,10 @@ const fetcher = (variables, token) => {
      query: `
      query userInfo($login: String!) {
        user(login: $login) {
-          repositories(isFork: false, first: 100) {
+          # fetch only owner repos & not forks
+          repositories(ownerAffiliations: OWNER, isFork: false, first: 100) {
            nodes {
-              languages(first: 1) {
+              languages(first: 10, orderBy: {field: SIZE, direction: DESC}) {
                edges {
                  size
                  node {
@@ -44,23 +45,23 @@ async function fetchTopLanguages(username) {

  let repoNodes = res.data.data.user.repositories.nodes;

-  // TODO: perf improvement
  repoNodes = repoNodes
    .filter((node) => {
      return node.languages.edges.length > 0;
    })
-    .sort((a, b) => {
-      return b.languages.edges[0].size - a.languages.edges[0].size;
-    })
-    .map((node) => {
-      return node.languages.edges[0];
-    })
+    // flatten the list of language nodes 
+    .reduce((acc, curr) => curr.languages.edges.concat(acc), [])
+    .sort((a, b) => b.size - a.size)
    .reduce((acc, prev) => {
+      // get the size of the language (bytes)
      let langSize = prev.size;
+
+      // if we already have the language in the accumulator 
+      // & the current language name is same as previous name
+      // add the size to the language size.
      if (acc[prev.node.name] && prev.node.name === acc[prev.node.name].name) {
        langSize = prev.size + acc[prev.node.name].size;
      }
-
      return {
        ...acc,
        [prev.node.name]: {
@@ -3,6 +3,7 @@ const {
  encodeHTML,
  getCardColors,
  FlexLayout,
+  wrapTextMultiline,
 } = require("../src/utils");
 const icons = require("./icons");
 const toEmoji = require("emoji-name-map");
@@ -31,7 +32,6 @@ const renderRepoCard = (repo, options = {}) => {
  const langName = (primaryLanguage && primaryLanguage.name) || "Unspecified";
  const langColor = (primaryLanguage && primaryLanguage.color) || "#333";

-  const height = 120;
  const shiftText = langName.length > 15 ? 0 : 30;

  let desc = description || "No description provided";
@@ -41,9 +41,12 @@ const renderRepoCard = (repo, options = {}) => {
    return toEmoji.get(emoji) || "";
  });

-  if (desc.length > 55) {
-    desc = `${desc.slice(0, 55)}..`;
-  }
+  const multiLineDescription = wrapTextMultiline(desc);
+  const descriptionLines = multiLineDescription.length;
+  const lineHeight = 10;
+
+  const height =
+    (descriptionLines > 1 ? 120 : 110) + descriptionLines * lineHeight;

  // returns theme based colors with proper overrides and defaults
  const { titleColor, textColor, iconColor, bgColor } = getCardColors({
@@ -60,11 +63,11 @@ const renderRepoCard = (repo, options = {}) => {
  const getBadgeSVG = (label) => `
    <g data-testid="badge" class="badge" transform="translate(320, 38)">
      <rect stroke="${textColor}" stroke-width="1" width="70" height="20" x="-12" y="-14" ry="10" rx="10"></rect>
-      <text 
+      <text
        x="23" y="-5"
-        alignment-baseline="central" 
-        dominant-baseline="central" 
-        text-anchor="middle" 
+        alignment-baseline="central"
+        dominant-baseline="central"
+        text-anchor="middle"
        fill="${textColor}"
      >
        ${label}
@@ -74,7 +77,7 @@ const renderRepoCard = (repo, options = {}) => {

  const svgLanguage = primaryLanguage
    ? `
-    <g data-testid="primary-lang" transform="translate(30, 100)">
+    <g data-testid="primary-lang" transform="translate(30, 0)">
      <circle data-testid="lang-color" cx="0" cy="-5" r="6" fill="${langColor}" />
      <text data-testid="lang-name" class="gray" x="15">${langName}</text>
    </g>
@@ -124,15 +127,23 @@ const renderRepoCard = (repo, options = {}) => {
          ? getBadgeSVG("Archived")
          : ""
      }
-      
-      <text class="description" x="25" y="70">${encodeHTML(desc)}</text>
-      
-      ${svgLanguage}
-      
-      <g transform="translate(${primaryLanguage ? 155 - shiftText : 25}, 100)">
-        ${FlexLayout({ items: [svgStars, svgForks], gap: 65 }).join("")}
-      </g>

+      <text class="description" x="25" y="50">
+        ${multiLineDescription
+          .map((line) => `<tspan dy="1.2em" x="25">${encodeHTML(line)}</tspan>`)
+          .join("")}
+      </text>
+
+      <g transform="translate(0, ${height - 20})">
+        ${svgLanguage}
+
+        <g 
+          data-testid="star-fork-group" 
+          transform="translate(${primaryLanguage ? 155 - shiftText : 25}, 0)"
+        >
+          ${FlexLayout({ items: [svgStars, svgForks], gap: 65 }).join("")}
+        </g>
+      </g>
    </svg>
  `;
 };
@@ -11,11 +11,11 @@ const createProgressNode = ({ width, color, name, progress }) => {
    <text x="${progressTextX}" y="34" class="lang-name">${progress}%</text>
    <svg width="${progressWidth}">
      <rect rx="5" ry="5" x="0" y="25" width="${progressWidth}" height="8" fill="#ddd"></rect>
-      <rect 
-        height="8" 
+      <rect
+        height="8"
        fill="${color}"
-        rx="5" ry="5" x="0" y="25" 
-        data-testid="lang-progress" 
+        rx="5" ry="5" x="0" y="25"
+        data-testid="lang-progress"
        width="${progressPercentage}%"
      >
      </rect>
@@ -23,6 +23,41 @@ const createProgressNode = ({ width, color, name, progress }) => {
  `;
 };

+const createCompactLangNode = ({ lang, totalSize, x, y }) => {
+  const percentage = ((lang.size / totalSize) * 100).toFixed(2);
+  const color = lang.color || "#858585";
+
+  return `
+    <g transform="translate(${x}, ${y})">
+      <circle cx="5" cy="6" r="5" fill="${color}" />
+      <text data-testid="lang-name" x="15" y="10" class='lang-name'>
+        ${lang.name} ${percentage}%
+      </text>
+    </g>
+  `;
+};
+
+const createLanguageTextNode = ({ langs, totalSize, x, y }) => {
+  return langs.map((lang, index) => {
+    if (index % 2 === 0) {
+      return createCompactLangNode({
+        lang,
+        x,
+        y: 12.5 * index + y,
+        totalSize,
+        index,
+      });
+    }
+    return createCompactLangNode({
+      lang,
+      x: 150,
+      y: 12.5 + 12.5 * index,
+      totalSize,
+      index,
+    });
+  });
+};
+
 const lowercaseTrim = (name) => name.toLowerCase().trim();

 const renderTopLanguages = (topLangs, options = {}) => {
@@ -34,6 +69,7 @@ const renderTopLanguages = (topLangs, options = {}) => {
    bg_color,
    hide,
    theme,
+    layout,
  } = options;

  let langs = Object.values(topLangs);
@@ -54,7 +90,7 @@ const renderTopLanguages = (topLangs, options = {}) => {
      return !langsToHide[lowercaseTrim(lang.name)];
    });

-  const totalSize = langs.reduce((acc, curr) => {
+  const totalLanguageSize = langs.reduce((acc, curr) => {
    return acc + curr.size;
  }, 0);

@@ -66,12 +102,78 @@ const renderTopLanguages = (topLangs, options = {}) => {
    theme,
  });

-  const width = isNaN(card_width) ? 300 : card_width;
+  let width = isNaN(card_width) ? 300 : card_width;
  let height = 45 + (langs.length + 1) * 40;

+  let finalLayout = "";
+
+  // RENDER COMPACT LAYOUT
+  if (layout === "compact") {
+    width = width + 50;
+    height = 30 + (langs.length / 2 + 1) * 40;
+
+    // progressOffset holds the previous language's width and used to offset the next language
+    // so that we can stack them one after another, like this: [--][----][---]
+    let progressOffset = 0;
+    const compactProgressBar = langs
+      .map((lang) => {
+        const percentage = (
+          (lang.size / totalLanguageSize) *
+          (width - 50)
+        ).toFixed(2);
+
+        const progress =
+          percentage < 10 ? parseFloat(percentage) + 10 : percentage;
+
+        const output = `
+          <rect
+            mask="url(#rect-mask)" 
+            data-testid="lang-progress"
+            x="${progressOffset}" 
+            y="0"
+            width="${progress}" 
+            height="8"
+            fill="${lang.color || "#858585"}"
+          />
+        `;
+        progressOffset += parseFloat(percentage);
+        return output;
+      })
+      .join("");
+
+    finalLayout = `
+      <mask id="rect-mask">
+        <rect x="0" y="0" width="${
+          width - 50
+        }" height="8" fill="white" rx="5" />
+      </mask>
+      ${compactProgressBar}
+      ${createLanguageTextNode({
+        x: 0,
+        y: 25,
+        langs,
+        totalSize: totalLanguageSize,
+      }).join("")}
+    `;
+  } else {
+    finalLayout = FlexLayout({
+      items: langs.map((lang) => {
+        return createProgressNode({
+          width: width,
+          name: lang.name,
+          color: lang.color || "#858585",
+          progress: ((lang.size / totalLanguageSize) * 100).toFixed(2),
+        });
+      }),
+      gap: 40,
+      direction: "column",
+    }).join("");
+  }
+
  if (hide_title) {
    height -= 30;
  }
+
  return `
    <svg width="${width}" height="${height}" viewBox="0 0 ${width} ${height}" fill="none" xmlns="http://www.w3.org/2000/svg">
      <style>
@@ -80,26 +182,14 @@ const renderTopLanguages = (topLangs, options = {}) => {
      </style>
      <rect data-testid="card-bg" x="0.5" y="0.5" width="99.7%" height="99%" rx="4.5" fill="${bgColor}" stroke="#E4E2E2"/>

-      
      ${
        hide_title
          ? ""
-          : `<text data-testid="header" x="25" y="35" class="header">Top Languages</text>`
+          : `<text data-testid="header" x="25" y="35" class="header">Most Used Languages</text>`
      }

      <svg data-testid="lang-items" x="25" y="${hide_title ? 25 : 55}">
-      ${FlexLayout({
-        items: langs.map((lang) => {
-          return createProgressNode({
-            width: width,
-            name: lang.name,
-            color: lang.color || "#858585",
-            progress: ((lang.size / totalSize) * 100).toFixed(2),
-          });
-        }),
-        gap: 40,
-        direction: "column",
-      }).join("")}
+        ${finalLayout}
      </svg>
    </svg>
  `;
@@ -1,4 +1,5 @@
 const axios = require("axios");
+const wrap = require("word-wrap");
 const themes = require("../themes");

 const renderError = (message, secondaryMessage = "") => {
@@ -127,10 +128,27 @@ function getCardColors({
  return { titleColor, iconColor, textColor, bgColor };
 }

-const fn = () => {};
+function wrapTextMultiline(text, width = 60, maxLines = 3) {
+  const wrapped = wrap(encodeHTML(text), { width })
+    .split("\n") // Split wrapped lines to get an array of lines
+    .map((line) => line.trim()); // Remove leading and trailing whitespace of each line
+
+  const lines = wrapped.slice(0, maxLines); // Only consider maxLines lines
+
+  // Add "..." to the last line if the text exceeds maxLines
+  if (wrapped.length > maxLines) {
+    lines[maxLines - 1] += "...";
+  }
+
+  // Remove empty lines if text fits in less than maxLines lines
+  const multiLineText = lines.filter(Boolean);
+  return multiLineText;
+}
+
+const noop = () => {};
 // return console instance based on the environment
 const logger =
-  process.env.NODE_ENV !== "test" ? console : { log: fn, error: fn };
+  process.env.NODE_ENV !== "test" ? console : { log: noop, error: noop };

 const CONSTANTS = {
  THIRTY_MINUTES: 1800,
@@ -150,6 +168,7 @@ module.exports = {
  FlexLayout,
  getCardColors,
  clampValue,
+  wrapTextMultiline,
  logger,
  CONSTANTS,
 };
@@ -29,7 +29,7 @@ describe("Test renderRepoCard", () => {
    expect(header).toHaveTextContent("convoychat");
    expect(header).not.toHaveTextContent("anuraghazra");
    expect(document.getElementsByClassName("description")[0]).toHaveTextContent(
-      "Help us take over the world! React + TS + GraphQL Chat .."
+      "Help us take over the world! React + TS + GraphQL Chat App"
    );
    expect(queryByTestId(document.body, "stargazers")).toHaveTextContent("38k");
    expect(queryByTestId(document.body, "forkcount")).toHaveTextContent("100");
@@ -55,12 +55,16 @@ describe("Test renderRepoCard", () => {
    document.body.innerHTML = renderRepoCard({
      ...data_repo.repository,
      description:
-        "Very long long long long long long long long text it should trim it",
+        "The quick brown fox jumps over the lazy dog is an English-language pangram—a sentence that contains all of the letters of the English alphabet",
    });

-    expect(document.getElementsByClassName("description")[0]).toHaveTextContent(
-      "Very long long long long long long long long text it sh.."
-    );
+    expect(
+      document.getElementsByClassName("description")[0].children[0].textContent
+    ).toBe("The quick brown fox jumps over the lazy dog is an");
+
+    expect(
+      document.getElementsByClassName("description")[0].children[1].textContent
+    ).toBe("English-language pangram—a sentence that contains all");

    // Should not trim
    document.body.innerHTML = renderRepoCard({
@@ -95,9 +99,9 @@ describe("Test renderRepoCard", () => {
    });

    expect(queryByTestId(document.body, "primary-lang")).toBeInTheDocument();
-    expect(document.getElementsByTagName("g")[1]).toHaveAttribute(
+    expect(queryByTestId(document.body, "star-fork-group")).toHaveAttribute(
      "transform",
-      "translate(155, 100)"
+      "translate(155, 0)"
    );

    // Small lang
@@ -109,9 +113,9 @@ describe("Test renderRepoCard", () => {
      },
    });

-    expect(document.getElementsByTagName("g")[1]).toHaveAttribute(
+    expect(queryByTestId(document.body, "star-fork-group")).toHaveAttribute(
      "transform",
-      "translate(125, 100)"
+      "translate(125, 0)"
    );
  });

@@ -154,7 +158,7 @@ describe("Test renderRepoCard", () => {
    expect(iconClassStyles.fill).toBe("#586069");
    expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
      "fill",
-      "#FFFEFE"
+      "#fffefe"
    );
  });

@@ -104,7 +104,7 @@ describe("Test renderStatsCard", () => {
    expect(iconClassStyles.fill).toBe("#4c71f2");
    expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
      "fill",
-      "#FFFEFE"
+      "#fffefe"
    );
  });

@@ -32,7 +32,7 @@ describe("Test renderTopLanguages", () => {
    document.body.innerHTML = renderTopLanguages(langs);

    expect(queryByTestId(document.body, "header")).toHaveTextContent(
-      "Top Languages"
+      "Most Used Languages"
    );

    expect(queryAllByTestId(document.body, "lang-name")[0]).toHaveTextContent(
@@ -139,7 +139,7 @@ describe("Test renderTopLanguages", () => {
    expect(langNameStyles.fill).toBe("#333");
    expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
      "fill",
-      "#FFFEFE"
+      "#fffefe"
    );
  });

@@ -207,4 +207,19 @@ describe("Test renderTopLanguages", () => {
      );
    });
  });
+
+  it('should render with layout compact', () => {
+    document.body.innerHTML = renderTopLanguages(langs, {layout: 'compact'});
+
+    expect(queryByTestId(document.body, "header")).toHaveTextContent("Most Used Languages");
+
+    expect(queryAllByTestId(document.body, "lang-name")[0]).toHaveTextContent("HTML 40.00%");
+    expect(queryAllByTestId(document.body, "lang-progress")[0]).toHaveAttribute("width","120.00");
+
+    expect(queryAllByTestId(document.body, "lang-name")[1]).toHaveTextContent("javascript 40.00%");
+    expect(queryAllByTestId(document.body, "lang-progress")[1]).toHaveAttribute("width","120.00");
+
+    expect(queryAllByTestId(document.body, "lang-name")[2]).toHaveTextContent("css 20.00%");
+    expect(queryAllByTestId(document.body, "lang-progress")[2]).toHaveAttribute("width","60.00");
+  })
 });
@@ -12,7 +12,7 @@ const data_langs = {
        nodes: [
          {
            languages: {
-              edges: [{ size: 100, node: { color: "#0f0", name: "HTML" } }],
+              edges: [{ size: 150, node: { color: "#0f0", name: "HTML" } }],
            },
          },
          {
@@ -55,7 +55,7 @@ const langs = {
  HTML: {
    color: "#0f0",
    name: "HTML",
-    size: 200,
+    size: 250,
  },
  javascript: {
    color: "#0ff",
@@ -5,6 +5,7 @@ const {
  renderError,
  FlexLayout,
  getCardColors,
+  wrapTextMultiline,
 } = require("../src/utils");

 const { queryByTestId } = require("@testing-library/dom");
@@ -108,3 +109,28 @@ describe("Test utils.js", () => {
    });
  });
 });
+
+describe("wrapTextMultiline", () => {
+  it("should not wrap small texts", () => {
+    {
+      let multiLineText = wrapTextMultiline("Small text should not wrap");
+      expect(multiLineText).toEqual(["Small text should not wrap"]);
+    }
+  });
+  it("should wrap large texts", () => {
+    let multiLineText = wrapTextMultiline(
+      "Hello world long long long text",
+      20,
+      3
+    );
+    expect(multiLineText).toEqual(["Hello world long", "long long text"]);
+  });
+  it("should wrap large texts and limit max lines", () => {
+    let multiLineText = wrapTextMultiline(
+      "Hello world long long long text",
+      10,
+      2
+    );
+    expect(multiLineText).toEqual(["Hello", "world long..."]);
+  });
+});
@@ -21,7 +21,8 @@ Use `?theme=THEME_NAME` parameter like so :-
 | `onedark` ![onedark][onedark] | `cobalt` ![cobalt][cobalt] | `synthwave` ![synthwave][synthwave] |
 | `highcontrast` ![highcontrast][highcontrast] | `dracula` ![dracula][dracula] | `prussian` ![prussian][prussian] |
 | `monokai` ![monokai][monokai] | `vue` ![vue][vue] | `shades-of-purple` ![shades-of-purple][shades-of-purple] |
-| `nightowl` ![nightowl][nightowl] | `buefy` ![buefy][buefy] | [Add your theme][add-theme] |
+| `nightowl` ![nightowl][nightowl] | `buefy` ![buefy][buefy] | `blue-green` ![blue-green][blue-green] |
+| `algolia` ![algolia][algolia] | `great-gatsby` ![great-gatsby][great-gatsby] | [Add your theme][add-theme] |

 ## Repo Card

@@ -34,7 +35,8 @@ Use `?theme=THEME_NAME` parameter like so :-
 | `onedark` ![onedark][onedark_repo] | `cobalt` ![cobalt][cobalt_repo] | `synthwave` ![synthwave][synthwave_repo] |
 | `highcontrast` ![highcontrast][highcontrast_repo] | `dracula` ![dracula][dracula_repo] | `prussian` ![prussian][prussian_repo] |
 | `monokai` ![monokai][monokai_repo] | `vue` ![vue][vue_repo] | `shades-of-purple` ![shades-of-purple][shades-of-purple_repo] |
-| `nightowl` ![nightowl][nightowl_repo] | `buefy` ![buefy][buefy_repo] | [Add your theme][add-theme] |
+| `nightowl` ![nightowl][nightowl_repo] | `buefy` ![buefy][buefy_repo] | `blue-green` ![blue-green][blue-green_repo] |
+| `algolia` ![algolia][algolia_repo] | `great-gatsby` ![great-gatsby][great-gatsby_repo] | [Add your theme][add-theme] |


 [default]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=default
@@ -55,6 +57,9 @@ Use `?theme=THEME_NAME` parameter like so :-
 [shades-of-purple]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=shades-of-purple
 [nightowl]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=nightowl
 [buefy]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=buefy
+[blue-green]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=blue-green
+[algolia]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=algolia
+[great-gatsby]: https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&hide=contribs,prs&cache_seconds=86400&theme=great-gatsby


 [default_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=default
@@ -75,6 +80,9 @@ Use `?theme=THEME_NAME` parameter like so :-
 [shades-of-purple_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=shades-of-purple
 [nightowl_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=nightowl
 [buefy_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=buefy
+[blue-green_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=blue-green
+[algolia_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=algolia
+[great-gatsby_repo]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=great-gatsby


 [add-theme]: https://github.com/anuraghazra/github-readme-stats/edit/master/themes/index.js
@@ -3,13 +3,13 @@ const themes = {
    title_color: "2f80ed",
    icon_color: "4c71f2",
    text_color: "333",
-    bg_color: "FFFEFE",
+    bg_color: "fffefe",
  },
  default_repocard: {
    title_color: "2f80ed",
    icon_color: "586069", // icon color is different
    text_color: "333",
-    bg_color: "FFFEFE",
+    bg_color: "fffefe",
  },
  dark: {
    title_color: "fff",
@@ -87,18 +87,18 @@ const themes = {
    title_color: "41b883",
    icon_color: "41b883",
    text_color: "273849",
-    bg_color: "FFFEFE",
+    bg_color: "fffefe",
  },
  "shades-of-purple": {
-    title_color: "FAD000",
-    icon_color: "B362FF",
-    text_color: "A599E9",
-    bg_color: "2D2B55",
+    title_color: "fad000",
+    icon_color: "b362ff",
+    text_color: "a599e9",
+    bg_color: "2d2b55",
  },
  nightowl: {
-    title_color: "C792EA",
-    icon_color: "FFEB95",
-    text_color: "7FDBCA",
+    title_color: "c792ea",
+    icon_color: "ffeb95",
+    text_color: "7fdbca",
    bg_color: "011627",
  },
  buefy: {
@@ -107,6 +107,24 @@ const themes = {
    text_color: "363636",
    bg_color: "ffffff",
  },
+  "blue-green": {
+    title_color: "2f97c1",
+    icon_color: "f5b700",
+    text_color: "0cf574",
+    bg_color: "040f0f",
+  },
+  "algolia": {
+    title_color: "00AEFF",
+    icon_color: "2DDE98",
+    text_color: "FFFFFF",
+    bg_color: "050F2C",
+  },
+  "great-gatsby":{
+    title_color: "ffa726",
+    icon_color: "ffb74d",
+    text_color: "ffd95b",
+    bg_color: "000000",
+  },
 };

 module.exports = themes;
Author	SHA1	Message	Date
anuraghazra	d8d724c664	chore: added MrAhmadAwais' support badges Test / build (push) Canceled after 0s Details	2020-07-29 12:51:55 +05:30
Anurag Hazra	df447eee55	Merge pull request #245 from zizi4n5/master docs: fix typos & improved consistency	2020-07-29 12:26:21 +05:30
Anurag Hazra	f38224a8b6	Merge pull request #252 from ngtrhieu/master docs: add documentation note for uri-encoded names	2020-07-29 12:24:00 +05:30
ngtrhieu	027655f023	docs: add special note for uri-encoded names add a reminding section for folks who trying to hide c++ or languages with uri-reserved charaters.	2020-07-29 14:43:37 +08:00
zizi4n5	9dde51951b	docs: fix typo	2020-07-29 08:58:42 +09:00
anuraghazra	8854c6d6cb	chore: added code comments	2020-07-28 23:46:48 +05:30
Anurag Hazra	f741ec0073	Merge pull request #240 from anuraghazra/fix-lang-stats feat: improved top lang fetching & changed card title	2020-07-28 23:42:47 +05:30
anuraghazra	826f0201aa	feat: improved top lang fetching & changed title Test / build (push) Canceled after 0s Details	2020-07-28 23:33:43 +05:30
Christian Dräger Mario Lubenka Anurag Hazra	457848225b	docs(translation): Add german translation of Readme (#171 ) * Add german translation of readmes header, table of content and 1st section * link german readme in default (english) readme * translate extra pins section to german * add german translation for extra pins * fix links in german translation * add german translation of readmes support section * minor fixes in german translation of readme after proofreading * Update readme_de.md Co-authored-by: Mario Lubenka <mario.lubenka@googlemail.com> * Update readme_de.md Co-authored-by: Mario Lubenka <mario.lubenka@googlemail.com> * Update readme_de.md Co-authored-by: Mario Lubenka <mario.lubenka@googlemail.com> Co-authored-by: Anurag Hazra <hazru.anurag@gmail.com> Co-authored-by: Mario Lubenka <mario.lubenka@googlemail.com>	2020-07-28 21:01:52 +05:30
awrznc	1f22b6938c	docs(translation): add japanese translation (#236 )	2020-07-28 20:58:19 +05:30
Anurag Hazra	f7f8ee7ba0	docs(theme): Auto update theme readme (#232 ) Co-authored-by: Github Readme Stats Bot <hazru.anurag@gmail.com>	2020-07-28 17:17:30 +05:30
Paolo TormonandAnurag Hazra	3206c68f71	style(theme): Added Great Gatsby Theme (#231 ) * Added Gatsby Theme * chore: change theme name Co-authored-by: Anurag Hazra <hazru.anurag@gmail.com>	2020-07-28 17:13:35 +05:30
Sprite	12ec9fd715	docs: fix readme typo (#228 )	2020-07-28 17:09:36 +05:30
Jasper Pilgrim	596897f9af	docs: Fix typo (#222 )	2020-07-28 12:30:28 +05:30
natee	2fa229ac7e	docs(translation): Update Chinese readme (#225 ) * update Chinese readme * readme demo usage error	2020-07-28 12:29:37 +05:30
Anurag Hazra	51ba2d206a	Merge pull request #180 from moonantonio/master docs(translation): Update readme_es.md	2020-07-27 22:41:19 +05:30
anuraghazra	f82a89fbc0	docs: update themes doc	2020-07-27 22:30:28 +05:30
Anurag Hazra	b4882408c6	Merge pull request #219 from anuraghazra/auto-theme-readme fix: readme generation script	2020-07-27 22:24:53 +05:30
Anurag Hazra	243dd0f204	Merge pull request #214 from judicaelandria/patch-1 style(theme): added algolia theme	2020-07-27 19:24:27 +05:30
Judicael	45cb505a5b	added: theme algolia	2020-07-27 16:44:13 +03:00
Leo Hanischandanuraghazra	11757dba42	feat: multiline text in repo description (#206 ) * Enable multi line repo card descriptions * Adjust unit tests to multi line descriptions * refactor: refactored code & fixed tests * style: minor height adjustments * chore: codecov stuck Co-authored-by: anuraghazra <hazru.anurag@gmail.com>	2020-07-27 14:09:35 +05:30
Anurag Hazra	68198d8b16	Merge pull request #204 from SSARCandy/master fix: fetch top lang in each repository	2020-07-26 22:19:26 +05:30
ssarcandy	d929e8b20a	fix: fetch top lang in ech repository	2020-07-27 00:26:50 +08:00
Sagarandanuraghazra	b8330a88e1	feat: Added compact layout for top languages card (#179 ) * compact layout for top langs card * 🐞 FIX: most used lang should be first, apply correct colors, removed nested svgs and height set * 🐞 FIX: conditionally rendering layout compact * 🐞 FIX: border radius on lang progressbar * refactor: refactored code & fixed bugs * fix: toFixed * chore: change string interpolation * docs: updated readme Co-authored-by: anuraghazra <hazru.anurag@gmail.com>	2020-07-26 21:45:23 +05:30
taichi uchihara	3bdcf3d61f	docs: fix typo (#202 )	2020-07-26 20:44:09 +05:30
anuraghazra	845e90b42e	Merge branch 'master' of https://github.com/anuraghazra/github-readme-stats	2020-07-26 14:46:58 +05:30
anuraghazra	59e295f35b	chore: my godh please work	2020-07-26 14:46:23 +05:30
Anurag Hazra	8be88461b4	chore: change color codes to lowercase (#198 ) * chore: change color codes to lowercase * fix: tests	2020-07-26 14:44:20 +05:30
Anurag Hazra	9bd1bad491	Merge pull request #197 from anuraghazra/auto-theme-readme fix: workflow file in readme generator	2020-07-26 14:33:27 +05:30
Anurag Hazra	1b23175fa6	Merge pull request #195 from the-it-weirdo/patch-1 style(theme): adds a new theme: "blue-green"	2020-07-26 14:30:33 +05:30
Anurag Hazra	9e8d4aeb38	Merge pull request #196 from anuraghazra/auto-theme-readme infra: added auto theme readme generator script	2020-07-26 14:27:06 +05:30
Debaleen Das Spandan	c1438fe7c5	adds a new theme: "blue-green" I added a new theme. Hope you like it.	2020-07-26 13:50:57 +05:30
MoonAntonio	463564382a	Update readme_es.md	2020-07-24 20:52:13 +02:00