diff --git a/200.html b/200.html index 519b2df..c518a22 100644 --- a/200.html +++ b/200.html @@ -1 +1 @@ -Jake Cover
\ No newline at end of file +Jake Cover
\ No newline at end of file diff --git a/asset-manifest.json b/asset-manifest.json index f87503e..993577d 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,8 +1,8 @@ { "files": { - "main.css": "/static/css/main.72bbd05f.chunk.css", - "main.js": "/static/js/main.a7d5696e.chunk.js", - "main.js.map": "/static/js/main.a7d5696e.chunk.js.map", + "main.css": "/static/css/main.33e4d3a3.chunk.css", + "main.js": "/static/js/main.fa1a89c8.chunk.js", + "main.js.map": "/static/js/main.fa1a89c8.chunk.js.map", "runtime-main.js": "/static/js/runtime-main.d39da719.js", "runtime-main.js.map": "/static/js/runtime-main.d39da719.js.map", "static/css/2.85610714.chunk.css": "/static/css/2.85610714.chunk.css", @@ -12,7 +12,7 @@ "static/js/3.dd242330.chunk.js.map": "/static/js/3.dd242330.chunk.js.map", "index.html": "/index.html", "static/css/2.85610714.chunk.css.map": "/static/css/2.85610714.chunk.css.map", - "static/css/main.72bbd05f.chunk.css.map": "/static/css/main.72bbd05f.chunk.css.map", + "static/css/main.33e4d3a3.chunk.css.map": "/static/css/main.33e4d3a3.chunk.css.map", "static/js/2.18e12b66.chunk.js.LICENSE.txt": "/static/js/2.18e12b66.chunk.js.LICENSE.txt", "static/media/HashiCorp_Logo_no_text.344aecaa.png": "/static/media/HashiCorp_Logo_no_text.344aecaa.png", "static/media/SanDiego.35f8cc09.svg": "/static/media/SanDiego.35f8cc09.svg", @@ -24,7 +24,7 @@ "static/js/runtime-main.d39da719.js", "static/css/2.85610714.chunk.css", "static/js/2.18e12b66.chunk.js", - "static/css/main.72bbd05f.chunk.css", - "static/js/main.a7d5696e.chunk.js" + "static/css/main.33e4d3a3.chunk.css", + "static/js/main.fa1a89c8.chunk.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index ddcb387..b819bec 100644 --- a/index.html +++ b/index.html @@ -1,15 +1,15 @@ -Jake Cover

Hi! I'm Jake!

A bit about me:

  • Occupation: Student
  • Location: Southern California
  • Pronouns: They/Them
  • 19 and 17/52 years old
  • not listening to anything right now.

Find Me:

</> My Projects

A gallery of some of my most interesting projects. Look for , click those projects for more information!

ElaticMatch

CodeDay

A set of tools, including a custom suggestion and weighting system, as well as a custom matching +Jake Cover

</> My Projects

A gallery of some of my most interesting projects. Look for , click those projects for more information!

ElaticMatch

CodeDay

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.

John Peter

CodeDay

John Peter is a Discord bot used for moderation and server management for Virtual CodeDay. It has a very + Labs summer internship program in 2020.

John Peter

CodeDay

John Peter is a Discord bot used for moderation and server management for Virtual CodeDay. It has a very extensive featureset with a number of custom moderation and authentication tools and has been used for - multiple CodeDay events, impacting well over 1,000 students.

Distest

Random Projects

Distest is a testing library I wrote for Discord bots that allows for full integration tests of bots, + multiple CodeDay events, impacting well over 1,000 students.

Distest

Random Projects

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. Unfortunately, this has been deprecated in favor of other, more full - featured libraries.

CodeDay San Diego Logo

CodeDay San Diego

CodeDay

A 24 hour hackathon occurring around the world a few times a year. I volunteered for and then later ran + featured libraries.

CodeDay San Diego Logo

CodeDay San Diego

CodeDay

A 24 hour hackathon occurring around the world a few times a year. I volunteered for and then later ran the San Diego event where I grew to love hackathons and leaned a lot about leadership and event logistics - in the process!

Foresight Sports Logo

Foresight Sports

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.

Scoresaver Logo

ScoreSaver

Random Projects

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!

Assorted Discord Bots

Random Projects

I've made quite a number of discord bots over time! Some of them, like ReplyBot, which added a reply + in the process!

Foresight Sports Logo

Foresight Sports

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.

Scoresaver Logo

ScoreSaver

Random Projects

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!

Assorted Discord Bots

Random Projects

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 just do simple things for my own use, 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 @@ -17,20 +17,20 @@ where it runs almost every service we have, as well as at home, where I use it to run over 25 services on a cluster of old machines. I strongly recommend it as it's a very easy way utilize old hardware, even when each machine may not be that powerful powerful and not all that complex to get started with at any scale, - from one personal server to large corporate backends.

Personal Website

Random Projects

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.

Nomad Job Templates Tool

Random Projects

A little custom tool to allow you to use jinga-esque text substitutions in Nomad jobfiles to help + from one personal server to large corporate backends.

Personal Website

Random Projects

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.

Nomad Job Templates Tool

Random Projects

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.

Kat's Logo

Shushicate

Random Projects

An art gallery website for my friend, made in svelte. The images are optimized and compressed at + networking configuration across many jobs easily.

Kat's Logo

Shushicate

Random Projects

An art gallery website for my friend, made in svelte. The images are optimized and compressed at compiletime, creating a few versions and allowing the browser to choose which to display using imageset. - The full resolution image is only sent when selecting an image, keeping the site performant.

OVRTools

Random Projects

This one's a bit more work in progress than some of the others here. It is a set of tools to help people + The full resolution image is only sent when selecting an image, keeping the site performant.

OVRTools

Random Projects

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.

A B logo

Bennu

Work Experience

Bennu made various engineering management and performance analysis tools for other software companies. + easily.

A B logo

Bennu

Work Experience

Bennu made various engineering management and performance analysis tools for other software companies. Here, I mainly implemented the crawler for Jira Server, adding a whole new application we could offer to customers. I also worked on internal tooling and optimized our test runtime by 50% before the startup - closed from beneath me in the middle of the summer of 2021.

CopyMoji

BetterDiscord

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.

What's That Number

Random Projects

A service that allows for the reversing of arbitrary decimals back to fractions of irrational numbers. + closed from beneath me in the middle of the summer of 2021.

CopyMoji

BetterDiscord

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.

What's That Number

Random Projects

A service that allows for the reversing of arbitrary decimals back to fractions of irrational numbers. Basically, it's able to reverse 3.1415 to π, but more interestingly reverse 0.385694 to √2 * 3 / 11! It can't solve all problems and it isn't mathematically provable or anything, but it's optimized to give you the right answer for most things you'll actually run into and tell you when you've gotten - nothing.

\ No newline at end of file + nothing.

\ No newline at end of file diff --git a/static/css/main.33e4d3a3.chunk.css b/static/css/main.33e4d3a3.chunk.css new file mode 100644 index 0000000..2936b82 --- /dev/null +++ b/static/css/main.33e4d3a3.chunk.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Montserrat:wght@400;500;600;700&display=swap);*{color:var(--text)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background)!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{color-scheme:dark;--text:#fff;--background:#1f2022;--header:#84b7db;--footer:var(--header);--about-me:#f1f1f1;--grid-background:var(--background);--grid-header-background:var(--background);--grid-header-text:#f1f1f1;--grid-element-background:#303c4f;--grid-element-border:#6f6f6f;--grid-element-shadow:hsla(0,0%,100%,0.3);--grid-element-header:rgb(169 162 228/100%);--chainlink-icon-background:rgba(43,43,43,0.3);--link-color:var(--grid-element-header);--grid-element-subheader:#a9a9a9}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#project-grid-background{background:var(--grid-background)}#project-grid-parent{border-radius:5px;margin:10px;padding-left:5px;padding-right:5px}@media (min-width:1100px){#project-grid-parent{width:95%;margin:auto}}@media (min-width:1400px){#project-grid-parent{width:90%;margin:auto}}@media (min-width:1560px){#project-grid-parent{width:85%;margin:auto}}@media (min-width:2000px){#project-grid-parent{width:80%;max-width:1900px;margin:auto}}#project-grid-parent>#project-header{background:var(--grid-header-background);border-radius:5px 5px 0 0;margin-bottom:2px;padding:5px}#project-grid-parent>#project-header *{color:var(--grid-header-text)}#project-grid-parent>#project-header h2{margin-bottom:0;font-family:"Fira Code",monospace;font-size:30px}#project-grid-parent>#project-header p{margin:0 0 3px;font-family:"Montserrat",sans-serif;font-size:18px}#project-grid{margin:auto}@media (max-width:520px){#project-grid .FourByOne,#project-grid .GridSizer,#project-grid .Medium,#project-grid .OneWide{width:100%}}@media (min-width:521px) and (max-width:759px){#project-grid .GridSizer,#project-grid .Medium,#project-grid .OneWide{width:49.5%}#project-grid .FourByOne{width:100%}}@media (min-width:760px) and (max-width:1099px){#project-grid .GridSizer,#project-grid .Medium,#project-grid .OneWide{width:33.3%}#project-grid .FourByOne{width:66.6%}}@media (min-width:1100px) and (max-width:1399px){#project-grid .GridSizer,#project-grid .OneWide{width:24.9%}#project-grid .Medium{width:49.8%}#project-grid .FourByOne{width:74.6%}}@media (min-width:1400px) and (max-width:1559px){#project-grid .GridSizer,#project-grid .OneWide{width:19.9%}#project-grid .Medium{width:39.8%}#project-grid .FourByOne{width:59.5%}}@media (min-width:1560px) and (max-width:1999px){#project-grid .GridSizer,#project-grid .OneWide{width:20%}#project-grid .Medium{width:40%}#project-grid .FourByOne{width:60%}}@media (min-width:2000px){#project-grid .GridSizer,#project-grid .OneWide{width:16.6%}#project-grid .Medium{width:33%}#project-grid .FourByOne{width:49.8%}}.GridElement{padding:10px}.GridElement .GridElementInternal{padding:9px;border-radius:5px;border:var(--grid-element-border);border-width:2px;border-style:solid;background:var(--grid-element-background);box-shadow:0 1px 2px var(--grid-element-shadow);transition:box-shadow .2s ease-in-out}.GridElement .GridElementInternal:hover{box-shadow:0 2px 5px var(--grid-element-shadow)}.GridElement h2{font-family:"Fira Code",monospace;font-weight:400;margin-bottom:0;text-shadow:0 0 1px var(--grid-element-header);color:var(--grid-element-header);line-height:normal}.GridElement h3{line-height:normal;color:var(--grid-element-subheader);margin-bottom:3px}.GridElement p{font-family:"Montserrat",sans-serif;font-size:16px;color:var(--text);margin-bottom:0}.OneWide{display:flex;flex-direction:column;width:available}.Medium img,.OneWide img{width:100%;margin-bottom:5px}@media (max-width:1099px){.Medium{display:flex;flex-direction:column;width:available}.Medium img{width:100%;margin-bottom:5px}}@media (min-width:1100px){.Medium .image{float:left;width:50%;-webkit-shape-outside:inset(0);shape-outside:inset(0)}.Medium .image img{margin-bottom:0}.Medium .description{display:inline}.Medium .description p{text-align:justify}.Medium .description h2 h3{display:inline}}@media (min-width:1561px){.Medium .image{width:40%;padding-right:10px}}.FourByOne .GridElementInternal{display:flex;align-items:center}.FourByOne .GridElementInternal .image{flex:1 1}.FourByOne .GridElementInternal .image img{width:100%;max-width:100%}.FourByOne .GridElementInternal .description{min-width:20ch;width:30ch}@media (min-width:1101px){.FourByOne .GridElementInternal{flex-direction:row}}@media (max-width:1100px){.FourByOne .GridElementInternal{flex-direction:column}.FourByOne .GridElementInternal .description{width:95%}}.LinkIcon{position:absolute;right:12px;top:12px;font-size:24px;color:#000;background:var(--chainlink-icon-background);border-radius:5px}#about-me-parent{margin-left:10px;margin-right:10px;margin-bottom:10px;display:flex;flex-direction:row;justify-content:center}#about-me-parent b{font-weight:500}#about-me-parent .about-me-card{margin:0 5px;padding:10px;color:var(--text)}#about-me-parent #about-me,#about-me-parent .about-me-card{border-radius:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#about-me-parent #about-me{padding:15px}#about-me-parent #about-me #info-parent{display:grid;grid-template-columns:1fr 1fr}@media screen and (max-width:660px){#about-me-parent #about-me #info-parent{grid-template-columns:1fr}}#about-me-parent #about-me h1{font-family:"Fira Code",monospace;font-weight:500;font-size:46px;color:var(--text)}#about-me-parent #about-me h2{font-family:"Fira Code",monospace;line-height:normal;margin-bottom:0;font-weight:400;color:var(--text);text-align:left}#about-me-parent #about-me p{font-family:"Montserrat",sans-serif;font-size:16px;margin:0}#about-me-parent #about-me ul{text-align:left;padding-left:40px;margin-bottom:0}#about-me-parent #about-me li{font-family:"Montserrat",sans-serif;font-size:18px;list-style-type:symbols("+");list-style-position:inside}button{background:none!important;border:none;padding:0!important;cursor:pointer}a,button{color:var(--link-color)} +/*# sourceMappingURL=main.33e4d3a3.chunk.css.map */ \ No newline at end of file diff --git a/static/css/main.33e4d3a3.chunk.css.map b/static/css/main.33e4d3a3.chunk.css.map new file mode 100644 index 0000000..9d11a6b --- /dev/null +++ b/static/css/main.33e4d3a3.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["main.33e4d3a3.chunk.css","webpack://src/index.scss","webpack://src/vars.scss","webpack://src/App.scss","webpack://src/components/ProjectGrid.scss","webpack://node_modules/include-media/dist/_include-media.scss","webpack://src/components/AboutMe/AboutMe.scss"],"names":[],"mappings":"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","file":"main.33e4d3a3.chunk.css","sourcesContent":["@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Montserrat:wght@400;500;600;700&display=swap);\n*{color:var(--text)}body{margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background) !important}code{font-family:source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace}:root{color-scheme:dark}\n\n\n\n:root{--text: white;--background: #1f2022;--header: #84B7DB;--footer: var(--header);--about-me: #F1F1F1;--grid-background: var(--background);--grid-header-background: var(--background);--grid-header-text: #F1F1F1;--grid-element-background: hsl(218, 24%, 25%);--grid-element-border: #6f6f6f;--grid-element-shadow: rgba(255, 255, 255, 0.3);--grid-element-header: rgb(169 162 228 / 100%);--chainlink-icon-background: rgba(43, 43, 43, 0.3);--link-color: var(--grid-element-header);--grid-element-subheader: darkgrey}\n\n.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:white}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes App-logo-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n\n\n#project-grid-background{background:var(--grid-background)}#project-grid-parent{border-radius:5px;margin:10px;padding-left:5px;padding-right:5px}@media (min-width: 1100px){#project-grid-parent{width:95%;margin:auto}}@media (min-width: 1400px){#project-grid-parent{width:90%;margin:auto}}@media (min-width: 1560px){#project-grid-parent{width:85%;margin:auto}}@media (min-width: 2000px){#project-grid-parent{width:80%;max-width:1900px;margin:auto}}#project-grid-parent>#project-header{background:var(--grid-header-background);border-radius:5px 5px 0 0;margin-bottom:2px;padding:5px}#project-grid-parent>#project-header *{color:var(--grid-header-text)}#project-grid-parent>#project-header h2{margin-bottom:0;font-family:\"Fira Code\", monospace;font-size:30px}#project-grid-parent>#project-header p{margin:0 0 3px;font-family:\"Montserrat\", sans-serif;font-size:18px}#project-grid{margin:auto}@media (max-width: 520px){#project-grid .GridSizer,#project-grid .OneWide,#project-grid .FourByOne,#project-grid .Medium{width:100%}}@media (min-width: 521px) and (max-width: 759px){#project-grid .GridSizer,#project-grid .OneWide,#project-grid .Medium{width:49.5%}#project-grid .FourByOne{width:100%}}@media (min-width: 760px) and (max-width: 1099px){#project-grid .GridSizer,#project-grid .OneWide,#project-grid .Medium{width:33.3%}#project-grid .FourByOne{width:66.6%}}@media (min-width: 1100px) and (max-width: 1399px){#project-grid .GridSizer,#project-grid .OneWide{width:24.9%}#project-grid .Medium{width:49.8%}#project-grid .FourByOne{width:74.6%}}@media (min-width: 1400px) and (max-width: 1559px){#project-grid .GridSizer,#project-grid .OneWide{width:19.9%}#project-grid .Medium{width:39.8%}#project-grid .FourByOne{width:59.5%}}@media (min-width: 1560px) and (max-width: 1999px){#project-grid .GridSizer,#project-grid .OneWide{width:20%}#project-grid .Medium{width:40%}#project-grid .FourByOne{width:60%}}@media (min-width: 2000px){#project-grid .GridSizer,#project-grid .OneWide{width:16.6%}#project-grid .Medium{width:33%}#project-grid .FourByOne{width:49.8%}}.GridElement{padding:10px}.GridElement .GridElementInternal{padding:9px;border-radius:5px;border:var(--grid-element-border);border-width:2px;border-style:solid;background:var(--grid-element-background);box-shadow:0 1px 2px var(--grid-element-shadow);transition:box-shadow 0.2s ease-in-out}.GridElement .GridElementInternal:hover{box-shadow:0 2px 5px var(--grid-element-shadow)}.GridElement h2{font-family:\"Fira Code\", monospace;font-weight:400;margin-bottom:0px;text-shadow:0px 0px 1px var(--grid-element-header);color:var(--grid-element-header);line-height:normal}.GridElement h3{line-height:normal;color:var(--grid-element-subheader);margin-bottom:3px}.GridElement p{font-family:\"Montserrat\", sans-serif;font-size:16px;color:var(--text);margin-bottom:0}.OneWide{display:flex;flex-direction:column;width:available}.OneWide img{width:100%;margin-bottom:5px}.Medium img{width:100%;margin-bottom:5px}@media (max-width: 1099px){.Medium{display:flex;flex-direction:column;width:available}.Medium img{width:100%;margin-bottom:5px}}@media (min-width: 1100px){.Medium .image{float:left;width:50%;-webkit-shape-outside:inset(0);shape-outside:inset(0)}.Medium .image img{margin-bottom:0}.Medium .description{display:inline}.Medium .description p{text-align:justify}.Medium .description h2 h3{display:inline}}@media (min-width: 1561px){.Medium .image{width:40%;padding-right:10px}}.FourByOne .GridElementInternal{display:flex;align-items:center}.FourByOne .GridElementInternal .image{flex:1 1}.FourByOne .GridElementInternal .image img{width:100%;max-width:100%}.FourByOne .GridElementInternal .description{min-width:20ch;width:30ch}@media (min-width: 1101px){.FourByOne .GridElementInternal{flex-direction:row}}@media (max-width: 1100px){.FourByOne .GridElementInternal{flex-direction:column}.FourByOne .GridElementInternal .description{width:95%}}.LinkIcon{position:absolute;right:12px;top:12px;font-size:24px;color:black;background:var(--chainlink-icon-background);border-radius:5px}\n\n#about-me-parent{margin-left:10px;margin-right:10px;margin-bottom:10px;display:flex;flex-direction:row;justify-content:center}#about-me-parent b{font-weight:500}#about-me-parent .about-me-card{border-radius:5px;margin:0 5px 0;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--text)}#about-me-parent #about-me{border-radius:5px;padding:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#about-me-parent #about-me #info-parent{display:grid;grid-template-columns:1fr 1fr}@media screen and (max-width: 660px){#about-me-parent #about-me #info-parent{grid-template-columns:1fr}}#about-me-parent #about-me h1{font-family:\"Fira Code\", monospace;font-weight:500;font-size:46px;color:var(--text)}#about-me-parent #about-me h2{font-family:\"Fira Code\", monospace;line-height:normal;margin-bottom:0;font-weight:400;color:var(--text);text-align:left}#about-me-parent #about-me p{font-family:\"Montserrat\", sans-serif;font-size:16px;margin:0}#about-me-parent #about-me ul{text-align:left;padding-left:40px;margin-bottom:0}#about-me-parent #about-me li{font-family:\"Montserrat\", sans-serif;font-size:18px;list-style-type:symbols(\"+\");list-style-position:inside}button{background:none !important;border:none;padding:0 !important;color:var(--link-color);cursor:pointer}a{color:var(--link-color)}\n\n","* {\n color: var(--text);\n}\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n //background: url(\"./images/y-so-serious-white.png\") repeat;\n background-color: var(--background) !important;\n}\n\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n\n:root {\n color-scheme: dark;\n}\n",":root {\n --text: white;\n --background: #1f2022;\n --header: #84B7DB;\n --footer: var(--header);\n --about-me: #F1F1F1;\n --grid-background: var(--background);\n --grid-header-background: var(--background);\n --grid-header-text: #F1F1F1;\n --grid-element-background: hsl(218, 24%, 25%);\n --grid-element-border: #6f6f6f;\n --grid-element-shadow: rgba(255, 255, 255, 0.3);\n --grid-element-header: rgb(169 162 228 / 100%);\n --chainlink-icon-background: rgba(43, 43, 43, 0.3);\n --link-color: var(--grid-element-header);\n --grid-element-subheader: darkgrey;\n}\n\n\n//:root {\n// --text: black;\n// --background: #FFFFFF;\n// --header: #55CDFC;\n// --footer: #55CDFC;\n// --about-me: #F7A8B8;\n// --grid-background: #F7A8B8;\n// --grid-header-background: #55CDFC;\n// --grid-header-text: black;\n// --grid-element-background: #FFFFFF;\n// --grid-element-border: var(--grid-element-background);\n// --chainlink-icon-background: rgba(224, 255, 255, 0.7);\n// --link-color: grey;\n// --grid-element-subheader: #F7A8B8;\n//}\n","@import '~antd/dist/antd.css';\n\n.App {\n text-align: center;\n}\n\n.App-logo {\n height: 40vmin;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .App-logo {\n animation: App-logo-spin infinite 20s linear;\n }\n}\n\n.App-header {\n background-color: #282c34;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: calc(10px + 2vmin);\n color: white;\n}\n\n.App-link {\n color: #61dafb;\n}\n\n@keyframes App-logo-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n","@import \"~include-media/dist/_include-media.scss\";\n\n$breakpoints: (x-small: 520px, small: 760px, medium: 1100px, large: 1400px, x-large: 1560px, xx-large: 2000px);\n\n// Override Sass min()\n@function min($numbers...) {\n @return m#{i}n(#{$numbers});\n}\n\n// Override Sass max()\n@function max($numbers...) {\n @return m#{a}x(#{$numbers});\n}\n\n#project-grid-background {\n background: var(--grid-background);\n}\n\n#project-grid-parent {\n border-radius: 5px;\n margin: 10px;\n padding-left: 5px;\n padding-right: 5px;\n //background: var(--grid-background);\n\n\n @include media(\">=medium\") {\n width: 95%;\n margin: auto;\n }\n\n @include media(\">=large\") {\n width: 90%;\n margin: auto;\n }\n\n @include media(\">=x-large\") {\n width: 85%;\n margin: auto;\n }\n\n @include media(\">=xx-large\") {\n width: 80%;\n max-width: 1900px;\n margin: auto;\n }\n\n\n & > #project-header {\n background: var(--grid-header-background);\n border-radius: 5px 5px 0 0;\n margin-bottom: 2px;\n\n\n padding: 5px;\n\n * {\n color: var(--grid-header-text);\n }\n\n h2 {\n margin-bottom: 0;\n font-family: \"Fira Code\", monospace;\n font-size: 30px;\n }\n\n p {\n margin: 0 0 3px;\n font-family: \"Montserrat\", sans-serif;\n font-size: 18px;\n }\n\n }\n}\n\n\n#project-grid {\n\n margin: auto;\n @include media(\"<=x-small\") {\n .GridSizer, .OneWide, .FourByOne, .Medium {\n width: 100%;\n }\n }\n\n @include media(\">x-small\", \"=small\", \"=medium\", \"=large\", \"=x-large\", \"=xx-large\") {\n .GridSizer, .OneWide {\n width: 16.6%;\n }\n .Medium {\n width: 33%;\n }\n .FourByOne {\n width: 49.8%;\n }\n }\n}\n\n.GridElement {\n padding: 10px;\n\n\n .GridElementInternal {\n padding: 9px;\n border-radius: 5px;\n border: var(--grid-element-border);\n border-width: 2px;\n border-style: solid;\n background: var(--grid-element-background);\n\n box-shadow: 0 1px 2px var(--grid-element-shadow);\n transition: box-shadow 0.2s ease-in-out;\n }\n\n .GridElementInternal:hover {\n box-shadow: 0 2px 5px var(--grid-element-shadow);\n }\n\n h2 {\n font-family: \"Fira Code\", monospace;\n font-weight: 400;\n margin-bottom: 0px;\n text-shadow: 0px 0px 1px var(--grid-element-header);\n color: var(--grid-element-header);\n line-height: normal;\n }\n\n h3 {\n line-height: normal;\n color: var(--grid-element-subheader);\n margin-bottom: 3px;\n }\n\n p {\n font-family: \"Montserrat\", sans-serif;\n font-size: 16px;\n color: var(--text);\n margin-bottom: 0;\n }\n}\n\n.OneWide {\n display: flex;\n flex-direction: column;\n width: available;\n\n img {\n width: 100%;\n margin-bottom: 5px;\n }\n}\n\n.Medium {\n img {\n width: 100%;\n margin-bottom: 5px;\n }\n\n @include media(\"=medium\") {\n // Two column sort of layout\n .image {\n float: left;\n width: 50%;\n shape-outside: inset(0);\n\n img {\n margin-bottom: 0;\n }\n }\n\n .description {\n display: inline;\n\n p {\n text-align: justify;\n }\n\n h2 h3 {\n display: inline;\n }\n }\n }\n\n @include media(\">x-large\") {\n .image {\n width: 40%;\n padding-right: 10px;\n }\n }\n}\n\n.FourByOne {\n .GridElementInternal {\n display: flex;\n align-items: center;\n\n .image {\n flex: 1;\n\n img {\n width: 100%;\n max-width: 100%;\n }\n }\n\n .description {\n min-width: 20ch;\n width: 30ch;\n }\n\n @include media(\">medium\") {\n flex-direction: row;\n\n }\n @include media(\"<=medium\") {\n flex-direction: column;\n .description {\n width: 95%;\n }\n }\n }\n}\n\n.LinkIcon {\n position: absolute;\n right: 12px;\n top: 12px;\n font-size: 24px;\n color: black;\n\n background: var(--chainlink-icon-background);\n border-radius: 5px;\n}\n","@charset \"UTF-8\";\n\n// _ _ _ _ _\n// (_) | | | | | (_)\n// _ _ __ ___| |_ _ __| | ___ _ __ ___ ___ __| |_ __ _\n// | | '_ \\ / __| | | | |/ _` |/ _ \\ | '_ ` _ \\ / _ \\/ _` | |/ _` |\n// | | | | | (__| | |_| | (_| | __/ | | | | | | __/ (_| | | (_| |\n// |_|_| |_|\\___|_|\\__,_|\\__,_|\\___| |_| |_| |_|\\___|\\__,_|_|\\__,_|\n//\n// Simple, elegant and maintainable media queries in Sass\n// v1.4.9\n//\n// http://include-media.com\n//\n// Authors: Eduardo Boucas (@eduardoboucas)\n// Hugo Giraudel (@hugogiraudel)\n//\n// This project is licensed under the terms of the MIT license\n\n\n////\n/// include-media library public configuration\n/// @author Eduardo Boucas\n/// @access public\n////\n\n\n///\n/// Creates a list of global breakpoints\n///\n/// @example scss - Creates a single breakpoint with the label `phone`\n/// $breakpoints: ('phone': 320px);\n///\n$breakpoints: (\n 'phone': 320px,\n 'tablet': 768px,\n 'desktop': 1024px\n) !default;\n\n\n///\n/// Creates a list of static expressions or media types\n///\n/// @example scss - Creates a single media type (screen)\n/// $media-expressions: ('screen': 'screen');\n///\n/// @example scss - Creates a static expression with logical disjunction (OR operator)\n/// $media-expressions: (\n/// 'retina2x': '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)'\n/// );\n///\n$media-expressions: (\n 'screen': 'screen',\n 'print': 'print',\n 'handheld': 'handheld',\n 'landscape': '(orientation: landscape)',\n 'portrait': '(orientation: portrait)',\n 'retina2x': '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)',\n 'retina3x': '(-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx)'\n) !default;\n\n\n///\n/// Defines a number to be added or subtracted from each unit when declaring breakpoints with exclusive intervals\n///\n/// @example scss - Interval for pixels is defined as `1` by default\n/// @include media('>128px') {}\n///\n/// /* Generates: */\n/// @media (min-width: 129px) {}\n///\n/// @example scss - Interval for ems is defined as `0.01` by default\n/// @include media('>20em') {}\n///\n/// /* Generates: */\n/// @media (min-width: 20.01em) {}\n///\n/// @example scss - Interval for rems is defined as `0.1` by default, to be used with `font-size: 62.5%;`\n/// @include media('>2.0rem') {}\n///\n/// /* Generates: */\n/// @media (min-width: 2.1rem) {}\n///\n$unit-intervals: (\n 'px': 1,\n 'em': 0.01,\n 'rem': 0.1,\n '': 0\n) !default;\n\n///\n/// Defines whether support for media queries is available, useful for creating separate stylesheets\n/// for browsers that don't support media queries.\n///\n/// @example scss - Disables support for media queries\n/// $im-media-support: false;\n/// @include media('>=tablet') {\n/// .foo {\n/// color: tomato;\n/// }\n/// }\n///\n/// /* Generates: */\n/// .foo {\n/// color: tomato;\n/// }\n///\n$im-media-support: true !default;\n\n///\n/// Selects which breakpoint to emulate when support for media queries is disabled. Media queries that start at or\n/// intercept the breakpoint will be displayed, any others will be ignored.\n///\n/// @example scss - This media query will show because it intercepts the static breakpoint\n/// $im-media-support: false;\n/// $im-no-media-breakpoint: 'desktop';\n/// @include media('>=tablet') {\n/// .foo {\n/// color: tomato;\n/// }\n/// }\n///\n/// /* Generates: */\n/// .foo {\n/// color: tomato;\n/// }\n///\n/// @example scss - This media query will NOT show because it does not intercept the desktop breakpoint\n/// $im-media-support: false;\n/// $im-no-media-breakpoint: 'tablet';\n/// @include media('>=desktop') {\n/// .foo {\n/// color: tomato;\n/// }\n/// }\n///\n/// /* No output */\n///\n$im-no-media-breakpoint: 'desktop' !default;\n\n///\n/// Selects which media expressions are allowed in an expression for it to be used when media queries\n/// are not supported.\n///\n/// @example scss - This media query will show because it intercepts the static breakpoint and contains only accepted media expressions\n/// $im-media-support: false;\n/// $im-no-media-breakpoint: 'desktop';\n/// $im-no-media-expressions: ('screen');\n/// @include media('>=tablet', 'screen') {\n/// .foo {\n/// color: tomato;\n/// }\n/// }\n///\n/// /* Generates: */\n/// .foo {\n/// color: tomato;\n/// }\n///\n/// @example scss - This media query will NOT show because it intercepts the static breakpoint but contains a media expression that is not accepted\n/// $im-media-support: false;\n/// $im-no-media-breakpoint: 'desktop';\n/// $im-no-media-expressions: ('screen');\n/// @include media('>=tablet', 'retina2x') {\n/// .foo {\n/// color: tomato;\n/// }\n/// }\n///\n/// /* No output */\n///\n$im-no-media-expressions: ('screen', 'portrait', 'landscape') !default;\n\n////\n/// Cross-engine logging engine\n/// @author Hugo Giraudel\n/// @access private\n////\n\n\n///\n/// Log a message either with `@error` if supported\n/// else with `@warn`, using `feature-exists('at-error')`\n/// to detect support.\n///\n/// @param {String} $message - Message to log\n///\n@function im-log($message) {\n @if feature-exists('at-error') {\n @error $message;\n } @else {\n @warn $message;\n $_: noop();\n }\n\n @return $message;\n}\n\n\n///\n/// Wrapper mixin for the log function so it can be used with a more friendly\n/// API than `@if im-log('..') {}` or `$_: im-log('..')`. Basically, use the function\n/// within functions because it is not possible to include a mixin in a function\n/// and use the mixin everywhere else because it's much more elegant.\n///\n/// @param {String} $message - Message to log\n///\n@mixin log($message) {\n @if im-log($message) {}\n}\n\n\n///\n/// Function with no `@return` called next to `@warn` in Sass 3.3\n/// to trigger a compiling error and stop the process.\n///\n@function noop() {}\n\n///\n/// Determines whether a list of conditions is intercepted by the static breakpoint.\n///\n/// @param {Arglist} $conditions - Media query conditions\n///\n/// @return {Boolean} - Returns true if the conditions are intercepted by the static breakpoint\n///\n@function im-intercepts-static-breakpoint($conditions...) {\n $no-media-breakpoint-value: map-get($breakpoints, $im-no-media-breakpoint);\n\n @if not $no-media-breakpoint-value {\n @if im-log('`#{$im-no-media-breakpoint}` is not a valid breakpoint.') {}\n }\n\n @each $condition in $conditions {\n @if not map-has-key($media-expressions, $condition) {\n $operator: get-expression-operator($condition);\n $prefix: get-expression-prefix($operator);\n $value: get-expression-value($condition, $operator);\n\n // scss-lint:disable SpaceAroundOperator\n @if ($prefix == 'max' and $value <= $no-media-breakpoint-value) or\n ($prefix == 'min' and $value > $no-media-breakpoint-value) {\n @return false;\n }\n } @else if not index($im-no-media-expressions, $condition) {\n @return false;\n }\n }\n\n @return true;\n}\n\n////\n/// Parsing engine\n/// @author Hugo Giraudel\n/// @access private\n////\n\n\n///\n/// Get operator of an expression\n///\n/// @param {String} $expression - Expression to extract operator from\n///\n/// @return {String} - Any of `>=`, `>`, `<=`, `<`, `≥`, `≤`\n///\n@function get-expression-operator($expression) {\n @each $operator in ('>=', '>', '<=', '<', '≥', '≤') {\n @if str-index($expression, $operator) {\n @return $operator;\n }\n }\n\n // It is not possible to include a mixin inside a function, so we have to\n // rely on the `im-log(..)` function rather than the `log(..)` mixin. Because\n // functions cannot be called anywhere in Sass, we need to hack the call in\n // a dummy variable, such as `$_`. If anybody ever raise a scoping issue with\n // Sass 3.3, change this line in `@if im-log(..) {}` instead.\n $_: im-log('No operator found in `#{$expression}`.');\n}\n\n\n///\n/// Get dimension of an expression, based on a found operator\n///\n/// @param {String} $expression - Expression to extract dimension from\n/// @param {String} $operator - Operator from `$expression`\n///\n/// @return {String} - `width` or `height` (or potentially anything else)\n///\n@function get-expression-dimension($expression, $operator) {\n $operator-index: str-index($expression, $operator);\n $parsed-dimension: str-slice($expression, 0, $operator-index - 1);\n $dimension: 'width';\n\n @if str-length($parsed-dimension) > 0 {\n $dimension: $parsed-dimension;\n }\n\n @return $dimension;\n}\n\n\n///\n/// Get dimension prefix based on an operator\n///\n/// @param {String} $operator - Operator\n///\n/// @return {String} - `min` or `max`\n///\n@function get-expression-prefix($operator) {\n @return if(index(('<', '<=', '≤'), $operator), 'max', 'min');\n}\n\n\n///\n/// Get value of an expression, based on a found operator\n///\n/// @param {String} $expression - Expression to extract value from\n/// @param {String} $operator - Operator from `$expression`\n///\n/// @return {Number} - A numeric value\n///\n@function get-expression-value($expression, $operator) {\n $operator-index: str-index($expression, $operator);\n $value: str-slice($expression, $operator-index + str-length($operator));\n\n @if map-has-key($breakpoints, $value) {\n $value: map-get($breakpoints, $value);\n } @else {\n $value: to-number($value);\n }\n\n $interval: map-get($unit-intervals, unit($value));\n\n @if not $interval {\n // It is not possible to include a mixin inside a function, so we have to\n // rely on the `im-log(..)` function rather than the `log(..)` mixin. Because\n // functions cannot be called anywhere in Sass, we need to hack the call in\n // a dummy variable, such as `$_`. If anybody ever raise a scoping issue with\n // Sass 3.3, change this line in `@if im-log(..) {}` instead.\n $_: im-log('Unknown unit `#{unit($value)}`.');\n }\n\n @if $operator == '>' {\n $value: $value + $interval;\n } @else if $operator == '<' {\n $value: $value - $interval;\n }\n\n @return $value;\n}\n\n\n///\n/// Parse an expression to return a valid media-query expression\n///\n/// @param {String} $expression - Expression to parse\n///\n/// @return {String} - Valid media query\n///\n@function parse-expression($expression) {\n // If it is part of $media-expressions, it has no operator\n // then there is no need to go any further, just return the value\n @if map-has-key($media-expressions, $expression) {\n @return map-get($media-expressions, $expression);\n }\n\n $operator: get-expression-operator($expression);\n $dimension: get-expression-dimension($expression, $operator);\n $prefix: get-expression-prefix($operator);\n $value: get-expression-value($expression, $operator);\n\n @return '(#{$prefix}-#{$dimension}: #{$value})';\n}\n\n///\n/// Slice `$list` between `$start` and `$end` indexes\n///\n/// @access private\n///\n/// @param {List} $list - List to slice\n/// @param {Number} $start [1] - Start index\n/// @param {Number} $end [length($list)] - End index\n///\n/// @return {List} Sliced list\n///\n@function slice($list, $start: 1, $end: length($list)) {\n @if length($list) < 1 or $start > $end {\n @return ();\n }\n\n $result: ();\n\n @for $i from $start through $end {\n $result: append($result, nth($list, $i));\n }\n\n @return $result;\n}\n\n////\n/// String to number converter\n/// @author Hugo Giraudel\n/// @access private\n////\n\n\n///\n/// Casts a string into a number\n///\n/// @param {String | Number} $value - Value to be parsed\n///\n/// @return {Number}\n///\n@function to-number($value) {\n @if type-of($value) == 'number' {\n @return $value;\n } @else if type-of($value) != 'string' {\n $_: im-log('Value for `to-number` should be a number or a string.');\n }\n\n $first-character: str-slice($value, 1, 1);\n $result: 0;\n $digits: 0;\n $minus: ($first-character == '-');\n $numbers: ('0': 0, '1': 1, '2': 2, '3': 3, '4': 4, '5': 5, '6': 6, '7': 7, '8': 8, '9': 9);\n\n // Remove +/- sign if present at first character\n @if ($first-character == '+' or $first-character == '-') {\n $value: str-slice($value, 2);\n }\n\n @for $i from 1 through str-length($value) {\n $character: str-slice($value, $i, $i);\n\n @if not (index(map-keys($numbers), $character) or $character == '.') {\n @return to-length(if($minus, -$result, $result), str-slice($value, $i))\n }\n\n @if $character == '.' {\n $digits: 1;\n } @else if $digits == 0 {\n $result: $result * 10 + map-get($numbers, $character);\n } @else {\n $digits: $digits * 10;\n $result: $result + map-get($numbers, $character) / $digits;\n }\n }\n\n @return if($minus, -$result, $result);\n}\n\n\n///\n/// Add `$unit` to `$value`\n///\n/// @param {Number} $value - Value to add unit to\n/// @param {String} $unit - String representation of the unit\n///\n/// @return {Number} - `$value` expressed in `$unit`\n///\n@function to-length($value, $unit) {\n $units: ('px': 1px, 'cm': 1cm, 'mm': 1mm, '%': 1%, 'ch': 1ch, 'pc': 1pc, 'in': 1in, 'em': 1em, 'rem': 1rem, 'pt': 1pt, 'ex': 1ex, 'vw': 1vw, 'vh': 1vh, 'vmin': 1vmin, 'vmax': 1vmax);\n\n @if not index(map-keys($units), $unit) {\n $_: im-log('Invalid unit `#{$unit}`.');\n }\n\n @return $value * map-get($units, $unit);\n}\n\n///\n/// This mixin aims at redefining the configuration just for the scope of\n/// the call. It is helpful when having a component needing an extended\n/// configuration such as custom breakpoints (referred to as tweakpoints)\n/// for instance.\n///\n/// @author Hugo Giraudel\n///\n/// @param {Map} $tweakpoints [()] - Map of tweakpoints to be merged with `$breakpoints`\n/// @param {Map} $tweak-media-expressions [()] - Map of tweaked media expressions to be merged with `$media-expression`\n///\n/// @example scss - Extend the global breakpoints with a tweakpoint\n/// @include media-context(('custom': 678px)) {\n/// .foo {\n/// @include media('>phone', '<=custom') {\n/// // ...\n/// }\n/// }\n/// }\n///\n/// @example scss - Extend the global media expressions with a custom one\n/// @include media-context($tweak-media-expressions: ('all': 'all')) {\n/// .foo {\n/// @include media('all', '>phone') {\n/// // ...\n/// }\n/// }\n/// }\n///\n/// @example scss - Extend both configuration maps\n/// @include media-context(('custom': 678px), ('all': 'all')) {\n/// .foo {\n/// @include media('all', '>phone', '<=custom') {\n/// // ...\n/// }\n/// }\n/// }\n///\n@mixin media-context($tweakpoints: (), $tweak-media-expressions: ()) {\n // Save global configuration\n $global-breakpoints: $breakpoints;\n $global-media-expressions: $media-expressions;\n\n // Update global configuration\n $breakpoints: map-merge($breakpoints, $tweakpoints) !global;\n $media-expressions: map-merge($media-expressions, $tweak-media-expressions) !global;\n\n @content;\n\n // Restore global configuration\n $breakpoints: $global-breakpoints !global;\n $media-expressions: $global-media-expressions !global;\n}\n\n////\n/// include-media public exposed API\n/// @author Eduardo Boucas\n/// @access public\n////\n\n\n///\n/// Generates a media query based on a list of conditions\n///\n/// @param {Arglist} $conditions - Media query conditions\n///\n/// @example scss - With a single set breakpoint\n/// @include media('>phone') { }\n///\n/// @example scss - With two set breakpoints\n/// @include media('>phone', '<=tablet') { }\n///\n/// @example scss - With custom values\n/// @include media('>=358px', '<850px') { }\n///\n/// @example scss - With set breakpoints with custom values\n/// @include media('>desktop', '<=1350px') { }\n///\n/// @example scss - With a static expression\n/// @include media('retina2x') { }\n///\n/// @example scss - Mixing everything\n/// @include media('>=350px', ' 0) {\n @media #{unquote(parse-expression(nth($conditions, 1)))} {\n // Recursive call\n @include media(slice($conditions, 2)...) {\n @content;\n }\n }\n }\n}\n","#about-me-parent {\n margin-left: 10px;\n margin-right: 10px;\n margin-bottom: 10px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n\n b {\n font-weight: 500;\n }\n\n .about-me-card {\n //background: var(--about-me);\n border-radius: 5px;\n margin: 0 5px 0;\n padding: 10px;\n width: fit-content;\n color: var(--text);\n }\n\n #about-me {\n //background: var(--about-me);\n border-radius: 5px;\n padding: 15px;\n width: fit-content;\n\n #info-parent {\n display: grid;\n grid-template-columns: 1fr 1fr;\n\n @media screen and (max-width: 660px) {\n grid-template-columns: 1fr;\n }\n }\n\n h1 {\n font-family: \"Fira Code\", monospace;\n font-weight: 500;\n font-size: 46px;\n color: var(--text);\n }\n\n h2 {\n font-family: \"Fira Code\", monospace;\n line-height: normal;\n margin-bottom: 0;\n font-weight: 400;\n color: var(--text);\n\n text-align: left;\n }\n\n p {\n font-family: \"Montserrat\", sans-serif;\n font-size: 16px;\n margin: 0;\n }\n\n ul {\n text-align: left;\n padding-left: 40px;\n margin-bottom: 0;\n }\n\n li {\n font-family: \"Montserrat\", sans-serif;\n font-size: 18px;\n list-style-type: symbols(\"+\");\n list-style-position: inside;\n\n }\n }\n\n}\n\nbutton {\n background: none!important;\n border: none;\n padding: 0!important;\n color: var(--link-color);\n cursor: pointer;\n}\n\na {\n color: var(--link-color);\n}\n"]} \ No newline at end of file diff --git a/static/css/main.72bbd05f.chunk.css b/static/css/main.72bbd05f.chunk.css deleted file mode 100644 index 847bf85..0000000 --- a/static/css/main.72bbd05f.chunk.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Montserrat:wght@400;500;600;700&display=swap);*{color:var(--text)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background)!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{color-scheme:dark;--text:#fff;--background:#1f2022;--header:#84b7db;--footer:var(--header);--about-me:#f1f1f1;--grid-background:var(--background);--grid-header-background:var(--background);--grid-header-text:#f1f1f1;--grid-element-background:#354560;--grid-element-border:#6f6f6f;--grid-element-header:rgb(169 162 228/100%);--chainlink-icon-background:rgba(43,43,43,0.3);--link-color:#1890ff;--grid-element-subheader:#a9a9a9}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#project-grid-background{background:var(--grid-background)}#project-grid-parent{border-radius:5px;margin:10px;padding-left:5px;padding-right:5px}@media (min-width:1100px){#project-grid-parent{width:95%;margin:auto}}@media (min-width:1400px){#project-grid-parent{width:90%;margin:auto}}@media (min-width:1560px){#project-grid-parent{width:85%;margin:auto}}@media (min-width:2000px){#project-grid-parent{width:80%;max-width:1900px;margin:auto}}#project-grid-parent>#project-header{background:var(--grid-header-background);border-radius:5px 5px 0 0;margin-bottom:2px;padding:5px}#project-grid-parent>#project-header *{color:var(--grid-header-text)}#project-grid-parent>#project-header h2{margin-bottom:0;font-family:"Fira Code",monospace;font-size:30px}#project-grid-parent>#project-header p{margin:0 0 3px;font-family:"Montserrat",sans-serif;font-size:18px}#project-grid{margin:auto}@media (max-width:520px){#project-grid .FourByOne,#project-grid .GridSizer,#project-grid .Medium,#project-grid .OneWide{width:100%}}@media (min-width:521px) and (max-width:759px){#project-grid .GridSizer,#project-grid .Medium,#project-grid .OneWide{width:49.5%}#project-grid .FourByOne{width:100%}}@media (min-width:760px) and (max-width:1099px){#project-grid .GridSizer,#project-grid .Medium,#project-grid .OneWide{width:33.3%}#project-grid .FourByOne{width:66.6%}}@media (min-width:1100px) and (max-width:1399px){#project-grid .GridSizer,#project-grid .OneWide{width:24.9%}#project-grid .Medium{width:49.8%}#project-grid .FourByOne{width:74.6%}}@media (min-width:1400px) and (max-width:1559px){#project-grid .GridSizer,#project-grid .OneWide{width:19.9%}#project-grid .Medium{width:39.8%}#project-grid .FourByOne{width:59.5%}}@media (min-width:1560px) and (max-width:1999px){#project-grid .GridSizer,#project-grid .OneWide{width:20%}#project-grid .Medium{width:40%}#project-grid .FourByOne{width:60%}}@media (min-width:2000px){#project-grid .GridSizer,#project-grid .OneWide{width:16.6%}#project-grid .Medium{width:33%}#project-grid .FourByOne{width:49.8%}}.GridElement{padding:10px}.GridElement .GridElementInternal{padding:9px;border-radius:5px;border:var(--grid-element-border);border-width:2px;border-style:solid;background:var(--grid-element-background);box-shadow:0 1px 2px rgba(0,0,0,.15);transition:box-shadow .3s ease-in-out}.GridElement .GridElementInternal:hover{box-shadow:0 2px 5px rgba(0,0,0,.3)}.GridElement h2{font-family:"Fira Code",monospace;font-weight:400;margin-bottom:0;color:var(--grid-element-header);line-height:normal}.GridElement h3{line-height:normal;color:var(--grid-element-subheader);margin-bottom:3px}.GridElement p{font-family:"Montserrat",sans-serif;font-size:16px;color:var(--text);margin-bottom:0}.OneWide{display:flex;flex-direction:column;width:available}.Medium img,.OneWide img{width:100%;margin-bottom:5px}@media (max-width:1099px){.Medium{display:flex;flex-direction:column;width:available}.Medium img{width:100%;margin-bottom:5px}}@media (min-width:1100px){.Medium .image{float:left;width:50%;-webkit-shape-outside:inset(0);shape-outside:inset(0)}.Medium .image img{margin-bottom:0}.Medium .description{display:inline}.Medium .description p{text-align:justify}.Medium .description h2 h3{display:inline}}@media (min-width:1561px){.Medium .image{width:40%;padding-right:10px}}.FourByOne .GridElementInternal{display:flex;align-items:center}.FourByOne .GridElementInternal .image{flex:1 1}.FourByOne .GridElementInternal .image img{width:100%;max-width:100%}.FourByOne .GridElementInternal .description{min-width:20ch;width:30ch}@media (min-width:1101px){.FourByOne .GridElementInternal{flex-direction:row}}@media (max-width:1100px){.FourByOne .GridElementInternal{flex-direction:column}.FourByOne .GridElementInternal .description{width:95%}}.LinkIcon{position:absolute;right:12px;top:12px;font-size:24px;color:#000;background:var(--chainlink-icon-background);border-radius:5px}#about-me-parent{margin-left:10px;margin-right:10px;margin-bottom:10px;display:flex;flex-direction:row;justify-content:center}#about-me-parent b{font-weight:500}#about-me-parent .about-me-card{margin:0 5px;padding:10px;color:var(--text)}#about-me-parent #about-me,#about-me-parent .about-me-card{border-radius:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#about-me-parent #about-me{padding:15px}#about-me-parent #about-me #info-parent{display:grid;grid-template-columns:1fr 1fr}@media screen and (max-width:660px){#about-me-parent #about-me #info-parent{grid-template-columns:1fr}}#about-me-parent #about-me h1{font-family:"Fira Code",monospace;font-weight:500;font-size:46px;color:var(--text)}#about-me-parent #about-me h2{font-family:"Fira Code",monospace;line-height:normal;margin-bottom:0;font-weight:400;color:var(--text);text-align:left}#about-me-parent #about-me p{font-family:"Montserrat",sans-serif;font-size:16px;margin:0}#about-me-parent #about-me ul{text-align:left;padding-left:40px;margin-bottom:0}#about-me-parent #about-me li{font-family:"Montserrat",sans-serif;font-size:18px;list-style-type:symbols("+");list-style-position:inside}button{background:none!important;border:none;padding:0!important;cursor:pointer}a,button{color:var(--link-color)} -/*# sourceMappingURL=main.72bbd05f.chunk.css.map */ \ No newline at end of file diff --git a/static/css/main.72bbd05f.chunk.css.map b/static/css/main.72bbd05f.chunk.css.map deleted file mode 100644 index 6ea4541..0000000 --- a/static/css/main.72bbd05f.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["main.72bbd05f.chunk.css","webpack://src/index.scss","webpack://src/vars.scss","webpack://src/App.scss","webpack://src/components/ProjectGrid.scss","webpack://node_modules/include-media/dist/_include-media.scss","webpack://src/components/AboutMe/AboutMe.scss"],"names":[],"mappings":"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","file":"main.72bbd05f.chunk.css","sourcesContent":["@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Montserrat:wght@400;500;600;700&display=swap);\n*{color:var(--text)}body{margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background) !important}code{font-family:source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace}:root{color-scheme:dark}\n\n\n\n:root{--text: white;--background: #1f2022;--header: #84B7DB;--footer: var(--header);--about-me: #F1F1F1;--grid-background: var(--background);--grid-header-background: var(--background);--grid-header-text: #F1F1F1;--grid-element-background: #354560;--grid-element-border: #6f6f6f;--grid-element-header: rgb(169 162 228 / 100%);--chainlink-icon-background: rgba(43, 43, 43, 0.3);--link-color: #1890ff;--grid-element-subheader: darkgrey}\n\n.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:white}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes App-logo-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n\n\n#project-grid-background{background:var(--grid-background)}#project-grid-parent{border-radius:5px;margin:10px;padding-left:5px;padding-right:5px}@media (min-width: 1100px){#project-grid-parent{width:95%;margin:auto}}@media (min-width: 1400px){#project-grid-parent{width:90%;margin:auto}}@media (min-width: 1560px){#project-grid-parent{width:85%;margin:auto}}@media (min-width: 2000px){#project-grid-parent{width:80%;max-width:1900px;margin:auto}}#project-grid-parent>#project-header{background:var(--grid-header-background);border-radius:5px 5px 0 0;margin-bottom:2px;padding:5px}#project-grid-parent>#project-header *{color:var(--grid-header-text)}#project-grid-parent>#project-header h2{margin-bottom:0;font-family:\"Fira Code\", monospace;font-size:30px}#project-grid-parent>#project-header p{margin:0 0 3px;font-family:\"Montserrat\", sans-serif;font-size:18px}#project-grid{margin:auto}@media (max-width: 520px){#project-grid .GridSizer,#project-grid .OneWide,#project-grid .FourByOne,#project-grid .Medium{width:100%}}@media (min-width: 521px) and (max-width: 759px){#project-grid .GridSizer,#project-grid .OneWide,#project-grid .Medium{width:49.5%}#project-grid .FourByOne{width:100%}}@media (min-width: 760px) and (max-width: 1099px){#project-grid .GridSizer,#project-grid .OneWide,#project-grid .Medium{width:33.3%}#project-grid .FourByOne{width:66.6%}}@media (min-width: 1100px) and (max-width: 1399px){#project-grid .GridSizer,#project-grid .OneWide{width:24.9%}#project-grid .Medium{width:49.8%}#project-grid .FourByOne{width:74.6%}}@media (min-width: 1400px) and (max-width: 1559px){#project-grid .GridSizer,#project-grid .OneWide{width:19.9%}#project-grid .Medium{width:39.8%}#project-grid .FourByOne{width:59.5%}}@media (min-width: 1560px) and (max-width: 1999px){#project-grid .GridSizer,#project-grid .OneWide{width:20%}#project-grid .Medium{width:40%}#project-grid .FourByOne{width:60%}}@media (min-width: 2000px){#project-grid .GridSizer,#project-grid .OneWide{width:16.6%}#project-grid .Medium{width:33%}#project-grid .FourByOne{width:49.8%}}.GridElement{padding:10px}.GridElement .GridElementInternal{padding:9px;border-radius:5px;border:var(--grid-element-border);border-width:2px;border-style:solid;background:var(--grid-element-background);box-shadow:0 1px 2px rgba(0,0,0,0.15);transition:box-shadow 0.3s ease-in-out}.GridElement .GridElementInternal:hover{box-shadow:0 2px 5px rgba(0,0,0,0.3)}.GridElement h2{font-family:\"Fira Code\", monospace;font-weight:400;margin-bottom:0px;color:var(--grid-element-header);line-height:normal}.GridElement h3{line-height:normal;color:var(--grid-element-subheader);margin-bottom:3px}.GridElement p{font-family:\"Montserrat\", sans-serif;font-size:16px;color:var(--text);margin-bottom:0}.OneWide{display:flex;flex-direction:column;width:available}.OneWide img{width:100%;margin-bottom:5px}.Medium img{width:100%;margin-bottom:5px}@media (max-width: 1099px){.Medium{display:flex;flex-direction:column;width:available}.Medium img{width:100%;margin-bottom:5px}}@media (min-width: 1100px){.Medium .image{float:left;width:50%;-webkit-shape-outside:inset(0);shape-outside:inset(0)}.Medium .image img{margin-bottom:0}.Medium .description{display:inline}.Medium .description p{text-align:justify}.Medium .description h2 h3{display:inline}}@media (min-width: 1561px){.Medium .image{width:40%;padding-right:10px}}.FourByOne .GridElementInternal{display:flex;align-items:center}.FourByOne .GridElementInternal .image{flex:1 1}.FourByOne .GridElementInternal .image img{width:100%;max-width:100%}.FourByOne .GridElementInternal .description{min-width:20ch;width:30ch}@media (min-width: 1101px){.FourByOne .GridElementInternal{flex-direction:row}}@media (max-width: 1100px){.FourByOne .GridElementInternal{flex-direction:column}.FourByOne .GridElementInternal .description{width:95%}}.LinkIcon{position:absolute;right:12px;top:12px;font-size:24px;color:black;background:var(--chainlink-icon-background);border-radius:5px}\n\n#about-me-parent{margin-left:10px;margin-right:10px;margin-bottom:10px;display:flex;flex-direction:row;justify-content:center}#about-me-parent b{font-weight:500}#about-me-parent .about-me-card{border-radius:5px;margin:0 5px 0;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--text)}#about-me-parent #about-me{border-radius:5px;padding:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#about-me-parent #about-me #info-parent{display:grid;grid-template-columns:1fr 1fr}@media screen and (max-width: 660px){#about-me-parent #about-me #info-parent{grid-template-columns:1fr}}#about-me-parent #about-me h1{font-family:\"Fira Code\", monospace;font-weight:500;font-size:46px;color:var(--text)}#about-me-parent #about-me h2{font-family:\"Fira Code\", monospace;line-height:normal;margin-bottom:0;font-weight:400;color:var(--text);text-align:left}#about-me-parent #about-me p{font-family:\"Montserrat\", sans-serif;font-size:16px;margin:0}#about-me-parent #about-me ul{text-align:left;padding-left:40px;margin-bottom:0}#about-me-parent #about-me li{font-family:\"Montserrat\", sans-serif;font-size:18px;list-style-type:symbols(\"+\");list-style-position:inside}button{background:none !important;border:none;padding:0 !important;color:var(--link-color);cursor:pointer}a{color:var(--link-color)}\n\n","* {\n color: var(--text);\n}\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n //background: url(\"./images/y-so-serious-white.png\") repeat;\n background-color: var(--background) !important;\n}\n\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n\n:root {\n color-scheme: dark;\n}\n",":root {\n --text: white;\n --background: #1f2022;\n --header: #84B7DB;\n --footer: var(--header);\n --about-me: #F1F1F1;\n --grid-background: var(--background);\n --grid-header-background: var(--background);\n --grid-header-text: #F1F1F1;\n --grid-element-background: #354560;\n --grid-element-border: #6f6f6f;\n --grid-element-header: rgb(169 162 228 / 100%);\n --chainlink-icon-background: rgba(43, 43, 43, 0.3);\n --link-color: #1890ff;\n --grid-element-subheader: darkgrey;\n}\n\n\n//:root {\n// --text: black;\n// --background: #FFFFFF;\n// --header: #55CDFC;\n// --footer: #55CDFC;\n// --about-me: #F7A8B8;\n// --grid-background: #F7A8B8;\n// --grid-header-background: #55CDFC;\n// --grid-header-text: black;\n// --grid-element-background: #FFFFFF;\n// --grid-element-border: var(--grid-element-background);\n// --chainlink-icon-background: rgba(224, 255, 255, 0.7);\n// --link-color: grey;\n// --grid-element-subheader: #F7A8B8;\n//}\n","@import '~antd/dist/antd.css';\n\n.App {\n text-align: center;\n}\n\n.App-logo {\n height: 40vmin;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .App-logo {\n animation: App-logo-spin infinite 20s linear;\n }\n}\n\n.App-header {\n background-color: #282c34;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: calc(10px + 2vmin);\n color: white;\n}\n\n.App-link {\n color: #61dafb;\n}\n\n@keyframes App-logo-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n","@import \"~include-media/dist/_include-media.scss\";\n\n$breakpoints: (x-small: 520px, small: 760px, medium: 1100px, large: 1400px, x-large: 1560px, xx-large: 2000px);\n\n// Override Sass min()\n@function min($numbers...) {\n @return m#{i}n(#{$numbers});\n}\n\n// Override Sass max()\n@function max($numbers...) {\n @return m#{a}x(#{$numbers});\n}\n\n#project-grid-background {\n background: var(--grid-background);\n}\n\n#project-grid-parent {\n border-radius: 5px;\n margin: 10px;\n padding-left: 5px;\n padding-right: 5px;\n //background: var(--grid-background);\n\n\n @include media(\">=medium\") {\n width: 95%;\n margin: auto;\n }\n\n @include media(\">=large\") {\n width: 90%;\n margin: auto;\n }\n\n @include media(\">=x-large\") {\n width: 85%;\n margin: auto;\n }\n\n @include media(\">=xx-large\") {\n width: 80%;\n max-width: 1900px;\n margin: auto;\n }\n\n\n & > #project-header {\n background: var(--grid-header-background);\n border-radius: 5px 5px 0 0;\n margin-bottom: 2px;\n\n\n padding: 5px;\n\n * {\n color: var(--grid-header-text);\n }\n\n h2 {\n margin-bottom: 0;\n font-family: \"Fira Code\", monospace;\n font-size: 30px;\n }\n\n p {\n margin: 0 0 3px;\n font-family: \"Montserrat\", sans-serif;\n font-size: 18px;\n }\n\n }\n}\n\n\n#project-grid {\n\n margin: auto;\n @include media(\"<=x-small\") {\n .GridSizer, .OneWide, .FourByOne, .Medium {\n width: 100%;\n }\n }\n\n @include media(\">x-small\", \"=small\", \"=medium\", \"=large\", \"=x-large\", \"=xx-large\") {\n .GridSizer, .OneWide {\n width: 16.6%;\n }\n .Medium {\n width: 33%;\n }\n .FourByOne {\n width: 49.8%;\n }\n }\n}\n\n.GridElement {\n padding: 10px;\n\n\n .GridElementInternal {\n padding: 9px;\n border-radius: 5px;\n border: var(--grid-element-border);\n border-width: 2px;\n border-style: solid;\n background: var(--grid-element-background);\n\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);\n transition: box-shadow 0.3s ease-in-out;\n }\n\n .GridElementInternal:hover {\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);\n }\n\n h2 {\n font-family: \"Fira Code\", monospace;\n font-weight: 400;\n margin-bottom: 0px;\n color: var(--grid-element-header);\n line-height: normal;\n }\n\n h3 {\n line-height: normal;\n color: var(--grid-element-subheader);\n margin-bottom: 3px;\n }\n\n p {\n font-family: \"Montserrat\", sans-serif;\n font-size: 16px;\n color: var(--text);\n margin-bottom: 0;\n }\n}\n\n.OneWide {\n display: flex;\n flex-direction: column;\n width: available;\n\n img {\n width: 100%;\n margin-bottom: 5px;\n }\n}\n\n.Medium {\n img {\n width: 100%;\n margin-bottom: 5px;\n }\n\n @include media(\"=medium\") {\n // Two column sort of layout\n .image {\n float: left;\n width: 50%;\n shape-outside: inset(0);\n\n img {\n margin-bottom: 0;\n }\n }\n\n .description {\n display: inline;\n\n p {\n text-align: justify;\n }\n\n h2 h3 {\n display: inline;\n }\n }\n }\n\n @include media(\">x-large\") {\n .image {\n width: 40%;\n padding-right: 10px;\n }\n }\n}\n\n.FourByOne {\n .GridElementInternal {\n display: flex;\n align-items: center;\n\n .image {\n flex: 1;\n\n img {\n width: 100%;\n max-width: 100%;\n }\n }\n\n .description {\n min-width: 20ch;\n width: 30ch;\n }\n\n @include media(\">medium\") {\n flex-direction: row;\n\n }\n @include media(\"<=medium\") {\n flex-direction: column;\n .description {\n width: 95%;\n }\n }\n }\n}\n\n.LinkIcon {\n position: absolute;\n right: 12px;\n top: 12px;\n font-size: 24px;\n color: black;\n\n background: var(--chainlink-icon-background);\n border-radius: 5px;\n}\n","@charset \"UTF-8\";\n\n// _ _ _ _ _\n// (_) | | | | | (_)\n// _ _ __ ___| |_ _ __| | ___ _ __ ___ ___ __| |_ __ _\n// | | '_ \\ / __| | | | |/ _` |/ _ \\ | '_ ` _ \\ / _ \\/ _` | |/ _` |\n// | | | | | (__| | |_| | (_| | __/ | | | | | | __/ (_| | | (_| |\n// |_|_| |_|\\___|_|\\__,_|\\__,_|\\___| |_| |_| |_|\\___|\\__,_|_|\\__,_|\n//\n// Simple, elegant and maintainable media queries in Sass\n// v1.4.9\n//\n// http://include-media.com\n//\n// Authors: Eduardo Boucas (@eduardoboucas)\n// Hugo Giraudel (@hugogiraudel)\n//\n// This project is licensed under the terms of the MIT license\n\n\n////\n/// include-media library public configuration\n/// @author Eduardo Boucas\n/// @access public\n////\n\n\n///\n/// Creates a list of global breakpoints\n///\n/// @example scss - Creates a single breakpoint with the label `phone`\n/// $breakpoints: ('phone': 320px);\n///\n$breakpoints: (\n 'phone': 320px,\n 'tablet': 768px,\n 'desktop': 1024px\n) !default;\n\n\n///\n/// Creates a list of static expressions or media types\n///\n/// @example scss - Creates a single media type (screen)\n/// $media-expressions: ('screen': 'screen');\n///\n/// @example scss - Creates a static expression with logical disjunction (OR operator)\n/// $media-expressions: (\n/// 'retina2x': '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)'\n/// );\n///\n$media-expressions: (\n 'screen': 'screen',\n 'print': 'print',\n 'handheld': 'handheld',\n 'landscape': '(orientation: landscape)',\n 'portrait': '(orientation: portrait)',\n 'retina2x': '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)',\n 'retina3x': '(-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx)'\n) !default;\n\n\n///\n/// Defines a number to be added or subtracted from each unit when declaring breakpoints with exclusive intervals\n///\n/// @example scss - Interval for pixels is defined as `1` by default\n/// @include media('>128px') {}\n///\n/// /* Generates: */\n/// @media (min-width: 129px) {}\n///\n/// @example scss - Interval for ems is defined as `0.01` by default\n/// @include media('>20em') {}\n///\n/// /* Generates: */\n/// @media (min-width: 20.01em) {}\n///\n/// @example scss - Interval for rems is defined as `0.1` by default, to be used with `font-size: 62.5%;`\n/// @include media('>2.0rem') {}\n///\n/// /* Generates: */\n/// @media (min-width: 2.1rem) {}\n///\n$unit-intervals: (\n 'px': 1,\n 'em': 0.01,\n 'rem': 0.1,\n '': 0\n) !default;\n\n///\n/// Defines whether support for media queries is available, useful for creating separate stylesheets\n/// for browsers that don't support media queries.\n///\n/// @example scss - Disables support for media queries\n/// $im-media-support: false;\n/// @include media('>=tablet') {\n/// .foo {\n/// color: tomato;\n/// }\n/// }\n///\n/// /* Generates: */\n/// .foo {\n/// color: tomato;\n/// }\n///\n$im-media-support: true !default;\n\n///\n/// Selects which breakpoint to emulate when support for media queries is disabled. Media queries that start at or\n/// intercept the breakpoint will be displayed, any others will be ignored.\n///\n/// @example scss - This media query will show because it intercepts the static breakpoint\n/// $im-media-support: false;\n/// $im-no-media-breakpoint: 'desktop';\n/// @include media('>=tablet') {\n/// .foo {\n/// color: tomato;\n/// }\n/// }\n///\n/// /* Generates: */\n/// .foo {\n/// color: tomato;\n/// }\n///\n/// @example scss - This media query will NOT show because it does not intercept the desktop breakpoint\n/// $im-media-support: false;\n/// $im-no-media-breakpoint: 'tablet';\n/// @include media('>=desktop') {\n/// .foo {\n/// color: tomato;\n/// }\n/// }\n///\n/// /* No output */\n///\n$im-no-media-breakpoint: 'desktop' !default;\n\n///\n/// Selects which media expressions are allowed in an expression for it to be used when media queries\n/// are not supported.\n///\n/// @example scss - This media query will show because it intercepts the static breakpoint and contains only accepted media expressions\n/// $im-media-support: false;\n/// $im-no-media-breakpoint: 'desktop';\n/// $im-no-media-expressions: ('screen');\n/// @include media('>=tablet', 'screen') {\n/// .foo {\n/// color: tomato;\n/// }\n/// }\n///\n/// /* Generates: */\n/// .foo {\n/// color: tomato;\n/// }\n///\n/// @example scss - This media query will NOT show because it intercepts the static breakpoint but contains a media expression that is not accepted\n/// $im-media-support: false;\n/// $im-no-media-breakpoint: 'desktop';\n/// $im-no-media-expressions: ('screen');\n/// @include media('>=tablet', 'retina2x') {\n/// .foo {\n/// color: tomato;\n/// }\n/// }\n///\n/// /* No output */\n///\n$im-no-media-expressions: ('screen', 'portrait', 'landscape') !default;\n\n////\n/// Cross-engine logging engine\n/// @author Hugo Giraudel\n/// @access private\n////\n\n\n///\n/// Log a message either with `@error` if supported\n/// else with `@warn`, using `feature-exists('at-error')`\n/// to detect support.\n///\n/// @param {String} $message - Message to log\n///\n@function im-log($message) {\n @if feature-exists('at-error') {\n @error $message;\n } @else {\n @warn $message;\n $_: noop();\n }\n\n @return $message;\n}\n\n\n///\n/// Wrapper mixin for the log function so it can be used with a more friendly\n/// API than `@if im-log('..') {}` or `$_: im-log('..')`. Basically, use the function\n/// within functions because it is not possible to include a mixin in a function\n/// and use the mixin everywhere else because it's much more elegant.\n///\n/// @param {String} $message - Message to log\n///\n@mixin log($message) {\n @if im-log($message) {}\n}\n\n\n///\n/// Function with no `@return` called next to `@warn` in Sass 3.3\n/// to trigger a compiling error and stop the process.\n///\n@function noop() {}\n\n///\n/// Determines whether a list of conditions is intercepted by the static breakpoint.\n///\n/// @param {Arglist} $conditions - Media query conditions\n///\n/// @return {Boolean} - Returns true if the conditions are intercepted by the static breakpoint\n///\n@function im-intercepts-static-breakpoint($conditions...) {\n $no-media-breakpoint-value: map-get($breakpoints, $im-no-media-breakpoint);\n\n @if not $no-media-breakpoint-value {\n @if im-log('`#{$im-no-media-breakpoint}` is not a valid breakpoint.') {}\n }\n\n @each $condition in $conditions {\n @if not map-has-key($media-expressions, $condition) {\n $operator: get-expression-operator($condition);\n $prefix: get-expression-prefix($operator);\n $value: get-expression-value($condition, $operator);\n\n // scss-lint:disable SpaceAroundOperator\n @if ($prefix == 'max' and $value <= $no-media-breakpoint-value) or\n ($prefix == 'min' and $value > $no-media-breakpoint-value) {\n @return false;\n }\n } @else if not index($im-no-media-expressions, $condition) {\n @return false;\n }\n }\n\n @return true;\n}\n\n////\n/// Parsing engine\n/// @author Hugo Giraudel\n/// @access private\n////\n\n\n///\n/// Get operator of an expression\n///\n/// @param {String} $expression - Expression to extract operator from\n///\n/// @return {String} - Any of `>=`, `>`, `<=`, `<`, `≥`, `≤`\n///\n@function get-expression-operator($expression) {\n @each $operator in ('>=', '>', '<=', '<', '≥', '≤') {\n @if str-index($expression, $operator) {\n @return $operator;\n }\n }\n\n // It is not possible to include a mixin inside a function, so we have to\n // rely on the `im-log(..)` function rather than the `log(..)` mixin. Because\n // functions cannot be called anywhere in Sass, we need to hack the call in\n // a dummy variable, such as `$_`. If anybody ever raise a scoping issue with\n // Sass 3.3, change this line in `@if im-log(..) {}` instead.\n $_: im-log('No operator found in `#{$expression}`.');\n}\n\n\n///\n/// Get dimension of an expression, based on a found operator\n///\n/// @param {String} $expression - Expression to extract dimension from\n/// @param {String} $operator - Operator from `$expression`\n///\n/// @return {String} - `width` or `height` (or potentially anything else)\n///\n@function get-expression-dimension($expression, $operator) {\n $operator-index: str-index($expression, $operator);\n $parsed-dimension: str-slice($expression, 0, $operator-index - 1);\n $dimension: 'width';\n\n @if str-length($parsed-dimension) > 0 {\n $dimension: $parsed-dimension;\n }\n\n @return $dimension;\n}\n\n\n///\n/// Get dimension prefix based on an operator\n///\n/// @param {String} $operator - Operator\n///\n/// @return {String} - `min` or `max`\n///\n@function get-expression-prefix($operator) {\n @return if(index(('<', '<=', '≤'), $operator), 'max', 'min');\n}\n\n\n///\n/// Get value of an expression, based on a found operator\n///\n/// @param {String} $expression - Expression to extract value from\n/// @param {String} $operator - Operator from `$expression`\n///\n/// @return {Number} - A numeric value\n///\n@function get-expression-value($expression, $operator) {\n $operator-index: str-index($expression, $operator);\n $value: str-slice($expression, $operator-index + str-length($operator));\n\n @if map-has-key($breakpoints, $value) {\n $value: map-get($breakpoints, $value);\n } @else {\n $value: to-number($value);\n }\n\n $interval: map-get($unit-intervals, unit($value));\n\n @if not $interval {\n // It is not possible to include a mixin inside a function, so we have to\n // rely on the `im-log(..)` function rather than the `log(..)` mixin. Because\n // functions cannot be called anywhere in Sass, we need to hack the call in\n // a dummy variable, such as `$_`. If anybody ever raise a scoping issue with\n // Sass 3.3, change this line in `@if im-log(..) {}` instead.\n $_: im-log('Unknown unit `#{unit($value)}`.');\n }\n\n @if $operator == '>' {\n $value: $value + $interval;\n } @else if $operator == '<' {\n $value: $value - $interval;\n }\n\n @return $value;\n}\n\n\n///\n/// Parse an expression to return a valid media-query expression\n///\n/// @param {String} $expression - Expression to parse\n///\n/// @return {String} - Valid media query\n///\n@function parse-expression($expression) {\n // If it is part of $media-expressions, it has no operator\n // then there is no need to go any further, just return the value\n @if map-has-key($media-expressions, $expression) {\n @return map-get($media-expressions, $expression);\n }\n\n $operator: get-expression-operator($expression);\n $dimension: get-expression-dimension($expression, $operator);\n $prefix: get-expression-prefix($operator);\n $value: get-expression-value($expression, $operator);\n\n @return '(#{$prefix}-#{$dimension}: #{$value})';\n}\n\n///\n/// Slice `$list` between `$start` and `$end` indexes\n///\n/// @access private\n///\n/// @param {List} $list - List to slice\n/// @param {Number} $start [1] - Start index\n/// @param {Number} $end [length($list)] - End index\n///\n/// @return {List} Sliced list\n///\n@function slice($list, $start: 1, $end: length($list)) {\n @if length($list) < 1 or $start > $end {\n @return ();\n }\n\n $result: ();\n\n @for $i from $start through $end {\n $result: append($result, nth($list, $i));\n }\n\n @return $result;\n}\n\n////\n/// String to number converter\n/// @author Hugo Giraudel\n/// @access private\n////\n\n\n///\n/// Casts a string into a number\n///\n/// @param {String | Number} $value - Value to be parsed\n///\n/// @return {Number}\n///\n@function to-number($value) {\n @if type-of($value) == 'number' {\n @return $value;\n } @else if type-of($value) != 'string' {\n $_: im-log('Value for `to-number` should be a number or a string.');\n }\n\n $first-character: str-slice($value, 1, 1);\n $result: 0;\n $digits: 0;\n $minus: ($first-character == '-');\n $numbers: ('0': 0, '1': 1, '2': 2, '3': 3, '4': 4, '5': 5, '6': 6, '7': 7, '8': 8, '9': 9);\n\n // Remove +/- sign if present at first character\n @if ($first-character == '+' or $first-character == '-') {\n $value: str-slice($value, 2);\n }\n\n @for $i from 1 through str-length($value) {\n $character: str-slice($value, $i, $i);\n\n @if not (index(map-keys($numbers), $character) or $character == '.') {\n @return to-length(if($minus, -$result, $result), str-slice($value, $i))\n }\n\n @if $character == '.' {\n $digits: 1;\n } @else if $digits == 0 {\n $result: $result * 10 + map-get($numbers, $character);\n } @else {\n $digits: $digits * 10;\n $result: $result + map-get($numbers, $character) / $digits;\n }\n }\n\n @return if($minus, -$result, $result);\n}\n\n\n///\n/// Add `$unit` to `$value`\n///\n/// @param {Number} $value - Value to add unit to\n/// @param {String} $unit - String representation of the unit\n///\n/// @return {Number} - `$value` expressed in `$unit`\n///\n@function to-length($value, $unit) {\n $units: ('px': 1px, 'cm': 1cm, 'mm': 1mm, '%': 1%, 'ch': 1ch, 'pc': 1pc, 'in': 1in, 'em': 1em, 'rem': 1rem, 'pt': 1pt, 'ex': 1ex, 'vw': 1vw, 'vh': 1vh, 'vmin': 1vmin, 'vmax': 1vmax);\n\n @if not index(map-keys($units), $unit) {\n $_: im-log('Invalid unit `#{$unit}`.');\n }\n\n @return $value * map-get($units, $unit);\n}\n\n///\n/// This mixin aims at redefining the configuration just for the scope of\n/// the call. It is helpful when having a component needing an extended\n/// configuration such as custom breakpoints (referred to as tweakpoints)\n/// for instance.\n///\n/// @author Hugo Giraudel\n///\n/// @param {Map} $tweakpoints [()] - Map of tweakpoints to be merged with `$breakpoints`\n/// @param {Map} $tweak-media-expressions [()] - Map of tweaked media expressions to be merged with `$media-expression`\n///\n/// @example scss - Extend the global breakpoints with a tweakpoint\n/// @include media-context(('custom': 678px)) {\n/// .foo {\n/// @include media('>phone', '<=custom') {\n/// // ...\n/// }\n/// }\n/// }\n///\n/// @example scss - Extend the global media expressions with a custom one\n/// @include media-context($tweak-media-expressions: ('all': 'all')) {\n/// .foo {\n/// @include media('all', '>phone') {\n/// // ...\n/// }\n/// }\n/// }\n///\n/// @example scss - Extend both configuration maps\n/// @include media-context(('custom': 678px), ('all': 'all')) {\n/// .foo {\n/// @include media('all', '>phone', '<=custom') {\n/// // ...\n/// }\n/// }\n/// }\n///\n@mixin media-context($tweakpoints: (), $tweak-media-expressions: ()) {\n // Save global configuration\n $global-breakpoints: $breakpoints;\n $global-media-expressions: $media-expressions;\n\n // Update global configuration\n $breakpoints: map-merge($breakpoints, $tweakpoints) !global;\n $media-expressions: map-merge($media-expressions, $tweak-media-expressions) !global;\n\n @content;\n\n // Restore global configuration\n $breakpoints: $global-breakpoints !global;\n $media-expressions: $global-media-expressions !global;\n}\n\n////\n/// include-media public exposed API\n/// @author Eduardo Boucas\n/// @access public\n////\n\n\n///\n/// Generates a media query based on a list of conditions\n///\n/// @param {Arglist} $conditions - Media query conditions\n///\n/// @example scss - With a single set breakpoint\n/// @include media('>phone') { }\n///\n/// @example scss - With two set breakpoints\n/// @include media('>phone', '<=tablet') { }\n///\n/// @example scss - With custom values\n/// @include media('>=358px', '<850px') { }\n///\n/// @example scss - With set breakpoints with custom values\n/// @include media('>desktop', '<=1350px') { }\n///\n/// @example scss - With a static expression\n/// @include media('retina2x') { }\n///\n/// @example scss - Mixing everything\n/// @include media('>=350px', ' 0) {\n @media #{unquote(parse-expression(nth($conditions, 1)))} {\n // Recursive call\n @include media(slice($conditions, 2)...) {\n @content;\n }\n }\n }\n}\n","#about-me-parent {\n margin-left: 10px;\n margin-right: 10px;\n margin-bottom: 10px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n\n b {\n font-weight: 500;\n }\n\n .about-me-card {\n //background: var(--about-me);\n border-radius: 5px;\n margin: 0 5px 0;\n padding: 10px;\n width: fit-content;\n color: var(--text);\n }\n\n #about-me {\n //background: var(--about-me);\n border-radius: 5px;\n padding: 15px;\n width: fit-content;\n\n #info-parent {\n display: grid;\n grid-template-columns: 1fr 1fr;\n\n @media screen and (max-width: 660px) {\n grid-template-columns: 1fr;\n }\n }\n\n h1 {\n font-family: \"Fira Code\", monospace;\n font-weight: 500;\n font-size: 46px;\n color: var(--text);\n }\n\n h2 {\n font-family: \"Fira Code\", monospace;\n line-height: normal;\n margin-bottom: 0;\n font-weight: 400;\n color: var(--text);\n\n text-align: left;\n }\n\n p {\n font-family: \"Montserrat\", sans-serif;\n font-size: 16px;\n margin: 0;\n }\n\n ul {\n text-align: left;\n padding-left: 40px;\n margin-bottom: 0;\n }\n\n li {\n font-family: \"Montserrat\", sans-serif;\n font-size: 18px;\n list-style-type: symbols(\"+\");\n list-style-position: inside;\n\n }\n }\n\n}\n\nbutton {\n background: none!important;\n border: none;\n padding: 0!important;\n color: var(--link-color);\n cursor: pointer;\n}\n\na {\n color: var(--link-color);\n}\n"]} \ No newline at end of file diff --git a/static/js/main.a7d5696e.chunk.js b/static/js/main.a7d5696e.chunk.js deleted file mode 100644 index 0df65b9..0000000 --- a/static/js/main.a7d5696e.chunk.js +++ /dev/null @@ -1,2 +0,0 @@ -(this["webpackJsonppersonal-website-static"]=this["webpackJsonppersonal-website-static"]||[]).push([[0],{117:function(e,t,i){"use strict";i.r(t);var n=i(1),r=i(0),a=i(43),s=(i(75),i(76),i(77),i(78),i(79),i(80),i(44)),o=i.n(s),c=i(45),l=i.n(c),d=i(122),h=i.p+"static/media/SanDiego.35f8cc09.svg",j=i.p+"static/media/scoresaver.3f65e348.svg",m=i.p+"static/media/HashiCorp_Logo_no_text.344aecaa.png",b=i.p+"static/media/bennu.e9020d82.gif",u=i.p+"static/media/kat-site.d60ec831.png";function g(e){var t=e.title,i=e.text,r=e.link,a=e.org;return void 0===r?Object(n.jsx)("div",{className:"OneWide GridElement",children:Object(n.jsxs)("div",{className:"GridElementInternal",children:[Object(n.jsxs)("div",{className:"title",children:[Object(n.jsx)("h2",{children:t}),a&&Object(n.jsx)("h3",{children:a})]}),Object(n.jsx)("div",{className:"description",children:Object(n.jsx)("p",{children:i})})]})}):Object(n.jsx)("a",{className:"OneWide GridElement Link",href:r,rel:"noreferrer",target:"_blank",children:Object(n.jsxs)("div",{className:"GridElementInternal",children:[Object(n.jsxs)("div",{className:"title",children:[Object(n.jsx)("h2",{children:t}),a&&Object(n.jsx)("h3",{children:a}),Object(n.jsx)(d.a,{className:"LinkIcon"})]}),Object(n.jsx)("div",{className:"description",children:Object(n.jsx)("p",{children:i})})]})})}function p(e){var t=e.image_url,i=e.image_alt,r=e.title,a=e.text,s=e.link,o=e.org;return void 0===s?Object(n.jsx)("div",{className:"OneWide Pic GridElement",children:Object(n.jsxs)("div",{className:"GridElementInternal",children:[Object(n.jsx)("div",{className:"image",children:Object(n.jsx)("img",{src:t,alt:i})}),Object(n.jsxs)("div",{className:"description",children:[Object(n.jsx)("h2",{children:r}),o&&Object(n.jsx)("h3",{children:o}),Object(n.jsx)("p",{children:a})]})]})}):Object(n.jsx)("a",{className:"OneWide Pic GridElement Link",href:s,target:"_blank",rel:"noreferrer",children:Object(n.jsxs)("div",{className:"GridElementInternal",children:[Object(n.jsxs)("div",{className:"image",children:[Object(n.jsx)("img",{src:t,alt:i}),Object(n.jsx)(d.a,{className:"LinkIcon"})]}),Object(n.jsxs)("div",{className:"description",children:[Object(n.jsx)("h2",{children:r}),o&&Object(n.jsx)("h3",{children:o}),Object(n.jsx)("p",{children:a})]})]})})}function f(e){var t=e.image_url,i=e.image_alt,r=e.title,a=e.text,s=e.link,o=e.org;return void 0===s?Object(n.jsx)("div",{className:"Medium GridElement",children:Object(n.jsxs)("div",{className:"GridElementInternal",children:[Object(n.jsx)("div",{className:"image",children:Object(n.jsx)("img",{src:t,alt:i})}),Object(n.jsxs)("div",{className:"description",children:[Object(n.jsx)("h2",{children:r}),o&&Object(n.jsx)("h3",{children:o}),Object(n.jsx)("p",{children:a})]})]})}):Object(n.jsx)("a",{className:"Medium GridElement Link",href:s,target:"_blank",rel:"noreferrer",children:Object(n.jsxs)("div",{className:"GridElementInternal",children:[Object(n.jsxs)("div",{className:"image",children:[Object(n.jsx)("img",{src:t,alt:i}),Object(n.jsx)(d.a,{className:"LinkIcon"})]}),Object(n.jsxs)("div",{className:"description",children:[Object(n.jsx)("h2",{children:r}),o&&Object(n.jsx)("h3",{children:o}),Object(n.jsx)("p",{children:a})]})]})})}function x(e){var t=e.image_url,i=e.image_alt,r=e.title,a=e.text,s=e.link,o=e.org;return void 0===s?Object(n.jsx)("div",{className:"FourByOne GridElement",children:Object(n.jsxs)("div",{className:"GridElementInternal",children:[Object(n.jsx)("div",{className:"image",children:Object(n.jsx)("img",{src:t,alt:i})}),Object(n.jsxs)("div",{className:"description",children:[Object(n.jsx)("h2",{children:r}),o&&Object(n.jsx)("h3",{children:o}),Object(n.jsx)("p",{children:a})]})]})}):Object(n.jsx)("a",{className:"FourByOne GridElement Link",href:s,target:"_blank",rel:"noreferrer",children:Object(n.jsxs)("div",{className:"GridElementInternal",children:[Object(n.jsxs)("div",{className:"image",children:[Object(n.jsx)("img",{src:t,alt:i}),Object(n.jsx)(d.a,{className:"LinkIcon"})]}),Object(n.jsxs)("div",{className:"description",children:[Object(n.jsx)("h2",{children:r}),o&&Object(n.jsx)("h3",{children:o}),Object(n.jsx)("p",{children:a})]})]})})}function O(){return Object(r.useEffect)((function(){var e=document.querySelector("#project-grid");if(e){var t=new o.a(e,{itemSelector:".GridElement",gutter:0,columnWidth:".GridSizer",percentPosition:!0});l()(e).on("progress",(function(){setTimeout((function(){var e;return null===(e=t.layout)||void 0===e?void 0:e.call(t)}),200)}))}})),Object(n.jsx)("div",{id:"project-grid-background",style:{paddingBottom:20},children:Object(n.jsxs)("div",{id:"project-grid-parent",children:[Object(n.jsxs)("div",{id:"project-header",children:[Object(n.jsx)("h2",{children:" My Projects"}),Object(n.jsxs)("p",{children:["A gallery of some of my most interesting projects. Look for"," ",Object(n.jsx)(d.a,{}),", click those projects for more information!"]})]}),Object(n.jsxs)("div",{id:"project-grid",children:[Object(n.jsx)("div",{className:"GridSizer"}),Object(n.jsx)(g,{title:"ElaticMatch",org:"CodeDay",text:"A set of tools, including a custom suggestion and weighting system, as well as a custom matching\n algorithm that I wrote and used to match around 350 students to the best-fitting mentors in the CodeDay\n Labs summer internship program in 2020.",link:"https://github.com/codeday/labs-elastic-match"}),Object(n.jsx)(g,{title:"John Peter",org:"CodeDay",text:"John Peter is a Discord bot used for moderation and server management for Virtual CodeDay. It has a very\n extensive featureset with a number of custom moderation and authentication tools and has been used for \n multiple CodeDay events, impacting well over 1,000 students.",link:"https://github.com/codeday/johnpeter-discord"}),Object(n.jsx)(g,{title:"Distest",org:"Random Projects",text:"Distest is a testing library I wrote for Discord bots that allows for full integration tests of bots,\n improving the discord bot development workflow significantly. As far as I know, it's the only tool\n available for this sort of testing. Unfortunately, this has been deprecated in favor of other, more full\n featured libraries.",link:"https://github.com/JakeCover/distest"}),Object(n.jsx)(p,{image_url:h,image_alt:"CodeDay San Diego Logo",org:"CodeDay",title:"CodeDay San Diego",text:"A 24 hour hackathon occurring around the world a few times a year. I volunteered for and then later ran\n the San Diego event where I grew to love hackathons and leaned a lot about leadership and event logistics\n in the process!",link:"https://event.codeday.org/sandiego"}),Object(n.jsx)(x,{image_url:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAACcCAMAAAAXtt4bAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAaVBMVEX///8AAAAAfbwAfbwAfbwAfbwAfbwAfbwAfbwAfbwAfbwAfbwAfbwAfbwAfbwAfbwAfbxlZmplZmplZmplZmplZmplZmplZmplZmplZmplZmplZmplZmplZmplZmplZmoAfbxlZmr///8s4zd8AAAAIHRSTlMAACBAYIC/79+PEJ/PcFAwr0CAv58gEI/fr3BgMO/PUBnHhG0AAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5QEEACcXYUmp1AAAFjBJREFUeNrtXdeCw6oOPK5J7DT3FtvJ///k3XQXBEI4OXvuah53UxwYxGgQ8M8/DAaDwWAwGAwGg8FgMBgMBoPBYDAYDAaDwWAwGAwGg8FgMBgMBoPBYDAYDAaDwWAwGAwGg8FgMBgMBoPBYDAY/0+wvgXbcT3P9/3VeYD1zx82nuc4gcVgfAD/At0dL/TPKmx9b8esZ/yn6R7sN9uzBlb+xnW4kxj/QbofPC2qDyL9xj1wTzH+Q3S3N+uzCVZHj8M84z9B98DdnpeAz5Rn/Ha625vVeTGsjjube43xW+luh+elsd7sueMYv5DuHyD7I8i77FIyfhfdA291/hx8ljWMX0T3/fr8YWyZ8YzfQffgeP4GmPGMX0D3/er8LfjcjYx/le5BeD7/x+keRXEcJwDSn//FUZT90l7Nbw9fPJ+2vLxx/0sVx3WUmzVPPfiGMX4+PW6i05+h+2G+rHStdrxhebq7w69uLySMiHuKE+zHdMW4V3PN722TtBnRjvb4g4/Im7REvqtMm1nXudPW3cyGUpwmyM+v4mjy7mzWgBIanaYvrq5/TS5kpB+hu7MasNzbOdO1UNtxPM9fKpFdS1sI2TGD7oxLvfcmwy5tCF/e1u/396THT950SvXGextP+mY2LY87r6l0f1w6YvysfWIJj+rpixtCQBmi/wTd3XeZi9wcP7ieby7xd8OPjGntULw/gDA9DGJkSos6r/cXpPe/xkut//TdWNNM+2M1Imtp1riWNRstMsnTiebg3oDunxAzm7spji1iPLihUZxfBdIWQg77Z3DsjN5O1lIvRpD49ORMThps1ag3ps0bDmZOYuMORvOsfUpZBiIUPimd7dUH6P4zG2oveQYGlA9NpPNzxn12aGv2fiui9kQGSFstKUZUtcMA68GJUdSSedaDWi2VsKIRBoWSTvd6ebqHa6IRftjRsljbMpTO7wB3IndoY6RF3nKkNome1Lg3lM8zjyEwyyomE0gBz4tzzH5PRE/OHjFlabofJmlp1MdxlSTJ04e4uVQ94IEF7tHQhUxN2JrTA0dhpqVejK0Mgmdv+N23Hpit4lmWaSi4iWZIq8nM0FY0h8b0hyg/WkQQxZWEPz+077MFGL+3FrMhK3pLJiZa5P0BuQGZ8tbw4YU2pPdUiZ0J20GtlmjbkAbPUXyM7qcYpSPbJO5zI8avrQVsyM5Md7+7rSF/QGUQoCvLLOylEhvyYKrS3jJEpNVqCYfixW3Iz9D9VGipgq6YUd7erSkuJLVTCsswB3rSnT4/xAZarDYL7gPtvhvJxKP32j2WmbH9qVnMbMjcKKDcJsHF6Z7XFNp0xXT5zQn1XUjqTBdZhg35pDudcrXBiMsMNW0zrfxYHz1n7DckhnQHloxlNmS2vA25ON11F/VGy2/j1XQrQIR4V95COjaikTiNTc2LiK7FSuFI+dGJ16qeKeq4gpRGcHNl1uF+7iJHhmzvAHOn0LEhY7OAchvVi9I9Sw2bpZowXhXit/IWSiIUTooeLW91T606OBeG4W8qbWP840+ZlMKWx8xjeXhqq2s1tXhxUCjSuqS4mmwv9NeyubgSNVQF+GYyG1IofMxsyEXpnhumM0LG27INUStb3kK1xtMLRmo5TyquzmoKpmKlOGyOQ8IPMVIg/CViP4Pw+JXstYlIiO1Xq/CA1RU/w0nC1KgDMtIS8ifRNmQ2HeuzQQGHiGUrIuv2shAmTemucSbkvIU06DLP+NsGHR4fqVgGrbWqTYdC9AydRuu3+BRwKttuXHRXHrwSPotjnby4NxJHgxO4+oT5jBSfz36+ADhLLguiLEZMdXyEcJ+3UKnx/DOl2GUaLy6FWqTC92UvEiQF/vF7nV8uCAqHMNAJtIo4EonHvZYNWUAJNb2eeDm6LxfaX1Ps6Ocd5iJ+5ahaSIMusyjRnnQiTyXUUg3+A4R6KsI/foFfvbGyeIxbmjpUW/VzW0sKZJi9ZuyoAHsn07Uhkfnsh+meV5cPoB2FeDsci3hBOCrpdMm0mi0Thyl8b8ZCPrRYLaQkR0nbqJQ1440bQC2OUmSJc6jc3IbE5bMfpvupvHwIVTQyJv33wUq2uoV06DKdZ9tcS5sKzZFOkw8nDWWr0CeXMm4izd1z/XwTVC/WMg0tKM4miS6GUeGET6vZ5wvQvWkvn0M5NmoOjuvtHRtF2YoeHRU6qBc2coGfIFALRUmsRqb2xd/bR287SB8WxTRUFC24FtobhJEFyvdkYRuZzy5J9+byWbQxcmau6EEo01GVkBYp0fOqeB6grHNlxD5IRsVKwLaQREzTlEh3o6hYGuSzS9I9vXweaUaZ0BvMGo14YlCo0wSjRVrNgUkpfuogY1OvWe/Cp0G65T2N7SczCgg/U6ueeAm6f4Pt11970peGGkEj0VufEk60NToInoSdRJklCyO6T4JhJZ46NIbxZDXtscqamD2jZIxp1RMvQfcvsf0y2e+PmtjwfMn1tIzY30+w8+qsdDwlN2VkSPcRi4BtpLGOlsmjJk6TTjQFmRXM55hsTb2Mbkb377FdTfiS3t2NnpYREiDHzqunTjy4CNK2tUzpXkpmx0JMU0jLnJpCXFcEhBS9vl/EhjSke3P5LmSEp0lD8ait9WycHmNDnm4lVEXSAbI0ovi0RkJuQl5gG2mGqXPJ6qpVTEFmXKlx9qv1Sbp/m+1SwpM2NVfiafykV16Ti4ZMPAp7kqnnYfFTtNhLL9H3dsTw7ChdIR1xvUNMQWZCIENla+kn6X5qL/8CIJeGVLPTCCeGUm+UJxIbMmsqRSs9qxU6IxLExnTPgFCgrDJVTavp92zI/oN0z/8VtkOEzw2CRqwXJFKMDXnroEhdXPFkO2VnSrdAFhWr0j7lzFeQQgrNgTK0IU3oDofT6xLey/S+HaO7MOEFC08k9dqJf0mvt1ySAUMmR/zsJDMQhqNlW9p5du/PQNqQpbqWS8hBs70QPSpbQyyjk+kunD7bKhYfIZNHddotx/fZQZ606FZYWp6KzpJoj+nhQUkQpchuEmhPcdWR6Z4DoUA586mmpWoJGxKXrdWfo7vASKhqlQ8UxYvF+bJZwIaMLM3SLtHAKqAho+jhbrRVajJllPgVYcH6znMj3a1aBufcQzakcjVBNS3VZK2mCtta9cRmdJ8duDXec2c7rucdfVcUHIuF6idHJg1JGrZi8Znq+TInIH3NdIJ7r+0xaOIxCEC5m4rHQa50tlXTUvYpG1KrntiQ7mOKlPWb64533E6PoJqKrngZXdMvY0MmMkmsFHEllL5ieriB8r3e+hBKgCKlOBT0KFkhkfIdMChkBU0dzYYsPkb3kZRJXn1z8LaSk/BHjF8gxpeqlR9irXis5UcVkH+BUuMRwDb89oxcsDcJXzaaKtK+ArW6KYm5tX5dOjJsax1rYET3oZQZaApHfvHDdMiYViDUqpUfYhZS6FQZ3yOPyL9oNSaYTJdVYJDr9IJvA82OjTiMKB+sEQbmSGdBqCHakNan6B6LBbQe3akHjk1WIyUrPzjUsg+ePnEqNjAE/sVpfkOX4Ncm4mfQODEk1ZrRcyAsQPrhotuwpXD0adWlp9AUaGxD0uietS//YPT3nfwAR2Fsols1sWrlh1zmBh5CIPC2Gx0tlccAfSp9jwHgV6xlH3cKGzLSTQeBcWt+zvUiNiSN7hVgfoOnJUvHTmoe3DWLXtTLJElcj7Z6nqKoEZqobY4uo5KJA4LHANjeBS5QTSgC6Yf4oqNCBBzM9evSkWEbl88uQPdosiAIi5kjrseK1jC4n+h0od7sOOr9Bj2vxkJazXaDJiiIvrqVVUn3JdaGPIGLd2VxNVWyabnn9fjJ+d7uihCJY5TwyS96qyV0ut+iXCt4Ykd++LrMXWiNgrtm0YvWqiDGVcYf1hcLu5K2wp6ICVkm17MbBXv759XolUo/mK4K9kB+r33dHjWfNad7BMpbR35v0qKEj62FbMhogeU+/GF94lMgaRl7bUzICGqDdBm6l8AEqn/dHjGfXYDuCTyUzvq56vtnFuTgjpfOS9M9En5EiVZOpUm14MlUipVgUWMDRH1NNMCC0AI2pO4BM1S6//RtC0XPteJA6uWS1lTWQtW36J6K2VKgvyylLwk/yLrIqjR4QJ3ZWmAHjSbtc64XsiEJdE8uJai85ncqOVor3Cf05JnJWqj+Et2fUwxeS4lrBWiSoTClewLOjp21iJg5WR+zIXH5rC7d8z5OkyoelDpG00vFpcY70puReAeI4G5yzrVRqhqJP6HFp2G5UK3qxGaDwXoC9UMMr0noS5l5JE50og/ynOvMnO6DzTht+ujbVKa77LNheL+O21Y3uGtIZ6zvrtWd+MP6xLUCxH3Vhk8/iIewfjBRegVpQegz51wj6D491vdWYZ7JPb7t2Ui9Awv1iuBucs61Ra9NbSC2NOivqg1CaGX29EPOSYyTZIHR9AvOuVbTfX4cyqVTmj1zNYNaWZ1OaJ1OcDeyIYXBDZUoRiBbMvQ3nUxtSHp4b8Ais1E0od4ePGie33DOtZLumfiEHEWlYXCmyJn5lUDy2xFSeQtpTycEvg92y2pshmoXtCGfgyqnBODRZTNS44T08eUw2C5w3d5SNiRId2hUl4rQKbgpb3VQPIIrcOezCum5G9qQYOmXvDdzkpYSb1minZkxCJGNbgTuGlmR2VQ/RJrRoK0a+YKQuQ2JzGfxdId/YiXNge2zNt/dVaDn0fTyFiIdtn+KExzlk3S6Ixd/Z0i8uA35DA41elN2lzaZQj/MjJN8cqkHPAaTYr5f2fy6vcVsSIjuMrOgldranojvMj3jnl29ZdbC+hSya91j/N7U/EJ6/VOtex3Gl5E/z9y9nbo7efgr+llll15G9W6d4eff70n4aZwot34/xHSXRzpZyhoIb4UE89UgFHg3z3aLSqVwZzCM6a50tyR3Mu/F11uLA/z+Z3DMpM6pgEV123CXMRamu1qptbDRuRFf+Su4kvl2XeosTz2NKN2MpHmacY8xFqY7ai0N9mi2wB3XW3dYD3zY3WRPOHNJ2okvm/f3NLKraiY7Y3m6I70C6PDpAOL7+bwOvb3jOK53fEj8bTBPulmvML5Id3yhBGBKBqszElO2Xxc1Su4UxhfprmMEi8W0JL5L2X6zYji4M75Id80qOCHhAx/D9uk97zGhnvEN+0cl7bwnHEexmOt4Ijh3HDBfeH3hfvpuxZKa6Dt3qi/1ULBlD/r+4h8xyXQf0F17lU9IeE/N9okn86hJIwT3wN34Iv203Uj2yoaKpztKWGF7/hrOT44u+EZVkwgPkd3jpkpbOKb9rTCFcpjud7pTKpZEt546a4WQGQez54lDnfYvcI6Sb9mAb1PnFxBrD8qpaw0E6r2+vrNAZ1dZaR14kt/oH5juV7rTqq8TgS0pa+3VhEuvCplIN7IryBBCgwTBIDEjXMQ7gTKhDYm2axTdZwvXrnxAr2ym+z/0vWzDQ69V4WW9G8ewKKGWM6qTYiBGY5gXUtkObVpEEXc/VU44LXPQFGtgIPhTdDfZnZjOQ7M7VxqrcNKhgxMIWt2FpC2ReBbGO/KJs8IVQsmPeudUf+1Q71rpv4vp/o/ZmVqXMp7xNdh77zxy7XvTJClKqGcIDBPi9fHpqvxo65tjcpRw9sW8pynyxN3ZCdfwW18Beutvrq917298OB9HX8al3aM+dIq7veMDD2xPXn0fqP7kr5PgfngNA/9mxvwguH/S69edD0x3swvSbrmmcKn/1tJztZiPa8B089RnuBQ6MA+d48sEuHzS8MH3rd0AUldH+JN9uYg44A5vkOfRo686+3uJkLOZ7oTTGgWML3AJZ59CR0EgsZF2fShhz1HOLB+i+1qZ5u1BugcqoqI29+4xXD1I5bnDYublzOTpZQG0VS2nvOg6aV0p8zATj9IQ7VFC5Ap4q6sOrR54GOyDqAGYdqPi9gZzwMP9RatA9ohbpvutiCBb6jbIpKhFW1zyqK5K+CgJPA5iK2OsdBxCiAQ/+Kg+2DgEJVSoYNkeJanXivWEwYtCaRzYMN3/EaSPxqS/nb98OwBceoN2qb35y5NOyjvJfxUhcgfEYRshN9bgS9aKN4eYQ8IPmDFhS+NAIP3vH6Q7+cpxE/mjvxH0KMlFjUIklKnu1LoZ5pKSqCuMHb4T2o5icf4nF5JIdP8+4Qm1MveEcq3fq7b8BBwbOq17q7ZOYIHuKYL3DhV0fcyY8FBZANN9dEbkVwkfW1S6/4iS8Oktv2EbhMhQrmVctXTfglMGSNTHJgGFlsGls95gNcKVG/RM93dOuYQriVyQpTz7UV584gW0ELmDXLydwlqRyiSFYn6sHiFtyAD1KnBL2YHpLj7wui5/L9uV5SvQeU4P5m0cAXbeGiyo9dW5Apwkum+iHqal6uFr3XmlIHKI8hBtYiHRX6f7lyQN9ewYVeELQJ49pXTlNUp2apkkir4DgzLE14dhFwQANQOC693B2zs+TnjySUnKesidTJvr1p1jfHEfTGZX7wdaYcuiaTbk22nVKTNmur/QJ7+S7Zaw4nKROtxtQPLF4Qng8FZI4OTi27iojbm/0wlXXA5JpLtlRemv8mRGRHLmO0CfWtiXhEipkgnAURIisgkbCrdr6eSiXkHY6lSq25OdtMNiT6a74iqy7DM2zYdOwXscVelThO0qtCX5n6v2imAbcmOJz8BHKuol1kOPTHfczXt50y3O9pJ8qO49pDuEOPhYMxXv59+Djr2r9gBhLTNwbIKZG+RuVribTlyMDXn3fXaKLJbpjrho8pQuG+JT+iHJK2mgk7go1BCJkO5wkYGivt7B0T3EaJ5QvvRLr7z4e3RfNsS3Pf25HXmgk7goqBBJ082wglLU1+P2bAzdHdWLtGubme5QiC/Kfzu0K2u2fTgUh8Twpg7Akmp4BQcdlMGIqvw6yF/k/t2Ne0S6X51Jc1EDHaiKhC+taZSJA1SIBGnkKtPjFTzZ2PLBq6hzHLo7KkG1kj/j2mK6a9DdmPFlb/jc0li7X8GLqgdicayj2kkqq3pRbUHyUbtUUdsyNrLJy95yEQGN7lfGU1VN0hs/98Mz3Ljj4sfrVvvNVnZFzoYY3pzX1v7N+1jH10kC71P71rBlvzGT7rZGhfA53DmjwyAP13KgZwnpnw3uRnS/6vhae8G1TZe40YtWB2DRd64FyANm9jBRQdcUtd1a5e6M6c4VM5+g+xVRrEH5aqFlJfWxSOJ6SJu8UoM61Fg8jlRbkFDbrZXuzsgM5XrIT9H9RnnxbuvpgRz9Ys+trGrcHgxCpEzNEE6iUxF1jTIHcVxV3iWx+subnBai+4PzcQK48l0VL3zvprzmb+0ZhUjZSJF9616mg1yF6XNADXBljn2Q8z380ztYl6T7Hfn9yIHqdclsH33kCjH4oGt/A2sVog15F0LhWrpJaC8nakDzDvUUz3V0bdbw0fOBZTHdl6T7F3GYXcHhXs9ClDFWddOFikqOoMzw5tRIvtaRV7E8yn9UGuP+KlzSYQ/uMXk94d/epSqkO4PBYDAYDAaDwWAwGAwGg8FgMBgMBoPBYDAYDAaDwWAwGAwGg8FgMBgMBoPBYDAYDAaDwWAwGAzGD/4HN2QpKtltTXYAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMDEtMDRUMDA6Mzk6MjArMDA6MDA/tYRbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIxLTAxLTA0VDAwOjM5OjIwKzAwOjAwTug85wAAAABJRU5ErkJggg==",image_alt:"Foresight Sports Logo",title:"Foresight Sports",text:"Foresight Sports creates advanced augmented reality sports experiences. I created multiple games using\n Unity that took data from their launch monitor technology and translated it into a seamless experience."}),Object(n.jsx)(p,{image_url:j,image_alt:"Scoresaver Logo",title:"ScoreSaver",org:"Random Projects",text:"A Chrome extension to help you download BeatSaber songs directly from ScoreSaber. No more searching for\n mapper names on BeatSaver, just download the newest ranked songs directly!",link:"https://github.com/JakeCover/ScoreSaverExtention"}),Object(n.jsx)(g,{title:"Assorted Discord Bots",org:"Random Projects",text:"I've made quite a number of discord bots over time! Some of them, like ReplyBot, which added a reply\n functionality to Discord years before they finally implemented it first-party, have been obsoleted\n nowadays, others like DiscordChannelMirror just do simple things for my own use, and many more have been\n lost to time and past me's lack of understanding of the importance of backup. I digress, however I really\n do love writing these sorts of applications!"}),Object(n.jsx)(f,{image_url:m,image_alt:"HashiCorp Logo",title:"Hashicorp Stack Sysadmin",org:"CodeDay, Random Projects",text:"I've setup and used a stack consisting of Nomad, Consul, and Vault along with Traefik both at CodeDay,\n where it runs almost every service we have, as well as at home, where I use it to run over 25 services on\n a cluster of old machines. I strongly recommend it as it's a very easy way utilize old hardware, even when\n each machine may not be that powerful powerful and not all that complex to get started with at any scale,\n from one personal server to large corporate backends."}),Object(n.jsx)(g,{title:"Personal Website",org:"Random Projects",text:"You're looking at it! There's not a whole lot to this, it's just a React site hosted on GitHub Pages,\n but I didn't know React before starting on this so I'm pretty proud of it.",link:"https://github.com/JakeCover/PersonalWebsite_Static"}),Object(n.jsx)(g,{title:"Nomad Job Templates Tool",link:"https://github.com/JakeCover/NomadJobTemplatesTool",org:"Random Projects",text:"A little custom tool to allow you to use jinga-esque text substitutions in Nomad jobfiles to help\n centralize the definition of service traefik tags. This mainly makes it easier to update and change\n networking configuration across many jobs easily."}),Object(n.jsx)(p,{image_url:u,image_alt:"Kat's Logo",title:"Shushicate",org:"Random Projects",text:"An art gallery website for my friend, made in svelte. The images are optimized and compressed at \n compiletime, creating a few versions and allowing the browser to choose which to display using imageset.\n The full resolution image is only sent when selecting an image, keeping the site performant.",link:"https://www.shushicate.com/"}),Object(n.jsx)(g,{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\n develop OpenVR plugins more easily and independently from Unity. It will eventually grow to include\n multiple additional input methods and other tools to allow users to interact with other OVR plugins more\n easily."}),Object(n.jsx)(f,{image_url:b,image_alt:"A B logo",title:"Bennu",org:"Work Experience",text:"Bennu made various engineering management and performance analysis tools for other software companies. \n Here, I mainly implemented the crawler for Jira Server, adding a whole new application we could offer to\n customers. I also worked on internal tooling and optimized our test runtime by 50% before the startup \n closed from beneath me in the middle of the summer of 2021.",link:"https://www.bennu.io/"}),Object(n.jsx)(g,{title:"CopyMoji",org:"BetterDiscord",text:"An extension for the alternate discord client BetterDiscord that changes the functionality of copying\n emoji to copy the actual emoji characters rather than their names from the discord client.",link:"https://github.com/JakeCover/BetterDiscordExtensions/tree/main/plugins/CopyMoji"}),Object(n.jsx)(g,{title:"What's That Number",org:"Random Projects",text:"A service that allows for the reversing of arbitrary decimals back to fractions of irrational numbers.\n Basically, it's able to reverse 3.1415 to \u03c0, but more interestingly reverse 0.385694 to \u221a2 * 3 / 11!\n It can't solve all problems and it isn't mathematically provable or anything, but it's optimized to\n give you the right answer for most things you'll actually run into and tell you when you've gotten \n nothing.",link:"https://jakecover.github.io/WhatsThatNumberExtension/"})]})]})})}i(85);var v=i(121),A=i(22);function w(){function e(){var e=new Date,t=Math.round(new Date(e.getFullYear(),0,1).getTime());return Math.round(new Date(e.getFullYear(),11,31,23,59,59,999).getTime())-t}function t(e,i,n,r,a){var s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=i+r,c=n+a;return++s>25?[o,c]:Math.abs(e-o/c)>.001?e>o/c?t(e,o,c,r,a,s):t(e,i,n,o,c,s):[o,c]}var i=e(),a=(new Date).getTime(),s=Object(r.useCallback)((function(){var i=(new Date).getTime()-0xedb89b32e0,n=e(),r=Math.floor(i/n),a=t(Math.floor(i%n/1e3)/(n/1e3),0,1,1,1),s=Object(A.a)(a,2),o=s[0],c=s[1];return"".concat(r," and ").concat(o,"/").concat(c)}),[i,a]),o=Object(r.useState)(s()),c=Object(A.a)(o,2),l=c[0],d=c[1];var h=Object(r.useCallback)((function(){d(s())}),[s]);return Object(r.useEffect)((function(){h();var e=setInterval(h,5e3);return function(){clearInterval(e)}}),[h]),Object(n.jsxs)("li",{children:[l," years old"]})}var y=i(31),k=i.n(y),I=i(51),N=i(52),D=i.n(N);function M(){var e=Object(r.useState)({introduction:"",lastfm:{artist:"nobody",playing:!1,track:"nothing",url:void 0}}),t=Object(A.a)(e,2),i=t[0],a=t[1];function s(){return o.apply(this,arguments)}function o(){return(o=Object(I.a)(k.a.mark((function e(){var t;return k.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,D.a.get("https://api.jakecover.me");case 3:t=e.sent,a(t.data),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),console.error(e.t0);case 10:case"end":return e.stop()}}),e,null,[[0,7]])})))).apply(this,arguments)}return Object(r.useEffect)((function(){s();var e=setInterval(s,1e4);return function(){clearInterval(e)}}),[]),i.lastfm.playing?Object(n.jsx)("li",{children:Object(n.jsxs)("a",{href:i.lastfm.url,target:"_blank",rel:"noreferrer",style:{color:"inherit",textDecoration:"inherit"},children:["listening to ",i.lastfm.track," by"," ",i.lastfm.artist]})}):Object(n.jsx)("li",{children:"not listening to anything right now."})}function T(){return Object(n.jsx)("div",{id:"about-me-parent",children:Object(n.jsxs)("div",{id:"about-me",className:"about-me-card",children:[Object(n.jsx)("h1",{children:"Hi! I'm Jake!"}),Object(n.jsxs)("div",{id:"info-parent",children:[Object(n.jsxs)("div",{id:"specific-info",children:[Object(n.jsx)("h2",{children:" A bit about me:"}),Object(n.jsxs)("ul",{children:[Object(n.jsxs)("li",{children:[Object(n.jsx)("b",{children:"Occupation:"})," Student"]}),Object(n.jsxs)("li",{children:[Object(n.jsx)("b",{children:"Location:"})," Southern California"]}),Object(n.jsxs)("li",{children:[Object(n.jsx)("b",{children:"Pronouns"}),": They/Them"]}),Object(n.jsx)(w,{}),Object(n.jsx)(M,{})]})]}),Object(n.jsxs)("div",{id:"fun-info",children:[Object(n.jsx)("h2",{children:"Find Me:"}),Object(n.jsxs)("ul",{children:[Object(n.jsxs)("li",{children:["Email: ",Object(n.jsx)("button",{onClick:function(){window.prompt("Thanks for being a human! Here's my email:",atob("Y29udGFjdEBqYWtlY292ZXIubWU="))},children:"Click This"})]}),Object(n.jsxs)("li",{children:["Twitter:"," ",Object(n.jsx)(v.a,{title:":(",children:Object(n.jsx)("a",{href:"https://github.com/JakeCover",target:"_blank",rel:"noreferrer",children:"@cobular_"})})]}),Object(n.jsxs)("li",{children:["GitHub:"," ",Object(n.jsx)("a",{href:"https://github.com/JakeCover",target:"_blank",rel:"noreferrer",children:"JakeCover"})]}),Object(n.jsxs)("li",{children:["Telegram:"," ",Object(n.jsx)("a",{href:"https://t.me/cobular",target:"_blank",rel:"noreferrer",children:"@cobular"})]}),Object(n.jsx)("li",{children:"Elsewhere: Probably @cobular"})]})]})]})]})})}function S(){return Object(n.jsxs)("div",{id:"home",children:[Object(n.jsx)(T,{}),Object(n.jsx)(O,{})]})}function G(){return Object(n.jsx)("main",{children:Object(n.jsx)(S,{})})}var B=function(){return Object(n.jsx)("div",{className:"App",children:Object(n.jsx)(G,{})})},E=function(e){e&&e instanceof Function&&i.e(3).then(i.bind(null,123)).then((function(t){var i=t.getCLS,n=t.getFID,r=t.getFCP,a=t.getLCP,s=t.getTTFB;i(e),n(e),r(e),a(e),s(e)}))};Object(a.render)(Object(n.jsx)(B,{}),document.getElementById("root")),E()},75:function(e,t,i){},76:function(e,t,i){},77:function(e,t,i){},78:function(e,t,i){},79:function(e,t,i){},80:function(e,t,i){},85:function(e,t,i){}},[[117,1,2]]]); -//# sourceMappingURL=main.a7d5696e.chunk.js.map \ No newline at end of file diff --git a/static/js/main.a7d5696e.chunk.js.map b/static/js/main.a7d5696e.chunk.js.map deleted file mode 100644 index 08b794d..0000000 --- a/static/js/main.a7d5696e.chunk.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["images/SanDiego.svg","images/scoresaver.svg","images/HashiCorp_Logo_no_text.png","images/bennu.gif","images/kat-site.png","components/ProjectGrid.tsx","images/foresightsports.png","components/AboutMe/Age.tsx","components/AboutMe/LastFmLi.tsx","components/AboutMe/AboutMe.tsx","components/Home.tsx","components/Main.tsx","App.tsx","reportWebVitals.ts","index.tsx"],"names":["SmallElement","title","text","link","org","undefined","className","href","rel","target","LinkOutlined","SmallElementPic","image_url","image_alt","src","alt","MediumElement","LargeElementPic","ProjectGrid","useEffect","elem","document","querySelector","msnry","Masonry","itemSelector","gutter","columnWidth","percentPosition","ImagesLoaded","on","setTimeout","layout","id","style","paddingBottom","CodeDaySD","Scoresaver","Hashicorp","KatSite","Bennu","Age","milliseconds_year","dateObj","Date","dateInit","Math","round","getFullYear","getTime","searchSternBorcotTree","left_n","left_d","right_n","right_d","count","center_n","center_d","abs","millisecondsYear","time","memoizedCallbackCalcAge","useCallback","ageMs","yearMs","ageYearsComponent","floor","target_n","target_d","useState","age","setAge","memoizedCallbackUpdateAge","interval","setInterval","clearInterval","LastFmLi","introduction","lastfm","artist","playing","track","url","nowPlayingData","setNowPlayingData","updateNowPlaying","a","axios","get","songRequestData","data","console","error","color","textDecoration","AboutMe","onClick","window","prompt","atob","Home","Main","App","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","render","getElementById"],"mappings":"4PAAe,MAA0B,qCCA1B,MAA0B,uCCA1B,MAA0B,mDCA1B,MAA0B,kCCA1B,MAA0B,qCCwCzC,SAASA,EAAT,GAAqE,IAA7CC,EAA4C,EAA5CA,MAAOC,EAAqC,EAArCA,KAAMC,EAA+B,EAA/BA,KAAMC,EAAyB,EAAzBA,IACzC,YAAaC,IAATF,EAEA,qBAAKG,UAAW,sBAAhB,SACE,sBAAKA,UAAW,sBAAhB,UACE,sBAAKA,UAAW,QAAhB,UACE,6BAAKL,IACJG,GAAO,6BAAKA,OAEf,qBAAKE,UAAW,cAAhB,SACE,4BAAIJ,WAOZ,mBACEI,UAAW,2BACXC,KAAMJ,EACNK,IAAK,aACLC,OAAQ,SAJV,SAME,sBAAKH,UAAW,sBAAhB,UACE,sBAAKA,UAAW,QAAhB,UACE,6BAAKL,IACJG,GAAO,6BAAKA,IACb,cAACM,EAAA,EAAD,CAAcJ,UAAW,gBAE3B,qBAAKA,UAAW,cAAhB,SACE,4BAAIJ,WAOd,SAASS,EAAT,GAO2B,IANzBC,EAMwB,EANxBA,UACAC,EAKwB,EALxBA,UACAZ,EAIwB,EAJxBA,MACAC,EAGwB,EAHxBA,KACAC,EAEwB,EAFxBA,KACAC,EACwB,EADxBA,IAEA,YAAaC,IAATF,EAEA,qBAAKG,UAAW,0BAAhB,SACE,sBAAKA,UAAW,sBAAhB,UACE,qBAAKA,UAAW,QAAhB,SACE,qBAAKQ,IAAKF,EAAWG,IAAKF,MAE5B,sBAAKP,UAAW,cAAhB,UACE,6BAAKL,IACJG,GAAO,6BAAKA,IAEb,4BAAIF,YAOZ,mBACEI,UAAW,+BACXC,KAAMJ,EACNM,OAAQ,SACRD,IAAK,aAJP,SAME,sBAAKF,UAAW,sBAAhB,UACE,sBAAKA,UAAW,QAAhB,UACE,qBAAKQ,IAAKF,EAAWG,IAAKF,IAC1B,cAACH,EAAA,EAAD,CAAcJ,UAAW,gBAE3B,sBAAKA,UAAW,cAAhB,UACE,6BAAKL,IACJG,GAAO,6BAAKA,IACb,4BAAIF,YAOd,SAASc,EAAT,GAO2B,IANzBJ,EAMwB,EANxBA,UACAC,EAKwB,EALxBA,UACAZ,EAIwB,EAJxBA,MACAC,EAGwB,EAHxBA,KACAC,EAEwB,EAFxBA,KACAC,EACwB,EADxBA,IAEA,YAAaC,IAATF,EAEE,qBAAKG,UAAW,qBAAhB,SACE,sBAAKA,UAAW,sBAAhB,UACE,qBAAKA,UAAW,QAAhB,SACE,qBAAKQ,IAAKF,EAAWG,IAAKF,MAE5B,sBAAKP,UAAW,cAAhB,UACE,6BAAKL,IACJG,GAAO,6BAAKA,IACb,4BAAIF,YAOZ,mBACII,UAAW,0BACXC,KAAMJ,EACNM,OAAQ,SACRD,IAAK,aAJT,SAME,sBAAKF,UAAW,sBAAhB,UACE,sBAAKA,UAAW,QAAhB,UACE,qBAAKQ,IAAKF,EAAWG,IAAKF,IAC1B,cAACH,EAAA,EAAD,CAAcJ,UAAW,gBAE3B,sBAAKA,UAAW,cAAhB,UACE,6BAAKL,IACJG,GAAO,6BAAKA,IACb,4BAAIF,YAOhB,SAASe,EAAT,GAO2B,IANzBL,EAMwB,EANxBA,UACAC,EAKwB,EALxBA,UACAZ,EAIwB,EAJxBA,MACAC,EAGwB,EAHxBA,KACAC,EAEwB,EAFxBA,KACAC,EACwB,EADxBA,IAEA,YAAaC,IAATF,EAEA,qBAAKG,UAAW,wBAAhB,SACE,sBAAKA,UAAW,sBAAhB,UACE,qBAAKA,UAAW,QAAhB,SACE,qBAAKQ,IAAKF,EAAWG,IAAKF,MAE5B,sBAAKP,UAAW,cAAhB,UACE,6BAAKL,IACJG,GAAO,6BAAKA,IACb,4BAAIF,YAOZ,mBACEI,UAAW,6BACXC,KAAMJ,EACNM,OAAQ,SACRD,IAAK,aAJP,SAME,sBAAKF,UAAW,sBAAhB,UACE,sBAAKA,UAAW,QAAhB,UACE,qBAAKQ,IAAKF,EAAWG,IAAKF,IAC1B,cAACH,EAAA,EAAD,CAAcJ,UAAW,gBAE3B,sBAAKA,UAAW,cAAhB,UACE,6BAAKL,IACJG,GAAO,6BAAKA,IACb,4BAAIF,YAOP,SAASgB,IAkBd,OAjBAC,qBAAU,WACR,IAAIC,EAAOC,SAASC,cAAc,iBAElC,GAAIF,EAAM,CACR,IAAMG,EAAQ,IAAIC,IAAQJ,EAAM,CAC9BK,aAAc,eACdC,OAAQ,EACRC,YAAa,aACbC,iBAAiB,IAGnBC,IAAaT,GAAMU,GAAG,YAAY,WAChCC,YAAW,kCAAMR,EAAMS,cAAZ,aAAM,OAAAT,KAAkB,YAMvC,qBAAKU,GAAI,0BAA2BC,MAAO,CAACC,cAAe,IAA3D,SACE,sBAAKF,GAAI,sBAAT,UACE,sBAAKA,GAAI,iBAAT,UACE,iDACA,4FAC8D,IAC5D,cAACvB,EAAA,EAAD,IAFF,qDAKF,sBAAKuB,GAAI,eAAT,UACE,qBAAK3B,UAAW,cAChB,cAACN,EAAD,CACEC,MAAO,cACPG,IAAK,UACLF,KAAI,iRAKJC,KAAM,kDAER,cAACH,EAAD,CACEC,MAAO,aACPG,IAAK,UACLF,KAAI,8SAKJC,KAAM,iDAER,cAACH,EAAD,CACIC,MAAO,UACPG,IAAK,kBACLF,KAAI,qXAMJC,KAAM,yCAEV,cAACQ,EAAD,CACEC,UAAWwB,EACXvB,UAAW,yBACXT,IAAK,UACLH,MAAO,oBACPC,KAAI,kQAKJC,KAAM,uCAER,cAACc,EAAD,CACEL,UClSG,6+PDmSHC,UAAW,wBACXZ,MAAO,mBACPC,KAAI,kOAKN,cAACS,EAAD,CACEC,UAAWyB,EACXxB,UAAW,kBACXZ,MAAO,aACPG,IAAK,kBACLF,KAAI,oMAIJC,KAAM,qDAER,cAACH,EAAD,CACIC,MAAO,wBACPG,IAAK,kBACLF,KAAI,ygBAQR,cAACc,EAAD,CACEJ,UAAW0B,EACXzB,UAAW,iBACXZ,MAAO,2BACPG,IAAK,2BACLF,KAAI,4hBAQN,cAACF,EAAD,CACIC,MAAO,mBACPG,IAAK,kBACLF,KAAI,oMAIJC,KAAM,wDAEV,cAACH,EAAD,CACEC,MAAO,2BACPE,KAAM,qDACNC,IAAK,kBACLF,KAAI,0RAMN,cAACS,EAAD,CACIC,UAAW2B,EACX1B,UAAW,aACXZ,MAAO,aACPG,IAAK,kBACLF,KAAI,6UAKJC,KAAM,gCAEV,cAACH,EAAD,CACEC,MAAO,WACPG,IAAK,kBACLD,KAAM,8BACND,KAAI,+WAON,cAACc,EAAD,CACIJ,UAAW4B,EACX3B,UAAW,WACXZ,MAAO,QACPG,IAAK,kBACLF,KAAI,yaAMJC,KAAM,0BAEV,cAACH,EAAD,CACIC,MAAO,WACPG,IAAK,gBACLF,KAAI,kNAIJC,KACE,oFAGN,cAACH,EAAD,CACIC,MAAO,qBACPG,IAAK,kBACLF,KAAI,6eAOJC,KACE,kE,2BExZT,SAASsC,IAEZ,SAASC,IACL,IAAMC,EAAU,IAAIC,KACdC,EAAWC,KAAKC,MAClB,IAAIH,KAAKD,EAAQK,cAAe,EAAG,GAAGC,WAK1C,OAHgBH,KAAKC,MACjB,IAAIH,KAAKD,EAAQK,cAAe,GAAI,GAAI,GAAI,GAAI,GAAI,KAAKC,WAE5CJ,EAKrB,SAASK,EACLzC,EACA0C,EACAC,EACAC,EACAC,GAEiB,IADjBC,EACgB,uDADA,EAGVC,EAAmBL,EAASE,EAC5BI,EAAmBL,EAASE,EAElC,QAJAC,EAIY,GAAW,CAACC,EAAUC,GAE9BX,KAAKY,IAAIjD,EAAS+C,EAAWC,GAAY,KAErChD,EAAS+C,EAAWC,EACbP,EACHzC,EACA+C,EACAC,EACAJ,EACAC,EACAC,GAGDL,EACHzC,EACA0C,EACAC,EACAI,EACAC,EACAF,GAGD,CAACC,EAAUC,GAkBtB,IAAME,EAAmBjB,IACnBkB,GAAO,IAAIhB,MAAOK,UAElBY,EAA0BC,uBAlBhC,WACI,IAAIC,GAAQ,IAAInB,MAAOK,UAAY,aAC7Be,EAAStB,IACTuB,EAAoBnB,KAAKoB,MAAMH,EAAQC,GAH9B,EAKcd,EADDJ,KAAKoB,MAAOH,EAAQC,EAAU,MAE/BA,EAAS,KAChC,EACA,EACA,EACA,GAVW,mBAKRG,EALQ,KAKEC,EALF,KAYf,MAAM,GAAN,OAAUH,EAAV,gBAAmCE,EAAnC,YAA+CC,KAME,CACjDT,EACAC,IAzEc,EA4EIS,mBAASR,KA5Eb,mBA4EXS,EA5EW,KA4ENC,EA5EM,KAkFlB,IAAMC,EAA4BV,uBAJlC,WACIS,EAAOV,OAG8C,CACrDA,IAaJ,OAVA1C,qBAAU,WACNqD,IAEA,IAAMC,EAAWC,YAAYF,EAA2B,KAExD,OAAO,WACHG,cAAcF,MAEnB,CAACD,IAEG,+BAAKF,EAAL,gB,8CCrFJ,SAASM,IAAY,IAAD,EACqBP,mBAAyB,CACjEQ,aAAc,GACdC,OAAQ,CACJC,OAAQ,SACRC,SAAS,EACTC,MAAO,UACPC,SAAK7E,KAPU,mBAChB8E,EADgB,KACAC,EADA,cAWRC,IAXQ,2EAWvB,4BAAAC,EAAA,+EAEsCC,IAAMC,IAAI,4BAFhD,OAEcC,EAFd,OAIQL,EAAkBK,EAAgBC,MAJ1C,gDAMQC,QAAQC,MAAR,MANR,0DAXuB,sBA+BvB,OAVAzE,qBAAU,WACNkE,IAEA,IAAMZ,EAAWC,YAAYW,EAAkB,KAE/C,OAAO,WACHV,cAAcF,MAEnB,IAECU,EAAeL,OAAOE,QAElB,6BACI,oBACIzE,KAAM4E,EAAeL,OAAOI,IAC5BzE,OAAQ,SACRD,IAAI,aACJ0B,MAAO,CAAC2D,MAAO,UAAWC,eAAgB,WAJ9C,0BAMkBX,EAAeL,OAAOG,MANxC,MAMkD,IAC7CE,EAAeL,OAAOC,YAKhC,sECrDJ,SAASgB,IAMd,OACE,qBAAK9D,GAAI,kBAAT,SACE,sBAAKA,GAAI,WAAY3B,UAAW,gBAAhC,UACE,+CAEA,sBAAK2B,GAAI,cAAT,UACE,sBAAKA,GAAI,gBAAT,UACE,kDACA,+BACE,+BACE,4CADF,cAGA,+BACE,0CADF,0BAGA,+BACE,yCADF,iBAGA,cAACQ,EAAD,IACA,cAACmC,EAAD,UAGJ,sBAAK3C,GAAI,WAAT,UACE,0CACA,+BACE,yCACS,wBAAQ+D,QA/B7B,WAEEC,OAAOC,OAAO,6CAA8CC,KAD9C,kCA8BK,2BAET,0CACW,IACT,cAAC,IAAD,CAASlG,MAAO,KAAhB,SACE,mBACIM,KAAM,+BACNE,OAAO,SACPD,IAAI,aAHR,4BASJ,yCACU,IACR,mBACID,KAAM,+BACNE,OAAO,SACPD,IAAI,aAHR,0BAQF,2CACY,IACV,mBACID,KAAM,uBACNE,OAAO,SACPD,IAAI,aAHR,yBAQF,4ECpEP,SAAS4F,IACd,OACE,sBAAKnE,GAAI,OAAT,UACE,cAAC,EAAD,IACA,cAAC,EAAD,OCNC,SAASoE,IACd,OACE,+BACE,cAAC,EAAD,MCOSC,MARf,WACE,OACE,qBAAKhG,UAAU,MAAf,SACE,cAAC+F,EAAD,OCOSE,EAZS,SAACC,GACnBA,GAAeA,aAAuBC,UACxC,8BAAqBC,MAAK,YAAkD,IAA/CC,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAON,GACPO,EAAQP,OCAdQ,iBACI,cAAC,EAAD,IACF3F,SAAS4F,eAAe,SAM1BV,K","file":"static/js/main.a7d5696e.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/SanDiego.35f8cc09.svg\";","export default __webpack_public_path__ + \"static/media/scoresaver.3f65e348.svg\";","export default __webpack_public_path__ + \"static/media/HashiCorp_Logo_no_text.344aecaa.png\";","export default __webpack_public_path__ + \"static/media/bennu.e9020d82.gif\";","export default __webpack_public_path__ + \"static/media/kat-site.d60ec831.png\";","/**\n * TODO:\n * - For things that can't be linked, use to signal that clicking will open a modal https://ant.design/components/modal/\n * in order to give a more complex writeup and some pictures\n * - Tooltip for modal and linkable items, possibly which displays a modal with an example card with tooltips or explanations\n * - Footer\n * - Responsive top bar\n *\n */\n\nimport \"./ProjectGrid.scss\";\nimport Masonry from \"masonry-layout\";\nimport ImagesLoaded from \"imagesloaded\";\n\nimport { useEffect } from \"react\";\nimport { LinkOutlined } from \"@ant-design/icons\";\nimport CodeDaySD from \"../images/SanDiego.svg\";\nimport Foresight from \"../images/foresightsports.png\";\nimport Scoresaver from \"../images/scoresaver.svg\";\nimport Hashicorp from \"../images/HashiCorp_Logo_no_text.png\";\nimport Bennu from \"../images/bennu.gif\";\nimport KatSite from \"../images/kat-site.png\";\n\n\ntype GridElementImageProps = {\n image_url: string;\n image_alt: string;\n title: string;\n text: string;\n link?: string;\n org?: string;\n};\n\ntype GridElementProps = {\n title: string;\n text: string;\n link?: string;\n org?: string;\n};\n\nfunction SmallElement({ title, text, link, org }: GridElementProps) {\n if (link === undefined) {\n return (\n
\n
\n
\n

{title}

\n {org &&

{org}

}\n
\n
\n

{text}

\n
\n
\n
\n );\n }\n return (\n \n
\n
\n

{title}

\n {org &&

{org}

}\n \n
\n
\n

{text}

\n
\n
\n \n );\n}\n\nfunction SmallElementPic({\n image_url,\n image_alt,\n title,\n text,\n link,\n org,\n}: GridElementImageProps) {\n if (link === undefined) {\n return (\n
\n
\n
\n {image_alt}\n
\n
\n

{title}

\n {org &&

{org}

}\n\n

{text}

\n
\n
\n
\n );\n }\n return (\n \n
\n
\n {image_alt}\n \n
\n
\n

{title}

\n {org &&

{org}

}\n

{text}

\n
\n
\n \n );\n}\n\nfunction MediumElement({\n image_url,\n image_alt,\n title,\n text,\n link,\n org,\n}: GridElementImageProps) {\n if (link === undefined) {\n return (\n
\n
\n
\n {image_alt}\n
\n
\n

{title}

\n {org &&

{org}

}\n

{text}

\n
\n
\n
\n );\n }\n return (\n \n
\n
\n {image_alt}\n \n
\n
\n

{title}

\n {org &&

{org}

}\n

{text}

\n
\n
\n \n );\n}\n\nfunction LargeElementPic({\n image_url,\n image_alt,\n title,\n text,\n link,\n org,\n}: GridElementImageProps) {\n if (link === undefined) {\n return (\n
\n
\n
\n {image_alt}\n
\n
\n

{title}

\n {org &&

{org}

}\n

{text}

\n
\n
\n
\n );\n }\n return (\n \n
\n
\n {image_alt}\n \n
\n
\n

{title}

\n {org &&

{org}

}\n

{text}

\n
\n
\n \n );\n}\n\nexport function ProjectGrid() {\n useEffect(() => {\n var elem = document.querySelector(\"#project-grid\");\n\n if (elem) {\n const msnry = new Masonry(elem, {\n itemSelector: \".GridElement\",\n gutter: 0,\n columnWidth: \".GridSizer\",\n percentPosition: true,\n });\n\n ImagesLoaded(elem).on(\"progress\", () => {\n setTimeout(() => msnry.layout?.(), 200);\n });\n }\n });\n\n return (\n
\n
\n
\n

</> My Projects

\n

\n A gallery of some of my most interesting projects. Look for{\" \"}\n , click those projects for more information!\n

\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n );\n}\n","export default \"data:image/png;base64,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\"","import {useCallback, useEffect, useState} from \"react\";\n\nexport function Age() {\n // Accounts for leap years and stuff\n function milliseconds_year() {\n const dateObj = new Date();\n const dateInit = Math.round(\n new Date(dateObj.getFullYear(), 0, 1).getTime()\n );\n const dateEnd = Math.round(\n new Date(dateObj.getFullYear(), 11, 31, 23, 59, 59, 999).getTime()\n );\n return dateEnd - dateInit;\n }\n\n // This will recursively calculate the closest fractional value to the given target, until it recuses 25 times or\n // the value is within 0.001 of the target\n function searchSternBorcotTree(\n target: number,\n left_n: number,\n left_d: number,\n right_n: number,\n right_d: number,\n count: number = 0\n ): [number, number] {\n count++;\n const center_n: number = left_n + right_n;\n const center_d: number = left_d + right_d;\n // Check to see if we've gone too deep\n if (count > 25) return [center_n, center_d];\n // Check to see if we're close enough to the target\n if (Math.abs(target - center_n / center_d) > 0.001) {\n // Look right down the tree\n if (target > center_n / center_d)\n return searchSternBorcotTree(\n target,\n center_n,\n center_d,\n right_n,\n right_d,\n count\n );\n // Ok now look left\n return searchSternBorcotTree(\n target,\n left_n,\n left_d,\n center_n,\n center_d,\n count\n );\n }\n return [center_n, center_d];\n }\n\n function CalcAge() {\n let ageMs = new Date().getTime() - 1021004428000;\n const yearMs = milliseconds_year();\n const ageYearsComponent = Math.floor(ageMs / yearMs);\n const ageSecondsComponent = Math.floor((ageMs % yearMs) / 1000);\n const [target_n, target_d] = searchSternBorcotTree(\n ageSecondsComponent / (yearMs / 1000),\n 0,\n 1,\n 1,\n 1\n );\n return `${ageYearsComponent} and ${target_n}/${target_d}`;\n }\n\n const millisecondsYear = milliseconds_year();\n const time = new Date().getTime();\n // eslint-disable-next-line\n const memoizedCallbackCalcAge = useCallback(CalcAge, [\n millisecondsYear,\n time,\n ]);\n\n const [age, setAge] = useState(memoizedCallbackCalcAge());\n\n function UpdateAge() {\n setAge(memoizedCallbackCalcAge());\n }\n\n const memoizedCallbackUpdateAge = useCallback(UpdateAge, [\n memoizedCallbackCalcAge,\n ]);\n\n useEffect(() => {\n memoizedCallbackUpdateAge();\n\n const interval = setInterval(memoizedCallbackUpdateAge, 5000);\n\n return () => {\n clearInterval(interval);\n };\n }, [memoizedCallbackUpdateAge]);\n\n return
  • {age} years old
    • ;\n}\n","import {useEffect, useState} from \"react\";\nimport axios from \"axios\";\n\ninterface NowPlayingData {\n introduction: string;\n lastfm: {\n artist: string;\n track: string;\n playing: boolean;\n url: string | undefined;\n };\n}\n\nexport function LastFmLi() {\n const [nowPlayingData, setNowPlayingData] = useState({\n introduction: \"\",\n lastfm: {\n artist: \"nobody\",\n playing: false,\n track: \"nothing\",\n url: undefined,\n },\n });\n\n async function updateNowPlaying() {\n try {\n const songRequestData = await axios.get(\"https://api.jakecover.me\");\n\n setNowPlayingData(songRequestData.data);\n } catch (err) {\n console.error(err);\n }\n }\n\n useEffect(() => {\n updateNowPlaying();\n\n const interval = setInterval(updateNowPlaying, 10000);\n\n return () => {\n clearInterval(interval);\n };\n }, []);\n\n if (nowPlayingData.lastfm.playing) {\n return (\n
  • \n \n listening to {nowPlayingData.lastfm.track} by{\" \"}\n {nowPlayingData.lastfm.artist}\n \n
    • \n );\n }\n return
  • not listening to anything right now.
    • ;\n}","import \"./AboutMe.scss\";\nimport { Tooltip } from \"antd\";\nimport { Age } from \"./Age\";\nimport { LastFmLi } from \"./LastFmLi\";\n\n\nexport function AboutMe() {\n function EmailHandler() {\n const email = \"Y29udGFjdEBqYWtlY292ZXIubWU=\";\n window.prompt(\"Thanks for being a human! Here's my email:\", atob(email));\n }\n\n return (\n
    \n
    \n

    Hi! I'm Jake!

    \n\n
    \n
    \n

    A bit about me:

    \n
      \n
    • \n Occupation: Student\n
      • \n
    • \n Location: Southern California\n
      • \n
    • \n Pronouns: They/Them\n
      • \n \n \n
    \n
    \n
    \n

    Find Me:

    \n
      \n
    • \n Email: \n
      • \n
    • \n Twitter:{\" \"}\n \n \n @cobular_\n \n \n
      • \n
    • \n GitHub:{\" \"}\n \n JakeCover\n \n
      • \n
    • \n Telegram:{\" \"}\n \n @cobular\n \n
      • \n
    • Elsewhere: Probably @cobular
      • \n
    \n
    \n
    \n
    \n
    \n );\n}\n","import \"./Home.scss\";\nimport { ProjectGrid } from \"./ProjectGrid\";\nimport { AboutMe } from \"./AboutMe/AboutMe\";\n\nexport function Home() {\n return (\n
    \n \n \n
    \n );\n}\n","import { Home } from \"./Home\";\n\nexport function Main() {\n return (\n
    \n \n
    \n );\n}\n","import React from \"react\";\nimport \"./App.scss\";\nimport { Main } from \"./components/Main\";\n\nfunction App() {\n return (\n
    \n
    \n
    \n );\n}\n\nexport default App;\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React, {} from \"react\";\nimport { render } from \"react-snapshot\";\n\nimport \"./index.scss\";\nimport \"./imports.scss\";\nimport \"./vars.scss\"\nimport App from \"./App\";\nimport reportWebVitals from \"./reportWebVitals\";\n\nrender(\n ,\n document.getElementById(\"root\")\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.fa1a89c8.chunk.js b/static/js/main.fa1a89c8.chunk.js new file mode 100644 index 0000000..316bdff --- /dev/null +++ b/static/js/main.fa1a89c8.chunk.js @@ -0,0 +1,2 @@ +(this["webpackJsonppersonal-website-static"]=this["webpackJsonppersonal-website-static"]||[]).push([[0],{117:function(e,t,i){"use strict";i.r(t);var n=i(1),r=i(0),a=i(43),s=(i(75),i(76),i(77),i(78),i(79),i(80),i(44)),o=i.n(s),c=i(45),l=i.n(c),d=i(122),h=i.p+"static/media/SanDiego.35f8cc09.svg",j=i.p+"static/media/scoresaver.3f65e348.svg",m=i.p+"static/media/HashiCorp_Logo_no_text.344aecaa.png",b=i.p+"static/media/bennu.e9020d82.gif",u=i.p+"static/media/kat-site.d60ec831.png";function g(e){var t=e.title,i=e.text,r=e.link,a=e.org;return void 0===r?Object(n.jsx)("div",{className:"OneWide GridElement",children:Object(n.jsxs)("div",{className:"GridElementInternal",children:[Object(n.jsxs)("div",{className:"title",children:[Object(n.jsx)("h2",{children:t}),a&&Object(n.jsx)("h3",{children:a})]}),Object(n.jsx)("div",{className:"description",children:Object(n.jsx)("p",{children:i})})]})}):Object(n.jsx)("div",{className:"OneWide GridElement",children:Object(n.jsxs)("a",{className:"Link GridElementInternal",href:r,rel:"noreferrer",target:"_blank",children:[Object(n.jsxs)("div",{className:"title",children:[Object(n.jsx)("h2",{children:t}),a&&Object(n.jsx)("h3",{children:a}),Object(n.jsx)(d.a,{className:"LinkIcon"})]}),Object(n.jsx)("div",{className:"description",children:Object(n.jsx)("p",{children:i})})]})})}function p(e){var t=e.image_url,i=e.image_alt,r=e.title,a=e.text,s=e.link,o=e.org;return void 0===s?Object(n.jsx)("div",{className:"OneWide Pic GridElement",children:Object(n.jsxs)("div",{className:"GridElementInternal",children:[Object(n.jsx)("div",{className:"image",children:Object(n.jsx)("img",{src:t,alt:i})}),Object(n.jsxs)("div",{className:"description",children:[Object(n.jsx)("h2",{children:r}),o&&Object(n.jsx)("h3",{children:o}),Object(n.jsx)("p",{children:a})]})]})}):Object(n.jsx)("div",{className:"OneWide Pic GridElement ",children:Object(n.jsxs)("a",{className:"GridElementInternal Link",href:s,target:"_blank",rel:"noreferrer",children:[Object(n.jsxs)("div",{className:"image",children:[Object(n.jsx)("img",{src:t,alt:i}),Object(n.jsx)(d.a,{className:"LinkIcon"})]}),Object(n.jsxs)("div",{className:"description",children:[Object(n.jsx)("h2",{children:r}),o&&Object(n.jsx)("h3",{children:o}),Object(n.jsx)("p",{children:a})]})]})})}function f(e){var t=e.image_url,i=e.image_alt,r=e.title,a=e.text,s=e.link,o=e.org;return void 0===s?Object(n.jsx)("div",{className:"Medium GridElement",children:Object(n.jsxs)("div",{className:"GridElementInternal",children:[Object(n.jsx)("div",{className:"image",children:Object(n.jsx)("img",{src:t,alt:i})}),Object(n.jsxs)("div",{className:"description",children:[Object(n.jsx)("h2",{children:r}),o&&Object(n.jsx)("h3",{children:o}),Object(n.jsx)("p",{children:a})]})]})}):Object(n.jsx)("a",{className:"Medium GridElement Link",href:s,target:"_blank",rel:"noreferrer",children:Object(n.jsxs)("div",{className:"GridElementInternal",children:[Object(n.jsxs)("div",{className:"image",children:[Object(n.jsx)("img",{src:t,alt:i}),Object(n.jsx)(d.a,{className:"LinkIcon"})]}),Object(n.jsxs)("div",{className:"description",children:[Object(n.jsx)("h2",{children:r}),o&&Object(n.jsx)("h3",{children:o}),Object(n.jsx)("p",{children:a})]})]})})}function x(e){var t=e.image_url,i=e.image_alt,r=e.title,a=e.text,s=e.link,o=e.org;return void 0===s?Object(n.jsx)("div",{className:"FourByOne GridElement",children:Object(n.jsxs)("div",{className:"GridElementInternal",children:[Object(n.jsx)("div",{className:"image",children:Object(n.jsx)("img",{src:t,alt:i})}),Object(n.jsxs)("div",{className:"description",children:[Object(n.jsx)("h2",{children:r}),o&&Object(n.jsx)("h3",{children:o}),Object(n.jsx)("p",{children:a})]})]})}):Object(n.jsx)("div",{className:"FourByOne GridElement",children:Object(n.jsxs)("a",{className:"GridElementInternal Link",href:s,target:"_blank",rel:"noreferrer",children:[Object(n.jsxs)("div",{className:"image",children:[Object(n.jsx)("img",{src:t,alt:i}),Object(n.jsx)(d.a,{className:"LinkIcon"})]}),Object(n.jsxs)("div",{className:"description",children:[Object(n.jsx)("h2",{children:r}),o&&Object(n.jsx)("h3",{children:o}),Object(n.jsx)("p",{children:a})]})]})})}function O(){return Object(r.useEffect)((function(){var e=document.querySelector("#project-grid");if(e){var t=new o.a(e,{itemSelector:".GridElement",gutter:0,columnWidth:".GridSizer",percentPosition:!0});l()(e).on("progress",(function(){setTimeout((function(){var e;return null===(e=t.layout)||void 0===e?void 0:e.call(t)}),200)}))}})),Object(n.jsx)("div",{id:"project-grid-background",style:{paddingBottom:20},children:Object(n.jsxs)("div",{id:"project-grid-parent",children:[Object(n.jsxs)("div",{id:"project-header",children:[Object(n.jsx)("h2",{children:" My Projects"}),Object(n.jsxs)("p",{children:["A gallery of some of my most interesting projects. Look for"," ",Object(n.jsx)(d.a,{}),", click those projects for more information!"]})]}),Object(n.jsxs)("div",{id:"project-grid",children:[Object(n.jsx)("div",{className:"GridSizer"}),Object(n.jsx)(g,{title:"ElaticMatch",org:"CodeDay",text:"A set of tools, including a custom suggestion and weighting system, as well as a custom matching\n algorithm that I wrote and used to match around 350 students to the best-fitting mentors in the CodeDay\n Labs summer internship program in 2020.",link:"https://github.com/codeday/labs-elastic-match"}),Object(n.jsx)(g,{title:"John Peter",org:"CodeDay",text:"John Peter is a Discord bot used for moderation and server management for Virtual CodeDay. It has a very\n extensive featureset with a number of custom moderation and authentication tools and has been used for \n multiple CodeDay events, impacting well over 1,000 students.",link:"https://github.com/codeday/johnpeter-discord"}),Object(n.jsx)(g,{title:"Distest",org:"Random Projects",text:"Distest is a testing library I wrote for Discord bots that allows for full integration tests of bots,\n improving the discord bot development workflow significantly. As far as I know, it's the only tool\n available for this sort of testing. Unfortunately, this has been deprecated in favor of other, more full\n featured libraries.",link:"https://github.com/JakeCover/distest"}),Object(n.jsx)(p,{image_url:h,image_alt:"CodeDay San Diego Logo",org:"CodeDay",title:"CodeDay San Diego",text:"A 24 hour hackathon occurring around the world a few times a year. I volunteered for and then later ran\n the San Diego event where I grew to love hackathons and leaned a lot about leadership and event logistics\n in the process!",link:"https://event.codeday.org/sandiego"}),Object(n.jsx)(x,{image_url:"data:image/png;base64,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",image_alt:"Foresight Sports Logo",title:"Foresight Sports",text:"Foresight Sports creates advanced augmented reality sports experiences. I created multiple games using\n Unity that took data from their launch monitor technology and translated it into a seamless experience."}),Object(n.jsx)(p,{image_url:j,image_alt:"Scoresaver Logo",title:"ScoreSaver",org:"Random Projects",text:"A Chrome extension to help you download BeatSaber songs directly from ScoreSaber. No more searching for\n mapper names on BeatSaver, just download the newest ranked songs directly!",link:"https://github.com/JakeCover/ScoreSaverExtention"}),Object(n.jsx)(g,{title:"Assorted Discord Bots",org:"Random Projects",text:"I've made quite a number of discord bots over time! Some of them, like ReplyBot, which added a reply\n functionality to Discord years before they finally implemented it first-party, have been obsoleted\n nowadays, others like DiscordChannelMirror just do simple things for my own use, and many more have been\n lost to time and past me's lack of understanding of the importance of backup. I digress, however I really\n do love writing these sorts of applications!"}),Object(n.jsx)(f,{image_url:m,image_alt:"HashiCorp Logo",title:"Hashicorp Stack Sysadmin",org:"CodeDay, Random Projects",text:"I've setup and used a stack consisting of Nomad, Consul, and Vault along with Traefik both at CodeDay,\n where it runs almost every service we have, as well as at home, where I use it to run over 25 services on\n a cluster of old machines. I strongly recommend it as it's a very easy way utilize old hardware, even when\n each machine may not be that powerful powerful and not all that complex to get started with at any scale,\n from one personal server to large corporate backends."}),Object(n.jsx)(g,{title:"Personal Website",org:"Random Projects",text:"You're looking at it! There's not a whole lot to this, it's just a React site hosted on GitHub Pages,\n but I didn't know React before starting on this so I'm pretty proud of it.",link:"https://github.com/JakeCover/PersonalWebsite_Static"}),Object(n.jsx)(g,{title:"Nomad Job Templates Tool",link:"https://github.com/JakeCover/NomadJobTemplatesTool",org:"Random Projects",text:"A little custom tool to allow you to use jinga-esque text substitutions in Nomad jobfiles to help\n centralize the definition of service traefik tags. This mainly makes it easier to update and change\n networking configuration across many jobs easily."}),Object(n.jsx)(p,{image_url:u,image_alt:"Kat's Logo",title:"Shushicate",org:"Random Projects",text:"An art gallery website for my friend, made in svelte. The images are optimized and compressed at \n compiletime, creating a few versions and allowing the browser to choose which to display using imageset.\n The full resolution image is only sent when selecting an image, keeping the site performant.",link:"https://www.shushicate.com/"}),Object(n.jsx)(g,{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\n develop OpenVR plugins more easily and independently from Unity. It will eventually grow to include\n multiple additional input methods and other tools to allow users to interact with other OVR plugins more\n easily."}),Object(n.jsx)(f,{image_url:b,image_alt:"A B logo",title:"Bennu",org:"Work Experience",text:"Bennu made various engineering management and performance analysis tools for other software companies. \n Here, I mainly implemented the crawler for Jira Server, adding a whole new application we could offer to\n customers. I also worked on internal tooling and optimized our test runtime by 50% before the startup \n closed from beneath me in the middle of the summer of 2021.",link:"https://www.bennu.io/"}),Object(n.jsx)(g,{title:"CopyMoji",org:"BetterDiscord",text:"An extension for the alternate discord client BetterDiscord that changes the functionality of copying\n emoji to copy the actual emoji characters rather than their names from the discord client.",link:"https://github.com/JakeCover/BetterDiscordExtensions/tree/main/plugins/CopyMoji"}),Object(n.jsx)(g,{title:"What's That Number",org:"Random Projects",text:"A service that allows for the reversing of arbitrary decimals back to fractions of irrational numbers.\n Basically, it's able to reverse 3.1415 to \u03c0, but more interestingly reverse 0.385694 to \u221a2 * 3 / 11!\n It can't solve all problems and it isn't mathematically provable or anything, but it's optimized to\n give you the right answer for most things you'll actually run into and tell you when you've gotten \n nothing.",link:"https://jakecover.github.io/WhatsThatNumberExtension/"})]})]})})}i(85);var v=i(121),A=i(22);function w(){function e(){var e=new Date,t=Math.round(new Date(e.getFullYear(),0,1).getTime());return Math.round(new Date(e.getFullYear(),11,31,23,59,59,999).getTime())-t}function t(e,i,n,r,a){var s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=i+r,c=n+a;return++s>25?[o,c]:Math.abs(e-o/c)>.001?e>o/c?t(e,o,c,r,a,s):t(e,i,n,o,c,s):[o,c]}var i=e(),a=(new Date).getTime(),s=Object(r.useCallback)((function(){var i=(new Date).getTime()-0xedb89b32e0,n=e(),r=Math.floor(i/n),a=t(Math.floor(i%n/1e3)/(n/1e3),0,1,1,1),s=Object(A.a)(a,2),o=s[0],c=s[1];return"".concat(r," and ").concat(o,"/").concat(c)}),[i,a]),o=Object(r.useState)(s()),c=Object(A.a)(o,2),l=c[0],d=c[1];var h=Object(r.useCallback)((function(){d(s())}),[s]);return Object(r.useEffect)((function(){h();var e=setInterval(h,5e3);return function(){clearInterval(e)}}),[h]),Object(n.jsxs)("li",{children:[l," years old"]})}var y=i(31),k=i.n(y),I=i(51),N=i(52),D=i.n(N);function M(){var e=Object(r.useState)({introduction:"",lastfm:{artist:"nobody",playing:!1,track:"nothing",url:void 0}}),t=Object(A.a)(e,2),i=t[0],a=t[1];function s(){return o.apply(this,arguments)}function o(){return(o=Object(I.a)(k.a.mark((function e(){var t;return k.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,D.a.get("https://api.jakecover.me");case 3:t=e.sent,a(t.data),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),console.error(e.t0);case 10:case"end":return e.stop()}}),e,null,[[0,7]])})))).apply(this,arguments)}return Object(r.useEffect)((function(){s();var e=setInterval(s,1e4);return function(){clearInterval(e)}}),[]),i.lastfm.playing?Object(n.jsx)("li",{children:Object(n.jsxs)("a",{href:i.lastfm.url,target:"_blank",rel:"noreferrer",style:{color:"inherit",textDecoration:"inherit"},children:["listening to ",i.lastfm.track," by"," ",i.lastfm.artist]})}):Object(n.jsx)("li",{children:"not listening to anything right now."})}function T(){return Object(n.jsx)("div",{id:"about-me-parent",children:Object(n.jsxs)("div",{id:"about-me",className:"about-me-card",children:[Object(n.jsx)("h1",{children:"Hi! I'm Jake!"}),Object(n.jsxs)("div",{id:"info-parent",children:[Object(n.jsxs)("div",{id:"specific-info",children:[Object(n.jsx)("h2",{children:" A bit about me:"}),Object(n.jsxs)("ul",{children:[Object(n.jsxs)("li",{children:[Object(n.jsx)("b",{children:"Occupation:"})," Student"]}),Object(n.jsxs)("li",{children:[Object(n.jsx)("b",{children:"Location:"})," Southern California"]}),Object(n.jsxs)("li",{children:[Object(n.jsx)("b",{children:"Pronouns"}),": They/Them"]}),Object(n.jsx)(w,{}),Object(n.jsx)(M,{})]})]}),Object(n.jsxs)("div",{id:"fun-info",children:[Object(n.jsx)("h2",{children:"Find Me:"}),Object(n.jsxs)("ul",{children:[Object(n.jsxs)("li",{children:["Email: ",Object(n.jsx)("button",{onClick:function(){window.prompt("Thanks for being a human! Here's my email:",atob("Y29udGFjdEBqYWtlY292ZXIubWU="))},children:"Click This"})]}),Object(n.jsxs)("li",{children:["Twitter:"," ",Object(n.jsx)(v.a,{title:":(",children:Object(n.jsx)("a",{href:"https://github.com/JakeCover",target:"_blank",rel:"noreferrer",children:"@cobular_"})})]}),Object(n.jsxs)("li",{children:["GitHub:"," ",Object(n.jsx)("a",{href:"https://github.com/JakeCover",target:"_blank",rel:"noreferrer",children:"JakeCover"})]}),Object(n.jsxs)("li",{children:["Telegram:"," ",Object(n.jsx)("a",{href:"https://t.me/cobular",target:"_blank",rel:"noreferrer",children:"@cobular"})]}),Object(n.jsx)("li",{children:"Elsewhere: Probably @cobular"})]})]})]})]})})}function S(){return Object(n.jsxs)("div",{id:"home",children:[Object(n.jsx)(T,{}),Object(n.jsx)(O,{})]})}function G(){return Object(n.jsx)("main",{children:Object(n.jsx)(S,{})})}var B=function(){return Object(n.jsx)("div",{className:"App",children:Object(n.jsx)(G,{})})},E=function(e){e&&e instanceof Function&&i.e(3).then(i.bind(null,123)).then((function(t){var i=t.getCLS,n=t.getFID,r=t.getFCP,a=t.getLCP,s=t.getTTFB;i(e),n(e),r(e),a(e),s(e)}))};Object(a.render)(Object(n.jsx)(B,{}),document.getElementById("root")),E()},75:function(e,t,i){},76:function(e,t,i){},77:function(e,t,i){},78:function(e,t,i){},79:function(e,t,i){},80:function(e,t,i){},85:function(e,t,i){}},[[117,1,2]]]); +//# sourceMappingURL=main.fa1a89c8.chunk.js.map \ No newline at end of file diff --git a/static/js/main.fa1a89c8.chunk.js.map b/static/js/main.fa1a89c8.chunk.js.map new file mode 100644 index 0000000..c12ac9d --- /dev/null +++ b/static/js/main.fa1a89c8.chunk.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["images/SanDiego.svg","images/scoresaver.svg","images/HashiCorp_Logo_no_text.png","images/bennu.gif","images/kat-site.png","components/ProjectGrid.tsx","images/foresightsports.png","components/AboutMe/Age.tsx","components/AboutMe/LastFmLi.tsx","components/AboutMe/AboutMe.tsx","components/Home.tsx","components/Main.tsx","App.tsx","reportWebVitals.ts","index.tsx"],"names":["SmallElement","title","text","link","org","undefined","className","href","rel","target","LinkOutlined","SmallElementPic","image_url","image_alt","src","alt","MediumElement","LargeElementPic","ProjectGrid","useEffect","elem","document","querySelector","msnry","Masonry","itemSelector","gutter","columnWidth","percentPosition","ImagesLoaded","on","setTimeout","layout","id","style","paddingBottom","CodeDaySD","Scoresaver","Hashicorp","KatSite","Bennu","Age","milliseconds_year","dateObj","Date","dateInit","Math","round","getFullYear","getTime","searchSternBorcotTree","left_n","left_d","right_n","right_d","count","center_n","center_d","abs","millisecondsYear","time","memoizedCallbackCalcAge","useCallback","ageMs","yearMs","ageYearsComponent","floor","target_n","target_d","useState","age","setAge","memoizedCallbackUpdateAge","interval","setInterval","clearInterval","LastFmLi","introduction","lastfm","artist","playing","track","url","nowPlayingData","setNowPlayingData","updateNowPlaying","a","axios","get","songRequestData","data","console","error","color","textDecoration","AboutMe","onClick","window","prompt","atob","Home","Main","App","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","render","getElementById"],"mappings":"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","file":"static/js/main.fa1a89c8.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/SanDiego.35f8cc09.svg\";","export default __webpack_public_path__ + \"static/media/scoresaver.3f65e348.svg\";","export default __webpack_public_path__ + \"static/media/HashiCorp_Logo_no_text.344aecaa.png\";","export default __webpack_public_path__ + \"static/media/bennu.e9020d82.gif\";","export default __webpack_public_path__ + \"static/media/kat-site.d60ec831.png\";","/**\n * TODO:\n * - For things that can't be linked, use to signal that clicking will open a modal https://ant.design/components/modal/\n * in order to give a more complex writeup and some pictures\n * - Tooltip for modal and linkable items, possibly which displays a modal with an example card with tooltips or explanations\n * - Footer\n * - Responsive top bar\n *\n */\n\nimport \"./ProjectGrid.scss\";\nimport Masonry from \"masonry-layout\";\nimport ImagesLoaded from \"imagesloaded\";\n\nimport { useEffect } from \"react\";\nimport { LinkOutlined } from \"@ant-design/icons\";\nimport CodeDaySD from \"../images/SanDiego.svg\";\nimport Foresight from \"../images/foresightsports.png\";\nimport Scoresaver from \"../images/scoresaver.svg\";\nimport Hashicorp from \"../images/HashiCorp_Logo_no_text.png\";\nimport Bennu from \"../images/bennu.gif\";\nimport KatSite from \"../images/kat-site.png\";\n\ntype GridElementImageProps = {\n image_url: string;\n image_alt: string;\n title: string;\n text: string;\n link?: string;\n org?: string;\n};\n\ntype GridElementProps = {\n title: string;\n text: string;\n link?: string;\n org?: string;\n};\n\nfunction SmallElement({ title, text, link, org }: GridElementProps) {\n if (link === undefined) {\n return (\n
    \n
    \n
    \n

    {title}

    \n {org &&

    {org}

    }\n
    \n
    \n

    {text}

    \n
    \n
    \n
    \n );\n }\n return (\n
    \n \n
    \n

    {title}

    \n {org &&

    {org}

    }\n \n
    \n
    \n

    {text}

    \n
    \n \n
    \n );\n}\n\nfunction SmallElementPic({\n image_url,\n image_alt,\n title,\n text,\n link,\n org,\n}: GridElementImageProps) {\n if (link === undefined) {\n return (\n
    \n
    \n
    \n {image_alt}\n
    \n
    \n

    {title}

    \n {org &&

    {org}

    }\n\n

    {text}

    \n
    \n
    \n
    \n );\n }\n return (\n
    \n \n
    \n {image_alt}\n \n
    \n
    \n

    {title}

    \n {org &&

    {org}

    }\n

    {text}

    \n
    \n \n
    \n );\n}\n\nfunction MediumElement({\n image_url,\n image_alt,\n title,\n text,\n link,\n org,\n}: GridElementImageProps) {\n if (link === undefined) {\n return (\n
    \n
    \n
    \n {image_alt}\n
    \n
    \n

    {title}

    \n {org &&

    {org}

    }\n

    {text}

    \n
    \n
    \n
    \n );\n }\n return (\n \n
    \n
    \n {image_alt}\n \n
    \n
    \n

    {title}

    \n {org &&

    {org}

    }\n

    {text}

    \n
    \n
    \n \n );\n}\n\nfunction LargeElementPic({\n image_url,\n image_alt,\n title,\n text,\n link,\n org,\n}: GridElementImageProps) {\n if (link === undefined) {\n return (\n
    \n
    \n
    \n {image_alt}\n
    \n
    \n

    {title}

    \n {org &&

    {org}

    }\n

    {text}

    \n
    \n
    \n
    \n );\n }\n return (\n
    \n \n
    \n {image_alt}\n \n
    \n
    \n

    {title}

    \n {org &&

    {org}

    }\n

    {text}

    \n
    \n \n
    \n );\n}\n\nexport function ProjectGrid() {\n useEffect(() => {\n var elem = document.querySelector(\"#project-grid\");\n\n if (elem) {\n const msnry = new Masonry(elem, {\n itemSelector: \".GridElement\",\n gutter: 0,\n columnWidth: \".GridSizer\",\n percentPosition: true,\n });\n\n ImagesLoaded(elem).on(\"progress\", () => {\n setTimeout(() => msnry.layout?.(), 200);\n });\n }\n });\n\n return (\n
    \n
    \n
    \n

    </> My Projects

    \n

    \n A gallery of some of my most interesting projects. Look for{\" \"}\n , click those projects for more information!\n

    \n
    \n
    \n
    \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
    \n
    \n
    \n );\n}\n","export default \"data:image/png;base64,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\"","import {useCallback, useEffect, useState} from \"react\";\n\nexport function Age() {\n // Accounts for leap years and stuff\n function milliseconds_year() {\n const dateObj = new Date();\n const dateInit = Math.round(\n new Date(dateObj.getFullYear(), 0, 1).getTime()\n );\n const dateEnd = Math.round(\n new Date(dateObj.getFullYear(), 11, 31, 23, 59, 59, 999).getTime()\n );\n return dateEnd - dateInit;\n }\n\n // This will recursively calculate the closest fractional value to the given target, until it recuses 25 times or\n // the value is within 0.001 of the target\n function searchSternBorcotTree(\n target: number,\n left_n: number,\n left_d: number,\n right_n: number,\n right_d: number,\n count: number = 0\n ): [number, number] {\n count++;\n const center_n: number = left_n + right_n;\n const center_d: number = left_d + right_d;\n // Check to see if we've gone too deep\n if (count > 25) return [center_n, center_d];\n // Check to see if we're close enough to the target\n if (Math.abs(target - center_n / center_d) > 0.001) {\n // Look right down the tree\n if (target > center_n / center_d)\n return searchSternBorcotTree(\n target,\n center_n,\n center_d,\n right_n,\n right_d,\n count\n );\n // Ok now look left\n return searchSternBorcotTree(\n target,\n left_n,\n left_d,\n center_n,\n center_d,\n count\n );\n }\n return [center_n, center_d];\n }\n\n function CalcAge() {\n let ageMs = new Date().getTime() - 1021004428000;\n const yearMs = milliseconds_year();\n const ageYearsComponent = Math.floor(ageMs / yearMs);\n const ageSecondsComponent = Math.floor((ageMs % yearMs) / 1000);\n const [target_n, target_d] = searchSternBorcotTree(\n ageSecondsComponent / (yearMs / 1000),\n 0,\n 1,\n 1,\n 1\n );\n return `${ageYearsComponent} and ${target_n}/${target_d}`;\n }\n\n const millisecondsYear = milliseconds_year();\n const time = new Date().getTime();\n // eslint-disable-next-line\n const memoizedCallbackCalcAge = useCallback(CalcAge, [\n millisecondsYear,\n time,\n ]);\n\n const [age, setAge] = useState(memoizedCallbackCalcAge());\n\n function UpdateAge() {\n setAge(memoizedCallbackCalcAge());\n }\n\n const memoizedCallbackUpdateAge = useCallback(UpdateAge, [\n memoizedCallbackCalcAge,\n ]);\n\n useEffect(() => {\n memoizedCallbackUpdateAge();\n\n const interval = setInterval(memoizedCallbackUpdateAge, 5000);\n\n return () => {\n clearInterval(interval);\n };\n }, [memoizedCallbackUpdateAge]);\n\n return
  • {age} years old
    • ;\n}\n","import {useEffect, useState} from \"react\";\nimport axios from \"axios\";\n\ninterface NowPlayingData {\n introduction: string;\n lastfm: {\n artist: string;\n track: string;\n playing: boolean;\n url: string | undefined;\n };\n}\n\nexport function LastFmLi() {\n const [nowPlayingData, setNowPlayingData] = useState({\n introduction: \"\",\n lastfm: {\n artist: \"nobody\",\n playing: false,\n track: \"nothing\",\n url: undefined,\n },\n });\n\n async function updateNowPlaying() {\n try {\n const songRequestData = await axios.get(\"https://api.jakecover.me\");\n\n setNowPlayingData(songRequestData.data);\n } catch (err) {\n console.error(err);\n }\n }\n\n useEffect(() => {\n updateNowPlaying();\n\n const interval = setInterval(updateNowPlaying, 10000);\n\n return () => {\n clearInterval(interval);\n };\n }, []);\n\n if (nowPlayingData.lastfm.playing) {\n return (\n
  • \n \n listening to {nowPlayingData.lastfm.track} by{\" \"}\n {nowPlayingData.lastfm.artist}\n \n
    • \n );\n }\n return
  • not listening to anything right now.
    • ;\n}","import \"./AboutMe.scss\";\nimport { Tooltip } from \"antd\";\nimport { Age } from \"./Age\";\nimport { LastFmLi } from \"./LastFmLi\";\n\n\nexport function AboutMe() {\n function EmailHandler() {\n const email = \"Y29udGFjdEBqYWtlY292ZXIubWU=\";\n window.prompt(\"Thanks for being a human! Here's my email:\", atob(email));\n }\n\n return (\n
    \n
    \n

    Hi! I'm Jake!

    \n\n
    \n
    \n

    A bit about me:

    \n
      \n
    • \n Occupation: Student\n
      • \n
    • \n Location: Southern California\n
      • \n
    • \n Pronouns: They/Them\n
      • \n \n \n
    \n
    \n
    \n

    Find Me:

    \n
      \n
    • \n Email: \n
      • \n
    • \n Twitter:{\" \"}\n \n \n @cobular_\n \n \n
      • \n
    • \n GitHub:{\" \"}\n \n JakeCover\n \n
      • \n
    • \n Telegram:{\" \"}\n \n @cobular\n \n
      • \n
    • Elsewhere: Probably @cobular
      • \n
    \n
    \n
    \n
    \n
    \n );\n}\n","import \"./Home.scss\";\nimport { ProjectGrid } from \"./ProjectGrid\";\nimport { AboutMe } from \"./AboutMe/AboutMe\";\n\nexport function Home() {\n return (\n
    \n \n \n
    \n );\n}\n","import { Home } from \"./Home\";\n\nexport function Main() {\n return (\n
    \n \n
    \n );\n}\n","import React from \"react\";\nimport \"./App.scss\";\nimport { Main } from \"./components/Main\";\n\nfunction App() {\n return (\n
    \n
    \n
    \n );\n}\n\nexport default App;\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React, {} from \"react\";\nimport { render } from \"react-snapshot\";\n\nimport \"./index.scss\";\nimport \"./imports.scss\";\nimport \"./vars.scss\"\nimport App from \"./App\";\nimport reportWebVitals from \"./reportWebVitals\";\n\nrender(\n ,\n document.getElementById(\"root\")\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""} \ No newline at end of file