/html/timeline.html

 1<div id="timeline">
 2    <h4 class="title">Timeline</h4>
 3    <div id="playPauseButton" class="play" title="Play animation">Play</div>
 4
 5    <div id="gotoPrevKeyframeButton" class="prev" title="Go to previous keyframe">Previous keyframe</div>
 6    <div id="toggleActiveKeyframeButton" class="toggle" title="Toggle keyframe on/off">Toggle keyframe</div>
 7    <div id="gotoNextKeyframeButton" class="next" title="Go to next keyframe">Next keyframe</div>
 8
 9    <span class="start">0s</span>
10
11    <div class="keyframe_wrapper">
12        <div class="keyframe_bar">
13            <div class="keyframes_list"></div>
14            <div class="play_head"><span class="laser"></span></div>
15        </div>
16    </div>
17
18    <input type="number" id="timelineDuration" min="0" value="0.5" step="0.1"  />
19</div>