Merge pull request #4949 from codeharborhub/dev-6

added Contributions compo

Author: ajay-dhangar

community/team.md

@@ -8,6 +8,7 @@ sidebar_position: 4
 import {
 ActiveTeamRow
 } from '@site/src/components/TeamProfileCards';
+import ContributorList from '@site/src/components/ContributorList';
 
 ## Owner and Founder {#owner}
 
@@ -21,4 +22,4 @@ If you are interested in joining the team, or would like to contribute to the Op
 
 ## Contributors {#contributors}
 
-![Contributors](https://opencollective.com/codeharborhub/contributors.svg?button=false&avatarHeight=50&width=1000)
+<ContributorList contributorsPerPage={150} contributorsIgnore={["restyled-commits", "dependabot", "renovate", "deepsource-autofix", "ImgBotApp"]} />

package-lock.json

@@ -40,6 +40,7 @@
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@giscus/react": "^3.0.0",
     "@mdx-js/react": "^3.0.0",
+    "@octokit/rest": "^22.0.1",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-aspect-ratio": "^1.1.8",

package.json

@@ -0,0 +1,106 @@
+.grid {
+  display: grid;
+  grid-template-rows: repeat(2, 1fr);
+  overflow: hidden;
+  place-items: center;
+}
+
+.grid-item {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: nowrap;
+  width: 100%;
+  overflow: hidden;
+}
+
+.circle {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 35px;
+  height: 35px;
+  border-radius: 50%;
+  aspect-ratio: 1 / 1;
+  object-fit: cover;
+}
+
+.circle img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border: 1px solid #ff8800;
+}
+
+.md-text {
+  font-size: large;
+}
+
+.fade-horizontal {
+  position: relative;
+  color: black;
+
+  -webkit-mask-image: linear-gradient(
+    to right,
+    transparent,
+    black 20%,
+    black 80%,
+    transparent
+  );
+  mask-image: linear-gradient(
+    to right,
+    transparent,
+    black 20%,
+    black 80%,
+    transparent
+  );
+
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+}
+
+.father-flex-div {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex-wrap: nowrap;
+  align-items: center;
+  width: 100%;
+  /* max-width: 100vw; */
+}
+
+.intro {
+  line-height: 1.6;
+  font-weight: 500;
+  margin: 1.5rem 1rem;
+  word-wrap: break-word;
+  text-align: center;
+}
+
+@media (max-width: 700px) {
+  .circle {
+    width: 14px;
+    height: 14px;
+  }
+}
+
+@media (min-width: 701px) and (max-width: 1024px) {
+  .circle {
+    width: 17px;
+    height: 17px;
+  }
+}
+
+@media (min-width: 1025px) and (max-width: 1440px) {
+  .circle {
+    width: 28px;
+    height: 28px;
+  }
+}
+
+@media (min-width: 1441px) {
+  .circle {
+    width: 31px;
+    height: 31px;
+  }
+}