diff --git a/src/components/AboutPage/SkillSet.tsx b/src/components/AboutPage/SkillSet.tsx index a19961fe..7a8747af 100644 --- a/src/components/AboutPage/SkillSet.tsx +++ b/src/components/AboutPage/SkillSet.tsx @@ -1,5 +1,6 @@ import { json } from "stream/consumers"; import Icon from "../static/Icons"; +import MIcon from "@mdi/react"; import { bash, bun, @@ -28,13 +29,254 @@ import { visualStudio, } from "../static/icons_list"; import "./skillset.css"; -// import { SiKalilinux, SiPostman } from "react-icons/si"; +import { SiKalilinux, SiPostman } from "react-icons/si"; import { mdiArch, mdiConsole, mdiLinux, mdiUbuntu } from "@mdi/js"; export function SkillSet() { - return

meow

; + return ( +
+

+ Professional Skillset +

+
+
+
+ + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + + +
+ +
+ + + + + + + + + + + + +
+
+ + + + + + + + + + + + + {/* for the sake of css coffeescript is out! */} + {/*
*/} + + + + + + + + + +
+ {/* + + */} +
+ {/*
+
+
+
*/} +
+
+ ); } export function TechStack() { - return

meow

; + return ( +
+

+ Tools I use +

+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ {/*
*/} +
+
+
+ {/*
*/} +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ {" "} + +
+ {/*
*/} +
+ {/*
+
+
+
+
*/} + {/* for the sake of css coffeescript is out! */} + {/*
*/} + {/*
+
+
+
*/} + {/* + + */} +
+ {/*
+
+
+
*/} +
+
+ ); } export default function () { return ( diff --git a/src/components/Projects/index.tsx b/src/components/Projects/index.tsx index e47e57d9..4bfa1695 100644 --- a/src/components/Projects/index.tsx +++ b/src/components/Projects/index.tsx @@ -1,169 +1,101 @@ -import React, { useEffect, useState } from "react"; -import "./style.css"; +import React, { useEffect, useState } from "react" +import "./style.css" +import { LuGitFork, LuGlobe } from "react-icons/lu" /** - * - * @param param0 - * @returns + * + * @param param0 + * @returns */ -export function Card({ - title, - description, - image, - alt, - Badges, - svn_link, - is_fork, -}: { - title: string; - description: string; - image?: string; - alt?: string; - Badges?: any; - svn_link: string; - is_fork: Boolean; +export function Card({ title, description, image,alt, Badges, svn_link, is_fork} : { + title: string , + description: string, + image?: string, + alt?: string, + Badges?: any, + svn_link: string, + is_fork: Boolean }) { - return ( -
- {image ? ( -
- {alt -
- ) : null} -
-

- {title} - {/*
NEW
*/} -

-

{description}

-
- {/*
Fashion
+ return
+{image ? +
{alt
: null} +
+

{is_fork ? : null} +{title} + {/*
NEW
*/} +

+

{description}

+
+ {/*
Fashion
Products
*/} - {Badges ? Badges : ""} -
+ {Badges ? Badges : ""}
- ); +
} // oh boy i cannot WAIT for myself to add projects in via git export default function Projects() { - // most projects should be loaded via github - // otherwise they will all be concacted with the github.json file - const [githubData, setGithubData] = useState([]); - const [translateY, setTranslateY] = useState(0); + // most projects should be loaded via github + // otherwise they will all be concacted with the github.json file + const [githubData, setGithubData] = useState ([]) +const [translateY, setTranslateY] = useState(0) - const fetchData = () => { - return Promise.all([ - fetch( - `https://api.github.com/users/NeonGamerBot-QK/repos?per_page=100`, - ).then((response) => response.json()), - fetch( - `https://api.github.com/users/NeonGamerBot-QK/repos?per_page=100?page=2`, - ).then((response) => response.json()), - ]).then((data) => { - if (process.env.NODE_ENV !== "production") console.log(data[0], data[1]); - const idsThatAreFound: any = {}; - const items = [...data[0], ...data[1]] - .filter((e) => e.topics.includes("github-include-on-site")) - .filter(function (item, pos, self) { - if (idsThatAreFound[item.id]) return false; - idsThatAreFound[item.id] = true; - return true; - }); + const fetchData = () => { + return Promise.all([fetch(`https://api.github.com/users/NeonGamerBot-QK/repos?per_page=100`) + .then((response) => response.json()),fetch(`https://api.github.com/users/NeonGamerBot-QK/repos?per_page=100?page=2`) + .then((response) => response.json())]) - console.log(); - if (process.env.NODE_ENV !== "production") console.log(items); - //@ts-ignore - setGithubData(items); - }); - }; - useEffect(() => { - fetchData(); - }, []); - return ( - <> -
-
- {/* */} -
-

- Projects -

- {/*

Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.

- */} -
- {githubData.length > 0 ? ( - githubData.map((d: any) => { - return ( - -
- - {d.homepage ? ( - - ) : null} -
-
- {d.topics - .filter( - (e: string) => - !e.includes("github-include-on-site"), - ) - .map((topic: string, i: number) => { - return ( -
- {topic} -
- ); - })} -
- - } - /> - ); + .then((data) => + { + if(process.env.NODE_ENV !== "production") console.log(data[0], data[1]) + const idsThatAreFound:any = {} + const items = [...data[0], ...data[1]] + .filter(e => e.topics.includes('github-include-on-site')) + .filter(function(item, pos, self) { + if(idsThatAreFound[item.id]) return false; + idsThatAreFound[item.id] = true + return true; }) - ) : ( -
- -
- )} -
-
-
-
- - ); -} + + console.log() + if(process.env.NODE_ENV !== "production") console.log(items) + //@ts-ignore + setGithubData(items) + }) + } + useEffect (() => { + fetchData() + }, []) + return <> +
+
+ {/* */} +
+

Projects

+ {/*

Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.

+ */} +
+{githubData.length > 0 ? githubData.map((d: any) => { +return +
+ + +{d.homepage ? + +: null} +
+
+{d.topics.filter((e:string) => !e.includes('github-include-on-site')).map((topic:string,i:number) => { + return
{topic}
+})} +
+}/> + +}) :
+ +
} +
+
+
+
+ +} \ No newline at end of file diff --git a/src/components/footer/index.tsx b/src/components/footer/index.tsx index d4dac19a..6ea3796e 100644 --- a/src/components/footer/index.tsx +++ b/src/components/footer/index.tsx @@ -1,10 +1,14 @@ +import { SiDiscord, SiReplit } from "react-icons/si"; +import { FaKey } from "react-icons/fa"; import Icon from "../static/Icons"; import { git, npm } from "../static/icons_list"; import bento from "../../assets/bento.svg"; import tor from "../../assets/tor.svg"; import "./index.css"; import { useEffect, useState } from "react"; +import { LuGlobe, LuKey } from "react-icons/lu"; // import { FaCodeCommit} fr +import { FaCodeCommit, FaRocket } from "react-icons/fa6"; const isDev = process.env.NODE_ENV !== "production"; type DiscordStatus = "dnd" | "idle" | "online" | "offline"; @@ -120,7 +124,7 @@ export default function Footer() { className="badge mauve p-2 lg:visible hidden" style={{ background: "var(--surface1)" }} > - {fingerprint} + {fingerprint}
- {" "} + {" "} {process.env.REACT_APP_BUILD_SHA}
@@ -147,34 +151,56 @@ export default function Footer() { className="badge mauve p-2 md:visible invisible" style={{ background: "var(--surface1)" }} > + {" "} {process.env.REACT_APP_BUILD_ID} - - + + + + + +
+ > + + + > + {" "} + {lanyardData ? ( -

m

+ ) : null}
{window.location.hostname.includes(".onion") ? ( -

globe

+ ) : ( - + + + )} {/*