This repository has been archived by the owner on Jun 6, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathbase.html
77 lines (69 loc) · 2.95 KB
/
base.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
72
73
74
75
76
77
<!doctype html>
<html>
<head>
<title>Soft Hyphenator - Online text hyphenation</title>
<link rel="stylesheet" href="css/style.css" />
<meta name="description" content="Free online hyphenation of HTML content using soft hyphens" />
<link rel="canonical" href="http://softhyphen.com/" />
<link rel="shortcut" href="/favicon.png" />
</head>
<body>
<h1><a href="/">Soft Hyphenator</a></h1>
<div id="container">
<form method="post" action="/hyphenate">
<textarea name="content" id="content" rows="20" cols="80">{{ content|escape }}</textarea>
<div>
<select name="lang" id="lang">
<option value="{{ lang|escape }}" selected>{{ lang_name|default:lang|escape }}</option>
{% for language in languages %}
<option value="{{ language.0|escape }}">{{ language.1|escape }}</option>
{% endfor %}
</select>
<input type="submit" name="hyphenate" value="Hyphenate" />
</div>
</form>
{% if output %}
<div id="output">
<textarea readonly rows="20" cols="80">{{ output|escape }}</textarea>
</div>
{% else %}
<div id="instructions">
<h3>Instructions</h3>
<ol>
<li>Paste your HTML into the text box on the left.</li>
<li>Choose the primary language of the text.</li>
<li>Hyphenate!</li>
</ol>
<h3>What is a soft hyphen?</h3>
<p>A soft-hyphen (<code>&shy;</code>) is a special character that indicates that a word can be broken up with a hyphen, if need be. This is useful for justification.</p>
<h3>Browser support</h3>
<ul>
<li>Internet Explorer 5.5 and later</li>
<li>Firefox 3.0 and later</li>
<li>Safari 3.0 and later</li>
<li>Chrome 1.0 and later</li>
<li>Opera 9.6 and later</li>
</ul>
</div>
{% endif %}
<div id="demo">
<h2>Sample</h2>
<table>
<tr>
<th>Un-hyphenated</th>
<th>Soft-Hyphenated</th>
</tr>
<tr>
<td>
<p>All are equal before the law and are entitled without any discrimination to equal protection of the law. All are entitled to equal protection against any discrimination in violation of this Declaration and against any incitement to such discrimination.</p>
</td>
<td>
<p>All are equal be­fore the law and are en­titled without any dis­crim­in­a­tion to equal pro­tec­tion of the law. All are en­titled to equal pro­tec­tion against any dis­crim­in­a­tion in vi­ol­a­tion of this De­clar­a­tion and against any in­cite­ment to such dis­crim­in­a­tion.</p>
</td>
</tr>
</table>
</div>
</div>
<p id="footer">HTML Hyphenator by <a href="http://www.fortes.com/">Filipe Fortes</a></p>
</body>
</html>