fix certs
This commit is contained in:
parent
2a9e6ada26
commit
1bcbc56087
GPG key ID:
A37D037686151E97
6 changed files with 707 additions and 441 deletions
167
pages/about.js
167
pages/about.js
|
|
@ -2,70 +2,115 @@ import Layout from "../layout/layout";
|
|||
import { motion } from "framer-motion";
|
||||
|
||||
export default function About() {
|
||||
return (
|
||||
<Layout title="About 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 }}>
|
||||
<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.
|
||||
</p>
|
||||
<div className="space-y-2">
|
||||
<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" />
|
||||
</div>
|
||||
<p>
|
||||
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="UIkit" src="https://img.shields.io/badge/-UIkit-18181b?style=for-the-badge&logo=uikit&logoColor=F43F5E" />
|
||||
return (
|
||||
<Layout title="About 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 }}
|
||||
>
|
||||
<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.
|
||||
</p>
|
||||
<div className="space-y-2">
|
||||
<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"
|
||||
/>
|
||||
</div>
|
||||
<p>
|
||||
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="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="Alpine.js" src="https://img.shields.io/badge/-Alpine.js-18181b?style=for-the-badge&logo=alpine.js&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>
|
||||
<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" />
|
||||
</div>
|
||||
<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="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="Python" src="https://img.shields.io/badge/-Python-18181b?style=for-the-badge&logo=python&logoColor=F43F5E" /> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
<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"
|
||||
/>
|
||||
</div>
|
||||
<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="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="Python" src="https://img.shields.io/badge/-Python-18181b?style=for-the-badge&logo=python&logoColor=F43F5E" /> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
)
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,172 +2,274 @@ import Layout from "../layout/layout";
|
|||
import { motion } from "framer-motion";
|
||||
|
||||
export default function Certifications() {
|
||||
return (
|
||||
<Layout title="My 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 }}>
|
||||
<div className="text-center">
|
||||
<h1 className="md:text-6xl text-3xl font-bold">
|
||||
My <span className="text-rose-500">certifications</span>
|
||||
</h1>
|
||||
<p className="text-gray-200 text-lg font-medium px-4">
|
||||
Verified Certifications
|
||||
</p>
|
||||
</div>
|
||||
<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>
|
||||
<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.
|
||||
</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">
|
||||
<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">
|
||||
<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">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.
|
||||
</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">
|
||||
<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 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">
|
||||
<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 (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" />
|
||||
<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">
|
||||
<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>
|
||||
</div>
|
||||
</motion.div>
|
||||
return (
|
||||
<Layout title="My 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 }}
|
||||
>
|
||||
<div className="text-center">
|
||||
<h1 className="md:text-6xl text-3xl font-bold">
|
||||
My <span className="text-rose-500">certifications</span>
|
||||
</h1>
|
||||
<p className="text-gray-200 text-lg font-medium px-4">
|
||||
Verified Certifications
|
||||
</p>
|
||||
</div>
|
||||
<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>
|
||||
<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.
|
||||
</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"
|
||||
>
|
||||
<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"
|
||||
>
|
||||
<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">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.
|
||||
</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"
|
||||
>
|
||||
<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 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"
|
||||
>
|
||||
<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" />
|
||||
<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">
|
||||
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.
|
||||
</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"
|
||||
>
|
||||
<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"
|
||||
>
|
||||
<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>
|
||||
</Layout>
|
||||
)
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
188
pages/contact.js
188
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 (
|
||||
<Layout title="Contact 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 }}>
|
||||
<div className="text-center">
|
||||
<h1 className="md:text-6xl text-3xl font-bold">
|
||||
Contact <span className="text-rose-500">me</span>
|
||||
</h1>
|
||||
<p className="text-gray-200 text-lg font-medium px-4">
|
||||
Want to get in touch, or just want to have a chat?
|
||||
</p>
|
||||
</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">
|
||||
<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>
|
||||
</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">
|
||||
<svg
|
||||
fill="currentColor"
|
||||
className="mx-auto max-h-12"
|
||||
viewBox="0 0 24 24"
|
||||
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>
|
||||
</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">
|
||||
<svg
|
||||
fill="currentColor"
|
||||
className="mx-auto max-h-12"
|
||||
viewBox="0 0 24 24"
|
||||
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>
|
||||
</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}>
|
||||
<title>Linkedin</title>
|
||||
</Linkedin>
|
||||
<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">
|
||||
return (
|
||||
<Layout title="Contact 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 }}
|
||||
>
|
||||
<div className="text-center">
|
||||
<h1 className="md:text-6xl text-3xl font-bold">
|
||||
Contact <span className="text-rose-500">me</span>
|
||||
</h1>
|
||||
<p className="text-gray-200 text-lg font-medium px-4">
|
||||
Want to get in touch, or just want to have a chat?
|
||||
</p>
|
||||
</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"
|
||||
>
|
||||
<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>
|
||||
</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"
|
||||
>
|
||||
<svg
|
||||
fill="currentColor"
|
||||
className="mx-auto max-h-12"
|
||||
viewBox="0 0 24 24"
|
||||
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>
|
||||
</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"
|
||||
>
|
||||
<svg
|
||||
fill="currentColor"
|
||||
className="mx-auto max-h-12"
|
||||
viewBox="0 0 24 24"
|
||||
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>
|
||||
</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}
|
||||
>
|
||||
<title>Linkedin</title>
|
||||
</Linkedin>
|
||||
<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
|
||||
fill="currentColor"
|
||||
className="mx-auto max-h-12"
|
||||
|
|
@ -91,12 +133,12 @@ export default function Contact() {
|
|||
</svg>
|
||||
<p className="text-white text-xl overflow-ellipsis"></p>
|
||||
</a> */}
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
)
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
149
pages/donate.js
149
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 (
|
||||
<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 }}>
|
||||
<div className="text-center">
|
||||
<h1 className="md:text-6xl text-3xl font-bold">
|
||||
Support <span className="text-rose-500">me</span>
|
||||
</h1>
|
||||
<p className="text-gray-200 text-lg font-medium px-4">
|
||||
Want to support me?
|
||||
</p>
|
||||
</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">
|
||||
<svg
|
||||
fill="currentColor"
|
||||
className="mx-auto max-h-12"
|
||||
viewBox="0 0 24 24"
|
||||
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>
|
||||
</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">
|
||||
<svg
|
||||
fill="currentColor"
|
||||
className="mx-auto max-h-12"
|
||||
viewBox="0 0 24 24"
|
||||
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>
|
||||
</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">
|
||||
<svg
|
||||
fill="currentColor"
|
||||
className="mx-auto max-h-12"
|
||||
viewBox="0 0 24 24"
|
||||
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>
|
||||
</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">
|
||||
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 }}
|
||||
>
|
||||
<div className="text-center">
|
||||
<h1 className="md:text-6xl text-3xl font-bold">
|
||||
Support <span className="text-rose-500">me</span>
|
||||
</h1>
|
||||
<p className="text-gray-200 text-lg font-medium px-4">
|
||||
Want to support me?
|
||||
</p>
|
||||
</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"
|
||||
>
|
||||
<svg
|
||||
fill="currentColor"
|
||||
className="mx-auto max-h-12"
|
||||
viewBox="0 0 24 24"
|
||||
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>
|
||||
</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"
|
||||
>
|
||||
<svg
|
||||
fill="currentColor"
|
||||
className="mx-auto max-h-12"
|
||||
viewBox="0 0 24 24"
|
||||
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>
|
||||
</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"
|
||||
>
|
||||
<svg
|
||||
fill="currentColor"
|
||||
className="mx-auto max-h-12"
|
||||
viewBox="0 0 24 24"
|
||||
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>
|
||||
</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
|
||||
fill="currentColor"
|
||||
className="mx-auto max-h-12"
|
||||
|
|
@ -87,12 +114,12 @@ export default function Donate() {
|
|||
</svg>
|
||||
<p className="text-white text-xl overflow-ellipsis">Josh Severo</p>
|
||||
</a> */}
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
)
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,20 +4,24 @@ import { motion } from "framer-motion";
|
|||
export default function Home() {
|
||||
return (
|
||||
<Layout>
|
||||
<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 }}>
|
||||
<h1 className="md:text-6xl text-3xl font-bold">
|
||||
Hi there, I'm <span className="text-rose-500">Josh S.</span>
|
||||
</h1>
|
||||
<p className="text-gray-200 text-lg font-medium">
|
||||
Developer & Tech enthusiast
|
||||
</p>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
<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 }}
|
||||
>
|
||||
<h1 className="md:text-6xl text-3xl font-bold">
|
||||
Hi there, I'm <span className="text-rose-500">Josh S.</span>
|
||||
</h1>
|
||||
<p className="text-gray-200 text-lg font-medium">
|
||||
Developer & Tech enthusiast
|
||||
</p>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
)
|
||||
);
|
||||
}
|
||||
|
|
|
|||
178
pages/work.js
178
pages/work.js
|
|
@ -2,72 +2,118 @@ import Layout from "../layout/layout";
|
|||
import { motion } from "framer-motion";
|
||||
|
||||
export default function Work() {
|
||||
return (
|
||||
<Layout title="My 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 }}>
|
||||
<div className="text-center">
|
||||
<h1 className="md:text-6xl text-3xl font-bold">
|
||||
My <span className="text-rose-500">work</span>
|
||||
</h1>
|
||||
<p className="text-gray-200 text-lg font-medium px-4">
|
||||
Featured & recent projects
|
||||
</p>
|
||||
</div>
|
||||
<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">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.
|
||||
</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">
|
||||
<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"/>
|
||||
</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">
|
||||
<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">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!)
|
||||
</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">
|
||||
<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"/>
|
||||
</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">
|
||||
<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>
|
||||
</motion.div>
|
||||
return (
|
||||
<Layout title="My 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 }}
|
||||
>
|
||||
<div className="text-center">
|
||||
<h1 className="md:text-6xl text-3xl font-bold">
|
||||
My <span className="text-rose-500">work</span>
|
||||
</h1>
|
||||
<p className="text-gray-200 text-lg font-medium px-4">
|
||||
Featured & recent projects
|
||||
</p>
|
||||
</div>
|
||||
<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">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.
|
||||
</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"
|
||||
>
|
||||
<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" />
|
||||
</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"
|
||||
>
|
||||
<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">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!)
|
||||
</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"
|
||||
>
|
||||
<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" />
|
||||
</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"
|
||||
>
|
||||
<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>
|
||||
</Layout>
|
||||
)
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue