Skip to content

Commit

Permalink
added favicon, reorganized index, started on hw
Browse files Browse the repository at this point in the history
  • Loading branch information
@clara-not-claire
clara-not-claire committed Jan 17, 2025
1 parent 00cb7a3 commit 62c8ae7
Show file tree
Hide file tree
Showing 4 changed files with 70 additions and 187 deletions.
99 changes: 22 additions & 77 deletions hardware.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -119,81 +119,15 @@
<div class="columns is-centered">
<div class="column has-text-centered">
<h1 class="title is-2 section-title">Hardware guide</h1>
<!-- <div class="is-size-5 publication-authors">
<span class="author-block">
<a href="https://www.linkedin.com/in/clarashung/">Clara S. Hung</a>,
</span>
<span class="author-block">
<a href="https://Lakabuli.github.io/">Leyla A. Kabuli</a>,
</span>
<span class="author-block">
<a href="https://www.linkedin.com/in/vasilisa-ponomarenko/">Vasilisa Ponomarenko</a>,
</span>
<span class="author-block">
<a href="https://www2.eecs.berkeley.edu/Faculty/Homepages/waller.html">Laura Waller</a>
</span>
</div> -->


<!-- <div class="is-size-6 publication-authors">
<span class="author-block">Department of Electrical Engineering and Computer Sciences, UC Berkeley</span>
</div> -->


<div class="column has-text-centered">
<div class="publication-links">

<!-- FLAG - add once available -->
<!-- PDF Link. -->
<!-- <span class="link-block">
<a href="https://spie.org/photonics-west/presentation/Scalable-dataset-acquisition-for-data-driven-lensless-imaging/13333-60"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="fas fa-file-pdf"></i>
</span>
<span>Paper</span>
</a>
</span>
<span class="link-block">
<a href="https://spie.org/photonics-west/presentation/Scalable-dataset-acquisition-for-data-driven-lensless-imaging/13333-60"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="ai ai-arxiv"></i>
</span>
<span>arXiv</span>
</a>
</span> -->
<!-- Video Link. -->
<!-- <span class="link-block">
<a href="https://www.youtube.com/watch?v=2bSnbygpeaI"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="fab fa-youtube"></i>
</span>
<span>Video</span>
</a>
</span> -->
<!-- Code Link. -->
<!-- <span class="link-block">
<a href="https://github.com/Waller-Lab/parallel-lensless-dataset"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="fab fa-github"></i>
</span>
<span>Code</span>
</a>
</span> -->
<!-- Dataset Link. -->
<!-- <span class="link-block">
<a href="https://drive.google.com/drive/folders/1CqPliG5rZIYH5zA6cXdrA6cvDF7obbvc?usp=sharing"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="far fa-images"></i>
</span>
<span>Data</span>
</a> -->

<div class="columns is-centered">
<div class="column is-four-fifths">
<figure class="image">
<img src="./static/images/hardware-only-04.png" alt="Hardware setup">
</figure>
</div>
</div>

</div>
</div>
</div>
Expand All @@ -213,7 +147,8 @@ <h2 class="title is-3">Overview</h2>
<div class="content has-text-justified">

<p>
</p>
PLACEHOLDER - This is an overview of the hardware system.
</p>
</div>
</div>
</div>
Expand All @@ -225,17 +160,27 @@ <h2 class="title is-3">Overview</h2>



<!-- <section class="section">
<section class="section">
<div class="container is-max-desktop">
<div class="columns is-centered">
<div class="container is-max-desktop">
<div class="content">
<h2 class="title is-3 section-title">Information Estimation Framework</h2>
<h2 class="title is-3 section-title">Equipment</h2>
<p>Below is a list of equipment we used for our hardware setup and the model. Feel free to use different models for your own convinience.</p>

