docs: adding explainer page about Dev card

docs/community/dev-card.md

@@ -0,0 +1,17 @@
+---
+id: dev-card
+title: 'Showcase your open source stats with your dev card'
+sidebar_label: 'Dev Card'
+keywords:
+- dev-card 
+---
+
+The Dev card feature is what we like to call your "open source business card." At the front, you see your username, the number of pull requests you have created, repositories you contribute to, a `View Profile` button that takes you to your dashboard, and a green icon, which describes your activity rate.
+![screenshot of front of a dev card](../../static/img/Group%20113.svg).
+
+When you click on the back of your card, you see additional information, including your OpenSauced profile's headline, amount of time you've been using our product, and your [PR velocity rate](../../docs/community/pr-velocity.md).
+![screenshot of back of a dev card](../../static/img/devcard%20vbase%20back.svg).
+
+Whether you are a person who's just beginning their open source journey or a maintainer looking for more contributors and/or sponsors, the Dev Card is a shareable snapshot of your contributions, skills, and engagement in the open source community.
+
+Eager to get your Dev Card? Create it today and share with your network!

sidebars.js

@@ -22,6 +22,7 @@ module.exports = {
         "community/highlights",
         "community/insights",
         "community/faqs",
+        "community/dev-card",
       ],
     },
     {