-
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
145 lines (134 loc) · 6.3 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sutton SignWriting</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="written sign language tools for user interface and searching">
<meta name="author" content="Stephen E Slevinski Jr">
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="include/vendor/bootstrap.sub.css" />
<link rel="stylesheet" type="text/css" href="assets/SuttonSignWriting.css" />
<link rel="stylesheet" type="text/css" href="include/common.css" />
<script src="assets/SuttonSignWriting.js"></script>
</head>
<body>
<div class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand active" href="index.html"><img src="assets/ssw_icon.svg"> Sutton SignWriting v2</a>
</div>
<div class="navbar-text navbar-right">
<a class="navbar-link" style="padding-left:30px;" href="guide.html">Guide</a>
<a class="navbar-link" style="padding-left:30px;" href="characters/index.html">Characters</a>
<a class="navbar-link" style="padding-left:30px;" href="components/index.html">Components</a>
<a class="navbar-link" style="padding-left:30px;" href="draft.html">Internet Draft</a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-6 col-xs-12">
<p class="lead">
The Sutton SignWriting project is designed for the internet community and includes TrueType Fonts, Scalar Vector Graphics, HTML, CSS, and JavaScript Functions.
The Formal SignWriting specification is a faithful encoding of Sutton SignWriting that is documented in an Internet Draft submitted to the IETF.
</p>
<div class="col-md-8 col-sm-12 col-xs-6">
<p><img src="assets/ssw_logo.svg" alt=""></p>
</div>
</div>
<div class="col-sm-6 col-xs-12">
<div class="list-group">
<a href="guide.html" class="list-group-item">
<h4 class="list-group-item-heading">Getting Started</h4>
<p><script>document.write(ssw.svg("M526x527S14c49474x500S10012489x503S2c300500x473S21300475x480"));</script></p>
<p class="list-group-item-text">Introduction to Sutton SignWriting, Formal SignWriting, Character options, TrueType fonts, SVG considerations, and JavaScript libraries.</p>
</a>
<a href="characters/symbols.html" class="list-group-item">
<h4 class="list-group-item-heading">Explore the Symbols</h4>
<p><script>document.write(ssw.svg("AS16d10S16d18S2e500S2e518M528x527S16d10509x474S16d18475x474S2e500505x500S2e518472x499"));</script></p>
<p class="list-group-item-text">View the Sutton SignWriting Symbols in a layered grid and hierarchy.</p>
</a>
<a href="draft.html" class="list-group-item">
<h4 class="list-group-item-heading">Reference the specification</h4>
<p><script>document.write(ssw.svg("AS19a28S19a20S2e742S2e732S2fb00M537x529S19a20509x509S19a28464x509S2fb00492x471S2e742465x481S2e732509x480"));</script></p>
<p class="list-group-item-text">Use the Formal SignWriting Internet Draft to learn more about the specification.</p>
</a>
</div>
</div>
</div>
</div>
<hr>
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12">
<h2>Fonts</h2>
<p>
The Sutton SignWriting TrueType fonts are available for download and installation.
Install instructions available for Windows, Linux, Mac, and iOS.
Other instructions for Android.
</p>
<p>
<a class="btn btn-default" href="components/fonts.html" role="button">View details »</a>
</p>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<h2>Scalar Vector Graphics</h2>
<p>
SVG is used to create the 2-dimensional signs of Sutton SignWriting.
The SVG images can be downloaded from the SignWriting Server or created with a JavaScript function.
</p>
<p>
<a class="btn btn-default" href="components/svg.html" role="button">View details »</a>
</p>
</div>
<div class="clearfix visible-md"></div>
<div class="col-lg-3 col-md-6 col-sm-12">
<h2>HTML and CSS</h2>
HTML elements and CSS declarations are used to properly structure and style Sutton SignWriting.
<p>
</p>
<p>
<a class="btn btn-default" href="components/html.html" role="button">View details »</a>
</p>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<h2>JavaScript</h2>
<p>
The JavaScript libraries leverage the TrueType fonts without additional requirements.
Simply include a Sutton SignWriting JavaScript file in any HTML page to access the functions.
</p>
<p>
<a class="btn btn-default" href="components/js.html" role="button">View details »</a>
</p>
</div>
</div>
<hr>
<footer>
<div class="col-md-6 col-sm-12">
<center>
<p>Sutton SignWriting Fonts<br>
Copyright (c) 1974-2018, Center for Sutton Movement Writing, inc<br>
Licensed under the SIL Open Font License v1.1</p>
</center>
</div>
<div class="col-md-6 col-sm-12">
<center>
<p>Sutton SignWriting JavaScript Libraries<br>
Copyright (c) 2007-2019, Steve Slevinski<br>
Licensed under the MIT License</p>
</center>
</div>
<div class="col-sm-12">
<hr><br>
<center>
<p>The Sutton SignWriting Project by <a href="https://SteveSlevinski.me">Steve Slevinski</a> is available for
<a href="https://github.com/Slevinski/SuttonSignWriting/archive/master.zip">download</a> from the
<a href="https://github.com/Slevinski/SuttonSignWriting/">GitHub Repo.</a></p>
<p>Support future SignWriting developments on <a href="https://www.patreon.com/signwriting">Patreon</a>.</p>
</center>
</div>
</footer>
</div> <!-- /container -->
</body>
</html>