@@ -679,7 +675,7 @@ This Website!
- Repo
+ Figma
diff --git a/scripts.js b/scripts.js
index 4d2e9f3..dde0833 100644
--- a/scripts.js
+++ b/scripts.js
@@ -40,7 +40,7 @@ function runAfterDOMLoaded() {
aboutMeImage2.setAttribute("src", "Assets/Images/Chinatown.png");
aboutMeImage3.setAttribute("src", "Assets/Images/KTP.png");
setTimeout(() => {
- aboutMeText.innerHTML = "I’m a senior at the University of Michigan double majoring in Computer Science and Asian Studies. In elementary school, I was introduced to Scratch , a block-based game programming website, and unknowingly stumbled face first into the world of software development.
Since then, I’ve been involving myself more with disciplines adjacent to my own, and have gotten the chance to work on projects ranging from video editing and UX design to music production and storytelling!
I want to harness technology to create products and experiences that bridge cultures, inspire creativity, and bring people together.
If you’re interested in working together, please reach out!"; + aboutMeText.innerHTML = "I’m a senior at the University of Michigan double majoring in Computer Science and Asian Studies.
In elementary school, I was introduced to Scratch , a block-based game programming website, and unknowingly stumbled face first into the world of software development.
Since then, I’ve been involving myself more with disciplines adjacent to my own, and have gotten the chance to work on projects ranging from video editing and UX design to music production and storytelling!
I want to harness technology to create products and experiences that bridge cultures, inspire creativity, and bring people together.
If you’re interested in working together, please reach out!"; aboutMeText.style.opacity = 1; }, 250); } // toggleWork() diff --git a/styles.css b/styles.css index 6221d85..ccdd188 100644 --- a/styles.css +++ b/styles.css @@ -553,6 +553,7 @@ body { font-size: 18px !important; font-weight: 400 !important; transition: opacity 0.25s ease-in-out; + text-decoration: none; } /* p */ .option { @@ -562,11 +563,25 @@ body { color: var(--lightPurple); } /* .option */ +.option:hover { + cursor: pointer; +} /* .option:hover */ + .active-option { text-decoration: underline; text-underline-position: below; } /* .active-option */ +.about-link { + color: white; + text-decoration: none; +} /* #about-me-text */ + +.about-link:hover { + color: var(--lightPurple); + text-decoration: underline; +} /* #about-me-text */ + #about .image-card { width: 200px !important; height: auto !important;