JoshS/Portfolio-v3
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix certs

Browse source
This commit is contained in:
DIVISIONSolar 2025-02-06 11:06:07 -05:00
parent 2a9e6ada26
commit 1bcbc56087
Signed by: JoshS
GPG key ID: A37D037686151E97
6 changed files with 707 additions and 441 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

99
pages/about.js
View file

@ -7,56 +7,101 @@ export default function About() {
<div className="flex flex-grow items-center">
<div className="w-full">
<div className="container flex mx-auto justify-center">
<motion.div initial={{ opacity: 0 }} animate={{ opacity: [0, 1] }} transition={{ duration: 0.5 }}>
<motion.div
initial={{ opacity: 0 }}
animate={{ opacity: [0, 1] }}
transition={{ duration: 0.5 }}
>
<h1 className="text-center md:text-6xl text-3xl font-bold">
About <span className="text-rose-500">me</span>
</h1>
<div className="container lg:w-3/5 w-11/12 mx-auto mt-4">
<div className="text-left md:text-justify space-y-6 text-lg font-medium text-gray-200">
<p>
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.
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.
</p>
<div className="space-y-2">
<p>
I can use the following languages somewhat fluently:
</p>
<p>I can use the following languages somewhat fluently:</p>
<div className="grid grid-cols-2 grid-rows-3 md:grid-cols-3 md:grid-rows-2 lg:grid-rows-1 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6">
{/* <img alt="SQL" src="https://img.shields.io/badge/-SQL-18181b?style=for-the-badge&logo=postgresql&logoColor=F43F5E" /> */}
<img alt="Javascript" src="https://img.shields.io/badge/-Javascript-18181b?style=for-the-badge&logo=javascript&logoColor=F43F5E" />
<img alt="Typescript" src="https://img.shields.io/badge/-Typescript-18181b?style=for-the-badge&logo=typescript&logoColor=F43F5E" />
<img alt="HTML5" src="https://img.shields.io/badge/-HTML5-18181b?style=for-the-badge&logo=html5&logoColor=F43F5E" />
<img alt="CSS3" src="https://img.shields.io/badge/-CSS3-18181b?style=for-the-badge&logo=css3&logoColor=F43F5E" />
<img
alt="Javascript"
src="https://img.shields.io/badge/-Javascript-18181b?style=for-the-badge&logo=javascript&logoColor=F43F5E"
/>
<img
alt="Typescript"
src="https://img.shields.io/badge/-Typescript-18181b?style=for-the-badge&logo=typescript&logoColor=F43F5E"
/>
<img
alt="HTML5"
src="https://img.shields.io/badge/-HTML5-18181b?style=for-the-badge&logo=html5&logoColor=F43F5E"
/>
<img
alt="CSS3"
src="https://img.shields.io/badge/-CSS3-18181b?style=for-the-badge&logo=css3&logoColor=F43F5E"
/>
</div>
<p>
I can use the following frameworks and libraries somewhat fluently:
I can use the following frameworks and libraries somewhat
fluently:
</p>
<div className="grid grid-cols-2 grid-rows-3 md:grid-cols-3 md:grid-rows-2 lg:grid-rows-1 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6">
<img alt="Tailwind CSS" src="https://img.shields.io/badge/-Tailwind CSS-18181b?style=for-the-badge&logo=tailwindcss&logoColor=F43F5E" />
<img alt="Bootstrap" src="https://img.shields.io/badge/-Bootstrap-18181b?style=for-the-badge&logo=bootstrap&logoColor=F43F5E" />
<img
alt="Tailwind CSS"
src="https://img.shields.io/badge/-Tailwind CSS-18181b?style=for-the-badge&logo=tailwindcss&logoColor=F43F5E"
/>
<img
alt="Bootstrap"
src="https://img.shields.io/badge/-Bootstrap-18181b?style=for-the-badge&logo=bootstrap&logoColor=F43F5E"
/>
{/* <img alt="UIkit" src="https://img.shields.io/badge/-UIkit-18181b?style=for-the-badge&logo=uikit&logoColor=F43F5E" />
<img alt="Flask" src="https://img.shields.io/badge/-Flask-18181b?style=for-the-badge&logo=flask&logoColor=F43F5E" />
<img alt="Falcon" src="https://img.shields.io/badge/-Falcon-18181b?style=for-the-badge&logo=falcon&logoColor=F43F5E" /> */}
<img alt="React" src="https://img.shields.io/badge/-React-18181b?style=for-the-badge&logo=react&logoColor=F43F5E" />
<img
alt="React"
src="https://img.shields.io/badge/-React-18181b?style=for-the-badge&logo=react&logoColor=F43F5E"
/>
{/* <img alt="Alpine.js" src="https://img.shields.io/badge/-Alpine.js-18181b?style=for-the-badge&logo=alpine.js&logoColor=F43F5E" />
<img alt="Prisma" src="https://img.shields.io/badge/-Prisma-18181b?style=for-the-badge&logo=prisma&logoColor=F43F5E" /> */}
</div>
<p>
Miscellaneous tools that I use:
</p>
<p>Miscellaneous tools that I use:</p>
<div className="grid grid-cols-2 grid-rows-3 md:grid-cols-3 md:grid-rows-2 lg:grid-rows-1 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6">
<img alt="Linux" src="https://img.shields.io/badge/-Linux-18181b?style=for-the-badge&logo=linux&logoColor=F43F5E" />
<img alt="Git" src="https://img.shields.io/badge/-Git-18181b?style=for-the-badge&logo=git&logoColor=F43F5E" />
<img alt="NGINX" src="https://img.shields.io/badge/-NGINX-18181b?style=for-the-badge&logo=nginx&logoColor=F43F5E" />
<img alt="Windows" src="https://img.shields.io/badge/-Windows%2011-18181b?style=for-the-badge&logo=windows&logoColor=F43F5E" />
<img
alt="Linux"
src="https://img.shields.io/badge/-Linux-18181b?style=for-the-badge&logo=linux&logoColor=F43F5E"
/>
<img
alt="Git"
src="https://img.shields.io/badge/-Git-18181b?style=for-the-badge&logo=git&logoColor=F43F5E"
/>
<img
alt="NGINX"
src="https://img.shields.io/badge/-NGINX-18181b?style=for-the-badge&logo=nginx&logoColor=F43F5E"
/>
<img
alt="Windows"
src="https://img.shields.io/badge/-Windows%2011-18181b?style=for-the-badge&logo=windows&logoColor=F43F5E"
/>
</div>
<p>
Currently learning:
</p>
<p>Currently learning:</p>
<div className="grid grid-cols-2 grid-rows-3 md:grid-cols-3 md:grid-rows-2 lg:grid-rows-1 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6">
<img alt="Go" src="https://img.shields.io/badge/-Go-18181b?style=for-the-badge&logo=go&logoColor=F43F5E" />
<img
alt="Go"
src="https://img.shields.io/badge/-Go-18181b?style=for-the-badge&logo=go&logoColor=F43F5E"
/>
{/* <img alt="Rust" src="https://img.shields.io/badge/-Rust-18181b?style=for-the-badge&logo=rust&logoColor=F43F5E" /> */}
<img alt="Docker" src="https://img.shields.io/badge/-Docker-18181b?style=for-the-badge&logo=docker&logoColor=F43F5E" />
<img alt="Next.js" src="https://img.shields.io/badge/-Next.js-18181b?style=for-the-badge&logo=next.js&logoColor=F43F5E" />
<img
alt="Docker"
src="https://img.shields.io/badge/-Docker-18181b?style=for-the-badge&logo=docker&logoColor=F43F5E"
/>
<img
alt="Next.js"
src="https://img.shields.io/badge/-Next.js-18181b?style=for-the-badge&logo=next.js&logoColor=F43F5E"
/>
{/* <img alt="Python" src="https://img.shields.io/badge/-Python-18181b?style=for-the-badge&logo=python&logoColor=F43F5E" /> */}
</div>
</div>
@ -67,5 +112,5 @@ export default function About() {
</div>
</div>
</Layout>
)
);
}

