Front Page Complete, Projects Page Being Worked On
This commit is contained in:
Generated
+102
@@ -0,0 +1,102 @@
|
||||
{
|
||||
"name": "portfolio",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"dependencies": {
|
||||
"react-router-dom": "^6.22.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@remix-run/router": {
|
||||
"version": "1.15.0",
|
||||
"resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.15.0.tgz",
|
||||
"integrity": "sha512-HOil5aFtme37dVQTB6M34G95kPM3MMuqSmIRVCC52eKV+Y/tGSqw9P3rWhlAx6A+mz+MoX+XxsGsNJbaI5qCgQ==",
|
||||
"engines": {
|
||||
"node": ">=14.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/js-tokens": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
|
||||
"integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
|
||||
"peer": true
|
||||
},
|
||||
"node_modules/loose-envify": {
|
||||
"version": "1.4.0",
|
||||
"resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
|
||||
"integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"js-tokens": "^3.0.0 || ^4.0.0"
|
||||
},
|
||||
"bin": {
|
||||
"loose-envify": "cli.js"
|
||||
}
|
||||
},
|
||||
"node_modules/react": {
|
||||
"version": "18.2.0",
|
||||
"resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
|
||||
"integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"loose-envify": "^1.1.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/react-dom": {
|
||||
"version": "18.2.0",
|
||||
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
|
||||
"integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"loose-envify": "^1.1.0",
|
||||
"scheduler": "^0.23.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": "^18.2.0"
|
||||
}
|
||||
},
|
||||
"node_modules/react-router": {
|
||||
"version": "6.22.0",
|
||||
"resolved": "https://registry.npmjs.org/react-router/-/react-router-6.22.0.tgz",
|
||||
"integrity": "sha512-q2yemJeg6gw/YixRlRnVx6IRJWZD6fonnfZhN1JIOhV2iJCPeRNSH3V1ISwHf+JWcESzLC3BOLD1T07tmO5dmg==",
|
||||
"dependencies": {
|
||||
"@remix-run/router": "1.15.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=16.8"
|
||||
}
|
||||
},
|
||||
"node_modules/react-router-dom": {
|
||||
"version": "6.22.0",
|
||||
"resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.22.0.tgz",
|
||||
"integrity": "sha512-z2w+M4tH5wlcLmH3BMMOMdrtrJ9T3oJJNsAlBJbwk+8Syxd5WFJ7J5dxMEW0/GEXD1BBis4uXRrNIz3mORr0ag==",
|
||||
"dependencies": {
|
||||
"@remix-run/router": "1.15.0",
|
||||
"react-router": "6.22.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=16.8",
|
||||
"react-dom": ">=16.8"
|
||||
}
|
||||
},
|
||||
"node_modules/scheduler": {
|
||||
"version": "0.23.0",
|
||||
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
|
||||
"integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"loose-envify": "^1.1.0"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
{
|
||||
"dependencies": {
|
||||
"react-router-dom": "^6.22.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
export function Header() {
|
||||
return (
|
||||
<header class="pt-5 w-1/1 flex justify-center">
|
||||
<div class="shadow-lg w-[98%] bg-slate-900 flex rounded-lg h-64 max-lg:ml-5 max-lg:mr-5">
|
||||
<div class="self-end pb-5">
|
||||
<div class="pl-5 self-end text-[50px]">Nicholas Pease</div>
|
||||
<div class="pl-5 self-end text-[15px]">My portfolio and project place.</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
}
|
||||
|
||||
export function Footer() {
|
||||
return (
|
||||
<div class="flex justify-center w-full mb-5">
|
||||
<div class="mt-5 bg-slate-900 rounded-lg w-full h-[85px] self-center text-center p-5 ml-5 mr-5">
|
||||
© 2024 Nicholas Pease. <br/>Last Updated on 14 FEB 2024.
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,100 +0,0 @@
|
||||
|
||||
function Header() {
|
||||
return (
|
||||
<header class="pt-5 w-1/1 flex justify-center">
|
||||
<div class="shadow-lg w-[98%] bg-slate-900 flex rounded-lg h-64 max-lg:ml-5 max-lg:mr-5">
|
||||
<div class="self-end pb-5">
|
||||
<div class="pl-5 self-end text-[50px]">Nicholas Pease</div>
|
||||
<div class="pl-5 self-end text-[15px]">My portfolio and project place.</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
}
|
||||
|
||||
function Nav() {
|
||||
return (
|
||||
<div></div>
|
||||
);
|
||||
}
|
||||
|
||||
function AboutMe() {
|
||||
return (
|
||||
<div class="pl-[1%] w-[98%]">
|
||||
<div class="sm:flex sm:justify-center md:grid md:grid-cols-3 pt-5 auto-cols-max">
|
||||
<div class="md:mr-10 bg-slate-900 rounded-lg h-[420px] col-span-1 flex justify-center max-lg:ml-5 max-lg:mr-5">
|
||||
<div class="self-center">
|
||||
<img class="w-56 h-56 rounded-full" src="me.jpg"></img>
|
||||
<div class="pt-5 text-[45px]">About Me</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-5 col-span-2 max-lg:ml-5 max-lg:mr-5">
|
||||
Notice: This website is still under construction<br/><br/>
|
||||
Hello! My name is Nicholas Pease and I am currently a junior at the University of Maine pursuring a bachelors degree in
|
||||
Computer Science with a minor in Military Science. This website is a collection of both project / homework completed as
|
||||
required by my studies and as a showcase of some of the personal projects I have worked on. I will work to keep this up
|
||||
to date to the best of my ability. <br/><br/>This website was last updated on 2/14/2024.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function ProjectsHome() {
|
||||
return (
|
||||
<div class="mb-10">
|
||||
<div class="pt-5 pb-5 flex justify-center text-[45px]">Notable Projects</div>
|
||||
<div class="md:grid md:grid-cols-3 md:gap-1">
|
||||
<div class="text-center rounded-lg bg-slate-900 ml-5 max-lg:mr-5 max-lg:mb-10 h-[420px] flex justify-center shadow p-5">
|
||||
<div class="self-center">
|
||||
<div class="w-[100%] flex justify-center">
|
||||
<img class="w-[375px] h-[77px]" src="aa1.png"></img>
|
||||
</div>
|
||||
<div class="mt-5 text-[24px]">Aviation Assistant V1</div>
|
||||
<div class="mt-5 text-wrap">
|
||||
The Aviation Assistant V1 is an all-in-one ADS-B processing device that includes an integrated touchscreen and speaker for on-the-go plane tracking
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center rounded-lg bg-slate-900 ml-5 max-lg:mr-5 max-lg:mb-10 h-[420px] flex justify-center shadow p-5">
|
||||
<div class="self-center">
|
||||
<div class="w-[100%] flex justify-center">
|
||||
<img class="w-[375px] h-[77px]" src="aa2.png"></img>
|
||||
</div>
|
||||
<div class="mt-5 text-[24px]">Aviation Assistant V2</div>
|
||||
<div class="mt-5 text-wrap">
|
||||
The Aviation Assistant V2 is a revamped version of the Aviation Assistant sporting a larger battery/runtime in addition to a more portable footprint for use in the field.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mr-5 text-center rounded-lg bg-slate-900 ml-5 max-lg:mr-5 max-lg:mb-10 h-[420px] flex justify-center shadow p-5">
|
||||
<div class="self-center">
|
||||
<div class="w-[100%] flex justify-center">
|
||||
<img class="w-[375px] h-[77px]" src="aublogo.svg"></img>
|
||||
</div>
|
||||
<div class="mt-5 text-[24px]">Aubuchon Hardware Register Tools</div>
|
||||
<div class="mt-5 text-wrap">
|
||||
The register tools are a suite of software developed for the Aubuchon Hardware company to aid in the updating of manual UPC lookup books as well as interfacing with the backend's pricing API to provide real time inventory, pricing, and product information. Due to the nature of this software, it is closed sourced.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-center mt-5">
|
||||
<div class="bg-slate-900 p-5 rounded-lg text-[20px]">
|
||||
You can find more projects on the Projects page or on my personal Gitea Server.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function Footer() {
|
||||
return (
|
||||
<div class="flex justify-center w-full mb-5">
|
||||
<div class="mt-5 bg-slate-900 rounded-lg w-full h-[85px] self-center text-center p-5 ml-5 mr-5">
|
||||
© 2024 Nicholas Pease. <br/>Last Updated on 14 FEB 2024.
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,4 +1,75 @@
|
||||
import Home from "./home.js"
|
||||
import Image from "next/image";
|
||||
import {Header, Footer} from "./globals"
|
||||
|
||||
function AboutMe() {
|
||||
return (
|
||||
<div class="pl-[1%] w-[98%]">
|
||||
<div class="sm:flex sm:justify-center md:grid md:grid-cols-3 pt-5 auto-cols-max">
|
||||
<div class="md:mr-10 bg-slate-900 rounded-lg h-[420px] col-span-1 flex justify-center max-lg:ml-5 max-lg:mr-5">
|
||||
<div class="self-center">
|
||||
<img class="w-56 h-56 rounded-full" src="me.jpg"></img>
|
||||
<div class="pt-5 text-[45px]">About Me</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-5 col-span-2 max-lg:ml-5 max-lg:mr-5">
|
||||
Notice: This website is still under construction<br/><br/>
|
||||
Hello! My name is Nicholas Pease and I am currently a junior at the University of Maine pursuring a bachelors degree in
|
||||
Computer Science with a minor in Military Science. This website is a collection of both project / homework completed as
|
||||
required by my studies and as a showcase of some of the personal projects I have worked on. I will work to keep this up
|
||||
to date to the best of my ability. <br/><br/>This website was last updated on 2/14/2024.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function ProjectsHome() {
|
||||
return (
|
||||
<div class="mb-10">
|
||||
<div class="pt-5 pb-5 flex justify-center text-[45px]">Notable Projects</div>
|
||||
<div class="md:grid md:grid-cols-3 md:gap-1">
|
||||
<div class="text-center rounded-lg bg-slate-900 ml-5 max-lg:mr-5 max-lg:mb-10 h-[420px] flex justify-center shadow p-5">
|
||||
<div class="self-center">
|
||||
<div class="w-[100%] flex justify-center">
|
||||
<img class="w-[375px] h-[77px]" src="aa1.png"></img>
|
||||
</div>
|
||||
<div class="mt-5 text-[24px]">Aviation Assistant V1</div>
|
||||
<div class="mt-5 text-wrap">
|
||||
The Aviation Assistant V1 is an all-in-one ADS-B processing device that includes an integrated touchscreen and speaker for on-the-go plane tracking
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center rounded-lg bg-slate-900 ml-5 max-lg:mr-5 max-lg:mb-10 h-[420px] flex justify-center shadow p-5">
|
||||
<div class="self-center">
|
||||
<div class="w-[100%] flex justify-center">
|
||||
<img class="w-[375px] h-[77px]" src="aa2.png"></img>
|
||||
</div>
|
||||
<div class="mt-5 text-[24px]">Aviation Assistant V2</div>
|
||||
<div class="mt-5 text-wrap">
|
||||
The Aviation Assistant V2 is a revamped version of the Aviation Assistant sporting a larger battery/runtime in addition to a more portable footprint for use in the field.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mr-5 text-center rounded-lg bg-slate-900 ml-5 max-lg:mr-5 max-lg:mb-10 h-[420px] flex justify-center shadow p-5">
|
||||
<div class="self-center">
|
||||
<div class="w-[100%] flex justify-center">
|
||||
<img class="w-[375px] h-[77px]" src="aublogo.svg"></img>
|
||||
</div>
|
||||
<div class="mt-5 text-[24px]">Aubuchon Hardware Register Tools</div>
|
||||
<div class="mt-5 text-wrap">
|
||||
The register tools are a suite of software developed for the Aubuchon Hardware company to aid in the updating of manual UPC lookup books as well as interfacing with the backend's pricing API to provide real time inventory, pricing, and product information. Due to the nature of this software, it is closed sourced.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-center mt-5">
|
||||
<div class="bg-slate-900 p-5 rounded-lg text-[20px]">
|
||||
You can find more projects on the Projects page or on my personal Gitea Server.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function Home() {
|
||||
return (
|
||||
|
||||
@@ -1,6 +1,14 @@
|
||||
{
|
||||
"AviationAssistantV1": {
|
||||
"description": "",
|
||||
"url": ""
|
||||
"description": "The Aviation Assistant V1 is an all-in-one ADS-B processing device that includes an integrated touchscreen and speaker for on-the-go plane tracking",
|
||||
"img": "aa1.png"
|
||||
},
|
||||
"AviationAssistantV2": {
|
||||
"description": "The Aviation Assistant V2 is a revamped version of the Aviation Assistant sporting a larger battery/runtime in addition to a more portable footprint for use in the field.",
|
||||
"img": "aa2.png"
|
||||
},
|
||||
"Aubuchon Register Tool": {
|
||||
"description": "The register tools are a suite of software developed for the Aubuchon Hardware company to aid in the updating of manual UPC lookup books as well as interfacing with the backend's pricing API to provide real time inventory, pricing, and product information. Due to the nature of this software, it is closed sourced. ",
|
||||
"img": "aublogo.svg"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
import Image from "next/image";
|
||||
import {Header, Footer} from "../globals"
|
||||
import ProjectsListJSON from "../projects.json"
|
||||
|
||||
function ProjectsList() {
|
||||
return (
|
||||
<div class="mt-5 ml-5">
|
||||
<div class="text-[32px] mb-5">Projects:</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function Project({name, description, imgURL}) {
|
||||
return (
|
||||
<div class="w-[100%] mt-5">
|
||||
<div class="w-[100%] flex justify-center">
|
||||
<div class="w-[100%] self-center ml-5 mr-5">
|
||||
<div class="bg-slate-900 w-[100%] h-[200px] rounded-lg p-5 grid grid-cols-2">
|
||||
<div class="place-self-center">
|
||||
<img src={imgURL}></img>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-[24px]">{name}</div><br/>
|
||||
<div>{description}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
function Projects() {
|
||||
return (
|
||||
<div>
|
||||
<Header/>
|
||||
<ProjectsList/>
|
||||
<Project name="Aviation Assistant V1" description="Description Here" imgURL="aa1.png"/>
|
||||
<Project name="Aviation Assistant V2" description="Description Here" imgURL="aa2.png"/>
|
||||
<Project name="Aubuchon Register Tool" description="Description Here" imgURL="aublogo.svg"/>
|
||||
<Footer/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
export default Projects;
|
||||
Reference in New Issue
Block a user