Skip to content

Commit

Permalink
Merge pull request #5 from mehulgoel873/experimental
Browse files Browse the repository at this point in the history 
Added mobile support
  • Loading branch information
@mehulgoel873
mehulgoel873 authored Jun 4, 2024
2 parents bada382 + d57613f commit c687c6d
Show file tree
Hide file tree
Showing 4 changed files with 104 additions and 17 deletions.
43 changes: 43 additions & 0 deletions css/experience.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -150,6 +150,10 @@
color: var(--offwhite);
}

.experience .card .simple {
display: none;
}

.experience a {
color: var(--background);
}
Expand Down Expand Up @@ -197,4 +201,43 @@

.experience .button:hover .icon {
filter: invert(55%) sepia(73%) saturate(1298%) hue-rotate(339deg) brightness(101%) contrast(102%);
}

@media (max-width: 1200px) {
.section_header h1 {
margin-left: auto;
margin-right: auto;
left: 0;
}

.experience .timeline {
width: 95%;
max-width: 90%;
}

.experience .card h1 {
font-size: 2.4rem;
}

.experience .card h2 {
font-size: 1.75rem;
}

.experience .card .detailed {
display: none;
}

.experience .card .simple {
font-size: 0.9rem;
display: block;
}

.experience .button {
margin-top: 0.75rem;
font-size: 1.75rem;
}

.experience .button img {
display: none;
}
}
52 changes: 43 additions & 9 deletions css/nav_home.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ nav {
left: 0;
z-index: 1;
display: flex;
height: 8vh;
height: 7rem;
width: 100%;
background-color: rgba(215, 232, 186, 0.4);
align-items: center;
Expand All @@ -25,7 +25,7 @@ nav .logo-container {
}

nav .logo-container img {
height: 6vh;
height: 6rem;
}

nav .nav-links {
Expand All @@ -37,7 +37,7 @@ nav .nav-links {

nav .nav-links a {
display: inline-block;
font-size: 3vh;
font-size: 3rem;
text-decoration: none;
color: var(--offwhite);
padding: 20px 5px;
Expand Down Expand Up @@ -99,7 +99,8 @@ nav .nav-links a:last-child:hover::before {
/* Styling for the welcome text and image */
.welcome-section {
text-align: center;
padding: 12vh 0vh 4vh 0vh;
margin-top: 7rem;
padding: 4vh 0vh 4vh 0vh;
width: 100%;
height: max-content;
}
Expand Down Expand Up @@ -127,28 +128,28 @@ nav .nav-links a:last-child:hover::before {
.text-wrapper h1 {
margin-top: 0;
margin-bottom: 0;
font-size: 16vh;
font-size: 10rem;
line-height: 1;
}
.text-wrapper h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 8vh;
font-size: 6rem;
line-height: 1;
font-family: 'Righteous', cursive;
}

.text-wrapper p {
font-size: 3.75vh;
margin-top: 2vh;
margin-bottom: 0;
line-height: 1;
}

.typing-container .text{
.typing-container .text {
font-size: 2rem;
}


.typing-container {
position: relative;
width: max-content;
Expand Down Expand Up @@ -221,4 +222,37 @@ nav .nav-links a:last-child:hover::before {
z-index: -10;
top: 0;
left: 0
}
}

@media (max-width: 1200px) {
.welcome-section {
width: 100%;
}
.image-wrapper{
display: block;
margin: 0px 0px 0px 0px;
height: max-content;
}
.image-wrapper img{
margin-left: auto;
margin-right: auto;
padding: 0;
padding-bottom: 2vh;
height: 32vh;
border-radius: 5%;
}

.text-wrapper {
width: max-content;
}

.typing-container {
display: none;
}

.text-wrapper img {
height: 80px;
width: 80px;
margin: 12px 18px;
}
}
6 changes: 6 additions & 0 deletions css/utlities.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -107,3 +107,9 @@ footer p {
color: var(--orange);
}

@media (max-width: 1200px) {
footer p {
font-size: 1.75rem;
}

}
20 changes: 12 additions & 8 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,6 @@

<!-- Home page -->
<section class="welcome-section">
<div class = "container">
<div class="image-wrapper">
<img src="Images\profile.jpg" alt="Mehul Goel">
</div>
Expand All @@ -49,8 +48,7 @@ <h1 id = "orange">Mehul Goel</h1>
<a target="_blank" href="https://www.linkedin.com/in/mehulgoel873/"><img src="Images/socialMedia/png/002-linkedin.png"></a>
<a target="_blank" href="https://www.youtube.com/@mehulgoel873"><img src="Images/socialMedia/png/001-youtube.png"></a>
<a target="_blank" href="https://open.spotify.com/user/vypqzeoi6m2jjrkrrwg0wgucg?si=a3f991f43bde4f6b"><img src="Images/socialMedia/png/003-spotify.png"></a>
</div>
</div>
</div>
</div>
</section>

Expand All @@ -67,10 +65,11 @@ <h1>PROFESSIONAL EXPERIENCE</h1>
<div class="card">
<h1>Carnegie Mellon University, Pittsburgh, PA</h1>
<h2>TEACHING ASSISTANT FOR 15-122 (IMPERATIVE COMPUTATION)</h2>
<p>&#x2611 Leading interactive labs for ~60 students, totalling 120 minutes, teaching fundamentals of coding, C, and datastructures. <br>
<p class = "detailed">&#x2611 Leading interactive labs for ~60 students, totalling 120 minutes, teaching fundamentals of coding, C, and datastructures. <br>
&#x2611 Orchestrate office hours for personalized student support, focusing on largely theoretical discussions about C, alongside debugging sessions. <br>
&#x2611 Working with professors to develop new material and problem sets to effectively challenge students in a collaborative and engaging format that enhances learning.
</p>
<p class = "simple">Teach over 60 students the fundamentals of coding, C, and datastructures, alongside working with professors to develop new problem sets to challenge students in a format that works alongside Generative AI.</p>
<a href = "https://www.cs.cmu.edu/~15122/" target="_blank">
<button class="button">
<img src = "Images\experience\site.svg" class = "hover-orange">
Expand All @@ -86,9 +85,10 @@ <h2>TEACHING ASSISTANT FOR 15-122 (IMPERATIVE COMPUTATION)</h2>
<div class="card">
<h1>Biorobotics Lab CMU, Pittsburgh, PA</h1>
<h2>COMPUTER VISION RESEARCH INTERN FOR CMU & APPLE</h2>
<p>&#x2611 Developed Computer Vision implementation based off ResNet to segment internals of 36 different iPhone models <br>
<p class = "detailed">&#x2611 Developed Computer Vision implementation based off ResNet to segment internals of 36 different iPhone models <br>
&#x2611 Implemented SORT algorithim for sementing parts on a convery belt moving at 5 m/s at real-time (> 60 FPS) with 96% IOU accuracy <br>
&#x2611 Used YOLO V8 Image Classifcation to train a top-down model to detect screws from 3 differnt angles on 720p cameras on 36 models of iPhones, 12 models of iPads, and 4 models of Apple Watches. Led the creation of a demonstration video that was presented to Apple and leads of 100+ member lab.</p>
<p class = "simple">Developed CV implementation to segement internals of 36 different iPhone models into 10 classes, and created a screw detection software for IPhones, IPads, and Apple Watches.</p>
</div>
</li>
<li class="timeline-item">
Expand All @@ -98,12 +98,13 @@ <h2>COMPUTER VISION RESEARCH INTERN FOR CMU & APPLE</h2>
<div class="card">
<h1>Robo Club - CMU, Pittsburgh, PA</h1>
<h2>ROBOBUGGY SOFTWARE LEAD & CLUB SYS ADMIN</h2>
<p>
<p class = "detailed">
&#x2611 Led a team of 10 in building out autonomous vehicle driving and passing, including position communication, implementing a Model Predictive Controller, and racing at 30 mph. <br>
&#x2611 Innovating a LiDAR + Stereo Camera setup for perception of surrounding vehicles for autonomous zero aid passing. <br>
&#x2611 Assisted in development of a new website to improve traffic, potential member interest, and promotion for sponsors. <br>
&#x2611 Control security of 3 remote workstations, a variety of 3D printers that can be accessed by the 100+ members of the club.
</p>
<p class = "simple">Led a team of 10 in building out autonomous vehicle driving and passing, including onboard LiDAR based object detection.</p>
<a href = "https://roboticsclub.org/" target="_blank">
<button class="button">
<img src = "Images\experience\site.svg" class = "hover-orange">
Expand All @@ -125,10 +126,11 @@ <h2>ROBOBUGGY SOFTWARE LEAD & CLUB SYS ADMIN</h2>
<div class="card">
<h1>D-Matrix, Santa Clara, CA</h1>
<h2>ML Performance Modeling Chip Architect Intern </h2>
<p>&#x2611 Developed performance modeling software to assist in chip development with 97% accurate benchmarks on a variety of ML workloads (BERT, ResNet50, etc.).<br>
<p class = "detailed">&#x2611 Developed performance modeling software to assist in chip development with 97% accurate benchmarks on a variety of ML workloads (BERT, ResNet50, etc.).<br>
&#x2611 Improved prior softwares hardware resource utilization by over 46% with a novel weighted round-robin load management solution. <br>
&#x2611 Created a memory modeling software that modeled memory packets throughout the chip, and the variety of paths to identify bottlenecks in current designs.
</p>
<p class = "simple">Developed performance modeling software to assist in chip development and created a memory modeling software for 5+ ML Workloads</p>
<a href = https://www.d-matrix.ai/ target="_blank">
<button class="button">
<img src = "Images\experience\site.svg" class = "hover-orange">
Expand All @@ -144,10 +146,12 @@ <h2>ML Performance Modeling Chip Architect Intern </h2>
<div class="card">
<h1>MBR Sim, Washington DC</h1>
<h2>CO-AUTHOR OF PAPER PRESENTED AT AAAI (2023, DC)</h2>
<p>&#x2611 Published and presented this paper to over 30 audience members, passing a rigourous approval period with 2 seperate peer-revision trials. <br>
<p class = "detailed">&#x2611 Published and presented this paper to over 30 audience members, passing a rigourous approval period with 2 seperate peer-revision trials. <br>
&#x2611 Built universal modeling software for variety of different silicons to test against 10+ ML Workloads, compatible with CPUs, GPUs, and even TPUs. <br>
&#x2611 Modeled memory and performance accuracy of Google TPU and other hardware within 5% of lab-tested measurements.
</p>
<p class = "simple">Published peer-reviewed paper at AAAI discussing a univeral ML modeling software for a variety of different silicon
</p>
<a href = files\MBR_SIM_FINAL.pdf target="_blank">
<button class="button">
<img src = "Images\experience\file.svg" class = "hover-orange">
Expand Down

0 comments on commit c687c6d

Please sign in to comment.