diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml index 5b99aec..edd805a 100644 --- a/.github/workflows/main.yml +++ b/.github/workflows/main.yml @@ -47,6 +47,6 @@ jobs: - name: Deploy with gh-pages run: | git remote set-url origin https://git:${GITHUB_TOKEN}@github.com/${GITHUB_REPOSITORY}.git - npx gh-pages -d build -u "github-actions-bot " + npm run deploy -- -u "github-actions-bot " env: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} diff --git a/Old/about.html b/Old/about.html deleted file mode 100644 index 6ae4dc1..0000000 --- a/Old/about.html +++ /dev/null @@ -1,23 +0,0 @@ - - - - - - About Me - - - - -
- Jake Cover - -
- Home - Contact - About - Resume - GitHub -
-
- - \ No newline at end of file diff --git a/Old/contact.html b/Old/contact.html deleted file mode 100644 index fe98ed6..0000000 --- a/Old/contact.html +++ /dev/null @@ -1,23 +0,0 @@ - - - - - - Contact Me - - - - -
- Jake Cover - -
- Home - Contact - About - Resume - GitHub -
-
- - \ No newline at end of file diff --git a/Old/css/breakpoint-helpers.css b/Old/css/breakpoint-helpers.css deleted file mode 100644 index 8d35839..0000000 --- a/Old/css/breakpoint-helpers.css +++ /dev/null @@ -1,3 +0,0 @@ - - -/*# sourceMappingURL=breakpoint-helpers.css.map */ diff --git a/Old/css/colors.css b/Old/css/colors.css deleted file mode 100644 index f48e716..0000000 --- a/Old/css/colors.css +++ /dev/null @@ -1,3 +0,0 @@ - - -/*# sourceMappingURL=colors.css.map */ diff --git a/Old/css/footer.css b/Old/css/footer.css deleted file mode 100644 index c01bd77..0000000 --- a/Old/css/footer.css +++ /dev/null @@ -1,55 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Fira+Code&family=Montserrat:wght@400;600;700&display=swap"); -.site-footer { - overflow: hidden; - background-color: #f1f1f1; - padding: 15px 10px; - font-family: "Fira Code", monospace; - border-radius: 3px; - font-size: small; - /* For desktop: */ } - .site-footer h6 { - font-size: medium; - margin-top: 0px; - margin-bottom: 0px; } - .site-footer [class*="col-"] { - float: left; - padding: 15px 15px 0px; - position: relative; } - .site-footer .col-1 { - width: 8.33%; } - .site-footer .col-2 { - width: 16.66%; } - .site-footer .col-3 { - width: 25%; } - .site-footer .col-4 { - width: 33.33%; } - .site-footer .col-5 { - width: 41.66%; } - .site-footer .col-6 { - width: 50%; } - .site-footer .col-7 { - width: 58.33%; } - .site-footer .col-8 { - width: 66.66%; } - .site-footer .col-9 { - width: 75%; } - .site-footer .col-10 { - width: 83.33%; } - .site-footer .col-11 { - width: 91.66%; } - .site-footer .col-12 { - width: 100%; } - @media (max-width: 767px) { - .site-footer [class*="col-"] { - width: 95%; } } - -.footer-grid { - box-sizing: border-box; - position: relative; } - -.footer-grid::after { - content: ""; - clear: both; - display: table; } - -/*# sourceMappingURL=footer.css.map */ diff --git a/Old/css/grid.css b/Old/css/grid.css deleted file mode 100644 index 8c2e71b..0000000 --- a/Old/css/grid.css +++ /dev/null @@ -1,48 +0,0 @@ -.top_buffer { - margin-bottom: 10px; } - -.wide { - width: auto; - border-radius: 5px; - background-color: #eaeaea; - position: relative; - background-clip: content-box; } - .wide .image { - border-color: #FF1E90; } - -.tall { - width: auto; - border-radius: 5px; - background-color: #eaeaea; - background-clip: content-box; } - .tall .image { - border-color: #FF1E90; } - .tall .description { - text-align: center; } - -@media (min-width: 992px) { - .wide .image { - width: 75%; - float: left; - border-style: none solid none none; } - .wide .description { - margin-left: 76%; - text-align: left; } - - .tall .image { - border-style: none none solid; } - .tall .description { - text-align: center; } } -@media (max-width: 991px) { - .wide .image { - border-style: none none solid; } - .wide .image img { - width: 100%; - height: auto; } - - .tall .image { - border-style: none none solid; } - .tall .description { - text-align: center; } } - -/*# sourceMappingURL=grid.css.map */ diff --git a/Old/css/main.css b/Old/css/main.css deleted file mode 100644 index 617f985..0000000 --- a/Old/css/main.css +++ /dev/null @@ -1,41 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Fira+Code&family=Montserrat:wght@400;600;700&display=swap"); -.navbar { - overflow: hidden; - background-color: #f1f1f1; - padding: 15px 10px; - font-family: "Fira Code", monospace; - border-radius: 3px; } - -.navbar a { - float: left; - color: black; - text-align: center; - padding: 7px 12px; - text-decoration: none; - font-size: 22px; - line-height: 25px; - border-radius: 4px; } - -.navbar a.name { - font-size: 25px; - font-weight: 600; } - -.navbar a:hover { - background-color: #dddddd; - color: black; } - -.page { - background-color: #f1f1f1; - height: fit-content; - padding: 10px; - margin-top: 10px; - margin-bottom: 10px; - font-family: "Montserrat", sans-serif; - border-radius: 3px; } - -@media (min-width: 992px) { - .page { - width: 80%; - margin: 10px auto 10px; } } - -/*# sourceMappingURL=main.css.map */ diff --git a/Old/index.html b/Old/index.html deleted file mode 100644 index 452f6ee..0000000 --- a/Old/index.html +++ /dev/null @@ -1,152 +0,0 @@ - - - - - - - Jake Cover - - - - - - - - -
- Jake Cover - - - - - -
-
-

Hey! This site is still under construction. You can see where it stands today, but additional content may be added soon.

-
-
-
-
-
-
- CodeDay SD Logo -
-
-

CodeDay, an event by SRND, is a beginner-friendly 24 hour event for students that challenges - attendees to create a game or an app.
- I served as the Regional Manager for CodeDay San Diego for one year.

-
-
-
-
- Redish Heart, SRND Logo -
-
-

SRND is an educational nonprofit that works to provide CS education to high school and - college students and to increase diversity in tech. I worked here for a year to create a number - of tools and projects, which can be found on my resume.

-
-
-
-
- Distest Logo -
-
-

Distest is a testing library for Discord bots that allows for full integration tests of your bot, - improving the discord bot development workflow significantly.

-
-
-
-
- Red to Blue Gradient w/ White Download Icon -
-
-

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!

-
-
-
-
- ForeSight Sports Logo0 -
-
-

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.

-
-
-
-
-
- - -
-
-
-
Jake Cover
-

- Made by Jake Cover, a CS student who really needs to find something witty and interesting to put here - soon. -
- Checklist Icon by Arthur Shlain from the Noun Project -

-
-
-
Links and Stuff
- -
-
-
-
Copyright © 2020 All Rights Reserved by Jake Cover
-
- - - - - - - - - - - - diff --git a/Old/package-lock.json b/Old/package-lock.json deleted file mode 100644 index 48e341a..0000000 --- a/Old/package-lock.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "lockfileVersion": 1 -} diff --git a/Old/resume.html b/Old/resume.html deleted file mode 100644 index 3b0566f..0000000 --- a/Old/resume.html +++ /dev/null @@ -1,23 +0,0 @@ - - - - - - Resume - - - - -
- Jake Cover - -
- Home - Contact - About - Resume - GitHub -
-
- - \ No newline at end of file diff --git a/Old/sass/_old_index.sass b/Old/sass/_old_index.sass deleted file mode 100644 index 100e55e..0000000 --- a/Old/sass/_old_index.sass +++ /dev/null @@ -1,86 +0,0 @@ -@mixin centerer - position: absolute - top: 50% - left: 50% - transform: translate(-50%, -50%) - -.jumbotron - text-align: center - -#UpperCarousel - width: 70% - margin: auto - -#LowerCarousel - width: 70% - margin: auto - - -.carousel-cell - width: 66% - background: #ffffff - margin-right: 10px - height: 60px - line-height: 1.5 - border-radius: 5px - -.carousel-cell-content - color: #2E2E2E - @include centerer - -// Grid Info -.grid-item - width: 30% - float: left - height: auto - background: #e6e5e4 - border: 2px solid #b6b5b4 - margin: 5px - text-align: center - border-radius: 5px - -.grid - align-content: center - -.student - border-width: 4px - background-color: #ef9a9a - border-radius: 5px - border-style: none - -.developer - border-width: 4px - background-color: #81d4fa - border-radius: 5px - border-style: none - -.person - border-width: 4px - background-color: #66bb6a - border-radius: 5px - border-style: none - -.python - border-width: 4px - border-top-color: #FFD43B - border-bottom-color: #FFD43B - border-left-color: #306998 - border-right-color: #306998 - border-style: solid - -.unity - border-width: 4px - border-top-color: #000000 - border-bottom-color: #000000 - border-left-color: #dddddd - border-right-color: #dddddd - border-style: solid - -.friends - border-width: 4px - border-top-color: #33691e - border-bottom-color: #33691e - border-left-color: #283593 - border-right-color: #283593 - border-style: solid - diff --git a/Old/sass/breakpoint-helpers.scss b/Old/sass/breakpoint-helpers.scss deleted file mode 100644 index c8a7c47..0000000 --- a/Old/sass/breakpoint-helpers.scss +++ /dev/null @@ -1,83 +0,0 @@ -// A map of breakpoints. -$breakpoints: ( - xs: 576px, - sm: 768px, - md: 992px, - lg: 1200px -); - - // Respond above. -@mixin respond-above($breakpoint) { - -// If the breakpoint exists in the map. - @if map-has-key($breakpoints, $breakpoint) { - - // Get the breakpoint value. - $breakpoint-value: map-get($breakpoints, $breakpoint); - - // Write the media query. - @media (min-width: $breakpoint-value) { - @content; - } - - // If the breakpoint doesn't exist in the map. - } @else { - - // Log a warning. - @warn 'Invalid breakpoint: #{$breakpoint}.'; - } -} - -@mixin respond-below($breakpoint) { - - // If the breakpoint exists in the map. - @if map-has-key($breakpoints, $breakpoint) { - - // Get the breakpoint value. - $breakpoint-value: map-get($breakpoints, $breakpoint); - - // Write the media query. - @media (max-width: ($breakpoint-value - 1)) { - @content; - } - - // If the breakpoint doesn't exist in the map. - } @else { - - // Log a warning. - @warn 'Invalid breakpoint: #{$breakpoint}.'; - } -} - -@mixin respond-between($lower, $upper) { - - // If both the lower and upper breakpoints exist in the map. - @if map-has-key($breakpoints, $lower) and map-has-key($breakpoints, $upper) { - - // Get the lower and upper breakpoints. - $lower-breakpoint: map-get($breakpoints, $lower); - $upper-breakpoint: map-get($breakpoints, $upper); - - // Write the media query. - @media (min-width: $lower-breakpoint) and (max-width: ($upper-breakpoint - 1)) { - @content; - } - - // If one or both of the breakpoints don't exist. - } @else { - - // If lower breakpoint is invalid. - @if (map-has-key($breakpoints, $lower) == false) { - - // Log a warning. - @warn 'Your lower breakpoint was invalid: #{$lower}.'; - } - - // If upper breakpoint is invalid. - @if (map-has-key($breakpoints, $upper) == false) { - - // Log a warning. - @warn 'Your upper breakpoint was invalid: #{$upper}.'; - } - } -} \ No newline at end of file diff --git a/Old/sass/colors.sass b/Old/sass/colors.sass deleted file mode 100644 index d56a08c..0000000 --- a/Old/sass/colors.sass +++ /dev/null @@ -1,12 +0,0 @@ -$colorblind-bg: #fff -$colorblind-fg: #f1f1f1 -$colorblind-item: #eaeaea -$colorblind-button-hover: #dddddd -$colorblind-button-active: #FF1E90 - -$light-bg: #fff -$light-fg: rgb(195, 232, 215) -$light-header: #bebebe -$light-item: #a9a9a9 -$light-button-hover: #dddddd -$light-button-active: #FF1E90 \ No newline at end of file diff --git a/Old/sass/footer.sass b/Old/sass/footer.sass deleted file mode 100644 index e9b0ab2..0000000 --- a/Old/sass/footer.sass +++ /dev/null @@ -1,73 +0,0 @@ -@import "breakpoint-helpers" -@import "colors" -@import url('https://fonts.googleapis.com/css2?family=Fira+Code&family=Montserrat:wght@400;600;700&display=swap') - -.site-footer - overflow: hidden - background-color: $colorblind-fg - padding: 15px 10px - font-family: "Fira Code", monospace - border-radius: 3px - font-size: small - - h6 - font-size: medium - margin-top: 0px - margin-bottom: 0px - - [class*="col-"] - float: left - padding: 15px 15px 0px - position: relative - - /* For desktop: */ - .col-1 - width: 8.33% - - .col-2 - width: 16.66% - - .col-3 - width: 25% - - .col-4 - width: 33.33% - - .col-5 - width: 41.66% - - .col-6 - width: 50% - - .col-7 - width: 58.33% - - .col-8 - width: 66.66% - - .col-9 - width: 75% - - .col-10 - width: 83.33% - - .col-11 - width: 91.66% - - .col-12 - width: 100% - - - @include respond-below(sm) - [class*="col-"] - width: 95% - - -.footer-grid - box-sizing: border-box - position: relative - -.footer-grid::after - content: "" - clear: both - display: table diff --git a/Old/sass/grid.sass b/Old/sass/grid.sass deleted file mode 100644 index 31b76c6..0000000 --- a/Old/sass/grid.sass +++ /dev/null @@ -1,77 +0,0 @@ -@import "colors" -@import "breakpoint-helpers" - - -.row - -.top_buffer - margin-bottom: 10px - - -.wide - width: auto - border-radius: 5px - background-color: $colorblind-item - position: relative - background-clip: content-box - - .image - border-color: $colorblind-button-active - - -.tall - width: auto - border-radius: 5px - background-color: $colorblind-item - background-clip: content-box - - - .image - border-color: $colorblind-button-active - - .description - text-align: center - - - -@include respond-above(md) - .wide - - .image - width: 75% - float: left - border-style: none solid none none - - - .description - margin-left: 76% - text-align: left - - .tall - - .image - border-style: none none solid - - .description - text-align: center - - -@include respond-below(md) - .wide - - .image - border-style: none none solid - - img - width: 100% - height: auto - - .tall - - .image - border-style: none none solid - - .description - text-align: center - - diff --git a/Old/sass/main.sass b/Old/sass/main.sass deleted file mode 100644 index 7da2679..0000000 --- a/Old/sass/main.sass +++ /dev/null @@ -1,45 +0,0 @@ -@import "breakpoint-helpers" -@import "colors" -@import url('https://fonts.googleapis.com/css2?family=Fira+Code&family=Montserrat:wght@400;600;700&display=swap') - -.navbar - overflow: hidden - background-color: $colorblind-fg - padding: 15px 10px - font-family: "Fira Code", monospace - border-radius: 3px - -.navbar a - float: left - color: black - text-align: center - padding: 7px 12px - text-decoration: none - font-size: 22px - line-height: 25px - border-radius: 4px - -.navbar a.name - font-size: 25px - font-weight: 600 - -.navbar a:hover - background-color: $colorblind-button-hover - color: black - -.page - background-color: $colorblind-fg - height: fit-content - padding: 10px - margin-top: 10px - margin-bottom: 10px - font-family: 'Montserrat', sans-serif - border-radius: 3px - - -@include respond-above(md) - .page - width: 80% - margin: 10px auto 10px - - diff --git a/Old/scripts/hover_bounce.js b/Old/scripts/hover_bounce.js deleted file mode 100644 index 54e3adf..0000000 --- a/Old/scripts/hover_bounce.js +++ /dev/null @@ -1,78 +0,0 @@ -class HoverButton { - constructor(el) { - this.el = el; - this.hover = false; - this.calculatePosition(); - this.attachEventsListener(); - } - - attachEventsListener() { - window.addEventListener('mousemove', e => this.onMouseMove(e)); - window.addEventListener('resize', e => this.calculatePosition(e)); - } - - calculatePosition() { - TweenMax.set(this.el, { - x: 0, - y: 0, - scale: 1 - }); - const box = this.el.getBoundingClientRect(); - this.x = box.left + (box.width * 0.5); - this.y = box.top + (box.height * 0.5); - this.width = box.width; - this.height = box.height; - } - - onMouseMove(e) { - let hover = false; - let hoverArea = (this.hover ? 0.5 : 0.5); // (detach, attach) - let x = e.clientX - this.x; - let y = e.clientY - this.y; - let distance = Math.sqrt( x*x + y*y ); - if (distance < (this.width * hoverArea)) { - hover = true; - if (!this.hover) { - this.hover = true; - } - this.onHover(e.clientX, e.clientY); - } - - if(!hover && this.hover) { - this.onLeave(); - this.hover = false; - } - } - - onHover(x, y) { - TweenMax.to(this.el, 0.05, { - x: (x - this.x) * 0.05, - y: (y - this.y) * 0.05, - scale: 1.00, - ease: Power2.easeOut - }); - this.el.style.zIndex = 10; - } - onLeave() { - TweenMax.to(this.el, 0.7, { - x: 0, - y: 0, - scale: 1, - ease: Elastic.easeOut.config(1.2, 0.4) - }); - this.el.style.zIndex = 1; - } -} - -const btn1 = document.querySelector('.grid-item:nth-child(1)'); -new HoverButton(btn1); -const btn2 = document.querySelector('.grid-item:nth-child(2)'); -new HoverButton(btn2); -const btn3 = document.querySelector('.grid-item:nth-child(3)'); -new HoverButton(btn3); -const btn4 = document.querySelector('.grid-item:nth-child(4)'); -new HoverButton(btn4); -const btn5 = document.querySelector('.grid-item:nth-child(5)'); -new HoverButton(btn5); -const btn6 = document.querySelector('.grid-item:nth-child(6)'); -new HoverButton(btn6); diff --git a/Old/scripts/masonry_conf.js b/Old/scripts/masonry_conf.js deleted file mode 100644 index 3d2eec1..0000000 --- a/Old/scripts/masonry_conf.js +++ /dev/null @@ -1,7 +0,0 @@ -var elem = document.querySelector('.grid'); -var msnry = new Masonry( elem, { - // options - itemSelector: '.grid-item-padding', - columnWidth: '.grid-sizer', - percentPosition: true -}); \ No newline at end of file diff --git a/src/App.test.tsx b/src/App.test.tsx deleted file mode 100644 index 2a68616..0000000 --- a/src/App.test.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react'; -import { render, screen } from '@testing-library/react'; -import App from './App'; - -test('renders learn react link', () => { - render(); - const linkElement = screen.getByText(/learn react/i); - expect(linkElement).toBeInTheDocument(); -}); diff --git a/src/components/AboutMe/AboutMe.scss b/src/components/AboutMe/AboutMe.scss index 22999e7..8618e51 100644 --- a/src/components/AboutMe/AboutMe.scss +++ b/src/components/AboutMe/AboutMe.scss @@ -26,12 +26,13 @@ width: fit-content; #info-parent { - display: flex; - flex-direction: row; + display: grid; + grid-template-columns: 1fr 1fr; gap: 5px; + max-width: 105ch; @media screen and (max-width: 660px) { - flex-direction: column; + grid-template-columns: 1fr; } } @@ -54,8 +55,9 @@ p { font-family: "Montserrat", sans-serif; - font-size: 16px; + font-size: 18px; margin: 0; + text-align: left; } ul { @@ -106,7 +108,6 @@ #now-playing { max-width: 25ch; - margin-left: 1.2ch; text-indent: -1.2ch; } } diff --git a/src/components/AboutMe/AboutMe.tsx b/src/components/AboutMe/AboutMe.tsx index 3ef89ce..729da30 100644 --- a/src/components/AboutMe/AboutMe.tsx +++ b/src/components/AboutMe/AboutMe.tsx @@ -16,20 +16,12 @@ export function AboutMe() {
-

