-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
61 lines (56 loc) · 2.08 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
<!DOCTYPE html>
<head>
<title>kawaba</title>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="hovertranslate.css" />
<script src="main.js"></script>
<script src="hovertranslate.js"></script>
<link rel="icon" type="image/x-icon" href="favicon.png">
</head>
<body>
<header>
<div class="dropdown">
<div class="dropbtn" onclick="dropdownClick(this)">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
<div id="myDropdown" class="dropdown-content">
<a href="index.html">Home</a>
<a href="pages/table.html">Roots</a>
<a href="pages/Lesson1.html">Lesson 1</a>
<a href="pages/Lesson2.html">Lesson 2</a>
<a href="pages/Lesson3.html">Lesson 3</a>
<a href="pages/Lesson4.html">Lesson 4</a>
</div>
</div>
<h1>kawaba</h1>
<img class="tricon" src="favicon.png" alt="">
</header>
<div id="content">
<h2>Home</h2>
<p>
<span class="tlt">{★ |hello!} {kin|sun} {pe!|good}</span>
</p>
<p>
Welcome to this short course on the constructed language, kawaba!
</p>
<p>
<span class="tlt">{★ |language of parts} {ka|kind of} {wa|speak} {ba|part}</span> is the language of parts!
It uses only 120 single syllable root words that cannot be defined more simply to convey all ideas through their
most fundamental parts. Its roots are
based on the concept of semantic primes, the building blocks of meaning in all languages.
</p>
<p>
<span class="tlt">{★ |kawaba is fun!} {ka|kind of} {wa|speak} {ba |part } {pe |good } {na! |emphasis marker}</span></span>
</p>
<p>
Words and sentences in kawaba will be written as above. You can hover over each individual
word or element to see the translation, or over the ★ for a full translation.
</p>
<p>
<span class="tlt">{★ |have fun learning!} {bu|recieve} {'ogi|know} {pe!|good}</span>
</p>
<button id="startbutton" onclick="getStarted()">get started!</button>
</div>
</body>