Skip to content

Commit

Permalink
updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@yusufhalabi
yusufhalabi committed Apr 17, 2024
1 parent 0b7a222 commit 4f0c9a2
Show file tree
Hide file tree
Showing 5 changed files with 81 additions and 97 deletions.
Binary file modified .DS_Store
View file
Binary file not shown.
Binary file added assets/.DS_Store
View file
Binary file not shown.
37 changes: 28 additions & 9 deletions assets/css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,16 @@ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block
}
body{
line-height:1
line-height:1.6;
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
ol,ul{
list-style:none
list-style:none;
padding-left: 20px;
}
blockquote,q{
quotes:none
Expand Down Expand Up @@ -172,7 +178,7 @@ section p:last-child{
font-size:1.5rem;
margin:0 auto;
font-weight:bold;
margin-bottom:10px;
margin-bottom:20px;
position:relative;
display:table;
padding:0 10px;
Expand All @@ -191,12 +197,22 @@ section p:last-child{
}
.about{
background-color:#d8e9f8;
overflow-y:auto
overflow-y:auto;
margin-top: 0; /* Removes extra spacing at the top */
padding: 20px; /* Adjust padding as needed */
}
.about h3{
letter-spacing:1px;
margin-top:1.5rem;
margin-bottom:.5rem

/* Adjust the about section's padding based on screen size for better proportionality */
@media (min-width: 768px) { /* For tablets and above */
.about {
padding: 40px; /* Increase padding for larger screens */
}
}

@media (min-width: 1024px) { /* For desktops and above */
.about {
padding: 60px; /* Further increase padding for even larger screens */
}
}
.news{
background-color:#fffcd6
Expand Down Expand Up @@ -327,7 +343,8 @@ section p:last-child{
flex-direction:column;
text-align:center;
align-items:center;
padding-bottom:80px
padding-bottom:80px;
padding: 20px 0;
}
@media(min-width: 500px){
.header{
Expand Down Expand Up @@ -457,8 +474,10 @@ section p:last-child{
text-align:center;
font-size:.9rem;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
padding: 20px 0;
}
.footer>.container{
font-style:italic
Expand Down
Binary file modified assets/halabi-cv.pdf
View file
Binary file not shown.
141 changes: 53 additions & 88 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,93 +10,58 @@
<script async="async" defer="defer" src="assets/lib/smooth-scroll.js"></script><script async="async" defer="defer" src="https://use.fontawesome.com/93f8d6d0b2.js"></script>
</head>
<body>
<header class="header container">
<div class="header__intro">
<h1 class="header__title">Yusuf Halabi</h1>
<p class="header__affiliation">University of Michigan Computer Science</p>
<p class="header__contact">yusufhalabi [at] gmail [dot] com</p>
<ul class="header__links list-unstyled list-inline">
<li><a href="assets/halabi-cv.pdf" class="no-highlight" target="_blank"><i aria-hidden="true" title="CV" class="fa fa-file-text-o"></i></a></li>
<li><a href="http://github.com/yusufhalabi" class="no-highlight" target="_blank"><i aria-hidden="true" title="GitHub" class="fa fa-github-alt"></i></a></li>
<li><a href="http://twitter.com/yusufhalabi" class="no-highlight" target="_blank"><i aria-hidden="true" title="Twitter" class="fa fa-twitter"></i></a></li>
<li><a href="http://linkedin.com/in/yusufhalabi" class="no-highlight" target="_blank"><i aria-hidden="true" title="LinkedIn" class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<div class="header__photo">
<figure class="header__photo-wrapper"><img src="assets/img/headshot.jpg" alt="Smiling man"/></figure>
</div>
</header>
<main>
<section class="about">
<div class="container">
<h2 class="section-title">About</h2>
<p>My name is Yusuf. I'm a student studying computer science with a minor in middle eastern studies at the <a href="https://umich.edu/" target="_blank">University of Michigan</a>. I've dabbled in a bunch of different hobbies including <a href="https://team254.com" target="_blank">robotics</a>,
woodworking, cliff jumping, cooking, FPV drones and more.

</br> </br>

Right now, I'm especially interested in learning more about distributed systems, design, programming languages, and AI/ML. My current goal is to pursue a variety of experiences that will introduce me to different domains within engineering and business.

</br> </br>


</section>

<!-- Maybe add in later?
<section id="experience" class="resume">
<div class="container">
<h2 class="section-title">Experiences</h2>
<p>Looking for more of these!</p>
<dl>
<dt class="resume__item-summary">
<h3 class="resume__title">Quantcast</h3>
<p class="resume__location"></p>
<div class="resume__tags"><span class="resume__tag internship">internship</span></div>
</dt>
<dd class="resume__item-description">
<p>This past summer I worked at Quantcast as a software engineering intern on the infrastructure platform engineering team working on a feature that allows Quantcast developers to easily
deploy web services to multiple EKS clusters seamlessly.
</p>
<ul class="resume__item-links list-inline list-unstyled">
<li><i class="fa fa-file-text-o"></i><a href="https://www.quantcast.com/" target="_blank" class="resume__link--paper">company</a></li>
</ul>
</dd>
<dt class="resume__item-summary">
<h3 class="resume__title">RNG mechanics in Pokémon Sword and Shield</h3>
<p class="resume__location"></p>
<div class="resume__tags"><span class="resume__tag development">development</span></div>
</dt>
<dd class="resume__item-description">
<p>I wrote a tool for <a href="https://www.pokemonrng.com/retail-swsh-raid">RNG manipulation</a> in Pokémon Sword and Shield, written using <a href="https://github.com/rustwasm/wasm-bindgen">wasm-bindgen</a>. Users enter a seed for an active raid den and the tool calculates the corresponding stats for each possible encounter. Raid generation is implemented in Rust, which is much faster than other Web-based seed searching tools.</p>
<ul class="resume__item-links list-inline list-unstyled">
<li><i class="fa fa-link"></i><a href="https://raidtomi.com" class="resume__link--link">link</a></li>
<li><i class="fa fa-code"></i><a href="https://github.com/sliminality/raidtomi" class="resume__link--code">code</a></li>
</ul>
</dd>
</dl>
<div class="main-content">
<header class="header container">
<div class="header__intro">
<h1 class="header__title">Yusuf Halabi</h1>
<p class="header__affiliation">University of Michigan Computer Science</p>
<p class="header__contact">yusufhalabi [at] gmail [dot] com</p>
<ul class="header__links list-unstyled list-inline">
<li><a href="assets/halabi-cv.pdf" class="no-highlight" target="_blank"><i aria-hidden="true" title="CV" class="fa fa-file-text-o"></i></a></li>
<li><a href="http://github.com/yusufhalabi" class="no-highlight" target="_blank"><i aria-hidden="true" title="GitHub" class="fa fa-github-alt"></i></a></li>
<li><a href="http://twitter.com/yusufhalabi" class="no-highlight" target="_blank"><i aria-hidden="true" title="Twitter" class="fa fa-twitter"></i></a></li>
<li><a href="http://linkedin.com/in/yusufhalabi" class="no-highlight" target="_blank"><i aria-hidden="true" title="LinkedIn" class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</section>
-->
</main>
</body>
<footer class="footer dark row align-items-end">
<div class="container">
<section class="blurb">
<p>Website heavily inspired by (and forked from) Slimberly Lim, I'm a big fan of her work</p>
</section>
<ul class="footer__links list-unstyled list-inline">
<li><a href="assets/halabi-cv.pdf" target="_blank"><i aria-hidden="true" title="CV" class="fa fa-file-text-o"></i></a></li>
<li><a href="http://github.com/yusufhalabi" target="_blank"><i aria-hidden="true" title="GitHub" class="fa fa-github-alt"></i></a></li>
<li><a href="http://twitter.com/yusufhalabi" target="_blank"><i aria-hidden="true" title="Twitter" class="fa fa-twitter"></i></a></li>
<li><a href="http://linkedin.com/in/yusufhalabi" target="_blank"><i aria-hidden="true" title="LinkedIn" class="fa fa-linkedin"></i></a></li>
</ul>
<!-- <div class="header__photo">
<figure class="header__photo-wrapper"><img src="assets/img/headshot.jpg" alt="Smiling man"/></figure>
</div> -->
</header>
<main>
<section class="about">
<div class="container">
<h2 class="section-title">About</h2>
<p>Hi, I'm Yusuf, a student studying computer science with a minor in middle eastern studies at the <a href="https://umich.edu/" target="_blank">University of Michigan</a>. I've dabbled in a bunch of different hobbies, including:</p>
<ul>
<li><a href="https://team254.com" target="_blank">Robotics</a></li>
<li>Woodworking</li>
<li>Cliff jumping</li>
<li>Cooking</li>
<li>FPV drones</li>
<li>And more</li>
</ul>
<p>Currently interested in languages, ML / NLP, and am working on changing the way foreign language dialects are taught.</p>
</section>
</main>
</div>
</footer>
<script defer="defer" type="text/javascript">smoothScroll.init();</script><script type="text/javascript">(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-65333525-1', 'auto');
ga('send', 'pageview');
</script>
</html>
<footer class="footer dark">
<div class="container">
<section class="blurb">
<p>Website heavily inspired by (and forked from) Slimberly Lim, I'm a big fan of her work</p>
</section>
<ul class="footer__links list-unstyled list-inline">
<li><a href="assets/halabi-cv.pdf" target="_blank"><i aria-hidden="true" title="CV" class="fa fa-file-text-o"></i></a></li>
<li><a href="http://github.com/yusufhalabi" target="_blank"><i aria-hidden="true" title="GitHub" class="fa fa-github-alt"></i></a></li>
<li><a href="http://twitter.com/yusufhalabi" target="_blank"><i aria-hidden="true" title="Twitter" class="fa fa-twitter"></i></a></li>
<li><a href="http://linkedin.com/in/yusufhalabi" target="_blank"><i aria-hidden="true" title="LinkedIn" class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</footer>
<script defer="defer" type="text/javascript">smoothScroll.init();</script><script type="text/javascript">(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-65333525-1', 'auto');
ga('send', 'pageview');
</script>
</html>

0 comments on commit 4f0c9a2

Please sign in to comment.