<!DOCTYPE html> <html> <head> <title>Tilde Friends</title> <link type="text/css" rel="stylesheet" href="/static/style.css"> <link type="image/png" rel="shortcut icon" href="/static/favicon.png"> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body style="display: flex; flex-flow: column"> <div class="navigation"> <span>😎</span> <span id="title">Tilde Friends</span> <a accesskey="h" data-tip="Open home app." href="/">home</a> <a accesskey="a" data-tip="Open apps list." href="/~core/apps/">apps</a> <a accesskey="e" data-tip="Toggle the app editor." href="#" onclick="event.preventDefault(); toggleEdit()">edit</a> <a accesskey="t" data-tip="Open performance trace." href="#" onclick="event.preventDefault(); trace()">trace</a> <a accesskey="g" data-tip="Show graphs." href="#" onclick="event.preventDefault(); toggleStats()">stats</a> <span id="status"></span> <span id="login"></span> </div> <div id="content" class="hbox" style="flex: 1 1; width: 100%"> <div id="statsPane" class="vbox" style="display: none; flex 1 1"> <div class="hbox"> <input type="button" id="closeStats" name="closeStats" value="Close" onclick="closeStats()"> </div> <div id="graphs" class="vbox" style="height: 100%"></div> </div> <div id="editPane" class="vbox" style="display: none"> <div class="navigation"> <input type="button" id="closeEditor" name="closeEditor" value="Close" onclick="closeEditor()"> <input type="button" id="save" name="save" value="Save" onclick="save()"> <input type="text" id="name" name="name"></input> <input type="button" id="push_to_parent" value="Push to Parent" onclick="pushToParent()"> <input type="button" id="pull_from_parent" value="Pull from Parent" onclick="pullFromParent()"> <input type="button" id="revert" name="revert" value="Revert to Saved" onclick="revert()"> </div> <div class="hbox" style="height: 100%"> <div id="filesPane"> <div class="hbox"> <span id="files_header">Files</span> <span id="files_hide" onclick="hideFiles()">«</span> <span id="files_show" onclick="showFiles()">»</span> </div> <div id="files_content"> <ul id="files"></ul> <br> <div><button onclick="newFile()">New File</button></div> <div><button onclick="removeFile()">Remove File</button></div> </div> </div> <div id="docPane" style="display: flex; flex: 1 1 50%; flex-flow: column"> <div style="flex: 1 1 50%; position: relative"> <textarea id="editor" class="main"></textarea> </div> </div> </div> </div> <div id="viewPane" class="vbox" style="flex: 1 0 50%; overflow: auto"> <iframe id="document" sandbox="allow-forms allow-scripts allow-top-navigation allow-modals" style="width: 100%; height: 100%; border: 0"></iframe> </div> </div> <script src="/split/split.min.js"></script> <script src="/smoothie/smoothie.js"></script> <script src="/static/client.js"></script> </body> </html>