Merge pull request #7 from MKAbuMattar/dev

dev work for docs
MKAbuMattar · Jan 24, 2022 · 43a7aff · 43a7aff
2 parents 1871932 + 695eddd
commit 43a7aff
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 0 deletions.
diff --git a/docs/components/Header/Header.js b/docs/components/Header/Header.js
@@ -11,6 +11,7 @@ import {
   HeaderTitleBox,
   HeaderTitle,
   HeaderInfo,
+  HeaderBoxGitHubLabel,
   HeaderLink,
   HeaderCard,
   HeaderCardInfo,
@@ -41,6 +42,27 @@ const Header = () => {
             languages, design tools, and development software.
           </HeaderInfo>
 
+          <HeaderBoxGitHubLabel>
+            <a href="https://github.com/MKAbuMattar/devicons-react/releases">
+              <img
+                alt="GitHub release (latest by semver)"
+                src="https://img.shields.io/github/v/release/MKAbuMattar/devicons-react?color=%2360be86&label=Latest%20release&style=for-the-badge&sort=semver"
+              />
+            </a>
+            <a href="/LICENSE">
+              <img
+                alt="GitHub"
+                src="https://img.shields.io/github/license/MKAbuMattar/devicons-react?color=%2360be86&style=for-the-badge"
+              />
+            </a>
+            <a href="https://github.com/MKAbuMattar/devicons-react/stargazers">
+              <img
+                alt="GitHub Repo stars"
+                src="https://img.shields.io/github/stars/MKAbuMattar/devicons-react?color=%2360be86&label=github%20stars&style=for-the-badge"
+              />
+            </a>
+          </HeaderBoxGitHubLabel>
+
           <HeaderArrowWaveBox>
             <Link href="#search">
               <a>

diff --git a/docs/components/Header/Style.js b/docs/components/Header/Style.js
@@ -38,6 +38,16 @@ export const HeaderInfo = styled.p`
   color: #eeeeee;
 `
 
+export const HeaderBoxGitHubLabel = styled.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  gap: 0.5rem;
+  margin: 2rem;
+  flex-wrap: wrap;
+`
+
 export const HeaderLink = styled.a`
   text-decoration: none;
   color: inherit;