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


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

Video

Code

CSS - 523 Bytes

<!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

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



s0.initScreen()

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

speed = 0.25

SonicPi -193 Bytes

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

Code is Poetry & Data is Poetry