A bit about me:

-
    -
  • - Occupation: Student -
    • -
  • - Location: Southern California -
    • -
  • - Pronouns: She/Her -
    • - - -
+

I'm a Software Engineer at Microsoft
who keeps the cloud happy at Azure Networking
and went to school at UCLA 🐻

+ +

+

I'm and

+ +

Thanks for stopping by!

Find Me:

@@ -37,6 +29,9 @@ export function AboutMe() {
  • Email:
    • +
  • + Blog: blog.cobular.com +
  • Twitter:{" "} diff --git a/src/components/AboutMe/Age.tsx b/src/components/AboutMe/Age.tsx index 696e690..077cb33 100644 --- a/src/components/AboutMe/Age.tsx +++ b/src/components/AboutMe/Age.tsx @@ -96,5 +96,5 @@ export function Age() { }; }, [memoizedCallbackUpdateAge]); - return
  • {age} years old
    • ; + return {age} years old; } diff --git a/src/components/AboutMe/LastFmLi.tsx b/src/components/AboutMe/LastFmLi.tsx index 0b4d1f5..62107ef 100644 --- a/src/components/AboutMe/LastFmLi.tsx +++ b/src/components/AboutMe/LastFmLi.tsx @@ -67,13 +67,13 @@ query { if (nowPlayingData.playing) { return ( -
  • + listening to{" "} {nowPlayingData.track} by {nowPlayingData.artist} -
    • + ); } - return
  • not listening to anything right now.
    • ; + return not listening to anything right now.; } diff --git a/src/components/ProjectGrid.tsx b/src/components/ProjectGrid.tsx index 3359301..0dbafb1 100644 --- a/src/components/ProjectGrid.tsx +++ b/src/components/ProjectGrid.tsx @@ -249,7 +249,14 @@ export function ProjectGrid() {
    +