<!DOCTYPE html>
<html>
<head>
<title>
Go.soton.ac.uk
</title>
<style>
body {
background : #E3F3FF;
color : #595441;
font : 16px/30px verdana,arial,sans-serif;
}
a, a:visited {
color : #2A85B3
}
h1 {
text-align : center;
color : #2A85B3
}
h2 {
border-bottom : 1px solid #2A85B3;
color : #2A85B3;
margin-left : -10px;
padding-left : 25px;
width : 80%;
}
#container {
width : 780px;
margin-left : auto;
margin-right : auto;
background-color : #fff;
border : 3px solid #2A85B3;
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 #2A85B3;
-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("https://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 href="https://go.soton.ac.uk/css/share.css?v=1.9.2" media="screen" rel="stylesheet" type="text/css">
<script src="https://go.soton.ac.uk/js/jquery-1.6.1.min.js" type="text/javascript">
</script>
<script src="https://go.soton.ac.uk/js/ZeroClipboard.js?v=1.9.2" type="text/javascript">
</script>
<script type="text/javascript">
ZeroClipboard.setMoviePath('https://go.soton.ac.uk/js/ZeroClipboard.swf');
</script>
<script src="https://go.soton.ac.uk/js/share.js?v=1.9.2" type="text/javascript">
</script>
</head>
<body>
<h1>
Go: a URL shortening service
</h1>
<div id="container">
<h2>
URL has been shortened
</h2>
<p>
Original URL:
<code>
<a href="https://news.google.gg/__i/rss/rd/articles/CBMiFWh0dHBzOi8vY2lycDIwMTYub3JnL9IBAA==">
https://news.google.gg/__i/rss/rd/articles/CBMiFWh0dHBzOi8vY2lycDIwMTYub3JnL9IBAA==
</a>
</code>
</p>
<p>
Short URL:
<code>
<a href="">
</a>
</code>
</p>
<p>
<strong>
Only soton.ac.uk and southampton.ac.uk URLs can be shortened by staff, students and members of the public.
</strong>
</p>
<div id="shareboxes">
<div class="share" id="copybox">
<h2>
Your short link
</h2>
<p>
<input class="text" id="copylink" size="32" value="">
</p>
<p>
<small>
Long link:
<a href="https://news.google.gg/__i/rss/rd/articles/CBMiFWh0dHBzOi8vY2lycDIwMTYub3JnL9IBAA==" id="origlink">
https://news.google.gg/__i/rss/rd/articles/CBMiFWh0dHBzOi8vY2lycDIwMTYub3JnL9IBAA==
</a>
</small>
<br>
<small>
Stats:
<a href="+" id="statlink">
+
</a>
</small>
<input id="titlelink" type="hidden" value="">
</p>
</div>
<div class="share" id="sharebox">
<h2>
Quick Share
</h2>
<div id="tweet">
<span class="hide-if-no-js" id="charcount">
280
</span>
<textarea id="tweet_body"></textarea>
</div>
<p id="share_links">
Share with
<a href="https://twitter.com/intent/tweet?text=" id="share_tw" onclick="share('tw');return false" title="Tweet this!">
Twitter
</a>
<a href="https://www.facebook.com/share.php?u=" id="share_fb" onclick="share('fb');return false;" title="Share on Facebook">
Facebook
</a>
</p>
</div>
</div>
<!-- Example bookmarklet. Be sure to rename the link target from "sample-public-front-page.php" to whatever you'll use (probably index.php) -->
<p>
You can drag this link [
<a href="javascript:void(location.href='https://go.soton.ac.uk/public.php?format=simple&action=shorturl&url='+escape(location.href))">
Shorten Southampton link
</a>
] to your bookmarks folder and click on it to automatically shorten the page you are on.
</p>
</div>
<div id="footer">
<p>
Powered by
<a href="http://yourls.org/" title="YOURLS">
YOURLS
</a>
v1.9.2
</p>
</div>
</body>
</html>