<ul>
<li>Portable monitor: INNOCN 13A1F</li>
<li>Board level sensors: Basler daA1920-160uc</li>
<li>Lensed camera mount and lens: Evetar S-mount, f=6 mm lens</li>
<li>50/50 split ratio beamsplitter: ThorLabs BS031</li>
<li>Diffuser: Luminit 0.5°</li>
</ul>

</div>
</div>
</div>
</div>
</section> -->
</section>


<!-- <section class="section" id="BibTeX">
Expand Down
74 changes: 37 additions & 37 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
<link rel="stylesheet" href="./static/css/index.css">
<link rel="icon" href="./static/images/favicon.svg">
<link rel="icon" href="./static/images/butterfly_favicon.svg">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script defer src="./static/js/fontawesome.all.min.js"></script>
Expand Down Expand Up @@ -191,7 +191,7 @@ <h1 class="title is-2 publication-title">Scalable dataset acquisition for data-d
<span class="icon">
<i class="far fa-images"></i>
</span>
<span>Data</span>
<span>Dataset</span>
</a>
</div>
</div>
Expand Down Expand Up @@ -221,6 +221,39 @@ <h2 class="title is-3">Abstract</h2>
</section>


<!-- Dataset -->
<section class="section">
<div class="container is-max-desktop">
<div class="columns is-centered">
<div class="container is-max-desktop">
<div class="content">
<h2 class="title is-3 section-title">Dataset</h2>

<p>We provide an open-source, 25,000 image dataset with two lensless imagers—the DiffuserCam and the Random Multi-focal Lenslet (RML) imager—and paired ground truth images. We used MIRFLICKR-25000 as the ground truth dataset. Our dataset consists of:</p>

<ul>
<li>25,000 DiffuserCam images</li>
<li>25,000 RML images</li>
<li>25,000 ground truth images</li>
<li>Experimentally captured point spread functions (PSFs)</li>
</ul>

<p>The dataset includes a calibration PSF for each imager at an exposure that produced the best results during our tests. We also include a folder of PSFs for both imagers at varying exposures for further experimentation.</p>

<p>If you use our dataset in our research, we kindly ask that you <a href="#BibTeX">cite our publication.</a></p>

<a href="https://drive.google.com/drive/folders/1CqPliG5rZIYH5zA6cXdrA6cvDF7obbvc?usp=sharing"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="far fa-images"></i>
</span>
<span>Access our dataset</span>
</a>
</div>
</div>
</div>
</div>
</section>

<!-- Hardware Setup -->
<section class="section">
Expand All @@ -229,7 +262,7 @@ <h2 class="title is-3">Abstract</h2>
<div class="container is-max-desktop">
<div class="content">
<h2 class="title is-3 section-title">Hardware setup</h2>
<p>In our hardware system, measurements from multiple lensless imaging systems and a ground truth lensed camera are captured in parallel and computationally aligned to the ground truth image. To enable other researchers to reproduce our hardware setup and tailor to their needs, we provide a step-by-step tutorial for building our system on our <a href="hardware.html">Hardware Setup</a> page.</p>
<p>Our hardware system captures measurements from multiple lensless imaging systems and a ground truth lensed camera in parallel. We provide a step-by-step tutorial for building our system on our <a href="hardware.html">Hardware Setup</a> page and encourage other researchers to build off of our setup.</p>
<div class="columns is-centered">
<div class="column is-10">
<figure class="image">
Expand Down Expand Up @@ -263,40 +296,6 @@ <h2 class="title is-3 section-title">Software package</h2>
</div>
</section>

<!-- Dataset -->
<section class="section">
<div class="container is-max-desktop">
<div class="columns is-centered">
<div class="container is-max-desktop">
<div class="content">
<h2 class="title is-3 section-title">Dataset</h2>

<p>We provide an open-source, 25,000 image dataset with two lensless imagers—the DiffuserCam and the Random Multi-focal Lenslet (RML) imager—and paired ground truth images. We used MIRFLICKR-25000 as the ground truth dataset. Our dataset consists of:</p>

