This is a html/javascript application that uses page reload to rerun files. I goofed on parsing the ppm. If you know how to read ppm files, please let me know. Stack-exchange doesn't allow local-storage. So you will have to run the JSFiddle.
Again, i know i bombed the ppm file.
But in the end:
Javascript: 1,232 bytes * 3 = 3696
HTML: 71 bytes * 3 = 213
Total: 3909
var mary = '</br>\
Mary had a little lamb,</br>\
Little lamb, little lamb,</br>\
Mary had a little lamb,</br>\
Its fleece was white as snow</br>\
</br>\
And everywhere that Mary went,</br>\
Mary went, Mary went,</br>\
Everywhere that Mary went</br>\
The lamb was sure to go</br>\
</br>\
It followed her to school one day</br>\
School one day, school one day</br>\
It followed her to school one day</br>\
Which was against the rules.</br>\
</br></br>\
It made the children laugh and play,</br>\
Laugh and play, laugh and play,</br>\
It made the children laugh and play</br>\
To see a lamb at school\
';
var img = '<img src="https://i.sstatic.net/sHCba.png"/>'
function run() {
var step = localStorage.getItem("step");
step++;
localStorage.setItem("step", step);
$('#step').text(step);
var r = $('#results')
switch (step) {
case 1:
for (var i = 0; i < 133; i++) {
r.append(i + 1 + ' ');
}
break;
case 2:
r.html(mary);
break;
case 3:
r.html(img);
localStorage.setItem("step", 0);
break;
default:
localStorage.setItem("step", 0);
break;
}
}
run();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>Step: <span id='step'></span>
</label>
<div id='results'></div>