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";
|
import { motion } from "framer-motion";
|
||||||
|
|
||||||
export default function About() {
|
export default function About() {
|
||||||
return (
|
return (
|
||||||
<Layout title="About me">
|
<Layout title="About me">
|
||||||
<div className="flex flex-grow items-center">
|
<div className="flex flex-grow items-center">
|
||||||
<div className="w-full">
|
<div className="w-full">
|
||||||
<div className="container flex mx-auto justify-center">
|
<div className="container flex mx-auto justify-center">
|
||||||
<motion.div initial={{ opacity: 0 }} animate={{ opacity: [0, 1] }} transition={{ duration: 0.5 }}>
|
<motion.div
|
||||||
<h1 className="text-center md:text-6xl text-3xl font-bold">
|
initial={{ opacity: 0 }}
|
||||||
About <span className="text-rose-500">me</span>
|
animate={{ opacity: [0, 1] }}
|
||||||
</h1>
|
transition={{ duration: 0.5 }}
|
||||||
<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">
|
<h1 className="text-center md:text-6xl text-3xl font-bold">
|
||||||
<p>
|
About <span className="text-rose-500">me</span>
|
||||||
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.
|
</h1>
|
||||||
</p>
|
<div className="container lg:w-3/5 w-11/12 mx-auto mt-4">
|
||||||
<div className="space-y-2">
|
<div className="text-left md:text-justify space-y-6 text-lg font-medium text-gray-200">
|
||||||
<p>
|
<p>
|
||||||
I can use the following languages somewhat fluently:
|
Hey, I'm Josh - a developer from the United States I mainly
|
||||||
</p>
|
use React.js, TailwindCSS and TypeScript for my projects,
|
||||||
<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">
|
but I have used different tools and frameworks in the past.
|
||||||
{/* <img alt="SQL" src="https://img.shields.io/badge/-SQL-18181b?style=for-the-badge&logo=postgresql&logoColor=F43F5E" /> */}
|
My coding knowledge is mostly based on many years of
|
||||||
<img alt="Javascript" src="https://img.shields.io/badge/-Javascript-18181b?style=for-the-badge&logo=javascript&logoColor=F43F5E" />
|
experimenting and trial and error.
|
||||||
<img alt="Typescript" src="https://img.shields.io/badge/-Typescript-18181b?style=for-the-badge&logo=typescript&logoColor=F43F5E" />
|
</p>
|
||||||
<img alt="HTML5" src="https://img.shields.io/badge/-HTML5-18181b?style=for-the-badge&logo=html5&logoColor=F43F5E" />
|
<div className="space-y-2">
|
||||||
<img alt="CSS3" src="https://img.shields.io/badge/-CSS3-18181b?style=for-the-badge&logo=css3&logoColor=F43F5E" />
|
<p>I can use the following languages somewhat fluently:</p>
|
||||||
</div>
|
<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">
|
||||||
<p>
|
{/* <img alt="SQL" src="https://img.shields.io/badge/-SQL-18181b?style=for-the-badge&logo=postgresql&logoColor=F43F5E" /> */}
|
||||||
I can use the following frameworks and libraries somewhat fluently:
|
<img
|
||||||
</p>
|
alt="Javascript"
|
||||||
<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">
|
src="https://img.shields.io/badge/-Javascript-18181b?style=for-the-badge&logo=javascript&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
|
||||||
{/* <img alt="UIkit" src="https://img.shields.io/badge/-UIkit-18181b?style=for-the-badge&logo=uikit&logoColor=F43F5E" />
|
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="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="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
|
||||||
{/* <img alt="Alpine.js" src="https://img.shields.io/badge/-Alpine.js-18181b?style=for-the-badge&logo=alpine.js&logoColor=F43F5E" />
|
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" /> */}
|
<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>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
</Layout>
|
</motion.div>
|
||||||
)
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -2,172 +2,274 @@ import Layout from "../layout/layout";
|
||||||
import { motion } from "framer-motion";
|
import { motion } from "framer-motion";
|
||||||
|
|
||||||
export default function Certifications() {
|
export default function Certifications() {
|
||||||
return (
|
return (
|
||||||
<Layout title="My Certifications">
|
<Layout title="My Certifications">
|
||||||
<div className="flex flex-grow items-center">
|
<div className="flex flex-grow items-center">
|
||||||
<div className="w-full">
|
<div className="w-full">
|
||||||
<div className="container flex mx-auto justify-center">
|
<div className="container flex mx-auto justify-center">
|
||||||
<motion.div initial={{ opacity: 0 }} animate={{ opacity: [0, 1] }} transition={{ duration: 0.5 }}>
|
<motion.div
|
||||||
<div className="text-center">
|
initial={{ opacity: 0 }}
|
||||||
<h1 className="md:text-6xl text-3xl font-bold">
|
animate={{ opacity: [0, 1] }}
|
||||||
My <span className="text-rose-500">certifications</span>
|
transition={{ duration: 0.5 }}
|
||||||
</h1>
|
>
|
||||||
<p className="text-gray-200 text-lg font-medium px-4">
|
<div className="text-center">
|
||||||
Verified Certifications
|
<h1 className="md:text-6xl text-3xl font-bold">
|
||||||
</p>
|
My <span className="text-rose-500">certifications</span>
|
||||||
</div>
|
</h1>
|
||||||
<div className="relative w-11/12 mx-auto overflow-auto">
|
<p className="text-gray-200 text-lg font-medium px-4">
|
||||||
<div className="w-full grid gap-20 grid-cols-1 md:grid-cols-2 md:p-16 p-4">
|
Verified Certifications
|
||||||
<div className="flex-grow space-y-2">
|
</p>
|
||||||
<h1 className="text-3xl font-bold">TestOut IT Fundamentals Pro</h1>
|
</div>
|
||||||
<p className="text-gray-400 py- text-justify">
|
<div className="relative w-11/12 mx-auto overflow-auto">
|
||||||
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.
|
<div className="w-full grid gap-20 grid-cols-1 md:grid-cols-2 md:p-16 p-4">
|
||||||
</p>
|
<div className="flex-grow space-y-2">
|
||||||
<div className="flex space-x-2">
|
<h1 className="text-3xl font-bold">
|
||||||
<a className="rounded-full" href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/TestOut_IT_Fundamentals_Pro.pdf" target="_blank">
|
TestOut IT Fundamentals Pro
|
||||||
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
</h1>
|
||||||
<title>Link</title>
|
<p className="text-gray-400 py- text-justify">
|
||||||
<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" />
|
This exam tests your foundational knowledge and ability to
|
||||||
<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" />
|
perform real-world tasks using operating systems, common
|
||||||
<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" />
|
PC hardware and software, basic networking, databases,
|
||||||
</svg>
|
programming, security, and information systems. The exam
|
||||||
</a>
|
covers content that is taught in the TestOut IT
|
||||||
<a className="rounded-full" href="https://certification.testout.com/verifycert/6-1C6-VFTBGW" target="_blank">
|
Fundamentals Pro course. Students should have completed
|
||||||
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
this course (or its equivalent) before attempting this
|
||||||
<title>Link</title>
|
exam.
|
||||||
<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" />
|
</p>
|
||||||
<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" />
|
<div className="flex space-x-2">
|
||||||
<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" />
|
<a
|
||||||
</svg>
|
className="rounded-full"
|
||||||
</a>
|
href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/TestOut_IT_Fundamentals_Pro.pdf"
|
||||||
</div>
|
target="_blank"
|
||||||
</div>
|
>
|
||||||
<div className="flex-grow space-y-2">
|
<svg
|
||||||
<h1 className="text-3xl font-bold">PFEW Awards</h1>
|
className="h-8 w-8"
|
||||||
<p className="text-gray-400 py- text-justify">
|
fill="#fff"
|
||||||
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.
|
viewBox="0 0 24 24"
|
||||||
</p>
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
<div className="flex space-x-2">
|
>
|
||||||
<a className="rounded-full" href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/PFEW-Participation.pdf" target="_blank">
|
<title>Link</title>
|
||||||
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
<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" />
|
||||||
<title>Link</title>
|
<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.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="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" />
|
||||||
<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" />
|
</svg>
|
||||||
<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" />
|
</a>
|
||||||
</svg>
|
<a
|
||||||
</a>
|
className="rounded-full"
|
||||||
<a className="rounded-full" href="https://cdn.joshsevero.dev/Static/Portfolio/Certifications/PFEW-RoE.pdf" target="_blank">
|
href="https://certification.testout.com/verifycert/6-1C6-VFTBGW"
|
||||||
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
target="_blank"
|
||||||
<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" />
|
<svg
|
||||||
<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" />
|
className="h-8 w-8"
|
||||||
<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" />
|
fill="#fff"
|
||||||
</svg>
|
viewBox="0 0 24 24"
|
||||||
</a>
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
</div>
|
>
|
||||||
</div>
|
<title>Link</title>
|
||||||
<div className="flex-grow space-y-2">
|
<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" />
|
||||||
<h1 className="text-3xl font-bold">Microsoft Office Specialist (Associate)</h1>
|
<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" />
|
||||||
<p className="text-gray-400 py- text-justify">
|
<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" />
|
||||||
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.
|
</svg>
|
||||||
</p>
|
</a>
|
||||||
<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>
|
|
||||||
</div>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
</Layout>
|
</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 Layout from "../layout/layout";
|
||||||
import {motion} from "framer-motion";
|
import { motion } from "framer-motion";
|
||||||
import { siGithub, siDiscord, siTwitter, siInstagram } from 'simple-icons/icons';
|
import {
|
||||||
import { Linkedin, Mail } from 'lucide-react';
|
siGithub,
|
||||||
|
siDiscord,
|
||||||
|
siTwitter,
|
||||||
|
siInstagram,
|
||||||
|
} from "simple-icons/icons";
|
||||||
|
import { Linkedin, Mail } from "lucide-react";
|
||||||
|
|
||||||
export default function Contact() {
|
export default function Contact() {
|
||||||
const initialDiscordText = 'DIVISIONSolar';
|
const initialDiscordText = "DIVISIONSolar";
|
||||||
const [discordText, setDiscordText] = useState(initialDiscordText);
|
const [discordText, setDiscordText] = useState(initialDiscordText);
|
||||||
|
|
||||||
function handleDiscordClick() {
|
function handleDiscordClick() {
|
||||||
navigator.clipboard.writeText("DIVISIONSolar").then(r => {
|
navigator.clipboard.writeText("DIVISIONSolar").then((r) => {
|
||||||
setDiscordText('Copied to clipboard!');
|
setDiscordText("Copied to clipboard!");
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
setDiscordText(initialDiscordText);
|
setDiscordText(initialDiscordText);
|
||||||
}, 1000);
|
}, 1000);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Layout title="Contact me">
|
<Layout title="Contact me">
|
||||||
<div className="flex flex-grow items-center">
|
<div className="flex flex-grow items-center">
|
||||||
<div className="w-full">
|
<div className="w-full">
|
||||||
<div className="container flex mx-auto justify-center">
|
<div className="container flex mx-auto justify-center">
|
||||||
<motion.div initial={{ opacity: 0 }} animate={{ opacity: [0, 1] }} transition={{ duration: 0.5 }}>
|
<motion.div
|
||||||
<div className="text-center">
|
initial={{ opacity: 0 }}
|
||||||
<h1 className="md:text-6xl text-3xl font-bold">
|
animate={{ opacity: [0, 1] }}
|
||||||
Contact <span className="text-rose-500">me</span>
|
transition={{ duration: 0.5 }}
|
||||||
</h1>
|
>
|
||||||
<p className="text-gray-200 text-lg font-medium px-4">
|
<div className="text-center">
|
||||||
Want to get in touch, or just want to have a chat?
|
<h1 className="md:text-6xl text-3xl font-bold">
|
||||||
</p>
|
Contact <span className="text-rose-500">me</span>
|
||||||
</div>
|
</h1>
|
||||||
<div className="mx-auto overflow-auto mt-4">
|
<p className="text-gray-200 text-lg font-medium px-4">
|
||||||
<div className="grid gap-8 px-4 md:px-0 grid-cols-1 md:grid-cols-2 xl:grid-cols-3">
|
Want to get in touch, or just want to have a chat?
|
||||||
<a href="mailto:me@joshsevero.dev" className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5">
|
</p>
|
||||||
<Mail className="mx-auto max-h-12" size={48}>
|
</div>
|
||||||
<title>Email</title>
|
<div className="mx-auto overflow-auto mt-4">
|
||||||
</Mail>
|
<div className="grid gap-8 px-4 md:px-0 grid-cols-1 md:grid-cols-2 xl:grid-cols-3">
|
||||||
<p className="text-white text-xl overflow-ellipsis">me@joshsevero.dev</p>
|
<a
|
||||||
</a>
|
href="mailto:me@joshsevero.dev"
|
||||||
<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">
|
className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5"
|
||||||
<svg
|
>
|
||||||
fill="currentColor"
|
<Mail className="mx-auto max-h-12" size={48}>
|
||||||
className="mx-auto max-h-12"
|
<title>Email</title>
|
||||||
viewBox="0 0 24 24"
|
</Mail>
|
||||||
xmlns="http://www.w3.org/2000/svg">
|
<p className="text-white text-xl overflow-ellipsis">
|
||||||
<title>{siGithub.title}</title>
|
me@joshsevero.dev
|
||||||
<path d={siGithub.path} />
|
</p>
|
||||||
</svg>
|
</a>
|
||||||
<p className="text-white text-xl overflow-ellipsis">JoshS</p>
|
<a
|
||||||
</a>
|
href="https://git.joshseveros.cloud/JoshS"
|
||||||
<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">
|
className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5"
|
||||||
<svg
|
target="_blank"
|
||||||
fill="currentColor"
|
rel="noopener noreferrer"
|
||||||
className="mx-auto max-h-12"
|
>
|
||||||
viewBox="0 0 24 24"
|
<svg
|
||||||
xmlns="http://www.w3.org/2000/svg">
|
fill="currentColor"
|
||||||
<title>{siDiscord.title}</title>
|
className="mx-auto max-h-12"
|
||||||
<path d={siDiscord.path} />
|
viewBox="0 0 24 24"
|
||||||
</svg>
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
<span className='tooltip bg-gray-800 text-white rounded shadow-lg'>{discordText}</span>
|
>
|
||||||
<p className="text-white text-xl overflow-ellipsis">DIVISIONSolar</p>
|
<title>{siGithub.title}</title>
|
||||||
</button>
|
<path d={siGithub.path} />
|
||||||
<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">
|
</svg>
|
||||||
<Linkedin fill="currentColor" strokeWidth="0" className="mx-auto max-h-12" size={48}>
|
<p className="text-white text-xl overflow-ellipsis">
|
||||||
<title>Linkedin</title>
|
JoshS
|
||||||
</Linkedin>
|
</p>
|
||||||
<p className="text-white text-xl overflow-ellipsis">Josh Severo</p>
|
</a>
|
||||||
</a>
|
<button
|
||||||
{/* <a href="" className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5" target="_blank" rel="noopener noreferrer">
|
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
|
<svg
|
||||||
fill="currentColor"
|
fill="currentColor"
|
||||||
className="mx-auto max-h-12"
|
className="mx-auto max-h-12"
|
||||||
|
|
@ -91,12 +133,12 @@ export default function Contact() {
|
||||||
</svg>
|
</svg>
|
||||||
<p className="text-white text-xl overflow-ellipsis"></p>
|
<p className="text-white text-xl overflow-ellipsis"></p>
|
||||||
</a> */}
|
</a> */}
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</motion.div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Layout>
|
</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 Layout from "../layout/layout";
|
||||||
import {motion} from "framer-motion";
|
import { motion } from "framer-motion";
|
||||||
import { siBuymeacoffee, siPaypal, siCashapp } from 'simple-icons/icons';
|
import { siBuymeacoffee, siPaypal, siCashapp } from "simple-icons/icons";
|
||||||
|
|
||||||
export default function Donate() {
|
export default function Donate() {
|
||||||
|
return (
|
||||||
return (
|
<Layout title="Support me">
|
||||||
<Layout title="Support me">
|
<div className="flex flex-grow items-center">
|
||||||
<div className="flex flex-grow items-center">
|
<div className="w-full">
|
||||||
<div className="w-full">
|
<div className="container flex mx-auto justify-center">
|
||||||
<div className="container flex mx-auto justify-center">
|
<motion.div
|
||||||
<motion.div initial={{ opacity: 0 }} animate={{ opacity: [0, 1] }} transition={{ duration: 0.5 }}>
|
initial={{ opacity: 0 }}
|
||||||
<div className="text-center">
|
animate={{ opacity: [0, 1] }}
|
||||||
<h1 className="md:text-6xl text-3xl font-bold">
|
transition={{ duration: 0.5 }}
|
||||||
Support <span className="text-rose-500">me</span>
|
>
|
||||||
</h1>
|
<div className="text-center">
|
||||||
<p className="text-gray-200 text-lg font-medium px-4">
|
<h1 className="md:text-6xl text-3xl font-bold">
|
||||||
Want to support me?
|
Support <span className="text-rose-500">me</span>
|
||||||
</p>
|
</h1>
|
||||||
</div>
|
<p className="text-gray-200 text-lg font-medium px-4">
|
||||||
<div className="mx-auto overflow-auto mt-4">
|
Want to support me?
|
||||||
<div className="grid gap-8 px-4 md:px-0 grid-cols-1 md:grid-cols-2 xl:grid-cols-3">
|
</p>
|
||||||
<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">
|
</div>
|
||||||
<svg
|
<div className="mx-auto overflow-auto mt-4">
|
||||||
fill="currentColor"
|
<div className="grid gap-8 px-4 md:px-0 grid-cols-1 md:grid-cols-2 xl:grid-cols-3">
|
||||||
className="mx-auto max-h-12"
|
<a
|
||||||
viewBox="0 0 24 24"
|
href="https://www.buymeacoffee.com/joshsevero"
|
||||||
xmlns="http://www.w3.org/2000/svg">
|
className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5"
|
||||||
<title>{siBuymeacoffee.title}</title>
|
target="_blank"
|
||||||
<path d={siBuymeacoffee.path} />
|
rel="noopener noreferrer"
|
||||||
</svg>
|
>
|
||||||
<p className="text-white text-xl overflow-ellipsis">Josh Severo</p>
|
<svg
|
||||||
</a>
|
fill="currentColor"
|
||||||
<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">
|
className="mx-auto max-h-12"
|
||||||
<svg
|
viewBox="0 0 24 24"
|
||||||
fill="currentColor"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
className="mx-auto max-h-12"
|
>
|
||||||
viewBox="0 0 24 24"
|
<title>{siBuymeacoffee.title}</title>
|
||||||
xmlns="http://www.w3.org/2000/svg">
|
<path d={siBuymeacoffee.path} />
|
||||||
<title>{siPaypal.title}</title>
|
</svg>
|
||||||
<path d={siPaypal.path} />
|
<p className="text-white text-xl overflow-ellipsis">
|
||||||
</svg>
|
Josh Severo
|
||||||
<p className="text-white text-xl overflow-ellipsis">Josh Severo</p>
|
</p>
|
||||||
</a>
|
</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
|
||||||
<svg
|
href="https://www.paypal.com/paypalme/JoshuaSevero"
|
||||||
fill="currentColor"
|
className="bg-gray-800 text-white p-4 text-center rounded space-y-0.5"
|
||||||
className="mx-auto max-h-12"
|
target="_blank"
|
||||||
viewBox="0 0 24 24"
|
rel="noopener noreferrer"
|
||||||
xmlns="http://www.w3.org/2000/svg">
|
>
|
||||||
<title>{siCashapp.title}</title>
|
<svg
|
||||||
<path d={siCashapp.path} />
|
fill="currentColor"
|
||||||
</svg>
|
className="mx-auto max-h-12"
|
||||||
<p className="text-white text-xl overflow-ellipsis">$divisionsol</p>
|
viewBox="0 0 24 24"
|
||||||
</a>
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
{/* <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">
|
>
|
||||||
|
<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
|
<svg
|
||||||
fill="currentColor"
|
fill="currentColor"
|
||||||
className="mx-auto max-h-12"
|
className="mx-auto max-h-12"
|
||||||
|
|
@ -87,12 +114,12 @@ export default function Donate() {
|
||||||
</svg>
|
</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> */}
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</motion.div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Layout>
|
</motion.div>
|
||||||
)
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,20 +4,24 @@ import { motion } from "framer-motion";
|
||||||
export default function Home() {
|
export default function Home() {
|
||||||
return (
|
return (
|
||||||
<Layout>
|
<Layout>
|
||||||
<div className="flex flex-grow items-center">
|
<div className="flex flex-grow items-center">
|
||||||
<div className="w-full">
|
<div className="w-full">
|
||||||
<div className="container flex mx-auto justify-center">
|
<div className="container flex mx-auto justify-center">
|
||||||
<motion.div initial={{ opacity: 0 }} animate={{ opacity: [0, 1] }} transition={{ duration: 0.5 }}>
|
<motion.div
|
||||||
<h1 className="md:text-6xl text-3xl font-bold">
|
initial={{ opacity: 0 }}
|
||||||
Hi there, I'm <span className="text-rose-500">Josh S.</span>
|
animate={{ opacity: [0, 1] }}
|
||||||
</h1>
|
transition={{ duration: 0.5 }}
|
||||||
<p className="text-gray-200 text-lg font-medium">
|
>
|
||||||
Developer & Tech enthusiast
|
<h1 className="md:text-6xl text-3xl font-bold">
|
||||||
</p>
|
Hi there, I'm <span className="text-rose-500">Josh S.</span>
|
||||||
</motion.div>
|
</h1>
|
||||||
</div>
|
<p className="text-gray-200 text-lg font-medium">
|
||||||
</div>
|
Developer & Tech enthusiast
|
||||||
|
</p>
|
||||||
|
</motion.div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</Layout>
|
</Layout>
|
||||||
)
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
178
pages/work.js
178
pages/work.js
|
|
@ -2,72 +2,118 @@ import Layout from "../layout/layout";
|
||||||
import { motion } from "framer-motion";
|
import { motion } from "framer-motion";
|
||||||
|
|
||||||
export default function Work() {
|
export default function Work() {
|
||||||
return (
|
return (
|
||||||
<Layout title="My work">
|
<Layout title="My work">
|
||||||
<div className="flex flex-grow items-center">
|
<div className="flex flex-grow items-center">
|
||||||
<div className="w-full">
|
<div className="w-full">
|
||||||
<div className="container flex mx-auto justify-center">
|
<div className="container flex mx-auto justify-center">
|
||||||
<motion.div initial={{ opacity: 0 }} animate={{ opacity: [0, 1] }} transition={{ duration: 0.5 }}>
|
<motion.div
|
||||||
<div className="text-center">
|
initial={{ opacity: 0 }}
|
||||||
<h1 className="md:text-6xl text-3xl font-bold">
|
animate={{ opacity: [0, 1] }}
|
||||||
My <span className="text-rose-500">work</span>
|
transition={{ duration: 0.5 }}
|
||||||
</h1>
|
>
|
||||||
<p className="text-gray-200 text-lg font-medium px-4">
|
<div className="text-center">
|
||||||
Featured & recent projects
|
<h1 className="md:text-6xl text-3xl font-bold">
|
||||||
</p>
|
My <span className="text-rose-500">work</span>
|
||||||
</div>
|
</h1>
|
||||||
<div className="relative w-11/12 mx-auto overflow-auto">
|
<p className="text-gray-200 text-lg font-medium px-4">
|
||||||
<div className="w-full grid gap-20 grid-cols-1 md:grid-cols-2 md:p-16 p-4">
|
Featured & recent projects
|
||||||
<div className="flex-grow space-y-2">
|
</p>
|
||||||
<h1 className="text-3xl font-bold">Revela Network</h1>
|
</div>
|
||||||
<p className="text-gray-400 py- text-justify">
|
<div className="relative w-11/12 mx-auto overflow-auto">
|
||||||
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.
|
<div className="w-full grid gap-20 grid-cols-1 md:grid-cols-2 md:p-16 p-4">
|
||||||
</p>
|
<div className="flex-grow space-y-2">
|
||||||
<div className="flex space-x-2">
|
<h1 className="text-3xl font-bold">Revela Network</h1>
|
||||||
<a className="rounded-full" href="https://git.joshseveros.cloud/RevelaNetwork" target="_blank">
|
<p className="text-gray-400 py- text-justify">
|
||||||
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
A highly sophisticated proxy used for evading internet
|
||||||
<title>GitHub</title>
|
censorship or accessing websites in a controlled sandbox
|
||||||
<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"/>
|
using the power of service-workers. Works by intercepting
|
||||||
</svg>
|
HTTP requests with a service worker script that follows
|
||||||
</a>
|
the TompHTTP specifications.
|
||||||
<a className="rounded-full" href="https://revela.network" target="_blank">
|
</p>
|
||||||
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
<div className="flex space-x-2">
|
||||||
<title>Link</title>
|
<a
|
||||||
<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" />
|
className="rounded-full"
|
||||||
<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" />
|
href="https://git.joshseveros.cloud/RevelaNetwork"
|
||||||
<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" />
|
target="_blank"
|
||||||
</svg>
|
>
|
||||||
</a>
|
<svg
|
||||||
</div>
|
className="h-8 w-8"
|
||||||
</div>
|
fill="#fff"
|
||||||
<div className="flex-grow space-y-2">
|
viewBox="0 0 24 24"
|
||||||
<h1 className="text-3xl font-bold">Project Equinox</h1>
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
<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!)
|
<title>GitHub</title>
|
||||||
</p>
|
<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" />
|
||||||
<div className="flex space-x-2">
|
</svg>
|
||||||
<a className="rounded-full" href="https://git.joshseveros.cloud/JoshS/Project-Equinox" target="_blank">
|
</a>
|
||||||
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
<a
|
||||||
<title>GitHub</title>
|
className="rounded-full"
|
||||||
<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"/>
|
href="https://revela.network"
|
||||||
</svg>
|
target="_blank"
|
||||||
</a>
|
>
|
||||||
<a className="rounded-full" href="https://equinox.joshsevero.dev" target="_blank">
|
<svg
|
||||||
<svg className="h-8 w-8" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
className="h-8 w-8"
|
||||||
<title>Link</title>
|
fill="#fff"
|
||||||
<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" />
|
viewBox="0 0 24 24"
|
||||||
<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" />
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
<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>
|
<title>Link</title>
|
||||||
</a>
|
<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" />
|
||||||
</div>
|
<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" />
|
||||||
</div>
|
<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" />
|
||||||
</div>
|
</svg>
|
||||||
</div>
|
</a>
|
||||||
</motion.div>
|
|
||||||
</div>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
</Layout>
|
</motion.div>
|
||||||
)
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue