Skip to content

Final touches #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
flyonlyon wants to merge 10 commits into
base: main
Choose a base branch
from
Open

Final touches #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
d229c17
Background and Nav Bar
flyonlyon Sep 7, 2024
2f0cb9a
cards good
flyonlyon Sep 7, 2024
f6f8921
Updated projects
flyonlyon Sep 7, 2024
5fab64c
fullscreen done
flyonlyon Sep 8, 2024
8263e9a
halfway resized
flyonlyon Sep 11, 2024
206c99c
Done for tonight
flyonlyon Sep 11, 2024
9bf354d
DONE(?)
flyonlyon Sep 14, 2024
dada80a
final touches
flyonlyon Sep 17, 2024
ce13082
Merge branch 'main' into update
flyonlyon Sep 17, 2024
67e8127
Fixed figma button
flyonlyon Sep 17, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 7 additions & 11 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">

<!-- Google Material Icons -->
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" rel="stylesheet" />

</head>
<body class="noPadding">
Expand Down Expand Up @@ -294,31 +294,27 @@ <h2 class="mb-0"> Project Hike </h2>
<img class="project-icon mr-3" src="Assets/Images/BrawlLogo.png">
<h2 class="mb-0"> 8-Ball Brawl </h2>
</div>

<p class="mr-3">
Multiplayer pool game with character abilities. 3rd place winner at UMich/EMU game dev showcase
</p>

<div class="d-flex flex-wrap mb-2">
<div class="purple-tag"> C# </div>
<div class="purple-tag"> Unity </div>
<div class="purple-tag"> Game Development </div>
</div>

<div class="d-flex flex-wrap">
<a href="https://ch1cke.itch.io/8-ball-brawl" target="_blank">
<div class="btn link-btn">
Game
<span class="material-symbols-outlined link-icon"> open_in_new </span>
</div>
</a>
<div class="btn link-btn ml-2">
<a href="https://www.youtube.com/watch?v=ZR4MCDyyqi4" target="_blank">
<a href="https://www.youtube.com/watch?v=ZR4MCDyyqi4" target="_blank">
<div class="btn link-btn ml-2">
Trailer
<span class="material-symbols-outlined link-icon"> open_in_new </span>
</a>
</div>

</div>
</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -543,7 +539,7 @@ <h1 class="text-center noPadding mt-5 mb-5"> About Me </h1>
<div id="all-play" class="option ml-4"> All Play </div>
</div>
<p id="about-me-text" class="mt-4">
I’m a senior at the University of Michigan double majoring in Computer Science and Asian Studies. <br><br> 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. <br><br> 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! <br><br> I want to harness technology to create products and experiences that bridge cultures, inspire creativity, and bring people together. <br><br> If you’re interested in working together, please reach out!"</p>
I’m a senior at the University of Michigan double majoring in Computer Science and Asian Studies. <br><br> In elementary school, I was introduced to <a href='https://www.scratch.mit.edu' target='_blank' class="about-link"> Scratch <span class='material-symbols-outlined link-icon'> open_in_new </span></a>, a block-based game programming website, and unknowingly stumbled face first into the world of software development. <br><br> 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! <br><br> I want to harness technology to create products and experiences that bridge cultures, inspire creativity, and bring people together. <br><br> If you’re interested in working together, please reach out!
<div class="mt-5 mb-5"></div>
<div id="about-me-img-col">
<img id="about-me-img-1" class="image-card card-1" src="Assets/Images/Google.png">
Expand Down Expand Up @@ -679,7 +675,7 @@ <h2 class="mt-4"> This Website! </h2>
</a>
<a href="https://www.figma.com/design/ixBXJTsDvYh6AzSoVUEp9U/Personal-Website?node-id=0-1&t=WREFOiieN0bpUhLK-1" target="_blank">
<div class="btn link-btn ml-2">
Repo
Figma
<span class="material-symbols-outlined link-icon"> open_in_new </span>
</div>
</a>
Expand Down
2 changes: 1 addition & 1 deletion scripts.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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. <br><br> 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. <br><br> 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! <br><br> I want to harness technology to create products and experiences that bridge cultures, inspire creativity, and bring people together. <br><br> 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. <br><br> In elementary school, I was introduced to <a href='https://www.scratch.mit.edu' target='_blank'> Scratch <span class='material-symbols-outlined link-icon'> open_in_new </span> </a>, a block-based game programming website, and unknowingly stumbled face first into the world of software development. <br><br> 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! <br><br> I want to harness technology to create products and experiences that bridge cultures, inspire creativity, and bring people together. <br><br> If you’re interested in working together, please reach out!";
aboutMeText.style.opacity = 1;
}, 250);
} // toggleWork()
Expand Down
15 changes: 15 additions & 0 deletions styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand All @@ -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;
Expand Down