<!-- Generate cards for each project -->

  <div class="grid">
    
      <div class="grid-item">

<div class="card hoverable">
  
  <img src="/assets/img/final_build_1.jpg" alt="project thumbnail">
  
  <div class="card-body">
    <h2 class="card-title">Open Authenticator</h2>
    <p class="card-text">An open source TOTP based hardware authenticator using ESP32.</p>
    <div class="row ml-1 mr-1 p-0">
      
      <div class="github-icon">
        <div class="icon" data-toggle="tooltip" title="Code Repository">
          <a href="https://open-authenticator.github.io" target="_blank"><i class="fab fa-github gh-icon"></i></a>
        </div>
        
      </div>
      
    </div>
  </div>
</div>   </a>

      <div class="grid-item">

<div class="card hoverable">
  
  <img src="/assets/img/esp_wifi_logger_edited.gif" alt="project thumbnail">
  
  <div class="card-body">
    <h2 class="card-title">ESP32 Wireless Logger</h2>
    <p class="card-text">Log messages over WiFi, using either TCP, UDP or Websockets</p>
    <div class="row ml-1 mr-1 p-0">
      
      <div class="github-icon">
        <div class="icon" data-toggle="tooltip" title="Code Repository">
          <a href="https://github.com/VedantParanjape/esp-wifi-logger" target="_blank"><i class="fab fa-github gh-icon"></i></a>
        </div>
        
      </div>
      
    </div>
  </div>
</div>   </a>

      <div class="grid-item">

<div class="card hoverable">
  
  <img src="/assets/img/kimchi-uart-adapter.png" alt="project thumbnail">
  
  <div class="card-body">
    <h2 class="card-title">USB-UART adapter for kimchi-micro</h2>
    <p class="card-text">UART adapter for the kimichi micro SBC by GroupGets</p>
    <div class="row ml-1 mr-1 p-0">
      
      <div class="github-icon">
        <div class="icon" data-toggle="tooltip" title="Code Repository">
          <a href="https://github.com/VedantParanjape/pid-tuning-gui" target="_blank"><i class="fab fa-github gh-icon"></i></a>
        </div>
        
      </div>
      
    </div>
  </div>
</div>   </a>

      <div class="grid-item">

<div class="card hoverable">
  
  <img src="/assets/img/kimchi-epaper-lid-back.jpg" alt="project thumbnail">
  
  <div class="card-body">
    <h2 class="card-title">Epaper lid for kimchi-micro</h2>
    <p class="card-text">Epaper lid for the kimichi micro SBC by GroupGets</p>
    <div class="row ml-1 mr-1 p-0">
      
      <div class="github-icon">
        <div class="icon" data-toggle="tooltip" title="Code Repository">
          <a href="https://github.com/VedantParanjape/kimchi-epaper-lid" target="_blank"><i class="fab fa-github gh-icon"></i></a>
        </div>
        
      </div>
      
    </div>
  </div>
</div>   </a>

      <div class="grid-item">

<div class="card hoverable">
  
  <img src="/assets/img/epaper_working.gif" alt="project thumbnail">
  
  <div class="card-body">
    <h2 class="card-title">E-Paper Display library</h2>
    <p class="card-text">ESP-IDF component for Waveshare epaper displays</p>
    <div class="row ml-1 mr-1 p-0">
      
      <div class="github-icon">
        <div class="icon" data-toggle="tooltip" title="Code Repository">
          <a href="https://github.com/VedantParanjape/esp-epaper-display" target="_blank"><i class="fab fa-github gh-icon"></i></a>
        </div>
        
      </div>
      
    </div>
  </div>
</div>   </a>

      <div class="grid-item">

<div class="card hoverable">
  
  <div class="card-body">
    <h2 class="card-title">Synchronous Music Player</h2>
    <p class="card-text">A sync audio player using Boost.Asio and Boost.Thread</p>
    <div class="row ml-1 mr-1 p-0">
      
      <div class="github-icon">
        <div class="icon" data-toggle="tooltip" title="Code Repository">
          <a href="https://github.com/VedantParanjape/audio-streamer" target="_blank"><i class="fab fa-github gh-icon"></i></a>
        </div>
        
      </div>
      
    </div>
  </div>
</div>   </a>

      <div class="grid-item">

<div class="card hoverable">
  
  <img src="/assets/img/pid_plotter_working.gif" alt="project thumbnail">
  
  <div class="card-body">
    <h2 class="card-title">PID tuning utility</h2>
    <p class="card-text">GUI app to tune and plot pid data from WALL-E robot</p>
    <div class="row ml-1 mr-1 p-0">
      
      <div class="github-icon">
        <div class="icon" data-toggle="tooltip" title="Code Repository">
          <a href="https://github.com/VedantParanjape/pid-tuning-gui" target="_blank"><i class="fab fa-github gh-icon"></i></a>
        </div>
        
      </div>
      
    </div>
  </div>
</div>   </a>

  </div>