244
pages/certifications.js
View file

@ -7,7 +7,11 @@ export default function Certifications() {
<div className="flex flex-grow items-center">
<div className="w-full">
<div className="container flex mx-auto justify-center">
<motion.div initial={{ opacity: 0 }} animate={{ opacity: [0, 1] }} transition={{ duration: 0.5 }}>
<motion.div
initial={{ opacity: 0 }}
animate={{ opacity: [0, 1] }}
transition={{ duration: 0.5 }}
>
<div className="text-center">
<h1 className="md:text-6xl text-3xl font-bold">
My <span className="text-rose-500">certifications</span>
@ -19,21 +23,48 @@ export default function Certifications() {
<div className="relative w-11/12 mx-auto overflow-auto">
<div className="w-full grid gap-20 grid-cols-1 md:grid-cols-2 md:p-16 p-4">
<div className="flex-grow space-y-2">
<h1 className="text-3xl font-bold">TestOut IT Fundamentals Pro</h1>
<h1 className="text-3xl font-bold">
TestOut IT Fundamentals Pro
</h1>
<p className="text-gray-400 py- text-justify">
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.
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.
</p>
<div className="flex space-x-2">
<a className="rounded-full" href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/TestOut_IT_Fundamentals_Pro.pdf" target="_blank">
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<a
className="rounded-full"
href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/TestOut_IT_Fundamentals_Pro.pdf"
target="_blank"
>
<svg
className="h-8 w-8"
fill="#fff"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>Link</title>
<path d="M14.8284 12L16.2426 13.4142L19.071 10.5858C20.6331 9.02365 20.6331 6.49099 19.071 4.9289C17.509 3.3668 14.9763 3.3668 13.4142 4.9289L10.5858 7.75732L12 9.17154L14.8284 6.34311C15.6095 5.56206 16.8758 5.56206 17.6568 6.34311C18.4379 7.12416 18.4379 8.39049 17.6568 9.17154L14.8284 12Z" />
<path d="M12 14.8285L13.4142 16.2427L10.5858 19.0711C9.02372 20.6332 6.49106 20.6332 4.92896 19.0711C3.36686 17.509 3.36686 14.9764 4.92896 13.4143L7.75739 10.5858L9.1716 12L6.34317 14.8285C5.56212 15.6095 5.56212 16.8758 6.34317 17.6569C7.12422 18.4379 8.39055 18.4379 9.1716 17.6569L12 14.8285Z" />
<path d="M14.8285 10.5857C15.219 10.1952 15.219 9.56199 14.8285 9.17147C14.4379 8.78094 13.8048 8.78094 13.4142 9.17147L9.1716 13.4141C8.78107 13.8046 8.78107 14.4378 9.1716 14.8283C9.56212 15.2188 10.1953 15.2188 10.5858 14.8283L14.8285 10.5857Z" />
</svg>
</a>
<a className="rounded-full" href="https://certification.testout.com/verifycert/6-1C6-VFTBGW" target="_blank">
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<a
className="rounded-full"
href="https://certification.testout.com/verifycert/6-1C6-VFTBGW"
target="_blank"
>
<svg
className="h-8 w-8"
fill="#fff"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>Link</title>
<path d="M14.8284 12L16.2426 13.4142L19.071 10.5858C20.6331 9.02365 20.6331 6.49099 19.071 4.9289C17.509 3.3668 14.9763 3.3668 13.4142 4.9289L10.5858 7.75732L12 9.17154L14.8284 6.34311C15.6095 5.56206 16.8758 5.56206 17.6568 6.34311C18.4379 7.12416 18.4379 8.39049 17.6568 9.17154L14.8284 12Z" />
<path d="M12 14.8285L13.4142 16.2427L10.5858 19.0711C9.02372 20.6332 6.49106 20.6332 4.92896 19.0711C3.36686 17.509 3.36686 14.9764 4.92896 13.4143L7.75739 10.5858L9.1716 12L6.34317 14.8285C5.56212 15.6095 5.56212 16.8758 6.34317 17.6569C7.12422 18.4379 8.39055 18.4379 9.1716 17.6569L12 14.8285Z" />
@ -45,19 +76,44 @@ export default function Certifications() {
<div className="flex-grow space-y-2">
<h1 className="text-3xl font-bold">PFEW Awards</h1>
<p className="text-gray-400 py- text-justify">
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.
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.
</p>
<div className="flex space-x-2">
<a className="rounded-full" href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/PFEW-Participation.pdf" target="_blank">
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<a
className="rounded-full"
href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/PFEW-Participation.pdf"
target="_blank"
>
<svg
className="h-8 w-8"
fill="#fff"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>Link</title>
<path d="M14.8284 12L16.2426 13.4142L19.071 10.5858C20.6331 9.02365 20.6331 6.49099 19.071 4.9289C17.509 3.3668 14.9763 3.3668 13.4142 4.9289L10.5858 7.75732L12 9.17154L14.8284 6.34311C15.6095 5.56206 16.8758 5.56206 17.6568 6.34311C18.4379 7.12416 18.4379 8.39049 17.6568 9.17154L14.8284 12Z" />
<path d="M12 14.8285L13.4142 16.2427L10.5858 19.0711C9.02372 20.6332 6.49106 20.6332 4.92896 19.0711C3.36686 17.509 3.36686 14.9764 4.92896 13.4143L7.75739 10.5858L9.1716 12L6.34317 14.8285C5.56212 15.6095 5.56212 16.8758 6.34317 17.6569C7.12422 18.4379 8.39055 18.4379 9.1716 17.6569L12 14.8285Z" />
<path d="M14.8285 10.5857C15.219 10.1952 15.219 9.56199 14.8285 9.17147C14.4379 8.78094 13.8048 8.78094 13.4142 9.17147L9.1716 13.4141C8.78107 13.8046 8.78107 14.4378 9.1716 14.8283C9.56212 15.2188 10.1953 15.2188 10.5858 14.8283L14.8285 10.5857Z" />
</svg>
</a>
<a className="rounded-full" href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/PFEW-RoE.pdf" target="_blank">
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<a
className="rounded-full"
href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/PFEW-RoE.pdf"
target="_blank"
>
<svg
className="h-8 w-8"
fill="#fff"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>Link</title>
<path d="M14.8284 12L16.2426 13.4142L19.071 10.5858C20.6331 9.02365 20.6331 6.49099 19.071 4.9289C17.509 3.3668 14.9763 3.3668 13.4142 4.9289L10.5858 7.75732L12 9.17154L14.8284 6.34311C15.6095 5.56206 16.8758 5.56206 17.6568 6.34311C18.4379 7.12416 18.4379 8.39049 17.6568 9.17154L14.8284 12Z" />
<path d="M12 14.8285L13.4142 16.2427L10.5858 19.0711C9.02372 20.6332 6.49106 20.6332 4.92896 19.0711C3.36686 17.509 3.36686 14.9764 4.92896 13.4143L7.75739 10.5858L9.1716 12L6.34317 14.8285C5.56212 15.6095 5.56212 16.8758 6.34317 17.6569C7.12422 18.4379 8.39055 18.4379 9.1716 17.6569L12 14.8285Z" />
@ -67,13 +123,80 @@ export default function Certifications() {
</div>
</div>
<div className="flex-grow space-y-2">
<h1 className="text-3xl font-bold">Microsoft Office Specialist (Associate)</h1>
<h1 className="text-3xl font-bold">
Microsoft Office Specialist (Associate)
</h1>
<p className="text-gray-400 py- text-justify">
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.
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.
</p>
<div className="flex space-x-2">
<a className="rounded-full" href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/Microsoft_Office_Specialist_Word_Associate_Microsoft_365_Apps.pdf" target="_blank">
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<a
className="rounded-full"
href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/Microsoft_Office_Specialist_Word_Associate_Microsoft_365_Apps.pdf"
target="_blank"
>
<svg
className="h-8 w-8"
fill="#fff"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>Link</title>
<path d="M14.8284 12L16.2426 13.4142L19.071 10.5858C20.6331 9.02365 20.6331 6.49099 19.071 4.9289C17.509 3.3668 14.9763 3.3668 13.4142 4.9289L10.5858 7.75732L12 9.17154L14.8284 6.34311C15.6095 5.56206 16.8758 5.56206 17.6568 6.34311C18.4379 7.12416 18.4379 8.39049 17.6568 9.17154L14.8284 12Z" />
<path d="M12 14.8285L13.4142 16.2427L10.5858 19.0711C9.02372 20.6332 6.49106 20.6332 4.92896 19.0711C3.36686 17.509 3.36686 14.9764 4.92896 13.4143L7.75739 10.5858L9.1716 12L6.34317 14.8285C5.56212 15.6095 5.56212 16.8758 6.34317 17.6569C7.12422 18.4379 8.39055 18.4379 9.1716 17.6569L12 14.8285Z" />
<path d="M14.8285 10.5857C15.219 10.1952 15.219 9.56199 14.8285 9.17147C14.4379 8.78094 13.8048 8.78094 13.4142 9.17147L9.1716 13.4141C8.78107 13.8046 8.78107 14.4378 9.1716 14.8283C9.56212 15.2188 10.1953 15.2188 10.5858 14.8283L14.8285 10.5857Z" />
</svg>
</a>
<a
className="rounded-full"
href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/Microsoft_Office_Specialist_Excel_Associate_Microsoft_365_Apps.pdf"
target="_blank"
>
<svg
className="h-8 w-8"
fill="#fff"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>Link</title>
<path d="M14.8284 12L16.2426 13.4142L19.071 10.5858C20.6331 9.02365 20.6331 6.49099 19.071 4.9289C17.509 3.3668 14.9763 3.3668 13.4142 4.9289L10.5858 7.75732L12 9.17154L14.8284 6.34311C15.6095 5.56206 16.8758 5.56206 17.6568 6.34311C18.4379 7.12416 18.4379 8.39049 17.6568 9.17154L14.8284 12Z" />
<path d="M12 14.8285L13.4142 16.2427L10.5858 19.0711C9.02372 20.6332 6.49106 20.6332 4.92896 19.0711C3.36686 17.509 3.36686 14.9764 4.92896 13.4143L7.75739 10.5858L9.1716 12L6.34317 14.8285C5.56212 15.6095 5.56212 16.8758 6.34317 17.6569C7.12422 18.4379 8.39055 18.4379 9.1716 17.6569L12 14.8285Z" />
<path d="M14.8285 10.5857C15.219 10.1952 15.219 9.56199 14.8285 9.17147C14.4379 8.78094 13.8048 8.78094 13.4142 9.17147L9.1716 13.4141C8.78107 13.8046 8.78107 14.4378 9.1716 14.8283C9.56212 15.2188 10.1953 15.2188 10.5858 14.8283L14.8285 10.5857Z" />
</svg>
</a>
</div>
</div>
<div className="flex-grow space-y-2">
<h1 className="text-3xl font-bold">
Microsoft Office Specialist (Expert)
</h1>
<p className="text-gray-400 py- text-justify">
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.
</p>
<div className="flex space-x-2">
<a
className="rounded-full"
href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/Microsoft_Office_Specialist_Word_Expert_Microsoft_365_Apps.pdf"
target="_blank"
>
<svg
className="h-8 w-8"
fill="#fff"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>Link</title>
<path d="M14.8284 12L16.2426 13.4142L19.071 10.5858C20.6331 9.02365 20.6331 6.49099 19.071 4.9289C17.509 3.3668 14.9763 3.3668 13.4142 4.9289L10.5858 7.75732L12 9.17154L14.8284 6.34311C15.6095 5.56206 16.8758 5.56206 17.6568 6.34311C18.4379 7.12416 18.4379 8.39049 17.6568 9.17154L14.8284 12Z" />
<path d="M12 14.8285L13.4142 16.2427L10.5858 19.0711C9.02372 20.6332 6.49106 20.6332 4.92896 19.0711C3.36686 17.509 3.36686 14.9764 4.92896 13.4143L7.75739 10.5858L9.1716 12L6.34317 14.8285C5.56212 15.6095 5.56212 16.8758 6.34317 17.6569C7.12422 18.4379 8.39055 18.4379 9.1716 17.6569L12 14.8285Z" />
@ -91,75 +214,54 @@ export default function Certifications() {
</div>
</div>
<div className="flex-grow space-y-2">
<h1 className="text-3xl font-bold">Microsoft Office Specialist (Expert)</h1>
<h1 className="text-3xl font-bold">
TestOut IT Fundamentals Pro
</h1>
<p className="text-gray-400 py- text-justify">
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.
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.
</p>
<div className="flex space-x-2">
<a className="rounded-full" href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/Microsoft_Office_Specialist_Word_Expert_Microsoft_365_Apps.pdf" target="_blank">
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<a
className="rounded-full"
href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/TestOut_IT_Fundamentals_Pro.pdf"
target="_blank"
>
<svg
className="h-8 w-8"
fill="#fff"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>Link</title>
<path d="M14.8284 12L16.2426 13.4142L19.071 10.5858C20.6331 9.02365 20.6331 6.49099 19.071 4.9289C17.509 3.3668 14.9763 3.3668 13.4142 4.9289L10.5858 7.75732L12 9.17154L14.8284 6.34311C15.6095 5.56206 16.8758 5.56206 17.6568 6.34311C18.4379 7.12416 18.4379 8.39049 17.6568 9.17154L14.8284 12Z" />
<path d="M12 14.8285L13.4142 16.2427L10.5858 19.0711C9.02372 20.6332 6.49106 20.6332 4.92896 19.0711C3.36686 17.509 3.36686 14.9764 4.92896 13.4143L7.75739 10.5858L9.1716 12L6.34317 14.8285C5.56212 15.6095 5.56212 16.8758 6.34317 17.6569C7.12422 18.4379 8.39055 18.4379 9.1716 17.6569L12 14.8285Z" />
<path d="M14.8285 10.5857C15.219 10.1952 15.219 9.56199 14.8285 9.17147C14.4379 8.78094 13.8048 8.78094 13.4142 9.17147L9.1716 13.4141C8.78107 13.8046 8.78107 14.4378 9.1716 14.8283C9.56212 15.2188 10.1953 15.2188 10.5858 14.8283L14.8285 10.5857Z" />
</svg>
</a>
{/* <a className="rounded-full" href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/PFEW-RoE.pdf" target="_blank">
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>Link</title>
<path d="M14.8284 12L16.2426 13.4142L19.071 10.5858C20.6331 9.02365 20.6331 6.49099 19.071 4.9289C17.509 3.3668 14.9763 3.3668 13.4142 4.9289L10.5858 7.75732L12 9.17154L14.8284 6.34311C15.6095 5.56206 16.8758 5.56206 17.6568 6.34311C18.4379 7.12416 18.4379 8.39049 17.6568 9.17154L14.8284 12Z" />
<path d="M12 14.8285L13.4142 16.2427L10.5858 19.0711C9.02372 20.6332 6.49106 20.6332 4.92896 19.0711C3.36686 17.509 3.36686 14.9764 4.92896 13.4143L7.75739 10.5858L9.1716 12L6.34317 14.8285C5.56212 15.6095 5.56212 16.8758 6.34317 17.6569C7.12422 18.4379 8.39055 18.4379 9.1716 17.6569L12 14.8285Z" />
<path d="M14.8285 10.5857C15.219 10.1952 15.219 9.56199 14.8285 9.17147C14.4379 8.78094 13.8048 8.78094 13.4142 9.17147L9.1716 13.4141C8.78107 13.8046 8.78107 14.4378 9.1716 14.8283C9.56212 15.2188 10.1953 15.2188 10.5858 14.8283L14.8285 10.5857Z" />
</svg>
</a> */}
</div>
</div>
<div className="flex-grow space-y-2">
<h1 className="text-3xl font-bold">Microsoft Office Specialist (Associate)</h1>
<p className="text-gray-400 py- text-justify">
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.
</p>
<div className="flex space-x-2">
<a className="rounded-full" href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/Microsoft_Office_Specialist_Excel_Associate_Microsoft_365_Apps.pdf" target="_blank">
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<a
className="rounded-full"
href="https://certification.testout.com/verifycert/6-1C6-VFTBGW"
target="_blank"
>
<svg
className="h-8 w-8"
fill="#fff"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>Link</title>
<path d="M14.8284 12L16.2426 13.4142L19.071 10.5858C20.6331 9.02365 20.6331 6.49099 19.071 4.9289C17.509 3.3668 14.9763 3.3668 13.4142 4.9289L10.5858 7.75732L12 9.17154L14.8284 6.34311C15.6095 5.56206 16.8758 5.56206 17.6568 6.34311C18.4379 7.12416 18.4379 8.39049 17.6568 9.17154L14.8284 12Z" />
<path d="M12 14.8285L13.4142 16.2427L10.5858 19.0711C9.02372 20.6332 6.49106 20.6332 4.92896 19.0711C3.36686 17.509 3.36686 14.9764 4.92896 13.4143L7.75739 10.5858L9.1716 12L6.34317 14.8285C5.56212 15.6095 5.56212 16.8758 6.34317 17.6569C7.12422 18.4379 8.39055 18.4379 9.1716 17.6569L12 14.8285Z" />
<path d="M14.8285 10.5857C15.219 10.1952 15.219 9.56199 14.8285 9.17147C14.4379 8.78094 13.8048 8.78094 13.4142 9.17147L9.1716 13.4141C8.78107 13.8046 8.78107 14.4378 9.1716 14.8283C9.56212 15.2188 10.1953 15.2188 10.5858 14.8283L14.8285 10.5857Z" />
</svg>
</a>
{/* <a className="rounded-full" href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/PFEW-RoE.pdf" target="_blank">
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>Link</title>
<path d="M14.8284 12L16.2426 13.4142L19.071 10.5858C20.6331 9.02365 20.6331 6.49099 19.071 4.9289C17.509 3.3668 14.9763 3.3668 13.4142 4.9289L10.5858 7.75732L12 9.17154L14.8284 6.34311C15.6095 5.56206 16.8758 5.56206 17.6568 6.34311C18.4379 7.12416 18.4379 8.39049 17.6568 9.17154L14.8284 12Z" />
<path d="M12 14.8285L13.4142 16.2427L10.5858 19.0711C9.02372 20.6332 6.49106 20.6332 4.92896 19.0711C3.36686 17.509 3.36686 14.9764 4.92896 13.4143L7.75739 10.5858L9.1716 12L6.34317 14.8285C5.56212 15.6095 5.56212 16.8758 6.34317 17.6569C7.12422 18.4379 8.39055 18.4379 9.1716 17.6569L12 14.8285Z" />
<path d="M14.8285 10.5857C15.219 10.1952 15.219 9.56199 14.8285 9.17147C14.4379 8.78094 13.8048 8.78094 13.4142 9.17147L9.1716 13.4141C8.78107 13.8046 8.78107 14.4378 9.1716 14.8283C9.56212 15.2188 10.1953 15.2188 10.5858 14.8283L14.8285 10.5857Z" />
</svg>
</a> */}
</div>
<div className="flex-grow space-y-2">
<h1 className="text-3xl font-bold">Information Technology Specialist in Networking</h1>
<p className="text-gray-400 py- text-justify">
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.
</p>
<div className="flex space-x-2">
<a className="rounded-full" href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/Certiport_Information_Technology_Specialist_in_Networking.pdf" target="_blank">
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>Link</title>
<path d="M14.8284 12L16.2426 13.4142L19.071 10.5858C20.6331 9.02365 20.6331 6.49099 19.071 4.9289C17.509 3.3668 14.9763 3.3668 13.4142 4.9289L10.5858 7.75732L12 9.17154L14.8284 6.34311C15.6095 5.56206 16.8758 5.56206 17.6568 6.34311C18.4379 7.12416 18.4379 8.39049 17.6568 9.17154L14.8284 12Z" />
<path d="M12 14.8285L13.4142 16.2427L10.5858 19.0711C9.02372 20.6332 6.49106 20.6332 4.92896 19.0711C3.36686 17.509 3.36686 14.9764 4.92896 13.4143L7.75739 10.5858L9.1716 12L6.34317 14.8285C5.56212 15.6095 5.56212 16.8758 6.34317 17.6569C7.12422 18.4379 8.39055 18.4379 9.1716 17.6569L12 14.8285Z" />
<path d="M14.8285 10.5857C15.219 10.1952 15.219 9.56199 14.8285 9.17147C14.4379 8.78094 13.8048 8.78094 13.4142 9.17147L9.1716 13.4141C8.78107 13.8046 8.78107 14.4378 9.1716 14.8283C9.56212 15.2188 10.1953 15.2188 10.5858 14.8283L14.8285 10.5857Z" />
</svg>
</a>
{/* <a className="rounded-full" href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/PFEW-RoE.pdf" target="_blank">
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>Link</title>
<path d="M14.8284 12L16.2426 13.4142L19.071 10.5858C20.6331 9.02365 20.6331 6.49099 19.071 4.9289C17.509 3.3668 14.9763 3.3668 13.4142 4.9289L10.5858 7.75732L12 9.17154L14.8284 6.34311C15.6095 5.56206 16.8758 5.56206 17.6568 6.34311C18.4379 7.12416 18.4379 8.39049 17.6568 9.17154L14.8284 12Z" />
<path d="M12 14.8285L13.4142 16.2427L10.5858 19.0711C9.02372 20.6332 6.49106 20.6332 4.92896 19.0711C3.36686 17.509 3.36686 14.9764 4.92896 13.4143L7.75739 10.5858L9.1716 12L6.34317 14.8285C5.56212 15.6095 5.56212 16.8758 6.34317 17.6569C7.12422 18.4379 8.39055 18.4379 9.1716 17.6569L12 14.8285Z" />
<path d="M14.8285 10.5857C15.219 10.1952 15.219 9.56199 14.8285 9.17147C14.4379 8.78094 13.8048 8.78094 13.4142 9.17147L9.1716 13.4141C8.78107 13.8046 8.78107 14.4378 9.1716 14.8283C9.56212 15.2188 10.1953 15.2188 10.5858 14.8283L14.8285 10.5857Z" />
</svg>
</a> */}
</div>
</div>
</div>
</div>
@ -169,5 +271,5 @@ export default function Certifications() {
</div>
</div>
</Layout>
)
);
}

84
pages/contact.js
View file

@ -1,16 +1,21 @@
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 initialDiscordText = "DIVISIONSolar";
const [discordText, setDiscordText] = useState(initialDiscordText);
function handleDiscordClick() {
navigator.clipboard.writeText("DIVISIONSolar").then(r => {
setDiscordText('Copied to clipboard!');
navigator.clipboard.writeText("DIVISIONSolar").then((r) => {
setDiscordText("Copied to clipboard!");
setTimeout(() => {
setDiscordText(initialDiscordText);
@ -23,7 +28,11 @@ export default function Contact() {
<div className="flex flex-grow items-center">
<div className="w-full">
<div className="container flex mx-auto justify-center">
<motion.div initial={{ opacity: 0 }} animate={{ opacity: [0, 1] }} transition={{ duration: 0.5 }}>
<motion.div
initial={{ opacity: 0 }}
animate={{ opacity: [0, 1] }}
transition={{ duration: 0.5 }}
>
<div className="text-center">
<h1 className="md:text-6xl text-3xl font-bold">
Contact <span className="text-rose-500">me</span>
@ -34,40 +43,73 @@ export default function Contact() {
</div>
<div className="mx-auto overflow-auto mt-4">
<div className="grid gap-8 px-4 md:px-0 grid-cols-1 md:grid-cols-2 xl:grid-cols-3">
<a href="mailto:me@joshsevero.dev" className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5">
<a
href="mailto:me@joshsevero.dev"
className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5"
>
<Mail className="mx-auto max-h-12" size={48}>
<title>Email</title>
</Mail>
<p className="text-white text-xl overflow-ellipsis">me@joshsevero.dev</p>
<p className="text-white text-xl overflow-ellipsis">
me@joshsevero.dev
</p>
</a>
<a href="https://git.joshseveros.cloud/JoshS" className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5" target="_blank" rel="noopener noreferrer">
<a
href="https://git.joshseveros.cloud/JoshS"
className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5"
target="_blank"
rel="noopener noreferrer"
>
<svg
fill="currentColor"
className="mx-auto max-h-12"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
xmlns="http://www.w3.org/2000/svg"
>
<title>{siGithub.title}</title>
<path d={siGithub.path} />
</svg>
<p className="text-white text-xl overflow-ellipsis">JoshS</p>
<p className="text-white text-xl overflow-ellipsis">
JoshS
</p>
</a>
<button onClick={handleDiscordClick} className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5 has-tooltip hover:text-rose-600 duration-200">
<button
onClick={handleDiscordClick}
className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5 has-tooltip hover:text-rose-600 duration-200"
>
<svg
fill="currentColor"
className="mx-auto max-h-12"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
xmlns="http://www.w3.org/2000/svg"
>
<title>{siDiscord.title}</title>
<path d={siDiscord.path} />
</svg>
<span className='tooltip bg-gray-800 text-white rounded shadow-lg'>{discordText}</span>
<p className="text-white text-xl overflow-ellipsis">DIVISIONSolar</p>
<span className="tooltip bg-gray-800 text-white rounded shadow-lg">
{discordText}
</span>
<p className="text-white text-xl overflow-ellipsis">
DIVISIONSolar
</p>
</button>
<a href="https://joshs.pro/linkedin" className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5" target="_blank" rel="noopener noreferrer">
<Linkedin fill="currentColor" strokeWidth="0" className="mx-auto max-h-12" size={48}>
<a
href="https://joshs.pro/linkedin"
className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5"
target="_blank"
rel="noopener noreferrer"
>
<Linkedin
fill="currentColor"
strokeWidth="0"
className="mx-auto max-h-12"
size={48}
>
<title>Linkedin</title>
</Linkedin>
<p className="text-white text-xl overflow-ellipsis">Josh Severo</p>
<p className="text-white text-xl overflow-ellipsis">
Josh Severo
</p>
</a>
{/* <a href="" className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5" target="_blank" rel="noopener noreferrer">
<svg
@ -98,5 +140,5 @@ export default function Contact() {
</div>
</div>
</Layout>
)
);
}

57
pages/donate.js
View file

@ -1,16 +1,19 @@
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 (
<Layout title="Support me">
<div className="flex flex-grow items-center">
<div className="w-full">
<div className="container flex mx-auto justify-center">
<motion.div initial={{ opacity: 0 }} animate={{ opacity: [0, 1] }} transition={{ duration: 0.5 }}>
<motion.div
initial={{ opacity: 0 }}
animate={{ opacity: [0, 1] }}
transition={{ duration: 0.5 }}
>
<div className="text-center">
<h1 className="md:text-6xl text-3xl font-bold">
Support <span className="text-rose-500">me</span>
@ -21,38 +24,62 @@ export default function Donate() {
</div>
<div className="mx-auto overflow-auto mt-4">
<div className="grid gap-8 px-4 md:px-0 grid-cols-1 md:grid-cols-2 xl:grid-cols-3">
<a href="https://www.buymeacoffee.com/joshsevero" className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5" target="_blank" rel="noopener noreferrer">
<a
href="https://www.buymeacoffee.com/joshsevero"
className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5"
target="_blank"
rel="noopener noreferrer"
>
<svg
fill="currentColor"
className="mx-auto max-h-12"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
xmlns="http://www.w3.org/2000/svg"
>
<title>{siBuymeacoffee.title}</title>
<path d={siBuymeacoffee.path} />
</svg>
<p className="text-white text-xl overflow-ellipsis">Josh Severo</p>
<p className="text-white text-xl overflow-ellipsis">
Josh Severo
</p>
</a>
<a href="https://www.paypal.com/paypalme/JoshuaSevero" className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5" target="_blank" rel="noopener noreferrer">
<a
href="https://www.paypal.com/paypalme/JoshuaSevero"
className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5"
target="_blank"
rel="noopener noreferrer"
>
<svg
fill="currentColor"
className="mx-auto max-h-12"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
xmlns="http://www.w3.org/2000/svg"
>
<title>{siPaypal.title}</title>
<path d={siPaypal.path} />
</svg>
<p className="text-white text-xl overflow-ellipsis">Josh Severo</p>
<p className="text-white text-xl overflow-ellipsis">
Josh Severo
</p>
</a>
<a href="https://cash.app/$divisionsol" className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5" target="_blank" rel="noopener noreferrer">
<a
href="https://cash.app/$divisionsol"
className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5"
target="_blank"
rel="noopener noreferrer"
>
<svg
fill="currentColor"
className="mx-auto max-h-12"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
xmlns="http://www.w3.org/2000/svg"
>
<title>{siCashapp.title}</title>
<path d={siCashapp.path} />
</svg>
<p className="text-white text-xl overflow-ellipsis">$divisionsol</p>
<p className="text-white text-xl overflow-ellipsis">
$divisionsol
</p>
</a>
{/* <a href="https://www.buymeacoffee.com/joshsevero" className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5" target="_blank" rel="noopener noreferrer">
<svg
@ -94,5 +121,5 @@ export default function Donate() {
</div>
</div>
</Layout>
)
);
}

8
pages/index.js
View file

@ -7,7 +7,11 @@ export default function Home() {
<div className="flex flex-grow items-center">
<div className="w-full">
<div className="container flex mx-auto justify-center">
<motion.div initial={{ opacity: 0 }} animate={{ opacity: [0, 1] }} transition={{ duration: 0.5 }}>
<motion.div
initial={{ opacity: 0 }}
animate={{ opacity: [0, 1] }}
transition={{ duration: 0.5 }}
>
<h1 className="md:text-6xl text-3xl font-bold">
Hi there, I'm <span className="text-rose-500">Josh S.</span>
</h1>
@ -19,5 +23,5 @@ export default function Home() {
</div>
</div>
</Layout>
)
);
}

74
pages/work.js
View file

@ -7,7 +7,11 @@ export default function Work() {
<div className="flex flex-grow items-center">
<div className="w-full">
<div className="container flex mx-auto justify-center">
<motion.div initial={{ opacity: 0 }} animate={{ opacity: [0, 1] }} transition={{ duration: 0.5 }}>
<motion.div
initial={{ opacity: 0 }}
animate={{ opacity: [0, 1] }}
transition={{ duration: 0.5 }}
>
<div className="text-center">
<h1 className="md:text-6xl text-3xl font-bold">
My <span className="text-rose-500">work</span>
@ -21,17 +25,39 @@ export default function Work() {
<div className="flex-grow space-y-2">
<h1 className="text-3xl font-bold">Revela Network</h1>
<p className="text-gray-400 py- text-justify">
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.
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.
</p>
<div className="flex space-x-2">
<a className="rounded-full" href="https://git.joshseveros.cloud/RevelaNetwork" target="_blank">
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<a
className="rounded-full"
href="https://git.joshseveros.cloud/RevelaNetwork"
target="_blank"
>
<svg
className="h-8 w-8"
fill="#fff"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>GitHub</title>
<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"/>
<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" />
</svg>
</a>
<a className="rounded-full" href="https://revela.network" target="_blank">
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<a
className="rounded-full"
href="https://revela.network"
target="_blank"
>
<svg
className="h-8 w-8"
fill="#fff"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>Link</title>
<path d="M14.8284 12L16.2426 13.4142L19.071 10.5858C20.6331 9.02365 20.6331 6.49099 19.071 4.9289C17.509 3.3668 14.9763 3.3668 13.4142 4.9289L10.5858 7.75732L12 9.17154L14.8284 6.34311C15.6095 5.56206 16.8758 5.56206 17.6568 6.34311C18.4379 7.12416 18.4379 8.39049 17.6568 9.17154L14.8284 12Z" />
<path d="M12 14.8285L13.4142 16.2427L10.5858 19.0711C9.02372 20.6332 6.49106 20.6332 4.92896 19.0711C3.36686 17.509 3.36686 14.9764 4.92896 13.4143L7.75739 10.5858L9.1716 12L6.34317 14.8285C5.56212 15.6095 5.56212 16.8758 6.34317 17.6569C7.12422 18.4379 8.39055 18.4379 9.1716 17.6569L12 14.8285Z" />
@ -43,17 +69,37 @@ export default function Work() {
<div className="flex-grow space-y-2">
<h1 className="text-3xl font-bold">Project Equinox</h1>
<p className="text-gray-400 py- text-justify">
Introducing a next gen Discord bot with advanced moderation, music, games, memes, weather info, IP lookup, and more! (Currently in alpha testing!)
Introducing a next gen Discord bot with advanced
moderation, music, games, memes, weather info, IP lookup,
and more! (Currently in alpha testing!)
</p>
<div className="flex space-x-2">
<a className="rounded-full" href="https://git.joshseveros.cloud/JoshS/Project-Equinox" target="_blank">
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<a
className="rounded-full"
href="https://git.joshseveros.cloud/JoshS/Project-Equinox"
target="_blank"
>
<svg
className="h-8 w-8"
fill="#fff"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>GitHub</title>
<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"/>
<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" />
</svg>
</a>
<a className="rounded-full" href="https://equinox.joshsevero.dev" target="_blank">
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<a
className="rounded-full"
href="https://equinox.joshsevero.dev"
target="_blank"
>
<svg
className="h-8 w-8"
fill="#fff"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>Link</title>
<path d="M14.8284 12L16.2426 13.4142L19.071 10.5858C20.6331 9.02365 20.6331 6.49099 19.071 4.9289C17.509 3.3668 14.9763 3.3668 13.4142 4.9289L10.5858 7.75732L12 9.17154L14.8284 6.34311C15.6095 5.56206 16.8758 5.56206 17.6568 6.34311C18.4379 7.12416 18.4379 8.39049 17.6568 9.17154L14.8284 12Z" />
<path d="M12 14.8285L13.4142 16.2427L10.5858 19.0711C9.02372 20.6332 6.49106 20.6332 4.92896 19.0711C3.36686 17.509 3.36686 14.9764 4.92896 13.4143L7.75739 10.5858L9.1716 12L6.34317 14.8285C5.56212 15.6095 5.56212 16.8758 6.34317 17.6569C7.12422 18.4379 8.39055 18.4379 9.1716 17.6569L12 14.8285Z" />
@ -69,5 +115,5 @@ export default function Work() {
</div>
</div>
</Layout>
)
);
}