p-doom/crowd-code-dataset-0.2 huggingface dataset:
[tab] index.html (html)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>Mihir Mahajan</title>

<style>
  body {
    margin: 0;
    padding: 0;
    font-family: monospace;
    font-size: 20px; /* Increase the base font size */
  }
  .container {
    display: flex;
    padding-top: 5%;
    padding-left: 12%;
    padding-right: 12%;
    cursor: url('./logo-pdoom.png'), auto;
  }
  .content {
    flex: 1;
  }
  .image-container {
    width: 400px; /* Increase the width of the image container */
    margin-left: 20px;
  }
  img {
    max-width: 100%;
    height: auto;
    transition: opacity 0.3s ease;
  }
  img:hover {
    opacity: 0.7;
  }
  a {
    color: rgb(8, 119, 166); /* Change the color of URLs to pink */
  }
</style>


</head>
<body>
<div class="container">
  <div class="content">
    <h1>Mihir Mahajan</h1>
    <p>
     hi i am mihir,
    <br/>
     co-founder and researcher at <a href="https://pdoom.org">p(doom)</a>. 
    </p>
    <p>
     i have [
    <a href="https://github.com/maharajamihir">github</a>
    <a href="https://www.linkedin.com/in/mahajanmihir">linkedin</a>
    <a href="https://twitter.com/maharajamihir">twitter</a>
    <a href="https://scholar.google.com/citations?user=2b0Nf4IAAAAJ">scholar</a>
    <a href="mailto:mihir.mahajan2002@gmail.com">email</a>
     ]
    </p>
    <h2>highlights</h2>
    <p>
     [2024] joined <a href="https://www.joinef.com/posts/introducing-def-acc-at-ef/">def/acc</a>
    </p>
    <p>
     [2024] "MeshFeat: Multi-Resolution Features for Neural Fields on Meshes" got accepted at ECCV 2024:
    <a href="https://maharajamihir.github.io/MeshFeat">project page</a>
    <a href="https://arxiv.org/abs/2407.13592">pdf</a>
    <a href="https://x.com/maharajamihir/status/1811530075784826910">tldr</a>
    </p>
    <p>
     [2024] graduated from technical university of munich with a bachelors in cs
    </p>
    <p>
     [2023] explored how to use code generation capabilities of LLMs to interact with databases:
    <a href="https://github.com/aws-samples/amazon-sagemaker-generativeai/blob/main/usecases/text_to_sql/text2sql.ipynb">notebook</a>
    </p>
    <p>
     [2023] our thoughts on the adaptive compute transformer:
    <a href="https://pdoom.org/act.html">blog</a>
    </p>
    <p>
     [2023] co-created <a href="https://pdoom.org/">p(doom)</a>
    </p>
    <p>
     [2022] seminar paper on matching markets:
    <a href="https://home.in.tum.de/~mahajanm/MatchingMarkets.pdf">pdf</a>
    </p>
  </div>
  <div class="image-container">
    <img src="image.jpg" alt="Mihir Mahajan">
  </div>
</div>
</body>
</html>
[content] index.html (html)
<style>
  body {
    margin: 0;
    padding: 0;
    font-family: monospace;
    font-size: 15px; /* Increase the base font size */
  }
  .container {
    display: flex;
    padding-top: 5%;
    padding-left: 12%;
    padding-right: 12%;
    flex-direction: row; /* Explicitly set for desktop */
  }
  .content {
    flex: 1;
  }
  .image-container {
    width: 200px; /* Increase the width of the image container */
    margin-left: 20px;
  }
  img {
    max-width: 100%;
    height: auto;
    transition: opacity 0.3s ease;
  }
  a {
    color: rgb(8, 119, 166); /* Change the color of URLs to pink */
  }
  
  /* Mobile responsive styles */
  @media (max-width: 768px) {
    .container {
      flex-direction: column;
      padding-left: 5%;
      padding-right: 5%;
      padding-top: 3%;
    }
    .image-container {
      width: 150px;
      margin-left: 0;
      margin-top: 20px;
      align-self: center;
    }
    body {
      font-size: 14px;
    }
  }
  
  /* For very small screens */
  @media (max-width: 480px) {
    .container {
      padding-left: 3%;
      padding-right: 3%;
    }
    .image-container {
      width: 120px;
    }
    body {
      font-size: 13px;
    }
  }
</style>