diff --git a/pages/about.js b/pages/about.js index f266151..7993108 100644 --- a/pages/about.js +++ b/pages/about.js @@ -2,70 +2,115 @@ import Layout from "../layout/layout"; import { motion } from "framer-motion"; export default function About() { - return ( - -
-
-
- -

- About me -

-
-
-

- Hey, I'm Josh - a developer from the United States I mainly use React.js, TailwindCSS and TypeScript for my projects, but I have used different tools and frameworks in the past. My coding knowledge is mostly based on many years of experimenting and trial and error. -

-
-

- I can use the following languages somewhat fluently: -

-
- {/* SQL */} - Javascript - Typescript - HTML5 - CSS3 -
-

- I can use the following frameworks and libraries somewhat fluently: -

-
- Tailwind CSS - Bootstrap - {/* UIkit + return ( + +
+
+
+ +

+ About me +

+
+
+

+ Hey, I'm Josh - a developer from the United States I mainly + use React.js, TailwindCSS and TypeScript for my projects, + but I have used different tools and frameworks in the past. + My coding knowledge is mostly based on many years of + experimenting and trial and error. +

+
+

I can use the following languages somewhat fluently:

+
+ {/* SQL */} + Javascript + Typescript + HTML5 + CSS3 +
+

+ I can use the following frameworks and libraries somewhat + fluently: +

+
+ Tailwind CSS + Bootstrap + {/* UIkit Flask Falcon */} - React - {/* Alpine.js + React + {/* Alpine.js Prisma */} -
-

- Miscellaneous tools that I use: -

-
- Linux - Git - NGINX - Windows -
-

- Currently learning: -

-
- Go - {/* Rust */} - Docker - Next.js - {/* Python */} -
-
-
-
-
+

Miscellaneous tools that I use:

+
+ Linux + Git + NGINX + Windows +
+

Currently learning:

+
+ Go + {/* Rust */} + Docker + Next.js + {/* Python */} +
+
-
- - ) +
+ +
+
+
+ + ); } diff --git a/pages/certifications.js b/pages/certifications.js index c65d010..3069f0c 100644 --- a/pages/certifications.js +++ b/pages/certifications.js @@ -2,172 +2,274 @@ import Layout from "../layout/layout"; import { motion } from "framer-motion"; export default function Certifications() { - return ( - -
-
-
- -
-

- My certifications -

-

- Verified Certifications -

-
-
-
-
-

TestOut IT Fundamentals Pro

-

- This exam tests your foundational knowledge and ability to perform real-world tasks using operating systems, common PC hardware and software, basic networking, databases, programming, security, and information systems. The exam covers content that is taught in the TestOut IT Fundamentals Pro course. Students should have completed this course (or its equivalent) before attempting this exam. -

- -
-
-

PFEW Awards

-

- PFEW is an educational program aimed at high school students in Pennsylvania. It provides them with hands-on experience in running a business through a simulated environment. Participants learn about entrepreneurship, business management, finance, and teamwork during a week-long residential program. PFEW aims to foster leadership skills and prepare students for future careers in business and entrepreneurship. -

- -
-
-

Microsoft Office Specialist (Associate)

-

- A Microsoft Office Specialist Word Associate in Microsoft 365 Apps is certified in using Microsoft Word. They demonstrate proficiency in creating, managing, and formatting documents, as well as collaborating with others using Word features. This certification validates essential Word skills for productivity in a professional setting. -

- -
-
-

Microsoft Office Specialist (Expert)

-

- A Microsoft Office Specialist Word Expert in Microsoft 365 Apps is certified in using Microsoft Word. They demonstrate proficiency in creating, managing, and formatting documents, as well as collaborating with others using Word features. This certification validates essential Word skills for productivity in a professional setting. -

- -
-
-

Microsoft Office Specialist (Associate)

-

- A Microsoft Office Specialist Excel Associate in Microsoft 365 Apps is certified in using Microsoft Excel. They demonstrate proficiency in creating, managing, and formatting documents, as well as collaborating with others using Excel features. This certification validates essential Excel skills for productivity in a professional setting. -

- -
-

Information Technology Specialist in Networking

-

- An Information Technology Specialist in Networking for Certiport is certified in the installation, configuration, and management of network systems. They demonstrate proficiency in troubleshooting, optimizing, and securing networks, ensuring efficient communication and connectivity within an organization. This certification validates essential networking skills, providing foundational knowledge for managing and supporting modern IT infrastructure. -

- -
-
-
-
- + return ( + +
+
+
+ +
+

+ My certifications +

+

+ Verified Certifications +

+
+
+
+
+

+ TestOut IT Fundamentals Pro +

+

+ This exam tests your foundational knowledge and ability to + perform real-world tasks using operating systems, common + PC hardware and software, basic networking, databases, + programming, security, and information systems. The exam + covers content that is taught in the TestOut IT + Fundamentals Pro course. Students should have completed + this course (or its equivalent) before attempting this + exam. +

+ +
+
+

PFEW Awards

+

+ PFEW is an educational program aimed at high school + students in Pennsylvania. It provides them with hands-on + experience in running a business through a simulated + environment. Participants learn about entrepreneurship, + business management, finance, and teamwork during a + week-long residential program. PFEW aims to foster + leadership skills and prepare students for future careers + in business and entrepreneurship. +

+ +
+
+

+ Microsoft Office Specialist (Associate) +

+

+ A Microsoft Office Specialist Word Associate in Microsoft + 365 Apps is certified in using Microsoft Word. They + demonstrate proficiency in creating, managing, and + formatting documents, as well as collaborating with others + using Word features. This certification validates + essential Word skills for productivity in a professional + setting. +

+ +
+
+

+ Microsoft Office Specialist (Expert) +

+

+ A Microsoft Office Specialist Word Expert in Microsoft 365 + Apps is certified in using Microsoft Word. They + demonstrate proficiency in creating, managing, and + formatting documents, as well as collaborating with others + using Word features. This certification validates + essential Word skills for productivity in a professional + setting. +

+ +
+
+

+ TestOut IT Fundamentals Pro +

+

+ This exam tests your foundational knowledge and ability to + perform real-world tasks using operating systems, common + PC hardware and software, basic networking, databases, + programming, security, and information systems. The exam + covers content that is taught in the TestOut IT + Fundamentals Pro course. Students should have completed + this course (or its equivalent) before attempting this + exam. +

+ +
-
- - ) +
+ +
+
+
+ + ); } diff --git a/pages/contact.js b/pages/contact.js index 47943ca..86cba1a 100644 --- a/pages/contact.js +++ b/pages/contact.js @@ -1,75 +1,117 @@ -import {useState} from 'react'; +import { useState } from "react"; import Layout from "../layout/layout"; -import {motion} from "framer-motion"; -import { siGithub, siDiscord, siTwitter, siInstagram } from 'simple-icons/icons'; -import { Linkedin, Mail } from 'lucide-react'; +import { motion } from "framer-motion"; +import { + siGithub, + siDiscord, + siTwitter, + siInstagram, +} from "simple-icons/icons"; +import { Linkedin, Mail } from "lucide-react"; export default function Contact() { - const initialDiscordText = 'DIVISIONSolar'; - const [discordText, setDiscordText] = useState(initialDiscordText); + const initialDiscordText = "DIVISIONSolar"; + const [discordText, setDiscordText] = useState(initialDiscordText); - function handleDiscordClick() { - navigator.clipboard.writeText("DIVISIONSolar").then(r => { - setDiscordText('Copied to clipboard!'); + function handleDiscordClick() { + navigator.clipboard.writeText("DIVISIONSolar").then((r) => { + setDiscordText("Copied to clipboard!"); - setTimeout(() => { - setDiscordText(initialDiscordText); - }, 1000); - }); - } + setTimeout(() => { + setDiscordText(initialDiscordText); + }, 1000); + }); + } - return ( - -
-
-
- -
-

- Contact me -

-

- Want to get in touch, or just want to have a chat? -

-
- +
+
+ + ); } diff --git a/pages/donate.js b/pages/donate.js index 9c07242..450deed 100644 --- a/pages/donate.js +++ b/pages/donate.js @@ -1,60 +1,87 @@ -import {useState} from 'react'; +import { useState } from "react"; import Layout from "../layout/layout"; -import {motion} from "framer-motion"; -import { siBuymeacoffee, siPaypal, siCashapp } from 'simple-icons/icons'; +import { motion } from "framer-motion"; +import { siBuymeacoffee, siPaypal, siCashapp } from "simple-icons/icons"; export default function Donate() { - - return ( - -
- + + ); } diff --git a/pages/index.js b/pages/index.js index 327f4f8..f496b5b 100644 --- a/pages/index.js +++ b/pages/index.js @@ -4,20 +4,24 @@ import { motion } from "framer-motion"; export default function Home() { return ( -
-
-
- -

- Hi there, I'm Josh S. -

-

- Developer & Tech enthusiast -

- -
-
+
+
+
+ +

+ Hi there, I'm Josh S. +

+

+ Developer & Tech enthusiast +

+ +
+
- ) + ); } diff --git a/pages/work.js b/pages/work.js index f9064f7..d9e9181 100644 --- a/pages/work.js +++ b/pages/work.js @@ -2,72 +2,118 @@ import Layout from "../layout/layout"; import { motion } from "framer-motion"; export default function Work() { - return ( - -
-
-
- -
-

- My work -

-

- Featured & recent projects -

-
-
-
-
-

Revela Network

-

- A highly sophisticated proxy used for evading internet censorship or accessing websites in a controlled sandbox using the power of service-workers. Works by intercepting HTTP requests with a service worker script that follows the TompHTTP specifications. -

- -
-
-

Project Equinox

-

- Introducing a next gen Discord bot with advanced moderation, music, games, memes, weather info, IP lookup, and more! (Currently in alpha testing!) -

- -
-
-
- + return ( + +
+
+
+ +
+

+ My work +

+

+ Featured & recent projects +

+
+
+
+
+

Revela Network

+

+ A highly sophisticated proxy used for evading internet + censorship or accessing websites in a controlled sandbox + using the power of service-workers. Works by intercepting + HTTP requests with a service worker script that follows + the TompHTTP specifications. +

+ +
+
+

Project Equinox

+

+ Introducing a next gen Discord bot with advanced + moderation, music, games, memes, weather info, IP lookup, + and more! (Currently in alpha testing!) +

+ +
-
- - ) +
+ +
+
+
+ + ); }