# Genuary2024_ProgressBar+1kb

# LoadingInChunks

The prompt for **Genuary 2024 Day 7** is **Progress Bar**  and **Day 14**  is **less than a kb**

LoadingInChunks contains less than a kilobyte worth of code text in **SonicPi, Hydra ,CSS & LiveCodingYoutube**

  
**CSS** was used for the **progress bar, Hydra** to modify the colors and amount, while **LiveCodingYoutube** was used to alter the timing of the progress bars**.** Whereas **Sonicpi** was used for the background sound

## Poetry

```ocaml

Loading 
More Loading
Loading and Roaming
Loading and Floating
Loading plus Loading
```

## Video

<iframe width="560" height="315" src="https://www.youtube.com/embed/WDXpAg-rD_I?si=XZ_uD8pK0cUqSI_P"></iframe>

## Code

### CSS - 523 Bytes

```css
<!DOCTYPE html>
<html>
<head>
<style> 
div {
  width: 1200px;
  height: 200px;
  background-color: orange;
  animation-name: r;
  animation-duration: 14s;
  
  animation-iteration-count: 10;
  animation-direction: alternate;
  
}

@keyframes r{
  from {background-color: red;}
  to {background-color: blue;}
  
  from {width: 100px;}
  to {width: 500px;}
  
  from{height: 100px;}
  to{height : 200px;}
  
  
  50%  {background-color:black; left:400px; top:400px;}
  }
  
</style>
</head>
<body>
<div></div>
</body>
</html>
```

### LiveCodingYoutube - 194 Bytes

```javascript
d = new Date()

create(3,3,"q2oNQPamHSM")

x = Math.round(d.getTime() % 13)

play(all)
speed([0,1,4,8],Math.sin(x))
speed([2,7,3,6],Math.tan(x))
jump([0,2,6,8],Math.random(0,1),Math.random(0,2))
```

### Hydra - 86 Bytes

```javascript

 
s0.initScreen()

src(s0).repeat(1,4).colorama(()=>(time%20+1)/21).out()

speed = 0.25
```

### SonicPi -193 Bytes

```ruby
live_loop :c do
  use_random_seed Time.now.to_i
  with_fx [:echo,:ping_pong].tick do
    use_synth [:hollow,:piano].choose
    play dice(98)*2,decay: dice(4)
    sleep rrand(0.5,2)
  end
end
```
