<!DOCTYPE html>
<html>
<head>
<!-- Metadata -->
<title>URL Pages Editor</title>
<link rel="shortcut icon" href="../favicon.ico">
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="main.css">
<!-- Scripts -->
<script src="../b64.js" type="text/javascript"></script>
<script src="editor.js" type="text/javascript"></script>
</head>
<body onload="initialize()">
<!-- Top row of code entry boxes -->
<div id="textboxes" onkeyup="update()">
<textarea id="html" placeholder="HTML" rows="9"></textarea>
<textarea id="css" placeholder="CSS" rows="9"></textarea>
<textarea id="javascript" placeholder="JavaScript" rows="9"></textarea>
</div>
<!-- Bottom left buttons for publishing/export -->
<div id="bottomleft-buttons">
<label for="hide">Hide Buttons
<input type="checkbox" id="hide" onclick="hideButtons(this)" />
</label>
<!-- Seemingly random attributes necessary for TinyUrl to accept the
request -->
<form action="http://tinyurl.com/create.php" method="get" target="_blank">
<input type="hidden" id="source" name="source" value="indexpage">
<input type="hidden" name="url" id="url" />
<button onclick="setCodeUrl()">Short Link to Editor</button>
<button onclick="setViewUrl()">Short Link to Page</button>
</form>
<button><a id="getLinkLink" href="" target="_blank">Open Page</a></button>
<button onclick="showCopyCodePrompt()">Copy Code</button>
<button><a id="downloadLink" href="" target="_blank" download="export.html">Download Code</a></button>
<button><a href="https://jstrieb.github.io/link-lock" target="_blank">Add a Password</a></button>
</div>
<!-- Top right button to fork the repository -->
<div id="topright-buttons">
<button><a href="http://github.com/jstrieb/urlpages" target="_blank">Fork on GitHub</a></button>
</div>
<iframe></iframe>
</body>
</html>