All of this file is gross. Keep presentation and logic seperate. 

This should all be in scss files an use css rules to present it.

```css
*/ in assets/stylesheets/kiosk.scss */

@for $i from 1 through 99 {
  .glass-#{i}-srm-0,  .glass-#{i}-srm-1 {
    background-image: linear-gradient(white, white #{i}%, #fee799 #{i}%, #fee799);
    /* etc. */
  }
  .glass-#{i}-srm-2 {
    background-image: linear-gradient(white, white #{i}%, #fdd978 #{i}%, #fdd978);
    /* etc. */
  }

   /* etc. */
}
```