Fix editor button text and add fork button

This commit is contained in:
Jacob Strieb 2019-07-22 18:17:45 -04:00
parent 2a4778842a
commit 52780d6cfb
2 changed files with 14 additions and 4 deletions

View File

@ -13,19 +13,23 @@
<textarea id="javascript" placeholder="JavaScript" rows="9"></textarea> <textarea id="javascript" placeholder="JavaScript" rows="9"></textarea>
</div> </div>
<div id="buttons"> <div id="bottomleft-buttons">
<!-- Seemingly random attributes necessary for TinyUrl to accept the request --> <!-- Seemingly random attributes necessary for TinyUrl to accept the request -->
<form action="http://tinyurl.com/create.php" method="get" target="_blank"> <form action="http://tinyurl.com/create.php" method="get" target="_blank">
<input type="hidden" id="source" name="source" value="indexpage"> <input type="hidden" id="source" name="source" value="indexpage">
<input type="hidden" name="url" id="url" /> <input type="hidden" name="url" id="url" />
<button onclick="setCodeUrl()">Short Link to Editor</button> <button onclick="setCodeUrl()">Short Link to Editor</button>
<button onclick="setViewUrl()">Short Link to Publish</button> <button onclick="setViewUrl()">Short Link to Page</button>
</form> </form>
<button><a id="getLinkLink" href="" target="_blank">Long Link to Publish</a></button> <button><a id="getLinkLink" href="" target="_blank">Open Page</a></button>
<button onclick="showCopyCodePrompt()">Copy Code</button> <button onclick="showCopyCodePrompt()">Copy Code</button>
<button><a id="downloadLink" href="" target="_blank" download="export.html">Download Code</a></button> <button><a id="downloadLink" href="" target="_blank" download="export.html">Download Code</a></button>
</div> </div>
<div id="topright-buttons">
<button><a href="http://github.com/jstrieb/urlpages" target="_blank">Fork on GitHub</a></button>
</div>
<iframe></iframe> <iframe></iframe>
</body> </body>
</html> </html>

View File

@ -37,12 +37,18 @@ a, button {
border: none; border: none;
} }
#buttons { #bottomleft-buttons {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
} }
#topright-buttons {
position: absolute;
top: 0;
right: 0;
}
form { form {
display: inline; display: inline;
} }