/
index.html
71 lines (70 loc) · 3.67 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html>
<head>
<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="http://long-s.org/" />
<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" />
</head>
<body class="design {% block body_class %}{% endblock %}">
<a href="http://github.com/jart/long-s.org"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/assets.github.com/img/e6bef7a091f5f3138b8cd40bc3e114258dd68ddf/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" 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="http://en.wikipedia.org/wiki/Long_s">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>
<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>
</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>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f3871aa2b611a75"></script>
<!-- AddThis Button END -->
</div>
</div>
</div> <!-- /container -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-30978469-1']);
_gaq.push(['_setDomainName', 'long-s.org']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<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>
</body>
</html>