<!DOCTYPE html>
<html>
<head>
  <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap" rel="stylesheet">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<style>
  body {
    font-family: 'Nunito', sans-serif;
    background-color:rgb(227, 230, 253);
    font-size:17px
  }

.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 250px; /* Set the width of the sidebar */
    height: 100vh; /* Set the height to fill the entire viewport */
    background-color: rgb(0, 0, 0); /* Sidebar background color */
    overflow-y: auto; /* Add vertical scroll if content overflows */
    z-index: 1000;
}

  .navbar-default .navbar-brand {
    color: rgb(227, 230, 253); /* Navbar brand text color */
  }

  .navbar-default .navbar-nav > li > a {
    color: rgb(227, 230, 253); /* Navbar tab text color */
  }

  .navbar-default .navbar-nav > .active > a {
    background-color: rgb(204, 204, 255); /* Active tab background color */
    color: rgb(0, 0, 0); /* Active tab text color */
  }

  .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 250px; /* Set the width of the sidebar */
    height: 100vh; /* Set the height to fill the entire viewport */
    background-color: rgb(0, 0, 0); /* Sidebar background color */
    overflow-y: auto; /* Add vertical scroll if content overflows */
    z-index: 1000;

    color: rgb(227, 230, 253); /* Sidebar text color */
    padding: 20px; /* Add some padding to the sidebar */
    padding-top: 40px; /* Add padding on top of the sidebar */
  }

  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  li a {
    display: block;
    color: rgb(227, 230, 253); /* Inactive link text color */
    padding: 8px 16px;
    text-decoration: none;
  }

  li a.active {
    background-color: rgb(227, 230, 253);
    color: black;
  }

  li a:hover:not(.active) {
    background-color: #555;
    color: white;
  }
/* Adjust padding for content section */
.content-section {
    padding-left: 300px; /* Adjust this value to match the width of your sidebar */
    padding-top: 40px; /* Make space for the fixed navbar */
}

/* Remove padding for individual elements within the content */
.content-section h2,
.content-section h3,
.content-section h4,
.content-section p {
    padding-left: 0;
    margin-right: 100px;
}

  .card-style {
    border: 1px solid #000;
    padding: 20px;
    border-radius: 10px
  }

  .highlight {
    background-color: #70AFB0; /* Change this to the color you want */
    padding: 4px;
    color: black; /* Change this to the text color you want */
  }

  /* Adjust styles within the card-body */
  .card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .card-title {
    margin: 0; /* Remove default margin from card title */
  }

  .card-text {
    margin: 10px 0; /* Add vertical margin to card text */
  }

  .btn {
    margin-top: 10px; /* Add top margin to buttons */
  }

  .card-style {
<!--    border: 2px solid #000;-->
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px; /* Add margin on top of the card */
    width: 95%; /* Make the card extend to the end of the container */
    box-sizing: border-box; /* Include padding and border in the total width */
  }

  .button-style{
  background-color: #584B51;
  border: none; /* This removes the border */
  text-align: center; /* Centering content horizontally */
  color: white; /* Setting text color to contrast with the background */
  }
</style>

<body>
  <div class="container-fluid">
    <div class="row">
      <nav class="column sidebar" style="text-align:center">
        <img src="emily.png" alt="Avatar" style="width:100%">
        <br>
        <h1><b>Emily Chang</b></h1>
        <p><i class="fas fa-school"></i> University of Virginia</p>
        <p><span class="glyphicon glyphicon-envelope"></span> ec5ug@virginia.edu</p>
        <p><span class="glyphicon glyphicon-book"></span> Computer Science </p>
        <ul>
          <li><a href="./index.html" class="active"><i class="fas fa-user"></i> About Me</a></li>
          <li><a href="./my-work.html"><i class="fas fa-briefcase"></i> My Work</a></li>
           <li><a href="./chang-resume-2023.pdf"><i class="fas fa-file-pdf"></i> Curriculum Vitae</a></li>
        </ul>
        <a href="https://www.linkedin.com/in/emily-chang-uva/" style="font-size: 30px;">
            <i class="fab fa-linkedin"></i> <!-- LinkedIn Icon -->
        </a>
        <a href="https://github.com/ec5ug/" style="font-size: 30px;"> <!-- Adjust font-size as needed -->
          <i class="fab fa-github"></i> <!-- GitHub Icon -->
        </a>
      </nav>
      <div class="column content-section">
        <h2><b>Education</b></h2>
        <p>I am a third-year student at the University of Virginia's School of Engineering and Applied Sciences. I am working towards a Bachelors of Science in Computer Science as well as a minor in Applied Mathematics. I am also a Rodman Scholar, an honor awarded to roughly 5% of each entering class. With funding from the Virginia Space Grant Consortium, I am working with Professor Negin Alemazkoor in the Systems and Information Engineering Department to develop a methodology in controlling Smart HVAC Systems in Planetary Environments.</p>
        <p>My current undergraduate research centers around developing a machine learning model framework that allows HVAC systems developed on Earth to operate within a space environment. Additionally, I am engineering a smart control approach for HVAC systems that maximizes thermal comfort under limited energy resources.</p>
        <br>
        <p>My past research includes:</p>

        <p><b>environmental science</b></p>
        <p style="margin-left: 20px;"><u>determining the environmental and financial repercussion of an Environmental Protection Agency regulation suspension</u>: I am thankful for the contributions of Professor Kathleen Segerson at the University of Connecticut for guiding my team and me. In this paper, we separated the effects of the pandemic from the effects of a regulation suspension. What began as a side project during the COVID-19 lockdown became my pride and joy. I wrote most of it, led the study, and published the paper before I graduated high school. The experience inspired me to pursue research as a full-time job.</p>
<!--        <p style="margin-left: 20px;"><u>An Environmental Data Collection for COVID-19 Pandemic Research</u>: I appreciate Qian Liu at George Mason University for including my dashboard on pollution data in this database.</p>-->


        <p><b>cybersecurity</b><p>
        <p style="margin-left: 20px;"><u>investigating the experience of female CTF players</u>: I am grateful that Professor Hanan Hibshi and Antonio Martorana at Carngie Mellon University for inviting me as a data annotator and validator for this project. This study marked my first publication in a computer science field.</p>

        <b>public policy</b>
        <p style="margin-left: 20px;"><u>assessing the feasibility of integrating natural language processing into policy-making</u>: I was fortunate enough to be mentored by Grace Yuan and Dr. Chaitan Baru at the National Science Foundation as well as Dr. Doug Downey at the Allen Institute. I am very thankful for having the opportunity to present to Dr. Erwin Gianchandani and Dr. David Tennenhouse. My work is currently being developed by analysts at the NSF's Technology, Innovation, and Partnership Directorate.</p>
<!--        <p style="margin-left: 20px;"><u>COVID-19 broadband policy lessons</u>: I wanted to thank Professor Hanan Hibshi, Dr. Maverick Woo, and Professor Bogdan Vasilescu at Carnegie Mellon University for advising me this project. I also wanted to acknowledge Professor Rider Foley at the University of Virginia for guiding my research to publication in the United Nations Science Technology, and Innovation Forum as well as funding my trip to the conference in New York City.</p>-->


      </div>
    </div>
  </div>
</body>
</html>