From e1c9578d121db7812888c40033b810e07fd411ba Mon Sep 17 00:00:00 2001 From: kashifo Date: Mon, 2 Dec 2024 23:40:33 +0530 Subject: [PATCH 1/3] Added option to show upvotes and answers as well. --- README.md | 11 +++++- src/StackOverflowCard.js | 76 ++++++++++++++++++++++++++++++++++++++++ 2 files changed, 86 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 4dc9064..5624996 100644 --- a/README.md +++ b/README.md @@ -29,6 +29,14 @@ If you want to have a compact layout, just you need to add `layout=compact` as a [![Omid Nikrah StackOverflow](https://github-readme-stackoverflow.vercel.app/?userID=6558042&layout=compact&theme=dark)](https://stackoverflow.com/users/6558042/omid-nikrah) +#### Full Layout + +If you want to show upvotes and answers count as well, just you need to add `layout=full` as a parameter. Check out the options. + +[![Omid Nikrah StackOverflow](https://github-readme-stackoverflow.vercel.app/?userID=6558042&layout=full)](https://stackoverflow.com/users/6558042/omid-nikrah) +[![Omid Nikrah StackOverflow](https://github-readme-stackoverflow.vercel.app/?userID=6558042&layout=full&theme=dark)](https://stackoverflow.com/users/6558042/omid-nikrah) + +
## Options @@ -36,13 +44,14 @@ If you want to have a compact layout, just you need to add `layout=compact` as a | ---------- | ------------------------------- | -------------------------- | | userID | Your StackOverflow userID | REQUIRED | | theme | Theme of the StackOverflow card (light or dark) | light | -| layout | Layout of the StackOverflow card (compact or default) | default | +| layout | Layout of the StackOverflow card (compact or full or default) | default |
## Contributors - [Omid Nikrah](https://github.com/omidnikrah) - [Soroush Chehresa](https://github.com/soroushchehresa) +- [Kashif Anwaar](https://github.com/kashifo)
diff --git a/src/StackOverflowCard.js b/src/StackOverflowCard.js index b981250..4130521 100644 --- a/src/StackOverflowCard.js +++ b/src/StackOverflowCard.js @@ -37,6 +37,82 @@ const StackOverflowCard = async (data, theme, layout) => { `; + } else if (layout === 'full') { + return ` + + + + + + + + + + ${data.display_name} + + + ${data.reputation.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')} + + + Reputation + + + + ${data.up_vote_count.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')} + + + Upvotes + + + ${data.answer_count.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')} + + + Answers + + + + + + ${data.badge_counts.gold} + + + + + + ${data.badge_counts.silver} + + + + + + ${data.badge_counts.bronze} + + + + `; } return ` From 9c9e6528109cf95f7b4585f1d537beef3743bad6 Mon Sep 17 00:00:00 2001 From: kashifo Date: Tue, 3 Dec 2024 00:12:29 +0530 Subject: [PATCH 2/3] Updated vercel.json to run on latest versions of Vercel --- vercel.json | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/vercel.json b/vercel.json index 33d8629..49125ff 100644 --- a/vercel.json +++ b/vercel.json @@ -1,6 +1,8 @@ { - "builds": [{ - "src": "index.js", - "use": "@now/node-server" - }] -} + "builds": [ + { + "src": "index.js", + "use": "@vercel/node" + } + ] +} \ No newline at end of file From 832ac0c45cf7860849cf65c296243d7ce06f317d Mon Sep 17 00:00:00 2001 From: kashifo Date: Tue, 3 Dec 2024 00:31:13 +0530 Subject: [PATCH 3/3] Updated Readme to link to my Vercel instance --- README.md | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/README.md b/README.md index 5624996..208d81a 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@

- +

GitHub Readme StackOverflow

Show your StackOverflow profile status on your READMEs!

@@ -15,26 +15,26 @@ Copy paste following markdown into your markdown content, and that's it. Easy Ea Change the `?userID=` value to your StackOverflow's userID. ```md -[![Omid Nikrah StackOverflow](https://github-readme-stackoverflow.vercel.app/?userID=6558042)](https://stackoverflow.com/users/6558042/omid-nikrah) +[![Kashif's StackOverflow](https://github-readme-stackoverflow-kashifo.vercel.app/?userID=4034209)](https://stackoverflow.com/users/4034209/kashif-anwaar ``` -[![Omid Nikrah StackOverflow](https://github-readme-stackoverflow.vercel.app/?userID=6558042)](https://stackoverflow.com/users/6558042/omid-nikrah) -[![Omid Nikrah StackOverflow](https://github-readme-stackoverflow.vercel.app/?userID=6558042&theme=dark)](https://stackoverflow.com/users/6558042/omid-nikrah) +[![Kashif's StackOverflow](https://github-readme-stackoverflow-kashifo.vercel.app/?userID=4034209)](https://stackoverflow.com/users/4034209/kashif-anwaar) +[![Kashif's StackOverflow](https://github-readme-stackoverflow-kashifo.vercel.app/?userID=4034209&theme=dark)](https://stackoverflow.com/users/4034209/kashif-anwaar) #### Compact Layout If you want to have a compact layout, just you need to add `layout=compact` as a parameter. Check out the options. -[![Omid Nikrah StackOverflow](https://github-readme-stackoverflow.vercel.app/?userID=6558042&layout=compact)](https://stackoverflow.com/users/6558042/omid-nikrah) -[![Omid Nikrah StackOverflow](https://github-readme-stackoverflow.vercel.app/?userID=6558042&layout=compact&theme=dark)](https://stackoverflow.com/users/6558042/omid-nikrah) +[![Kashif's StackOverflow](https://github-readme-stackoverflow-kashifo.vercel.app/?userID=4034209&layout=compact)](https://stackoverflow.com/users/4034209/kashif-anwaar) +[![Kashif's StackOverflow](https://github-readme-stackoverflow-kashifo.vercel.app/?userID=4034209&layout=compact&theme=dark)](https://stackoverflow.com/users/4034209/kashif-anwaar) #### Full Layout If you want to show upvotes and answers count as well, just you need to add `layout=full` as a parameter. Check out the options. -[![Omid Nikrah StackOverflow](https://github-readme-stackoverflow.vercel.app/?userID=6558042&layout=full)](https://stackoverflow.com/users/6558042/omid-nikrah) -[![Omid Nikrah StackOverflow](https://github-readme-stackoverflow.vercel.app/?userID=6558042&layout=full&theme=dark)](https://stackoverflow.com/users/6558042/omid-nikrah) +[![Kashif's StackOverflow](https://github-readme-stackoverflow-kashifo.vercel.app/?userID=4034209&layout=full)](https://stackoverflow.com/users/4034209/kashif-anwaar) +[![Kashif's StackOverflow](https://github-readme-stackoverflow-kashifo.vercel.app/?userID=4034209&layout=full&theme=dark)](https://stackoverflow.com/users/4034209/kashif-anwaar)
@@ -56,4 +56,4 @@ If you want to show upvotes and answers count as well, just you need to add `lay
## Deploy your own -[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/git?s=https://github.com/omidnikrah/github-readme-stackoverflow) +[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/git?s=https://github.com/kashifo/github-readme-stackoverflow)