CINXE.COM
tiny.ucsf.edu home
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Tiny url filtering service for UCSF"> <meta name="author" content="Anesthesia IT (AIT)"> <link rel="icon" href="favicon.ico"> <title>tiny.ucsf.edu home</title> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/jquery.datetimepicker.css" rel="stylesheet"> </head> <body> <div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Tiny</a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="about.php">About</a></li> <li><a href="faq.php">FAQ</a></li> <li><a href="tos.php">Terms of service</a></li> </ul> </div> </div> </div> <div class="jumbotron" style=" text-align: center "> <img height="200" src="images/tiny-logo.svg" alt="Tiny logo"> <div class="container"> <form id="formOne" name="formOne"> <div class="row"> <div class="col-xs-6 col-lg-offset-3"> <div class="input-group"> <input id="target" name="target" type="text" class="form-control" style="min-width: 180px" placeholder="URL to shorten…"> <span class="input-group-btn"> <button id="tinybtn" name="tinybtn" type="button" class="btn btn-primary">TINY!</button> </span> </div> <div class="input-group"> <input id="custurl" name="custurl" type="text" class="form-control" style="min-width: 180px" placeholder="Optional custom alias…"> </div> </div> </div> </form> </div> <div id="formOneResults"></div> </div> <div class="container"> <div class="row"> <div class="col-md-4"> <h2>What is this?</h2> <p>Tiny is a URL shortner similiar to bit.ly but specific to UCSF domains</p> <p>With tiny.ucsf you can go from this:</p> <p>https://www.ucsf.edu/news/2023/08/426011/how-best-manage-mental-health-and-pain-long-term-diagnosis</p> <p> To this:</p> <p><a href="https://tiny.ucsf.edu/b8iDue" target="_blank">https://tiny.ucsf.edu/b8iDue</a></p> </div> <div class="col-md-4"> <h2>Who can use this?</h2> <p>Tiny is open to anyone that would like to shorten a UCSF domain or affiliate* website.</p> <p>Unlike some commercial offerings, tiny.ucsf.edu is completely run and maintained in-house. We felt this was important because in the event of a commercial provider going out of business, your short URL would be lost. To learn about our policies and procedures, and FAQ click the button below.</p> <p><a class="btn btn-default" href="faq.php" role="button">View details »</a></p> </div> <div class="col-md-4"> <h2>Who can help me!?</h2> <p>Tiny is run by the UCSF IT Web Services. For technical support please submit a ticket at <a href="http://help.ucsf.edu/ess" target="_blank">help.ucsf.edu</a> </p> </div> </div> <div id="placeholder"></div> <hr> <footer> <p>© 2023 UCSF IT Web Services</p> </footer> </div> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/jquery.js"></script> <script src="js/jquery.datetimepicker.js"></script> <script src="js/bootstrap.min.js"></script> <script> //Ajax function (function () { var formOne = function () { var formData = $("#formOne").serialize(); $.ajax({ url: 'create.php', data: formData, type: 'post', complete: function (output) { $('#formOneResults').html(output.responseText); } }); }; $(document).ready(function () { $("#tinybtn").on("click", function (e) { e.preventDefault(); formOne(); }); }); }()); </script> </body> </html>