letterly.github.io/lingua.html at main · Juanpabl/letterly.github.io · 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
<html>
    <head>
        <title>Lingua Website</title>
        <meta charset="utf-8">
        <link rel="shortcut icon" href="favicon.ico?">
        <link rel="stylesheet" href="lingua.css">
        <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap" rel="stylesheet">
        <script src="linguadata.js"></script>
        <script src="lingua.js"></script>
    </head>
    <body>
        <div id="langselect">
            <h1>Welcome to my language learning platform</h1>
            <p>Choose your course</p>
            <div class="course" onclick="langreveal('sv=>ovd')">Elfdalska för svensktalande</div>
            <div class="course" onclick="langreveal('es=>an')">Aragonés para hablantes de español</div>
            <div class="course" onclick="langreveal('pt=>mwl')">Mirandês para falantes de português</div>
        </div>
        <div id="background">
            <h1 id="languagename">Övdalską</h1>
            <p id="sum">Our Elfdalian language has survived for a thousand years, but now outside modern influences threaten to assimilate our river valley into the mainstream Swedish language. The situation of Elfdalian is dire compared to most languages in the world, but not all hope is lost! With the use of technology, our new generation can redeem the Elfdalian language and bring it to new heights. Come, learn the tongue of your ancestors, and help preserve it for the future.</p>
            <div id="lessonlist">
                <h2 onclick="lessonStart(0)">1) Introduction</h2>
                <h2 onclick="lessonStart(1)">2) Food</h2>
                <h2 onclick="lessonStart(2)">3) Questions</h2>
                <h2 onclick="lessonStart(3)">4) Places</h2>
            </div>
        </div>
        <div id="workspace">
            <h1 id="problemHeader">Kall [m]</h1>
            <p id="problem">Meaning: mann</p>
            <table id="table">
                <tr>
                    <td id="table1s">ig ir</td>
                    <td id="table1p">wįð irum</td>
                </tr>
                <tr>
                    <td id="table2s">du ir</td>
                    <td id="table2p">ið irið</td>
                </tr>
                <tr>
                    <td id="table3s">an/ą̊ ir</td>
                    <td id="table3p">dier irå</td>
                </tr>
            </table>
            <input id="problemInput" placeholder="type here..." spellcheck="false"/>
            <br>
            <br>
            <button id="submitButton" onclick="submit()">Submit</button>
            <br>
            <br>
            <button id="problemButton" onclick="nextProblem()">Continue</button>
        </div>
    </body>
</html>