cued-speech/index.html at main · ejt7508/cued-speech · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CueBot Home</title>

    <link rel="stylesheet" href="assets/css/index.css">

    <!-- Font -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap" rel="stylesheet">

    <!-- Icons -->
    <script src="https://kit.fontawesome.com/64824a9b49.js" crossorigin="anonymous"></script>
</head>
<body>
    <header>
        <a href="index.html" class="home-link">
            Cued Speech Transliterator
        </a>
        <nav>
            <ul>
                <!--
                <li class="top-level">
                    <div><a href="learn.html">Learn</a></div>
                </li>-->
                <li class="top-level">
                    <div><a href="CueBot.html">CueBot</a></div>
                </li>
            </ul>
        </nav>
    </header>
    <div class="hero-image">
        <div class="hero-text">
            <h1>Cued Speech</h1>
            <p>Learn about the Cued Speech system for American English and its importance in the deaf community.</p>
        </div>
    </div>
    <main>
        <h2>What is Cued Speech?</h2>
        <p>
            Cued Speech is a method of communication which visually represents spoken language using the hands and face.
            In other words, each sound in the English language can be conveyed using a specific hand shape and location
            on the face. Verbal speech is not actually required, as mouth movements can be used instead. There are separate
            systems for different languages and dialects, but this platform focuses on American English.
        </p>
        <p>
            Cued Speech is a system, not a language. It is not a replacement of American Sign Language (ASL),
            but rather an additional communication option for deaf/hard-of-hearing individuals. In fact,
            both ASL and English in the form of Cued Speech can be learned as two separate languages.
        </p>

        <h2>Why Use Cued Speech?</h2>
        <div class="container">
            <div class="info">
                <h3>Literacy</h3>
                <p>
                    Many deaf adults struggle with reading and writing. Cued Speech provides full visual access to the
                    vocabulary, grammar, and structure of English.
                </p>
            </div>
            <div class="info">
                <h3>Understanding</h3>
                <p>
                    Since many sounds in the English language have the same mouth movement, relying on lipreading can
                    be a challenge. Cued Speech alleviates this by adding a visual cue to each sound.
                </p>
            </div>
             <div class="info">
                <h3>Access</h3>
                <p>
                    Since 90% of deaf children are born to hearing parents, early communication comes with many barriers.
                    Cued Speech can be learned in a short period of time, which helps prevent language deprivation.
                </p>
            </div>
        </div>

        <h2>How To Learn</h2>
        <div class="learn">
            <!--
            <div>
                <img src="cue-chart.jpg" alt="Cued Speech Chart">
                <p>Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum</p>
                <a href="learn.html">Learn</a>
            </div>
        -->
            <div>
                <img src="assets/images/cue_form.png" alt="Cued Speech Form">
                <p>Type any word or sentence to see how it would be transliterated into Cued Speech!</p>
                <a href="CueBot.html">CueBot</a>
            </div>
        </div>

        <h2>Additional Resources</h2>
        <div class="resources">
            <a href="https://cuedspeech.org/" target="_blank"><img src="assets/images/ncsa.png" alt="National Cued Speech Association Logo"></a>
            <a href="https://cuecollege.org/" target="_blank"><img src="assets/images/cuecollege.png" alt="Cue College Logo"></a>
            <!--<a href="resources.html"><h2>More</h2></a>-->
        </div>
    </main>
    <footer>
        <div class="icons">
            <a href="mailto:ejt7508@rit.edu"><i class="fa-regular fa-envelope"></i></a>
            <a href="https://github.com/ejt7508/cued-speech" target="_blank"><i class="fa-brands fa-github"></i></a>
        </div>
        <p>Copyright &copy; 2026 Elaina Trapatsos</p>
    </footer>
</body>
</html>