Create two column structure with the slider inputs and a box doc where I can place an image

save it in cookies or somewhere as a default

laser eyes + head bulge, should be below sliders

In the end we will want it to be asynchronous, but we can always write a synchronous processor for testing

So I am on Microsoft Edge, and I uploaded a video, but the rectangle showing what I assume would be the deep-fried video says "No Preview Available"

To Reproduce
Steps to reproduce the behavior:

1. Be on Microsoft Edge
2. Upload a video
3. Click upload & wait
4. Boom
   

this progress container should be of the same format as the upload progress container, with different IDs than the upload elements

This should be a switchable option at the bottom of the page that the user can toggle

NO COMMITTING WITHOUT TESTING LOCALLY (yet)

We should add a 'Default' button that sets the slider values to their default state.

I'm adding this issue and am immediately going to work on it.

This isn't strictly necessary but it is very cool and shouldn't be too difficult given that the code is already written

• make halloween theme (orange + black , somethin like that)

• make footer theme selector a dropdown choice
  like this:

<select name="cars" id="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Should be initialized as hidden

display: none

Should be below sliders

upon loading the website, load a random deepfried meme as the favicon

example: https://pics.me.me/deep-fried-shrek-37275264.png

Not all of the parameters on the page refresh to their default state when the page is refreshed. (e.g. the sliders will not move when refreshing the page, upload button doesn't empty the video file when refreshing the page).

everything becomes really far apart when the window is wide

should be below the choose file button and above the upload progress bar

given a var f which is a float, shorten the string representation of f to 2 decimal places

so the function signature should be

var shorten_float = (f) => {
//
//   do something
//
return shortened_string;
}

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
Add any other context about the problem here.