Skip to content

Commit 2f0fa22

Browse files
NeonGamerBot-QKNeonGamerBot-QK
authored
Update SkillSet.tsx (#19)
<!-- hint: follow the conventional commits look at CONTRIBUTING.md make sure this repo would take a PR. --> ## delete me Signed-off-by: Neon <[email protected]>
1 parent 1432916 commit 2f0fa22

File tree

1 file changed

+2
-240
lines changed

1 file changed

+2
-240
lines changed

‎src/components/AboutPage/SkillSet.tsx‎

Lines changed: 2 additions & 240 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { json } from "stream/consumers";
22
import Icon from "../static/Icons";
3-
import MIcon from "@mdi/react";
43
import {
54
bash,
65
bun,
@@ -33,249 +32,12 @@ import "./skillset.css";
3332
import { mdiArch, mdiConsole, mdiLinux, mdiUbuntu } from "@mdi/js";
3433
export function SkillSet() {
3534
return (
36-
<div className="items-center text-center place-items-center">
37-
<h1 className="project-heading">
38-
Professional <strong className="texthighlight">Skillset </strong>
39-
</h1>
40-
<div className="flex inline-flex grid ">
41-
<div
42-
style={{}}
43-
className="flex-1 max-w-5xl text-center min-w-sm ms-auto me-auto"
44-
>
45-
<div className="inline-flex">
46-
<a
47-
href="https://www.w3schools.com/w3css/"
48-
className={"tech-icons inline-flex"}
49-
>
50-
<Icon icon="css" className="w-40" width={2000} height={2000} />
51-
</a>
52-
<a
53-
href="https://www.w3schools.com/js/DEFAULT.asp"
54-
className={"tech-icons inline-flex"}
55-
>
56-
<Icon icon="javascript" className="w-40" />
57-
</a>
58-
<a
59-
href="https://www.typescriptlang.org/"
60-
className={"tech-icons inline-flex"}
61-
>
62-
<Icon icon="typescript" className="w-40" />
63-
</a>
64-
<a href="https://nextjs.org/" className={"tech-icons inline-flex"}>
65-
<Icon icon={next} className="w-40" />
66-
</a>
67-
<a
68-
href="https://www.npmjs.com/"
69-
className={"tech-icons inline-flex"}
70-
>
71-
<Icon icon={npm} className="w-40" />
72-
</a>
73-
<a
74-
href="https://www.prisma.io/"
75-
className={"tech-icons inline-flex"}
76-
>
77-
<Icon icon={prisma} className="w-40" />
78-
</a>
79-
<a href="https://pptr.dev/" className={"tech-icons inline-flex"}>
80-
<Icon icon={puppeteer} className="w-40" />
81-
</a>
82-
</div>
83-
<div className="inline-flex">
84-
<a
85-
href="https://sass-lang.com/"
86-
className={"tech-icons inline-flex"}
87-
>
88-
<Icon icon={sass} className="w-40" />
89-
</a>
90-
<a
91-
href="https://tailwindcss.com/"
92-
className={"tech-icons inline-flex"}
93-
>
94-
<Icon icon={tailwind} className="w-40" />
95-
</a>
96-
<div className={"tech-icons inline-flex"}>
97-
<Icon icon={bash} className="w-40" />
98-
</div>
99-
<a href="https://bun.sh/" className={"tech-icons inline-flex"}>
100-
<Icon icon={bun} className="w-40" />
101-
</a>
102-
<a
103-
href="https://cplusplus.com/"
104-
className={"tech-icons inline-flex"}
105-
>
106-
<Icon icon={cpp} className="w-40" />
107-
</a>
108-
<a
109-
href="https://www.docker.com/"
110-
className={"tech-icons inline-flex"}
111-
>
112-
<Icon icon={docker} className="w-40" />
113-
</a>
114-
<a href="https://graphql.org/" className={"tech-icons inline-flex"}>
115-
<Icon icon={graphql} className="w-40" />
116-
</a>
117-
</div>
118-
<div className="inline-flex">
119-
<a
120-
href="https://www.w3schools.com/html/"
121-
className={"tech-icons inline-flex"}
122-
>
123-
<Icon icon={html} className="w-40" />
124-
</a>
125-
<a href="https://react.dev/" className={"tech-icons inline-flex"}>
126-
<Icon icon={javascriptReact} className="w-40" />
127-
</a>
128-
<a
129-
href="https://www.python.org/"
130-
className={"tech-icons inline-flex"}
131-
>
132-
<Icon icon={python} className="w-40" />
133-
</a>
134-
<a
135-
href="https://dotnet.microsoft.com/en-us/languages/csharp"
136-
className={"tech-icons inline-flex"}
137-
>
138-
<Icon icon={csharp} className="w-40" />
139-
</a>
140-
{/* for the sake of css coffeescript is out! */}
141-
{/* <div className={"tech-icons inline-flex"}><Icon icon={coffeescript} className='w-40' /></div> */}
142-
<a href="https://yarnpkg.com/" className={"tech-icons inline-flex"}>
143-
<Icon icon={yarn} className="w-40" />
144-
</a>
145-
<a href="https://ejs.co/" className={"tech-icons inline-flex"}>
146-
<Icon icon={ejs} className="w-40" />
147-
</a>
148-
<a href="https://pnpm.io/" className={"tech-icons inline-flex"}>
149-
<Icon icon={pnpm} className="w-40" />
150-
</a>
151-
</div>
152-
{/*
153-
154-
*/}
155-
</div>
156-
{/* <br />
157-
<div style={{ justifyContent: 'center', textAlign: 'center', alignItems: "center", marginLeft: '50px', paddingBottom: '50px' }} className='inline-flex'>
158-
<div className={"tech-icons inline-flex"}><Icon icon={tailwind} className='w-40' /></div>
159-
</div> */}
160-
</div>
161-
</div>
35+
<p>meow</p>
16236
);
16337
}
16438
export function TechStack() {
16539
return (
166-
<div className="items-center text-center place-items-center">
167-
<h1 className="project-heading">
168-
<strong className="text-highlight">Tools</strong> I use
169-
</h1>
170-
<div className="flex inline-flex grid">
171-
<div
172-
style={{}}
173-
className="content-center flex-1 max-w-5xl ms-auto me-auto min-w-sm"
174-
>
175-
<div className="inline-flex max-w-5xl min-w-sm">
176-
<div className={"tech-icons inline-flex"}>
177-
<Icon icon={vscode} className="w-40" width={2000} height={2000} />
178-
</div>
179-
<div className={"tech-icons inline-flex"}>
180-
<Icon icon={git} className="w-40" width={2000} height={2000} />
181-
</div>
182-
<div className={"tech-icons inline-flex"}>
183-
<Icon icon={docker} className="w-40" width={2000} height={2000} />
184-
</div>
185-
<div className={"tech-icons inline-flex"}>
186-
<Icon icon={figma} className="w-40" width={2000} height={2000} />
187-
</div>
188-
<div className={"tech-icons inline-flex"}>
189-
<Icon icon={robots} className="w-40" width={2000} height={2000} />
190-
</div>
191-
<div className={"tech-icons inline-flex"}>
192-
<Icon icon={vercel} className="w-40" width={2000} height={2000} />
193-
</div>
194-
<div className={"tech-icons inline-flex"}>
195-
<Icon
196-
icon={visualStudio}
197-
className="w-40"
198-
width={2000}
199-
height={2000}
200-
/>
201-
</div>
202-
{/* <div className={"tech-icons inline-flex"}><Icon icon=' className='w-40' /></div> */}
203-
</div>
204-
<br />
205-
<div className="inline-flex">
206-
{/* <div className={"tech-icons inline-flex"}><Icon icon={figma} className='w-40' width={2000} height={2000}/></div> */}
207-
<div
208-
className={"tech-icons inline-flex mauve"}
209-
style={{ color: "var(--mauve)" }}
210-
>
211-
<MIcon
212-
path={mdiLinux}
213-
size={2}
214-
className="m-0 md:m-5 lg:w-full"
215-
/>
216-
</div>
217-
<div
218-
className={"tech-icons inline-flex mauve"}
219-
style={{ color: "var(--mauve)" }}
220-
>
221-
<MIcon
222-
path={mdiConsole}
223-
size={2}
224-
className="m-0 md:m-5 lg:w-full"
225-
/>
226-
</div>
227-
<div
228-
className={"tech-icons inline-flex mauve"}
229-
style={{ color: "var(--mauve)" }}
230-
>
231-
<MIcon
232-
path={mdiUbuntu}
233-
size={2}
234-
className="m-0 md:m-5 lg:w-full"
235-
/>
236-
</div>
237-
<div
238-
className={"tech-icons inline-flex mauve"}
239-
style={{ color: "var(--mauve)" }}
240-
>
241-
<MIcon path={mdiArch} size={2} className="m-0 md:m-5 lg:w-full" />
242-
</div>
243-
<div
244-
className={"tech-icons inline-flex mauve"}
245-
style={{ color: "var(--mauve)" }}
246-
>
247-
{/* <SiPostman /> */}
248-
</div>
249-
<div
250-
className={"tech-icons inline-flex mauve"}
251-
style={{ color: "var(--mauve)" }}
252-
>
253-
{" "}
254-
{/* <SiKalilinux /> */}
255-
</div>
256-
{/* <div className={"tech-icons inline-flex mauve"} style={{ color: "var(--mauve)"}}><MIcon path={mdiKaliLinux} size={2} className='w-full m-5' /></div> */}
257-
</div>
258-
{/* <div className='inline-flex'>
259-
<div className={"tech-icons inline-flex"}><Icon icon={html} className='w-40' /></div>
260-
<div className={"tech-icons inline-flex"}><Icon icon={javascriptReact} className='w-40' /></div>
261-
<div className={"tech-icons inline-flex"}><Icon icon={python} className='w-40' /></div>
262-
<div className={"tech-icons inline-flex"}><Icon icon={csharp} className='w-40' /></div> */}
263-
{/* for the sake of css coffeescript is out! */}
264-
{/* <div className={"tech-icons inline-flex"}><Icon icon={coffeescript} className='w-40' /></div> */}
265-
{/* <div className={"tech-icons inline-flex"}><Icon icon={yarn} className='w-40' /></div>
266-
<div className={"tech-icons inline-flex"}><Icon icon={ejs} className='w-40' /></div>
267-
<div className={"tech-icons inline-flex"}><Icon icon={pnpm} className='w-40' /></div>
268-
</div> */}
269-
{/*
270-
271-
*/}
272-
</div>
273-
{/* <br />
274-
<div style={{ justifyContent: 'center', textAlign: 'center', alignItems: "center", marginLeft: '50px', paddingBottom: '50px' }} className='inline-flex'>
275-
<div className={"tech-icons inline-flex"}><Icon icon={tailwind} className='w-40' /></div>
276-
</div> */}
277-
</div>
278-
</div>
40+
<p>meow</p>
27941
);
28042
}
28143
export default function () {

0 commit comments

Comments
 (0)