WIP - Career Pages
This commit is contained in:
@@ -21,6 +21,8 @@
|
||||
"react": "^18",
|
||||
"react-chrono": "^2.6.1",
|
||||
"react-dom": "^18",
|
||||
"react-file-viewer": "^1.2.1",
|
||||
"react-iframe": "^1.8.5",
|
||||
"react-youtube": "^10.1.0"
|
||||
},
|
||||
"homepage": "https://nicholaspease.com",
|
||||
|
||||
Generated
+6812
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
@@ -0,0 +1,10 @@
|
||||
"use client"
|
||||
import Iframe from 'react-iframe'
|
||||
|
||||
export default function Resume() {
|
||||
return (
|
||||
<div className='p-5 h-[100%]'>
|
||||
<Iframe url="/career/Resume.pdf" styles={{height: "11in",width: "100%"}}/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
export default async function Page() {
|
||||
var languagesData = await fetch("https://wakatime.com/share/@LAX18/1d8ca4cf-2eec-49dc-b5a3-98900456e06e.json")
|
||||
var languages = await languagesData.json()
|
||||
languages = languages.data
|
||||
return (
|
||||
<div className="p-5">
|
||||
<h1 className="text-[26px]">Skills</h1>
|
||||
<section className="mt-5">
|
||||
<h2 className="font-bold text-[26px]">Programming Languages</h2>
|
||||
<subsection>
|
||||
My top languages are <span className="font-bold">{languages[0].name} ({languages[0].percent}%)</span>, <span className="font-bold">{languages[1].name} ({languages[1].percent}%)</span>, and <span className="font-bold">{languages[2].name} ({languages[2].percent}%)</span>. For a more comprehensive list of all programming languages I have experience with, please see below.
|
||||
<figure className="md:w-[45vw]"><embed src="https://wakatime.com/share/@LAX18/171a76f8-babe-4433-ac6f-1fe5438a50bb.svg"></embed></figure><br/>
|
||||
This is a somewhat incomplete number as this particular tracker <a className="underline" href="https://wakatime.com/@LAX18">WakaTime</a> has only been active and tracking my coding activity since February 16th, 2024. Some previous languages I have more experience with include <a href="https://tutorials.eeems.ca/ASMin28Days/lesson/toc.html" className="underline" target="_blank">z80 Assembly for TI calculators</a> and <a href="/career/tibasic.pdf" className="underline" target="_blank">TI-BASIC</a>.
|
||||
</subsection>
|
||||
<h2 className="font-bold text-[26px] mt-5">Frameworks</h2>
|
||||
<subsection>
|
||||
I have the most experience in <a href="https://react.dev/" className="underline" target="_blank">React</a> and <a href="https://nextjs.org/" className="underline" target="_blank">NextJs</a> for Javascript Projects (Specifically my <a href="/projects/ChatMaps"className="underline" target="_blank">ChatMaps</a> and <a href="/projects/Personal%20Portfolio"className="underline" target="_blank">Portfolio</a> projects). I have brief experience (but not projects in) <a className="underline" target="_blank" href="https://ionicframework.com/">Ionic</a> and <a href="https://reactnative.dev/" target="_blank" className="underline">React Native</a>.
|
||||
For frameworkless projects, I have experience building web interfaces from the ground up without any framework to rely on in my <a href="/projects/custom/aa1" target="_blank" className="underline">Aviation Assistant V1</a> and <a href="/projects/custom/aa2" target="_blank" className="underline">Aviation Assistant V2</a> projects.
|
||||
</subsection>
|
||||
</section>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
export default function Page() {
|
||||
return (
|
||||
<div>
|
||||
<span className="flex justify-center w-[100%] text-[32px] font-bold">Work Experience</span>
|
||||
<main className="grid grid-cols-2">
|
||||
<section className="grid grid-rows-2 p-5 mt-10">
|
||||
<div className="pl-5 w-[100%]">
|
||||
<img src="https://www.hardwarestore.com/media/magestore/storepickup/images/store/gallery/s/t/Store_124_Newport_ME_112016.jpg" className="w-[50%] relative left-[25%]"/><br/>
|
||||
</div>
|
||||
<div className="text-center text-[30px] font-bold">
|
||||
Aubuchon Hardware (Newport Maine)
|
||||
<div className="text-center text-[18px] font-normal bg-slate-900 m-5 rounded-lg p-2">
|
||||
At Aubuchon Hardware in Newport Maine I gained many valuable skills
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="grid grid-rows-2 p-5 mt-10">
|
||||
<div className="pl-5 w-[100%]">
|
||||
<img src="/images/bangorAASF.jpg" className="w-[50%] relative left-[25%]"/><br/>
|
||||
</div>
|
||||
<div className="text-center text-[30px] font-bold">
|
||||
Maine Army National Guard (Bangor Maine)<br/>
|
||||
126th MEDEVAC
|
||||
<div className="text-center text-[18px] font-normal bg-slate-900 m-5 rounded-lg p-2">
|
||||
Test
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -30,7 +30,7 @@ export function Navigation() {
|
||||
<div className="mt-5 bg-slate-900 rounded-lg w-full self-center ml-5 mr-5">
|
||||
<a href="/" className="pl-5 hover:bg-slate-600 p-2 break-inside-avoid hover:rounded-l-lg">Home</a>
|
||||
<a href="/projects" className="hover:bg-slate-600 p-2 break-inside-avoid">Projects</a>
|
||||
{/*<CareerNav/>*/}
|
||||
<CareerNav/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
@@ -43,15 +43,15 @@ function CareerNav() {
|
||||
<MenuButton className="pl-2 pr-2 hover:bg-slate-600">Career</MenuButton>
|
||||
<MenuItems anchor="bottom start" className="bg-slate-900 text-center mt-3 rounded-lg">
|
||||
<MenuItem className="p-2">
|
||||
<a className="block data-[focus]:bg-slate-600 hover:rounded-t-lg" href="/settings">
|
||||
<a className="block data-[focus]:bg-slate-600 hover:rounded-t-lg" href="/career/resume">
|
||||
Resume
|
||||
</a>
|
||||
</MenuItem>
|
||||
<MenuItem className="p-2">
|
||||
{/*<MenuItem className="p-2">
|
||||
<a className="block data-[focus]:bg-slate-600" href="/career/work">
|
||||
Work Experience
|
||||
</a>
|
||||
</MenuItem>
|
||||
</MenuItem>*/}
|
||||
<MenuItem className="p-2">
|
||||
<a className="block data-[focus]:bg-slate-600" href="/career/skills">
|
||||
Skills
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
import Projects from "./projects.json"
|
||||
import moment from "moment"
|
||||
import LinkedInIcon from '@mui/icons-material/LinkedIn';
|
||||
import GitHubIcon from '@mui/icons-material/GitHub';
|
||||
import Link from "next/link"
|
||||
|
||||
function AboutMe() {
|
||||
@@ -11,8 +12,9 @@ function AboutMe() {
|
||||
<div className="self-center">
|
||||
<img className="w-56 h-56 rounded-full" src="/images/me.jpg"></img>
|
||||
<div className="pt-5 text-[45px]">About Me</div>
|
||||
<div className="w-[100%] flex justify-center">
|
||||
<div className="w-[100%] flex justify-center gap-x-2">
|
||||
<Link href="https://www.linkedin.com/in/nicholaspease207/" target="_blank"><LinkedInIcon fontSize="large" sx={{cursor: "pointer"}}/></Link>
|
||||
<Link href="https://github.com/LAX18" target="_blank"><GitHubIcon fontSize="large" sx={{cursor: "pointer"}}/></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -27,7 +29,7 @@ function AboutMe() {
|
||||
to date to the best of my ability. <br/>
|
||||
</div>
|
||||
<span className="text-[green]">about@npease</span>:<span className="text-[blue]">~</span>$ timedatectl --lastupdated<br/>
|
||||
This website was last updated on {moment().format("dddd, MMM Do YYYY")}.<br/>
|
||||
This website was last updated on {moment().format("dddd, MMMM Do YYYY")}.<br/>
|
||||
<span className="text-[green]">about@npease</span>:<span className="text-[blue]">~</span>$ <span className="animate-blink"> </span>
|
||||
</pre>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user