diff --git a/src/components/ProjectGrid.scss b/src/components/ProjectGrid.scss
index 9a2de41..5e7cbd3 100644
--- a/src/components/ProjectGrid.scss
+++ b/src/components/ProjectGrid.scss
@@ -14,16 +14,21 @@ $breakpoints: (x-small: 430px, small: 660px, medium: 900px, large: 1300px, x-lar
#project-grid-parent {
margin: 10px;
- background: #FFD43B;
+ background: #FECEA8;
border-radius: 5px;
& > #project-header {
- background: grey;
+ background: #1C1C1C;
border-radius: 5px 5px 0 0;
margin-bottom: 2px;
+
padding: 5px;
+ * {
+ color: white;
+ }
+
h2 {
margin-bottom: 0;
font-family: "Fira Code", monospace;
@@ -114,7 +119,7 @@ $breakpoints: (x-small: 430px, small: 660px, medium: 900px, large: 1300px, x-lar
.GridElementInternal {
padding: 9px;
border-radius: 5px;
- background: lightcyan;
+ background: #F1F1F1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
transition: box-shadow 0.3s ease-in-out;
diff --git a/src/components/ProjectGrid.tsx b/src/components/ProjectGrid.tsx
index 99a6203..a50a122 100644
--- a/src/components/ProjectGrid.tsx
+++ b/src/components/ProjectGrid.tsx
@@ -246,7 +246,9 @@ export function ProjectGrid() {
title={"ElaticMatch"}
org={"CodeDay"}
text={
- "A set of tools, including a custom suggestion and weighting system, as well as a custom matching algorithm that I wrote and used to match around 350 students to the best-fitting mentors in the CodeDay Labs summer internship program in 2020."
+ `A set of tools, including a custom suggestion and weighting system, as well as a custom matching
+ algorithm that I wrote and used to match around 350 students to the best-fitting mentors in the CodeDay
+ Labs summer internship program in 2020.`
}
link={"https://github.com/codeday/labs-elastic-match"}
/>
@@ -254,7 +256,8 @@ export function ProjectGrid() {
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 extensive featureset, and has been used for multiple CodeDays and has worked with over 1000 students."
+ `John Peter is a Discord bot used for moderation and server management for Virtual CodeDay. It has a very
+ xtensive featureset, and has been used for multiple CodeDays and has worked with over 1000 students.`
}
link={"https://github.com/codeday/johnpeter-discord"}
/>
@@ -262,7 +265,8 @@ export function ProjectGrid() {
title={"CopyMoji"}
org={"BetterDiscord"}
text={
- "An extension for the alternate discord client BetterDiscord that changes the functionality of copying emoji to copy the actual emoji characters rather than their names from the discord client."
+ `An extension for the alternate discord client BetterDiscord that changes the functionality of copying
+ emoji to copy the actual emoji characters rather than their names from the discord client.`
}
link={
"https://github.com/JakeCover/BetterDiscordExtensions/tree/main/plugins/CopyMoji"
@@ -274,7 +278,8 @@ export function ProjectGrid() {
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 the San Diego event."
+ `A 24 hour hackathon occurring around the world a few times a year. I volunteered for and then later ran
+ the San Diego event.`
}
link={"https://event.codeday.org/sandiego"}
/>
@@ -283,7 +288,8 @@ export function ProjectGrid() {
image_alt={"Foresight Sports Logo"}
title={"Foresight Sports"}
text={
- "Foresight Sports creates advanced augmented reality sports experiences. I created multiple games using Unity that took data from their launch monitor technology and translated it into a seamless experience."
+ `Foresight Sports creates advanced augmented reality sports experiences. I created multiple games using
+ Unity that took data from their launch monitor technology and translated it into a seamless experience.`
}
/>
@@ -302,7 +310,8 @@ export function ProjectGrid() {
title={"ScoreSaver"}
org={"Random Projects"}
text={
- "A Chrome extension to help you download beatsaber songs directly from ScoreSaber. No more searching for mapper names on BeatSaver, just download the newest ranked songs directly!"
+ `A Chrome extension to help you download beatsaber songs directly from ScoreSaber. No more searching for
+ mapper names on BeatSaver, just download the newest ranked songs directly!`
}
link={"https://github.com/JakeCover/ScoreSaverExtention"}
/>
@@ -313,14 +322,18 @@ export function ProjectGrid() {
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, where it runs almost every service we have, as well as at home, where I use it to run a number of assorted services on a few old machines. I strongly recommend it, it's very powerful and not all that complex to get started with at any scale, from one personal server to large corporate backends."
+ `I've setup and used a stack consisting of Nomad, Consul, and Vault along with Traefik both at CodeDay,
+ where it runs almost every service we have, as well as at home, where I use it to run a number of
+ assorted services on a few old machines. I strongly recommend it, it's very powerful and not all that
+ complex to get started with at any scale, from one personal server to large corporate backends.`
}
/>
@@ -329,14 +342,31 @@ export function ProjectGrid() {
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 centralize the definition of service traefik tags. This mainly makes it easier to update and change networking configuration across many jobs easily."
+ `A little custom tool to allow you to use jinga-esque text substitutions in Nomad jobfiles to help
+ centralize the definition of service traefik tags. This mainly makes it easier to update and change
+ networking configuration across many jobs easily.`
}
/>
+
diff --git a/src/images/y-so-serious-white.png b/src/images/y-so-serious-white.png
new file mode 100644
index 0000000..7184014
Binary files /dev/null and b/src/images/y-so-serious-white.png differ
diff --git a/src/index.scss b/src/index.scss
index ec2585e..df2b6d3 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -1,13 +1,23 @@
+* {
+ color: #2A363B;
+}
+
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
- 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
- sans-serif;
+ 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+ sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
+ //background: url("./images/y-so-serious-white.png") repeat;
+ background-color: #3767A8 !important;
}
+#root {
+}
+
+
code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
- monospace;
+ monospace;
}