webamp/html/main-window.html

<div id='main-window' class='loading stop'>
    <div id='loading'>Loading...</div>
    <div id='title-bar' class='selected'>
        <div id='option'>
            <ul id='context-menu'>
                <li><a href='https://github.com/captbaritone/winamp2-js' target='_blank'>Winamp2-js...</a></li>
                <li class='hr'><hr /></li>
                <li id='context-play-file'>Play File...</li>
                <li class='parent'>
                <ul>
                    <li id='context-load-skin'>Load Skin...</li>
                    <li class='hr'><hr /></li>
                    <li class='skin-select' data-skin-url='https://cdn.rawgit.com/captbaritone/winamp-skins/master/v2/base-2.91.wsz'>&lt;Base Skin&gt;</li>
                    <li class='skin-select' data-skin-url='https://cdn.rawgit.com/captbaritone/winamp-skins/master/v2/MacOSXAqua1-5.wsz'>Mac OSX v1.5 (Aqua)</li>
                    <li class='skin-select' data-skin-url='https://cdn.rawgit.com/captbaritone/winamp-skins/master/v2/TopazAmp1-2.wsz'>TopazAmp</li>
                    <li class='skin-select' data-skin-url='https://cdn.rawgit.com/captbaritone/winamp-skins/master/v2/Vizor1-01.wsz'>Vizor</li>
                    <li class='skin-select' data-skin-url='https://cdn.rawgit.com/captbaritone/winamp-skins/master/v2/XMMS-Turquoise.wsz'>XMMS Turquoise </li>
                    <li class='skin-select' data-skin-url='https://cdn.rawgit.com/captbaritone/winamp-skins/master/v2/ZaxonRemake1-0.wsz'>Zaxon Remake</li>
                </ul>
                Skins
                </li>
                <li class='hr'><hr /></li>
                <li id='context-exit'>Exit</li>
            </ul>
        </div>
        <div id='shade-time'>
            <div id='shade-minus-sign'></div>
            <div id='shade-minute-first-digit' class='character'></div>
            <div id='shade-minute-second-digit' class='character'></div>
            <div id='shade-second-first-digit' class='character'></div>
            <div id='shade-second-second-digit' class='character'></div>
        </div>
        <div id='minimize'></div>
        <div id='shade'></div>
        <div id='close'></div>
    </div>
    <div class='status'>
        <div id='clutter-bar'>
            <div id='button-o'></div>
            <div id='button-a'></div>
            <div id='button-i'></div>
            <div id='button-d'></div>
            <div id='button-v'></div>
        </div>
        <div id='play-pause'></div>
        <div id='work-indicator'></div>
        <div id='time'>
            <div id='minus-sign'></div>
            <div id='minute-first-digit'></div>
            <div id='minute-second-digit'></div>
            <div id='second-first-digit'></div>
            <div id='second-second-digit'></div>
        </div>
        <canvas id='visualizer' width='152' height='32'></canvas>
    </div>
    <div class='media-info'>
        <div id='song-title' class='text'></div>
        <div id='kbps'></div>
        <div id='khz'></div>
        <div class='mono-stereo'>
            <div id='mono'></div>
            <div id='stereo'></div>
        </div>
    </div>
    <input id='volume' type='range' min='0' max='100' step='1' value='50' />
    <input id='balance' type='range' min='-100' max='100' step='2' value='0' />
    <div class='windows'>
        <div id='equalizer-button'></div>
        <div id='playlist-button'></div>
    </div>
    <input id='position' type='range' min='0' max='100' step='1' value='0' />
    <div class='actions'>
        <div id='previous'></div>
        <div id='play'></div>
        <div id='pause'></div>
        <div id='stop'></div>
        <div id='next'></div>
    </div>
    <div id='eject'></div>
    <div class='shuffle-repeat'>
        <div id="shuffle"></div>
        <div id="repeat"></div>
    </div>
    <a id='about' target='_blank' href='https://github.com/captbaritone/winamp2-js'></a>
</div>