
previous

page 17
next
additions to styles.css
#buttons {
display:flex;
justify-content: center;
}
#buttons div {
font-size:3vmin;
font-family: sans-serif;
color:ivory;
padding:1vmin 2vmin;
margin:1vmin;
background-color: brown;
}
display:flex;
justify-content: center;
}
#buttons div {
font-size:3vmin;
font-family: sans-serif;
color:ivory;
padding:1vmin 2vmin;
margin:1vmin;
background-color: brown;
}
And we're going to need a new global g_running.
You might enjoy the challenge of trying to get it all working - I know I did!.
Click here to see my attempt in action.
setup()
function setup() {
clearTimeout(g_timer);
g_side=45*vmin();
g_running=false;
Hide('cont'); Hide('stop'); Show('run');
var buttons=document.getElementById('buttons');
buttons.style.width=g_side;
...
}
clearTimeout(g_timer);
g_side=45*vmin();
g_running=false;
Hide('cont'); Hide('stop'); Show('run');
var buttons=document.getElementById('buttons');
buttons.style.width=g_side;
...
}
previous
next