<!DOCTYPE html>
<html>
<head>
<title>JTAYL.ME</title>
<style>
body {
background:#a89c73;
color:#595441;
font:16px/30px verdana,arial,sans-serif;
}
a, a:visited {color:#3d4748}
h1 {text-align:center; color:#3d4748}
h2 {
border-bottom:1px solid #3d4748;
color:#3d4748;
margin-left:-10px;
padding-left:25px;
width:80%;
}
#container {
width: 780px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
border: 3px solid #3d4748;
padding: 10px;
margin-top: -13px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
#footer {
text-align:center;
margin-top:20px;
}
#footer p {
padding:5px;
background:white;
margin:0 auto;
width:750px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:10px;
border:1px solid #3d4748;
-moz-border-radius-bottomleft:35px;
-moz-border-radius-bottomright:35px;
-webkit-border-bottom-left-radius:25px;
-webkit-border-bottom-right-radius:25px;
}
#footer p a {
background:#fff url(http://yourls.org/images/favicon.gif) 2px center no-repeat;
padding-left:20px;
}
div#copybox { width:600px; height:auto;}
div#sharebox {height:auto; width:600px; margin-top:20px;}
</style>
<link rel="shortcut icon" href="/images/favicon.gif">
<link rel="stylesheet" href="https://www.jtayl.me/css/share.css?v=1.9.2" type="text/css" media="screen" />
<script src="https://www.jtayl.me/js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="https://www.jtayl.me/js/ZeroClipboard.js?v=1.9.2" type="text/javascript"></script>
<script type="text/javascript">ZeroClipboard.setMoviePath( 'https://www.jtayl.me/js/ZeroClipboard.swf' );</script>
<script src="https://www.jtayl.me/js/share.js?v=1.9.2" type="text/javascript"></script>
</head>
<body>
<h1>JTAYL.ME</h1>
<div id="container">
<h2>Enter a new URL to shorten</h2>
<form method="post" action="">
<p><label>URL: <input type="text" name="url" value="http://" size="70" /></label></p>
<p><label>Optional custom keyword: https://www.jtayl.me/<input type="text" name="keyword" size="8" /></label></p>
<p><label>Optional title: <input type="text" name="title" size="57" /></label></p>
<p><input type="submit" value="Shorten" /></p>
</form>
<!-- Example bookmarklet. Be sure to rename the link target from "sample-public-front-page.php" to whatever you'll use (probably index.php) -->
<p><a href="javascript:void(location.href='https://www.jtayl.me/sample-public-front-page.php?format=simple&action=shorturl&url='+escape(location.href))">bookmarklet</a>
</div>
<div id="footer"><p>Powered by <a href="http://jtayl.me/" title="jtayl.me">jtayl.me</a> v1.9.2</p></div>
</body>
</html>