Skip to content

Commit 659679d

Browse files
manuarora700manuarora700
committed
Fix: Fix 5.0 - icons
1 parent 2152a4f commit 659679d

File tree

3 files changed

+54
-21
lines changed

3 files changed

+54
-21
lines changed

‎components/ProjectCard.js‎

Lines changed: 42 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -9,16 +9,31 @@ export default function ProjectCard({ title, description, href, icon, tags }) {
99
rel="noopener noreferrer"
1010
>
1111
<div className="flex items-center border border-gray-200 dark:border-gray-800 rounded p-4">
12+
{icon === "gba" && (
13+
<div className="h-8 w-8 ml-2 mr-4">
14+
<svg
15+
className="h-8 w-8 min-w-lg text-gray-900 dark:text-gray-100"
16+
xmlns="http://www.w3.org/2000/svg"
17+
viewBox="0 0 20 20"
18+
fill="currentColor"
19+
>
20+
<path d="M10.394 2.08a1 1 0 00-.788 0l-7 3a1 1 0 000 1.84L5.25 8.051a.999.999 0 01.356-.257l4-1.714a1 1 0 11.788 1.838L7.667 9.088l1.94.831a1 1 0 00.787 0l7-3a1 1 0 000-1.838l-7-3zM3.31 9.397L5 10.12v4.102a8.969 8.969 0 00-1.05-.174 1 1 0 01-.89-.89 11.115 11.115 0 01.25-3.762zM9.3 16.573A9.026 9.026 0 007 14.935v-3.957l1.818.78a3 3 0 002.364 0l5.508-2.361a11.026 11.026 0 01.25 3.762 1 1 0 01-.89.89 8.968 8.968 0 00-5.35 2.524 1 1 0 01-1.4 0zM6 18a1 1 0 001-1v-2.065a8.935 8.935 0 00-2-.712V17a1 1 0 001 1z" />
21+
</svg>
22+
</div>
23+
)}
1224
{icon === "github" && (
1325
<div className="h-8 w-8 ml-2 mr-4">
1426
<svg
1527
className="h-8 w-8 min-w-lg text-gray-900 dark:text-gray-100"
16-
role="img"
17-
viewBox="0 0 24 24"
1828
xmlns="http://www.w3.org/2000/svg"
29+
viewBox="0 0 20 20"
30+
fill="currentColor"
1931
>
20-
<title>GitHub icon</title>
21-
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
32+
<path
33+
fill-rule="evenodd"
34+
d="M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z"
35+
clip-rule="evenodd"
36+
/>
2237
</svg>
2338
</div>
2439
)}
@@ -176,14 +191,18 @@ export default function ProjectCard({ title, description, href, icon, tags }) {
176191
<span className="sr-only">Algochurn</span>
177192

178193
<svg
179-
className="h-8 w-8 min-w-lg text-gray-900 dark:text-gray-100"
180-
fill="#000000"
194+
className="h-8 w-8 min-w-sm text-gray-900 dark:text-gray-100"
181195
xmlns="http://www.w3.org/2000/svg"
182-
viewBox="0 0 50 50"
183-
width="50px"
184-
height="50px"
196+
fill="none"
197+
viewBox="0 0 24 24"
198+
stroke="currentColor"
185199
>
186-
<path d="M 41 2 C 37.145851 2 34 5.1458514 34 9 C 34 10.842988 34.724355 12.518937 35.896484 13.771484 L 27.525391 24 L 15.919922 24 C 15.430748 20.617539 12.513828 18 9 18 C 5.1458514 18 2 21.145851 2 25 C 2 28.854149 5.1458514 32 9 32 C 12.513828 32 15.430748 29.382461 15.919922 26 L 27.501953 26 L 35.535156 36.640625 C 34.5767 37.838633 34 39.353257 34 41 C 34 44.854149 37.145851 48 41 48 C 44.854149 48 48 44.854149 48 41 C 48 37.145851 44.854149 34 41 34 C 39.515247 34 38.13907 34.471256 37.003906 35.265625 L 29.271484 25.025391 L 37.455078 15.021484 C 38.496931 15.638103 39.706395 16 41 16 C 44.854149 16 48 12.854149 48 9 C 48 5.1458514 44.854149 2 41 2 z M 41 4 C 43.773268 4 46 6.2267316 46 9 C 46 11.773268 43.773268 14 41 14 C 38.226732 14 36 11.773268 36 9 C 36 6.2267316 38.226732 4 41 4 z M 9 20 C 11.773268 20 14 22.226732 14 25 C 14 27.773268 11.773268 30 9 30 C 6.2267316 30 4 27.773268 4 25 C 4 22.226732 6.2267316 20 9 20 z M 41 36 C 43.773268 36 46 38.226732 46 41 C 46 43.773268 43.773268 46 41 46 C 38.226732 46 36 43.773268 36 41 C 36 38.226732 38.226732 36 41 36 z" />
200+
<path
201+
stroke-linecap="round"
202+
stroke-linejoin="round"
203+
stroke-width="2"
204+
d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
205+
/>
187206
</svg>
188207
</div>
189208
)}
@@ -194,13 +213,11 @@ export default function ProjectCard({ title, description, href, icon, tags }) {
194213

195214
<svg
196215
className="h-8 w-8 min-w-sm text-gray-900 dark:text-gray-100"
197-
fill="#000000"
198216
xmlns="http://www.w3.org/2000/svg"
199-
viewBox="0 0 50 50"
200-
width="50px"
201-
height="50px"
217+
viewBox="0 0 20 20"
218+
fill="currentColor"
202219
>
203-
<path d="M 5 4 A 1.0001 1.0001 0 0 0 4 5 L 4 45 A 1.0001 1.0001 0 0 0 5 46 L 45 46 A 1.0001 1.0001 0 0 0 46 45 L 46 5 A 1.0001 1.0001 0 0 0 45 4 L 5 4 z M 6 6 L 44 6 L 44 44 L 6 44 L 6 6 z M 12.818359 9 C 10.173674 9 8 11.15213 8 13.789062 C 8 18.977762 13.773838 21.456801 15.363281 22.771484 L 16 23.296875 L 16.636719 22.771484 C 18.226002 21.456933 24 18.978589 24 13.789062 C 24 11.152131 21.826326 9 19.181641 9 C 17.920442 9 16.861631 9.5874985 16 10.382812 C 15.138369 9.5874985 14.079558 9 12.818359 9 z M 26 9 L 26 11 L 42 11 L 42 9 L 26 9 z M 12.818359 11 C 13.808759 11 14.665646 11.500441 15.169922 12.253906 L 16 13.494141 L 16.830078 12.253906 C 17.334354 11.500441 18.191241 11 19.181641 11 C 20.752955 11 22 12.241996 22 13.789062 C 22 17.163334 18.330725 19.036834 16 20.761719 C 13.66938 19.036773 10 17.16225 10 13.789062 C 10 12.241998 11.247045 11 12.818359 11 z M 26 15 L 26 17 L 42 17 L 42 15 L 26 15 z M 26 21 L 26 23 L 42 23 L 42 21 L 26 21 z M 8 27 L 8 29 L 24 29 L 24 27 L 8 27 z M 26 27 L 26 29 L 42 29 L 42 27 L 26 27 z M 8 33 L 8 35 L 24 35 L 24 33 L 8 33 z M 26 33 L 26 35 L 42 35 L 42 33 L 26 33 z M 8 39 L 8 41 L 24 41 L 24 39 L 8 39 z M 26 39 L 26 41 L 42 41 L 42 39 L 26 39 z" />
220+
<path d="M11 17a1 1 0 001.447.894l4-2A1 1 0 0017 15V9.236a1 1 0 00-1.447-.894l-4 2a1 1 0 00-.553.894V17zM15.211 6.276a1 1 0 000-1.788l-4.764-2.382a1 1 0 00-.894 0L4.789 4.488a1 1 0 000 1.788l4.764 2.382a1 1 0 00.894 0l4.764-2.382zM4.447 8.342A1 1 0 003 9.236V15a1 1 0 00.553.894l4 2A1 1 0 009 17v-5.764a1 1 0 00-.553-.894l-4-2z" />
204221
</svg>
205222
</div>
206223
)}
@@ -209,14 +226,18 @@ export default function ProjectCard({ title, description, href, icon, tags }) {
209226
<span className="sr-only">Vscode Resume</span>
210227

211228
<svg
212-
className="h-8 w-8 min-w-lg text-gray-900 dark:text-gray-100"
213-
fill="#000000"
229+
className="h-8 w-8 min-w-sm text-gray-900 dark:text-gray-100"
214230
xmlns="http://www.w3.org/2000/svg"
215-
viewBox="0 0 50 50"
216-
width="50px"
217-
height="50px"
231+
fill="none"
232+
viewBox="0 0 24 24"
233+
stroke="currentColor"
218234
>
219-
<path d="M 25 4.0625 C 12.414063 4.0625 2.0625 12.925781 2.0625 24 C 2.0625 30.425781 5.625 36.09375 11 39.71875 C 10.992188 39.933594 11 40.265625 10.71875 41.3125 C 10.371094 42.605469 9.683594 44.4375 8.25 46.46875 L 7.21875 47.90625 L 9 47.9375 C 15.175781 47.964844 18.753906 43.90625 19.3125 43.25 C 21.136719 43.65625 23.035156 43.9375 25 43.9375 C 37.582031 43.9375 47.9375 35.074219 47.9375 24 C 47.9375 12.925781 37.582031 4.0625 25 4.0625 Z M 25 5.9375 C 36.714844 5.9375 46.0625 14.089844 46.0625 24 C 46.0625 33.910156 36.714844 42.0625 25 42.0625 C 22.996094 42.0625 21.050781 41.820313 19.21875 41.375 L 18.65625 41.25 L 18.28125 41.71875 C 18.28125 41.71875 15.390625 44.976563 10.78125 45.75 C 11.613281 44.257813 12.246094 42.871094 12.53125 41.8125 C 12.929688 40.332031 12.9375 39.3125 12.9375 39.3125 L 12.9375 38.8125 L 12.5 38.53125 C 7.273438 35.21875 3.9375 29.941406 3.9375 24 C 3.9375 14.089844 13.28125 5.9375 25 5.9375 Z" />
235+
<path
236+
stroke-linecap="round"
237+
stroke-linejoin="round"
238+
stroke-width="2"
239+
d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
240+
/>
220241
</svg>
221242
</div>
222243
)}

‎package.json‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,11 @@
77
"email": "contact@manuarora.in",
88
"url": "https://manuarora.in"
99
},
10+
"scripts": {
11+
"dev": "next dev",
12+
"build": "next build",
13+
"start": "next start"
14+
},
1015
"license": "MIT",
1116
"repository": {
1217
"type": "git",

‎pages/projects.js‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,13 @@ export default function projects() {
3636
icon="placeholdertech"
3737
tags={["Freelancing", "React", "Node", "Firebase"]}
3838
/>
39+
<ProjectCard
40+
title="Golden Bells Academy"
41+
description="✍🏻 An educational portal to watch educational videos, write and submit assignments, view results and more."
42+
href="https://goldenbellsacademy.com/"
43+
icon="gba"
44+
tags={["commercial", "NextJS", "Firebase"]}
45+
/>
3946
<ProjectCard
4047
title="Playground"
4148
description="An open-source playground to create HTML, CSS and Javascript components on the go."

0 commit comments

Comments
 (0)