GeSHi Source Viewer: index.desktop.html

```
<!DOCTYPE html>
```
```
<html lang=en>
```
```
 
```
```
<head>
```
```
    <meta charset=UTF-8>
```

    <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel=stylesheet>

    <link href=/core/images/favicon.ico rel="shortcut icon" type=image/x-icon>

    <link rel=icon sizes=180x180 href=/core/images/mobile_icon.png>

    <link rel=apple-touch-icon sizes=180x180 href=/core/images/mobile_icon.png>

    <link href="/core/css/jquery-ui.min.css" rel="stylesheet">

    <link href="/core/css/jquery-ui.theme.min.css" rel="stylesheet">

    <link href="/core/css/jquery-ui.structure.min.css" rel="stylesheet">

    <link href="/core/css/style.common.min.css" rel="stylesheet">

    <link href="/core/css/style.desktop.min.css" rel="stylesheet">

    <title>Planeptune Loop Player</title>

```
</head>
```
```
 
```
```
<body>
```

    <script src="/core/js/jquery-~JQVERS~.min.js" integrity="~JQHASH~"></script>

    <script src="/core/js/jquery-ui.min.js"  integrity="~JQUIHASH~"></script>

    <script src="/core/js/jquery.ui.touch-punch.min.js" integrity="~JQTOUCHHASH~"></script>

    <script src="/core/js/wavesurfer.min.js" integrity="~WSHASH~"></script>

    <script src="/core/js/loader.js" integrity="~LOADERHASH~"></script>

    <div id=outerheader> <span class=title>Planeptune Loop Player</span> <span class=html5logo><a href="https://validator.w3.org/check?uri=referer" target=_blank><img src=/core/images/html5-badge-h-css3-multimedia-purple.png alt="HTML5 Powered with CSS3 / Styling, and Multimedia" title="HTML5 Powered with CSS3 / Styling, and Multimedia"></a></span>        </div>

```
    <div id=content_wrapper>
```
```
        <div id=header>
```
```
            <table id=headertable>
```
```
                <tr>
```

                    <td class=playdatatab>

                        <div id=playdata> <br> <br> <br> <br> <br> </div>

```
                    </td>
```
```
                    <td class=vistab>
```

                        <div id=visualization></div>

```
                    </td>
```
```
                </tr>
```
```
            </table>
```
```
        </div>
```
```
        <div id=content>
```
```
            <form id=mainform action=/>
```
```
            <table id=toprow>
```
```
                <tr>
```

                    <td> <select id=loopselect name=loop class=darkform></select> </td>

                    <td class=right> <button type=button id=playpause1 class="button darkform">Play</button> <button type=button id=playpause2 class="button darkform">Pause</button> <button type=button id=submitbutton class="button darkform">Get URL</button> <button type=button

                            id=resetbutton class="button darkform">Reset URL</button> </td>

```
                </tr>
```
```
            </table>
```
```
            <table id=maintable>
```
```
                <tr>
```
```
                    <td class=label>
```

                        <div id=labelseek> Seek: </div>

```
                    </td>
```
```
                    <td class=slider>
```

                        <div id=sseek></div>

```
                    </td>
```
```
                    <td>
```

                        <table id=seekctrl>

```
                            <tr>
```

                                <td> <input id=seek name=seek class="smallform darkform"> <select id=seekopt name=seekopt class=darkform> <option selected value=0>ms</option> <option value=1>Percent</option> </select> <button type=button id=seekbutton class="button darkform">Seek</button>                                    <button type=button id=seekbutton2 class="button darkform">Set To Current</button> </td>

                                <td class="right looper"> <span title="Loop between seek position and this position"> <span class=bracket>[</span>Loop: <input id=doloop name=doloop type=checkbox class="checkbox darkform"><span class=bracket>]</span> </span> <input id=looper name=looper

                                        class=darkform> </td>

```
                            </tr>
```
```
                        </table>
```
```
                    </td>
```
```
                </tr>
```
```
                <tr>
```
```
                    <td class=label>
```

                        <div id=labelvol> Volume: </div>

```
                    </td>
```
```
                    <td class=slider>
```

                        <div id=svol></div>

```
                    </td>
```

                    <td> <input id=vol name=volume class="smallform darkform"> </td>

```
                </tr>
```
```
                <tr>
```
```
                    <td class=label>
```

                        <div id=labelplayspeed> Speed: </div>

```
                    </td>
```
```
                    <td class=slider>
```

                        <div id=splayspeed></div>

```
                    </td>
```

                    <td> <input id=playspeed name=playspeed class="smallform darkform"> <button type=button id=speedset class="button darkform">Set Speed</button> <button type=button id=speedreset class="button darkform">Reset Speed</button> </td>

```
                </tr>
```
```
                <tr>
```

                    <td colspan=3 id=settings> <span class=bracket>[</span>Speed: <select id=fpssel class=darkform name=fps></select><span class=bracket>]</span> <span id=vutoggle><span class=bracket>[</span>Disable VU: <input id=novu name=novu type=checkbox class="checkbox darkform">

```
                        <span
```

                            class=bracket>]</span>

                            </span> <span id=wftoggle><span class=bracket>[</span>Disable Waveform: <input id=nowf name=nowf type=checkbox class="checkbox darkform"><span class=bracket>]</span></span> <span id=letoggle><span class=bracket>[</span>Low Power Mode:

                            <input id=lowend name=lowend type=checkbox class="checkbox darkform"><span class=bracket>]</span></span>

                            <div id=wfbutton_container> <button type=button id=wfzoom class="button darkform">Zoom Out</button> </div>

```
                    </td>
```
```
                </tr>
```
```
            </table>
```
```
            <div id=footer>
```
```
                <div id=waveform></div>
```
```
            </div>
```
```
            </form>
```
```
            <div id=notice></div>
```

            <div id=licenseblk> &copy; 2017-2025 Zefie Networks. License: <a rel=license href=http://creativecommons.org/licenses/by-sa/4.0/ target=_blank>Creative Commons Attribution-ShareAlike 4.0 International</a>

                <div id=devnotice></div>

```
            </div>
```
```
        </div>
```
```
    </div>
```