plmrry/foveated-metamers-browser

TypeScript

Foveated Metamers Browser

Browse natural and simulated foveated metamer images hosted on the Flatiron Institute compute cluster.

Quick start

Start developing.

Navigate to the Flatiron cluster, clone this repo in your mnt/home/<username>, and start it up. If you are not on the FI network, fire up that VPN.
```
npm install
npm run dev
```
You may also run the app locally and proxy requests to the live site:
```
npm run proxy
npm run dev
```
Open the source code and start editing!

Your site is now running at http://localhost:3000/

Deploy

Run the linters and prettifier
```
npm run lint && npm run pretty
```
Make the production build
```
npm run build
```
Move the contents of dist to the ~/USERNAME/public_www/ folder

Your project is now running at `https://flatironinstitute.org/~

Paul

Remove all Gamma Corrected Column and remove all values where Gamma Corrected = true
Gamma Slider: Liz to make the slider and give a stub function that WB can update.
Tie the 50% gray to the gamma

Billy

Gamma Slider: Liz to make the slider and give a stub function that WB can update.
Select all / deselect all -- for filter checkboxes
Add sortby on table column heads -- not sure about this
change image order to that found in paper, both for filter checkboxes and table rows
Table: metadata def on hover or in filter area?
Check pagination -- this appears to be working
Check highlight -- this appears to be working

Done: