Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
72 lines (70 sloc) 3.67 KB
<!DOCTYPE html>
<meta charset="utf-8" />
<title>Long-S Tranſlator</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="Tranſlates modern engliſh into vintage engliſh uſing ligatures, traditional ſpellings, and the long s" />
<link rel="canonical" href="" />
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="lib/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="longs.css?v=3" rel="stylesheet" type="text/css" media="all" />
<body class="design {% block body_class %}{% endblock %}">
<a href=""><img style="position: absolute; top: 0; right: 0; border: 0;" src="" alt="Fork me on GitHub"></a>
<div class="container">
<div class="row">
<div class="span6">
<h1><small>VINTAGE ENGLISH</small><br />LONG S TRANSLATOR</h1>
<p>The <a href="">Long S</a> is the claſſieſt repreſentation of the letter s at the beginning and middle of a word (with ſome exceptions). While common in print until the end of the 18th century, the long s has ſeen a recent reſurgence amongſt hipſters ſeeking greater authenticity in their engliſh orthography and typography.</p>
<div class="howitworks span6">
<br /><br />
<h2>How It Works</h2>
<p>Long S: success → <u>ſ</u>ucce<u>ſ</u>s</p>
<p>Ligatures: insufflate → in<u>ſ</u>ufflate → inſu<u>ffl</u>ate</p>
<p>Spelling: estrogen → oestrogen → oeſtrogen → œſtrogen</p>
<!-- <p>Middle Engliſh: you shall not pass! → thou ſhan't paſs!</p> -->
</div> <!-- /row -->
<div class="row">
<div class="span6">
<h2>Input Text</h2>
<textarea id="intext"></textarea>
</div> <!-- /span6 -->
<div class="span6">
<h2>Tranſlated Text</h2>
<textarea id="outtext"></textarea>
</div> <!-- /span6 -->
</div> <!-- /row -->
<div class="row">
<div class="span12">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
<script type="text/javascript" src=""></script>
<!-- AddThis Button END -->
</div> <!-- /container -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-30978469-1']);
_gaq.push(['_setDomainName', '']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
<script src="lib/jquery-1.7.2.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<script src="vintage.min.js?v=2"></script>
<script src="longs.min.js?v=2"></script>