<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.5">Jekyll</generator><link href="https://christopher-leenu.github.io/feed.xml" rel="self" type="application/atom+xml" /><link href="https://christopher-leenu.github.io/" rel="alternate" type="text/html" /><updated>2024-07-10T15:14:22+00:00</updated><id>https://christopher-leenu.github.io/feed.xml</id><title type="html">Chris Lee</title><subtitle>Engineer and Artist</subtitle><author><name>Chris Lee</name></author><entry><title type="html">Arts</title><link href="https://christopher-leenu.github.io/arts" rel="alternate" type="text/html" title="Arts" /><published>2024-06-19T00:00:00+00:00</published><updated>2024-06-19T00:00:00+00:00</updated><id>https://christopher-leenu.github.io/arts</id><content type="html" xml:base="https://christopher-leenu.github.io/arts"><![CDATA[<p>I’ve practiced visual arts for as long as I remember. I am self-taught (thank you internet), and I am always looking for ways to create pieces that tell stories while being technically challenging. Check out my stuff below!</p>

<style>
.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.image-card {
  position: relative;
  width: 300px;
  margin: 20px;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.image-card img {
  width: 100%;
  display: block;
  transition: transform 0.3s ease;
}

.image-card:hover {
  transform: scale(1.05);
}

.image-card:hover img {
  transform: scale(1.1);
}

.overlay {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 10px;
  transition: 0.3s ease;
  border-radius: 0; /* Ensure sharp corners */
}

.image-card:hover .overlay {
  bottom: 0;
}
</style>

<div class="container">
  <div class="image-card">
    <a href="/arts/origami">
      <img src="/assets/img/raccoon.jpg" alt="Origami" />
      <div class="overlay">Origami</div>
    </a>
  </div>
  <div class="image-card">
    <a href="/arts/paleoart">
      <img src="/assets/img/dromornis.jpg" alt="Paleoart" />
      <div class="overlay">Paleoart</div>
    </a>
  </div>
  <div class="image-card">
    <a href="/arts/paintings">
      <img src="/assets/img/sun-painting.JPG" alt="Painting" />
      <div class="overlay">Painting</div>
    </a>
  </div>
</div>]]></content><author><name>Chris Lee</name></author><category term="documentation" /><category term="documentation" /><category term="sample" /><summary type="html"><![CDATA[I’ve practiced visual arts for as long as I remember. I am self-taught (thank you internet), and I am always looking for ways to create pieces that tell stories while being technically challenging. Check out my stuff below!]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://christopher-leenu.github.io/city-1.jpg" /><media:content medium="image" url="https://christopher-leenu.github.io/city-1.jpg" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">Engineering</title><link href="https://christopher-leenu.github.io/engineering" rel="alternate" type="text/html" title="Engineering" /><published>2024-06-19T00:00:00+00:00</published><updated>2024-06-19T00:00:00+00:00</updated><id>https://christopher-leenu.github.io/engineering</id><content type="html" xml:base="https://christopher-leenu.github.io/engineering"><![CDATA[<p>I realized I loved engineering after competing in FIRST robotics throughout highschool. I have skills ranging from manufacturing, robotics, machine learning, and embedded systems. Check out what I made below!</p>

<style>
.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.image-card {
  position: relative;
  width: 300px;
  margin: 20px;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.image-card img {
  width: 100%;
  display: block;
  transition: transform 0.3s ease;
}

.image-card:hover {
  transform: scale(1.05);
}

.image-card:hover img {
  transform: scale(1.1);
}

.overlay {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 10px;
  transition: 0.3s ease;
  border-radius: 0; /* Ensure sharp corners */
}

.image-card:hover .overlay {
  bottom: 0;
}
</style>

<div class="container">
  <div class="image-card">
    <a href="/engineering/haptics">
      <img src="/assets/img/aiet-hand.png" alt="Northwestern Haptics Lab" />
      <div class="overlay">Northwestern Haptics Lab</div>
    </a>
  </div>
  <div class="image-card">
    <a href="/engineering/formula">
      <img src="/assets/img/upright.png" alt="Formula Racing" />
      <div class="overlay">Formula Racing</div>
    </a>
  </div>
  <div class="image-card">
    <a href="/engineering/DS">
      <img src="/assets/img/da-snake.jpg" alt="DS" />
      <div class="overlay">DS (Da Snake)</div>
    </a>
  </div>
  <div class="image-card">
    <a href="/engineering/kuka">
      <img src="/assets/img/kukapic.png" alt="KUKA youBot" />
      <div class="overlay">KUKA youBot Simulation</div>
    </a>
  </div>
  <div class="image-card">
    <a href="/engineering/belltrain">
      <img src="/assets/img/mykalebelltrain/belltrain.JPEG" alt="My Kale Bell Train" />
      <div class="overlay">My Kale Bell Train</div>
    </a>
  </div>
</div>]]></content><author><name>Chris Lee</name></author><category term="documentation" /><category term="documentation" /><category term="sample" /><summary type="html"><![CDATA[I realized I loved engineering after competing in FIRST robotics throughout highschool. I have skills ranging from manufacturing, robotics, machine learning, and embedded systems. Check out what I made below!]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://christopher-leenu.github.io/cuba-1.jpg" /><media:content medium="image" url="https://christopher-leenu.github.io/cuba-1.jpg" xmlns:media="http://search.yahoo.com/mrss/" /></entry></feed>