<ul>
<li>25,000 DiffuserCam images</li>
<li>25,000 RML images</li>
<li>25,000 ground truth images</li>
<li>Experimentally captured point spread functions (PSFs)</li>
</ul>

<p>The dataset includes a calibration PSF for each imager at an exposure that produced the best results during our tests. We also include a folder of PSFs for both imagers at varying exposures for those interested in playing around with them.</p>

<p>If you use our dataset in our research, we kindly ask that you <a href="#BibTeX">cite our publication.</a></p>

<a href="https://drive.google.com/drive/folders/1CqPliG5rZIYH5zA6cXdrA6cvDF7obbvc?usp=sharing"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="far fa-images"></i>
</span>
<span>Access our dataset</span>
</a>
</div>
</div>
</div>
</div>
</section>

<!-- COLLABORATE!! -->
<section class="section">
<div class="container is-max-desktop">
Expand Down Expand Up @@ -327,6 +326,7 @@ <h3 class="title is-4">Lensless Imagers</h3>
</ul>

<h3 class="title is-4">Other Lensless Datasets</h3>
<!-- Brief blurb about datasets and comparing them. -->
</div>
</div>
</div>
Expand Down
80 changes: 7 additions & 73 deletions software.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -118,81 +118,15 @@
<div class="columns is-centered">
<div class="column has-text-centered">
<h1 class="title is-2 section-title">Software guide</h1>
<!-- <div class="is-size-5 publication-authors">
<span class="author-block">
<a href="https://www.linkedin.com/in/clarashung/">Clara S. Hung</a>,
</span>
<span class="author-block">
<a href="https://Lakabuli.github.io/">Leyla A. Kabuli</a>,
</span>
<span class="author-block">
<a href="https://www.linkedin.com/in/vasilisa-ponomarenko/">Vasilisa Ponomarenko</a>,
</span>
<span class="author-block">
<a href="https://www2.eecs.berkeley.edu/Faculty/Homepages/waller.html">Laura Waller</a>
</span>
</div>
<div class="is-size-6 publication-authors">
<span class="author-block">Department of Electrical Engineering and Computer Sciences, UC Berkeley</span>
</div> -->


<div class="column has-text-centered">
<div class="publication-links">

<!-- FLAG - add once available -->
<!-- PDF Link. -->
<!-- <span class="link-block">
<a href="https://spie.org/photonics-west/presentation/Scalable-dataset-acquisition-for-data-driven-lensless-imaging/13333-60"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="fas fa-file-pdf"></i>
</span>
<span>Paper</span>
</a>
</span>
<span class="link-block">
<a href="https://spie.org/photonics-west/presentation/Scalable-dataset-acquisition-for-data-driven-lensless-imaging/13333-60"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="ai ai-arxiv"></i>
</span>
<span>arXiv</span>
</a>
</span> -->
<!-- Video Link. -->
<!-- <span class="link-block">
<a href="https://www.youtube.com/watch?v=2bSnbygpeaI"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="fab fa-youtube"></i>
</span>
<span>Video</span>
</a>
</span> -->
<!-- Code Link. -->
<!-- <span class="link-block">
<a href="https://github.com/Waller-Lab/parallel-lensless-dataset"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="fab fa-github"></i>
</span>
<span>Code</span>
</a>
</span> -->
<!-- Dataset Link. -->
<!-- <span class="link-block">
<a href="https://drive.google.com/drive/folders/1CqPliG5rZIYH5zA6cXdrA6cvDF7obbvc?usp=sharing"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="far fa-images"></i>
</span>
<span>Data</span>
</a> -->

<div class="columns is-centered">
<div class="column column is-four-fifths">
<figure class="image">
<img src="./static/images/software-03.png" alt="Software pipeline">
</figure>
</div>
</div>

</div>
</div>
</div>
Expand Down
4 changes: 4 additions & 0 deletions static/images/butterfly_favicon.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 62c8ae7

Please sign in to comment.