Merge branch 'color-testing'

replace/a45c65d8e2e5a8a0192f89f6bc760b4ec56f8f53
Cobular 5 years ago
commit 7b57d6ea56

21
package-lock.json generated

@ -14112,22 +14112,6 @@
"resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.8.tgz", "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.8.tgz",
"integrity": "sha512-HvPuUQnLp5H7TouGq3kzBeioJmXms1wHy9EGjz2OURWBp4qZO6AfGEcnxts1D/CbwPLRAgTMPCEgYhA3sEM4vw==" "integrity": "sha512-HvPuUQnLp5H7TouGq3kzBeioJmXms1wHy9EGjz2OURWBp4qZO6AfGEcnxts1D/CbwPLRAgTMPCEgYhA3sEM4vw=="
}, },
"react-fast-compare": {
"version": "3.2.0",
"resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz",
"integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA=="
},
"react-helmet": {
"version": "6.1.0",
"resolved": "https://registry.npmjs.org/react-helmet/-/react-helmet-6.1.0.tgz",
"integrity": "sha512-4uMzEY9nlDlgxr61NL3XbKRy1hEkXmKNXhjbAIOVw5vcFrsdYbH2FEwcNyWvWinl103nXgzYNlns9ca+8kFiWw==",
"requires": {
"object-assign": "^4.1.1",
"prop-types": "^15.7.2",
"react-fast-compare": "^3.1.1",
"react-side-effect": "^2.1.0"
}
},
"react-is": { "react-is": {
"version": "16.13.1", "version": "16.13.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@ -14250,11 +14234,6 @@
"workbox-webpack-plugin": "5.1.4" "workbox-webpack-plugin": "5.1.4"
} }
}, },
"react-side-effect": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-2.1.1.tgz",
"integrity": "sha512-2FoTQzRNTncBVtnzxFOk2mCpcfxQpenBMbk5kSVBg5UcPqV9fRbgY2zhb7GTWWOlpFmAxhClBDlIq8Rsubz1yQ=="
},
"react-snapshot": { "react-snapshot": {
"version": "1.3.0", "version": "1.3.0",
"resolved": "https://registry.npmjs.org/react-snapshot/-/react-snapshot-1.3.0.tgz", "resolved": "https://registry.npmjs.org/react-snapshot/-/react-snapshot-1.3.0.tgz",

@ -1,7 +1,16 @@
{ {
"name": "personal-website-static", "browserslist": {
"version": "0.1.0", "production": [
"private": true, ">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"dependencies": { "dependencies": {
"@ant-design/icons": "^4.3.0", "@ant-design/icons": "^4.3.0",
"@testing-library/jest-dom": "^5.11.6", "@testing-library/jest-dom": "^5.11.6",
@ -31,6 +40,18 @@
"react-snapshot": "^1.3.0", "react-snapshot": "^1.3.0",
"serve": "^11.3.2" "serve": "^11.3.2"
}, },
"devDependencies": {
"@types/react-snapshot": "^1.3.0"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"homepage": "https://jakecover.me",
"name": "personal-website-static",
"private": true,
"scripts": { "scripts": {
"start": "react-scripts start", "start": "react-scripts start",
"build": "react-scripts build && react-snapshot", "build": "react-scripts build && react-snapshot",
@ -40,26 +61,5 @@
"deploy": "gh-pages -d build", "deploy": "gh-pages -d build",
"serve": "serve -s build" "serve": "serve -s build"
}, },
"eslintConfig": { "version": "0.1.0"
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"homepage": "https://jakecover.me",
"devDependencies": {
"@types/react-snapshot": "^1.3.0"
}
} }

@ -10,7 +10,7 @@
} }
.about-me-card { .about-me-card {
background: #61dafb; background: #F1F1F1;
border-radius: 5px; border-radius: 5px;
margin: 0 5px 0; margin: 0 5px 0;
padding: 10px; padding: 10px;
@ -18,7 +18,7 @@
} }
#about-me { #about-me {
background: #61dafb; background: #F1F1F1;
border-radius: 5px; border-radius: 5px;
padding: 15px; padding: 15px;
width: fit-content; width: fit-content;

@ -13,6 +13,8 @@ export function Age() {
return dateEnd - dateInit; return dateEnd - dateInit;
} }
// This will recursively calculate the closest fractional value to the given target, until it recuses 25 times or
// the value is within 0.001 of the target
function searchSternBorcotTree( function searchSternBorcotTree(
target: number, target: number,
left_n: number, left_n: number,

@ -1,5 +1,5 @@
.site-footer { .site-footer {
background: darkgrey; background: #84B7DB;
margin: 10px; margin: 10px;
border-radius: 5px; border-radius: 5px;

@ -5,7 +5,7 @@ header {
margin: 10px; margin: 10px;
padding: 10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
background: #66bb6a; background: #84B7DB;
font-family: "Fira Code", monospace; font-family: "Fira Code", monospace;
h1 { h1 {

@ -35,9 +35,9 @@ export function Header() {
<h2>Home</h2> <h2>Home</h2>
</Link> </Link>
<Link className="nav-link" to="/contact"> {/*<Link className="nav-link" to="/contact">*/}
<h2>Contact</h2> {/* <h2>Contact</h2>*/}
</Link> {/*</Link>*/}
<Link className="nav-link" to="/resume"> <Link className="nav-link" to="/resume">
<h2>Resume</h2> <h2>Resume</h2>
</Link> </Link>

@ -14,16 +14,21 @@ $breakpoints: (x-small: 430px, small: 660px, medium: 900px, large: 1300px, x-lar
#project-grid-parent { #project-grid-parent {
margin: 10px; margin: 10px;
background: #FFD43B; background: #FECEA8;
border-radius: 5px; border-radius: 5px;
& > #project-header { & > #project-header {
background: grey; background: #1C1C1C;
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
margin-bottom: 2px; margin-bottom: 2px;
padding: 5px; padding: 5px;
* {
color: white;
}
h2 { h2 {
margin-bottom: 0; margin-bottom: 0;
font-family: "Fira Code", monospace; font-family: "Fira Code", monospace;
@ -114,7 +119,7 @@ $breakpoints: (x-small: 430px, small: 660px, medium: 900px, large: 1300px, x-lar
.GridElementInternal { .GridElementInternal {
padding: 9px; padding: 9px;
border-radius: 5px; border-radius: 5px;
background: lightcyan; background: #F1F1F1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
transition: box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out;

@ -246,7 +246,9 @@ export function ProjectGrid() {
title={"ElaticMatch"} title={"ElaticMatch"}
org={"CodeDay"} org={"CodeDay"}
text={ text={
"A set of tools, including a custom suggestion and weighting system, as well as a custom matching algorithm that I wrote and used to match around 350 students to the best-fitting mentors in the CodeDay Labs summer internship program in 2020." `A set of tools, including a custom suggestion and weighting system, as well as a custom matching
algorithm that I wrote and used to match around 350 students to the best-fitting mentors in the CodeDay
Labs summer internship program in 2020.`
} }
link={"https://github.com/codeday/labs-elastic-match"} link={"https://github.com/codeday/labs-elastic-match"}
/> />
@ -254,7 +256,8 @@ export function ProjectGrid() {
title={"John Peter"} title={"John Peter"}
org={"CodeDay"} org={"CodeDay"}
text={ text={
"John Peter is a Discord bot used for moderation and server management for Virtual CodeDay. It has a very extensive featureset, and has been used for multiple CodeDays and has worked with over 1000 students." `John Peter is a Discord bot used for moderation and server management for Virtual CodeDay. It has a very
xtensive featureset, and has been used for multiple CodeDays and has worked with over 1000 students.`
} }
link={"https://github.com/codeday/johnpeter-discord"} link={"https://github.com/codeday/johnpeter-discord"}
/> />
@ -262,7 +265,8 @@ export function ProjectGrid() {
title={"CopyMoji"} title={"CopyMoji"}
org={"BetterDiscord"} org={"BetterDiscord"}
text={ text={
"An extension for the alternate discord client BetterDiscord that changes the functionality of copying emoji to copy the actual emoji characters rather than their names from the discord client." `An extension for the alternate discord client BetterDiscord that changes the functionality of copying
emoji to copy the actual emoji characters rather than their names from the discord client.`
} }
link={ link={
"https://github.com/JakeCover/BetterDiscordExtensions/tree/main/plugins/CopyMoji" "https://github.com/JakeCover/BetterDiscordExtensions/tree/main/plugins/CopyMoji"
@ -274,7 +278,8 @@ export function ProjectGrid() {
org={"CodeDay"} org={"CodeDay"}
title={"CodeDay San Diego"} title={"CodeDay San Diego"}
text={ text={
"A 24 hour hackathon occurring around the world a few times a year. I volunteered for and then later ran the San Diego event." `A 24 hour hackathon occurring around the world a few times a year. I volunteered for and then later ran
the San Diego event.`
} }
link={"https://event.codeday.org/sandiego"} link={"https://event.codeday.org/sandiego"}
/> />
@ -283,7 +288,8 @@ export function ProjectGrid() {
image_alt={"Foresight Sports Logo"} image_alt={"Foresight Sports Logo"}
title={"Foresight Sports"} title={"Foresight Sports"}
text={ text={
"Foresight Sports creates advanced augmented reality sports experiences. I created multiple games using Unity that took data from their launch monitor technology and translated it into a seamless experience." `Foresight Sports creates advanced augmented reality sports experiences. I created multiple games using
Unity that took data from their launch monitor technology and translated it into a seamless experience.`
} }
/> />
<SmallElementPic <SmallElementPic
@ -292,7 +298,9 @@ export function ProjectGrid() {
title={"Distest"} title={"Distest"}
org={"Random Projects"} org={"Random Projects"}
text={ text={
"Distest is a testing library I wrote for Discord bots that allows for full integration tests of bots, improving the discord bot development workflow significantly. As far as I know, it's the only tool available for this sort of testing." `Distest is a testing library I wrote for Discord bots that allows for full integration tests of bots,
improving the discord bot development workflow significantly. As far as I know, it's the only tool
available for this sort of testing.`
} }
link={"https://github.com/JakeCover/distest"} link={"https://github.com/JakeCover/distest"}
/> />
@ -302,7 +310,8 @@ export function ProjectGrid() {
title={"ScoreSaver"} title={"ScoreSaver"}
org={"Random Projects"} org={"Random Projects"}
text={ text={
"A Chrome extension to help you download beatsaber songs directly from ScoreSaber. No more searching for mapper names on BeatSaver, just download the newest ranked songs directly!" `A Chrome extension to help you download beatsaber songs directly from ScoreSaber. No more searching for
mapper names on BeatSaver, just download the newest ranked songs directly!`
} }
link={"https://github.com/JakeCover/ScoreSaverExtention"} link={"https://github.com/JakeCover/ScoreSaverExtention"}
/> />
@ -313,14 +322,18 @@ export function ProjectGrid() {
title={"Hashicorp Stack Sysadmin"} title={"Hashicorp Stack Sysadmin"}
org={"CodeDay, Random Projects"} org={"CodeDay, Random Projects"}
text={ text={
"I've setup and used a stack consisting of Nomad, Consul, and Vault along with Traefik both at CodeDay, where it runs almost every service we have, as well as at home, where I use it to run a number of assorted services on a few old machines. I strongly recommend it, it's very powerful and not all that complex to get started with at any scale, from one personal server to large corporate backends." `I've setup and used a stack consisting of Nomad, Consul, and Vault along with Traefik both at CodeDay,
where it runs almost every service we have, as well as at home, where I use it to run a number of
assorted services on a few old machines. I strongly recommend it, it's very powerful and not all that
complex to get started with at any scale, from one personal server to large corporate backends.`
} }
/> />
<SmallElement <SmallElement
title={"Personal Website"} title={"Personal Website"}
org={"Random Projects"} org={"Random Projects"}
text={ text={
"You're looking at it! There's not a whole lot to this, it's just a React site hosted on GitHub Pages, but I didn't know React before starting on this so I'm pretty proud of it." `You're looking at it! There's not a whole lot to this, it's just a React site hosted on GitHub Pages,
but I didn't know React before starting on this so I'm pretty proud of it.`
} }
link={"https://github.com/JakeCover/PersonalWebsite_Static"} link={"https://github.com/JakeCover/PersonalWebsite_Static"}
/> />
@ -329,14 +342,31 @@ export function ProjectGrid() {
link={"https://github.com/JakeCover/NomadJobTemplatesTool"} link={"https://github.com/JakeCover/NomadJobTemplatesTool"}
org={"Random Projects"} org={"Random Projects"}
text={ text={
"A little custom tool to allow you to use jinga-esque text substitutions in Nomad jobfiles to help centralize the definition of service traefik tags. This mainly makes it easier to update and change networking configuration across many jobs easily." `A little custom tool to allow you to use jinga-esque text substitutions in Nomad jobfiles to help
centralize the definition of service traefik tags. This mainly makes it easier to update and change
networking configuration across many jobs easily.`
} }
/> />
<SmallElement <SmallElement
title={"Assorted Discord Bots"} title={"Assorted Discord Bots"}
org={"Random Projects"} org={"Random Projects"}
text={ text={
"I've made quite a number of discord bots over time! Some of them, like ReplyBot, which added a reply functionality to Discord years before they finally implemented it first-party, have been obsoleted nowadays, others like DiscordChannelMirror really aren't significantly notable, and many more have been lost to time and past me's lack of understanding of the importance of backup. I digress, however I really do love writing these sorts of applications!" `I've made quite a number of discord bots over time! Some of them, like ReplyBot, which added a reply
functionality to Discord years before they finally implemented it first-party, have been obsoleted
nowadays, others like DiscordChannelMirror really aren't significantly notable, and many more have been
lost to time and past me's lack of understanding of the importance of backup. I digress, however I really
do love writing these sorts of applications!`
}
/>
<SmallElement
title={"OVRTools"}
org={"Random Projects"}
link={"https://github.com/OVRTools"}
text={
`This one's a bit more work in progress than some of the others here. It is a set of tools to help people
develop OpenVR plugins more easily and independently from Unity. It will eventually grow to include
multiple additional input methods and other tools to allow users to interact with other OVR plugins more
easily.`
} }
/> />
</div> </div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

@ -1,3 +1,7 @@
* {
color: #2A363B;
}
body { body {
margin: 0; margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
@ -5,8 +9,14 @@ body {
sans-serif; sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
//background: url("./images/y-so-serious-white.png") repeat;
background-color: #3767A8 !important;
} }
#root {
}
code { code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace; monospace;

Loading…
Cancel
Save