This commit is contained in:
tess 2022-05-28 12:31:42 +02:00
commit 88acd9ef3f
20 changed files with 2091 additions and 0 deletions

50
0.html Normal file
View File

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>~sounds (lesson 0)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body>
<h1 class="title">lesson 0 - <span style="vertical-align:-50%" class=title-emphasis>sounds</span></h1>
<div class=box>
<p>toki pona has 14 letters in its alphabet:</p>
<p>a e i k j l m n o p s t u w</p>
<p>all the letters are pronounced like in the IPA. because of the small amount of letters, it's okay if your pronounciation isn't exactly identical to the IPA</p>
<p>for example /dogi bona/ and /toki pona/ are both valid pronounciations of *toki pona*</p>
</div>
<h2 class="title box-title">general guide to pronounciation</h2>
<h3 class="title box-title" style="margin-top:0px;">vowels</h3>
<div class=box>
<p>a - like a in father</p>
<p>e - like e in let</p>
<p>i - like ee in bee</p>
<p>o - like o in on</p>
<p>u - like oo in soon</p>
</div>
<h3 class="title box-title">consonants</h3>
<div class=box>
<p>most of the consonants are just like english, except j.</p>
<p>j is pronounced like y in english yellow</p>
</div>
<h3 class="title box-title">stress</h3>
<div class=box>
<p>you always stress the first syllable of every word.</p>
</div>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link href="./">󱤪 index 󱤪</a>
<a class=link style="float:right;" href=1>󱥩 next</a>
</div>
<script src="../assets/script.js"></script>
</body>
</html>

36
1/answers.html Normal file
View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<title>~answers (lesson 1)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
</head>
<body style="padding-bottom:400px;">
<h1 class="title">lesson 1 - <span style="vertical-align:-50%" class=title-emphasis>answers</span></h1>
<h3 class="title box-title" style="margin-top:0px">translate from toki pona to english</h3>
<div class=box>
<p>i'm cute</p>
<p>you're good</p>
<p>hello! i'm new</p>
</div>
<h3 class="title box-title">translate from english to toki pona</h3>
<div class=box>
<p>mi toki</p>
<p>mi sina</p>
</div>
<h3 class="box-title title"><a href="./">back to lesson</a></h2>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../2/answers>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
</body>
</html>

94
1/index.html Normal file
View File

@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<title>~me & you (lesson 1)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
<h1 class="title">lesson 1 - <span style="vertical-align:-50%" class=title-emphasis>me and you</span></h1>
<h2 class="title box-title">vocab</h2>
<div class="box">
<p>󱤴 mi - first-person pronoun (i, me, we, us)</p>
<p>󱥞 sina - second-person pronoun (you)</p>
<p>󱥦 suwi - sweet, fragrant; cute, innocent, adorable</p>
<p>󱥝 sin - new, fresh; additional, another, extra</p>
<p>󱥬 toki - communicate, say, speak, talk, use language, think; hello</p>
<p>󱥔 pona - good, positive, useful; friendly, peaceful; simple</p>
</div>
<h2 class="title box-title">lesson</h2>
<h3 class="title box-title sub-title">~ sentences with mi or sina</h3>
<div class="box box-top">
<p>the most basic sentence structure in toki pona:</p>
<p><span class=subject>mi/sina</span> <span class=predicate>predicate</span></p>
<p>mi/sina is the subject of this sentence - the one who is doing or being</p>
<p>the predicate is what the subject is doing or being</p>
</div>
<h3 class="title box-title sub-title">~ notes</h3>
<div class="box-top box">
<p>in toki pona, you don't capitalize the starts of sentences.</p>
</div>
<div class="box box-top">
<p>toki pona has no built-in tense or number.</p>
</div>
<h3 class="title box-title sub-title">~ examples</h3>
<div class=box>
<p><span class=sentence><span class=subject>sina</span> <span class=predicate>suwi</span></span> - <span class=subject>you</span> <span class=predicate>are cute</span></p>
<p><span class=sentence><span class=subject>mi</span> <span class=predicate>toki</span></span> - <span class=subject>i/we</span> <span class=predicate>talk/talked/are talking/are gonna talk</span></p>
</div>
<h2 class="title box-title">exercises</h2>
<h3 class="title box-title sub-title">~ translate from toki pona to english</h3>
<div class="box box-top">
<p><span class=sentence>mi suwi</span>
<span class="hide answers">
- <span class="zelda misuwi" onclick="toggleTextClass('misuwi')">answer</span>
<span class="zelda misuwi hide" onclick="toggleTextClass('misuwi')">i'm cute</span></p>
</span>
<p><span class=sentence>sina pona</span>
<span class="hide answers">
- <span class="zelda sinapona" onclick="toggleTextClass('sinapona')">answer</span>
<span class="hide zelda sinapona" onclick="toggleTextClass('sinapona')">you're good</span></p>
</span>
<p><span class=sentence>toki! mi sin </span>
<span class="hide answers">
- <span class="zelda tokimisin" onclick="toggleTextClass('tokimisin')">answer</span>
<span class="hide zelda tokimisin" onclick="toggleTextClass('tokimisin')">hi! i'm new</span></p>
</span>
</div>
<h3 class="title box-title sub-title">~ translate from english to toki pona</h3>
<div class="box-top box">
<p><span class=sentence>we're talking</span>
<span class="hide answers">
- <span class="zelda weretalking" onclick="toggleTextClass('weretalking')">answer</span>
<span class="zelda weretalking hide" onclick="toggleTextClass('weretalking')">mi toki</span>
</span>
<p><span class=sentence>i'm you</span>
<span class="hide answers">
- <span class="zelda imyou" onclick="toggleTextClass('imyou')">answer</span>
<span class="zelda imyou hide" onclick="toggleTextClass('imyou')">mi sina</span>
</span>
</div>
<h3 class="box-title title sub-title"><a href="answers">~ answers page</a></h3>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link style="float:left;" href=../0>prev 󱤖</a>
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../2>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
</body>
</html>

137
10/index.html Normal file
View File

@ -0,0 +1,137 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<title>a! (lesson 10)</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
<h1 class="title">lesson 10 - <span style="vertical-align:-50%" class=title-emphasis>a!</span></h1>
<h2 class="title box-title">vocab</h2>
<div class="box box-top">
<p>󱤤 lawa - head, mind; to control, direct, guide, lead, own, plan, regulate, rule</p>
<p>󱤟 kulupu - community, company, group, nation, society, tribe</p>
<p>󱤾 nasa - unusual, strange; silly; drunk, intoxicated</p>
<p>󱥾 tonsi - non-binary, gender-non-conforming</p>
</div>
<h3 class="title box-title sub-title">~ particle</h3>
<div class=box>
<p>󱤀 a - (emphasis, emotion, or confirmation)</p>
</div>
<h2 class="title box-title">lesson</h2>
<h3 class="title box-title sub-title">~ a!</h3>
<div class="box box-top">
<p>a is an emotion particle! you can put it after a word to intensify the word, put it after a sentence to intensify the sentence</p>
<p>put it on its own to indicate something like <em>ah</em>, <em>oh!</em>, or some other emotion sound</p>
<p>often more than three a's indicates laughter</p>
</div>
<h3 class="title box-title sub-title">~ examples</h3>
<div class=box>
<p><span class=sentence>a a a</span> - hahaha</p>
<p><span class=sentence>a, sina sona pona</span> - ah, you know well</p>
</div>
<h2 class="title box-title">exercises</h2>
<h3 class="title box-title sub-title">~ repetition</h3>
<div class="box box-top">
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 1a" onclick="toggleTextClass('1a')">answer</span>
<span class="hide zelda 1a" onclick="toggleTextClass('1a')"></span></span>
</p>
<p><span class=sentence></span>
<span class="answers hide">
- <span class="zelda 1b" onclick="toggleTextClass('1b')">answer</span>
<span class="hide zelda 1b" onclick="toggleTextClass('1b')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 1c" onclick="toggleTextClass('1c')">answer</span>
<span class="hide zelda 1c" onclick="toggleTextClass('1c')"></span>
</span>
</p>
</div>
<h3 class="title box-title sub-title">~ translate from toki pona to english</h3>
<div class="box box-top">
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 2a" onclick="toggleTextClass('2a')">answer</span>
<span class="hide zelda 2a" onclick="toggleTextClass('2a')"></span></span>
</p>
<p><span class=sentence></span>
<span class="answers hide">
- <span class="zelda 2b" onclick="toggleTextClass('2b')">answer</span>
<span class="hide zelda 2b" onclick="toggleTextClass('2b')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 2c" onclick="toggleTextClass('2c')">answer</span>
<span class="hide zelda 2c" onclick="toggleTextClass('2c')"></span>
</span>
</p>
<p><span class="sentence"></span>
<span class="hide answers">
- <span class="zelda 2d" onclick="toggleTextClass('2d')">answer</span>
<span class="hide zelda 2d" onclick="toggleTextClass('2d')"></span>
</span>
</p>
</div>
<h3 class="title box-title sub-title">~ translate from english to toki pona</h3>
<div class="box box-top">
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 3a" onclick="toggleTextClass('3a')">answer</span>
<span class="hide zelda 3a" onclick="toggleTextClass('3a')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 3b" onclick="toggleTextClass('3b')">answer</span>
<span class="hide zelda 3b" onclick="toggleTextClass('3b')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 3c" onclick="toggleTextClass('3c')">answer</span>
<span class="hide zelda 3c" onclick="toggleTextClass('3c')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 3d" onclick="toggleTextClass('3d')">answer</span>
<span class="hide zelda 3d" onclick="toggleTextClass('3d')"></span>
</span>
</p>
</p>
</div>
<h3 class="box-title title sub-title"><a href="answers">~ answers page</a></h3>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link style="float:left;" href=../9>prev 󱤖</a>
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../11>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
</body>
</html>

170
11/index.html Normal file
View File

@ -0,0 +1,170 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<title>questions? (lesson 11)</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
<h1 class="title">lesson 11 - <span style="vertical-align:-50%" class=title-emphasis>questions?</span></h1>
<h2 class="title box-title">vocab</h2>
<div class="box box-top">
<p>󱤺 mun - moon, night sky object, star</p>
<p>󱤆 ante - different, altered, changed, other</p>
<p>󱥠 sitelen - image, picture, representation, symbol, mark, writing</p>
<p>󱥓 poki - container, bag, bowl, box, cup, cupboard, drawer, vessel</p>
<p>󱥈 pakala - botched, broken, damaged, harmed, messed up</p>
<p>󱤓 jo - to have, carry, contain, hold</p>
<p>󱥥 supa - horizontal surface, thing to put or rest something on</p>
</div>
<h3 class="title box-title sub-title">~ question word</h3>
<div class="box box-top">
<p>󱥙 seme - (indicates missing information in a question)</p>
</div>
<h3 class="title box-title sub-title">~ notes</h3>
<div class=box>
<p>jo is not the same as english's general to have</p>
<p>i have a lot of work != mi jo e pali mute</p>
<p>i have a lot of work = mi wile pali mute</p>
</div>
<h2 class="title box-title">lesson</h2>
<div class="box box-top">
<p>there are two ways to ask yes/no questions, and one way to ask an open-ended one</p>
</div>
<h3 class="title box-title sub-title">~ verb ala verb</h3>
<div class="box box-top">
<p>to ask yes or no questions, you repeat the first word in the predicate or preverb by saying <em>word ala word</em></p>
<p>to answer a question like this you repeat the word for yes, and say ala or word ala for no.</p>
<p><span class=sentence>sina wile ala wile pali?</span> - do you want to work?<br>
<span class=sentence>wile</span> / <span class=sentence>ala</span> - yes / no</p>
<p><span class=sentence>jan ni li suwi ala suwi tawa sina?</span> - is this person cute in your opinion?<br>
<span class=sentence>suwi</span> / <span class=sentence>suwi ala</span> - yes / no</p>
</div>
<h3 class="title box-title sub-title">~ anu seme?</h3>
<div class="box box-top">
<p>you can also form yes/no questions by appending "anu seme?" to the end. (lesson 12 will cover the word anu)</p>
<p>they are answered the same way as <em>verb ala verb</em> questions, by either repeating the word, or saying ala.</p>
<p>if you're unsure of which word to repeat, you could also just say a sentence</p>
<p><span class=sentence>sina moku anu seme?</span> - do you eat?<br>
<span class=sentence>moku</span> / <span class=sentence>ala</span> - yes / no</p>
<p><span class=sentence>ona li jan poka sina anu seme?</span> - are they your friend?<br>
<span class=sentence>ona li jan poka mi</span> - they are my friend</p>
</div>
<h3 class="title box-title sub-title">~ open-ended questions</h3>
<div class=box>
<p>open-ended questions are formed by making a normal sentence and putting the word <em>seme</em> where the missing information would go.</p>
<p>if you have phrased the question correctly, the responder should be able to replace the word seme with the answer.</p>
<p><span class=sentence>sina seme?</span> - what are you doing? / who are you?<br>
<span class=sentence>mi pakala e ijo / mi soweli Tesa</span> - i break things / i'm tess</p>
<p><span class=sentence>seme li lon supa?</span> - what's on the table?<br>
<span class=sentence>len jaki</span> - dirty clothes</p>
<p><span class=sentence>soweli Sijala li lon seme?</span> - where is tiara?<br>
<span class=sentence>ona li lon insa pi poki kala!</span> - she is inside the aquarium!</p>
</div>
<h2 class="title box-title">exercises</h2>
<h3 class="title box-title sub-title">~ repetition</h3>
<div class="box box-top">
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 1a" onclick="toggleTextClass('1a')">answer</span>
<span class="hide zelda 1a" onclick="toggleTextClass('1a')"></span></span>
</p>
<p><span class=sentence></span>
<span class="answers hide">
- <span class="zelda 1b" onclick="toggleTextClass('1b')">answer</span>
<span class="hide zelda 1b" onclick="toggleTextClass('1b')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 1c" onclick="toggleTextClass('1c')">answer</span>
<span class="hide zelda 1c" onclick="toggleTextClass('1c')"></span>
</span>
</p>
</div>
<h3 class="title box-title sub-title">~ translate from toki pona to english</h3>
<div class="box box-top">
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 2a" onclick="toggleTextClass('2a')">answer</span>
<span class="hide zelda 2a" onclick="toggleTextClass('2a')"></span></span>
</p>
<p><span class=sentence></span>
<span class="answers hide">
- <span class="zelda 2b" onclick="toggleTextClass('2b')">answer</span>
<span class="hide zelda 2b" onclick="toggleTextClass('2b')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 2c" onclick="toggleTextClass('2c')">answer</span>
<span class="hide zelda 2c" onclick="toggleTextClass('2c')"></span>
</span>
</p>
<p><span class="sentence"></span>
<span class="hide answers">
- <span class="zelda 2d" onclick="toggleTextClass('2d')">answer</span>
<span class="hide zelda 2d" onclick="toggleTextClass('2d')"></span>
</span>
</p>
</div>
<h3 class="title box-title sub-title">~ translate from english to toki pona</h3>
<div class="box box-top">
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 3a" onclick="toggleTextClass('3a')">answer</span>
<span class="hide zelda 3a" onclick="toggleTextClass('3a')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 3b" onclick="toggleTextClass('3b')">answer</span>
<span class="hide zelda 3b" onclick="toggleTextClass('3b')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 3c" onclick="toggleTextClass('3c')">answer</span>
<span class="hide zelda 3c" onclick="toggleTextClass('3c')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 3d" onclick="toggleTextClass('3d')">answer</span>
<span class="hide zelda 3d" onclick="toggleTextClass('3d')"></span>
</span>
</p>
</p>
</div>
<h3 class="box-title title sub-title"><a href="answers">~ answers page</a></h3>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link style="float:left;" href=../10>prev 󱤖</a>
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../12>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
</body>
</html>

37
2/answers.html Normal file
View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<title>~answers (lesson 2)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
</head>
<body style="padding-bottom:400px;">
<h1 class="title">lesson 2 - <span style="vertical-align:-50%" class=title-emphasis>answers</span></h1>
<h3 class="title box-title" style="margin-top:0px">translate from toki pona to english</h3>
<div class=box>
<p>they're a bird</p>
<p>people are playing</p>
</div>
<h3 class="title box-title">translate from english to toki pona</h3>
<div class=box>
<p>ike li ike</p>
<p>suwi li pona</p>
<p>musi li pona</p>
</div>
<h3 class="box-title title"><a href="./">back to lesson</a></h2>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link style="float:left;" href=../1/answers>prev 󱤖</a>
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../3/answers>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
</body>
</html>

90
2/index.html Normal file
View File

@ -0,0 +1,90 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<title>~li (lesson 2)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
<h1 class="title">lesson 2 - <span style="vertical-align:-50%" class=title-emphasis>the particle li</span></h1>
<h2 class="title box-title">vocab</h2>
<div class="box box-top">
<p>󱥆 ona - third-person pronoun (he/she/it/they)</p>
<p>󱤻 musi - artistic, entertaining, frivolous, playful, recreation</p>
<p>󱤑 jan - human being, person</p>
<p>󱤍 ike - bad, negative; non-essential, irrelevant</p>
<p>󱥢 soweli - animal, beast, land mammal</p>
<p>󱥴 waso - bird, flying creature, winged animal</p>
</div>
<h3 class="title box-title sub-title">~ particle</h3>
<div class="box sub-box">
<p>󱤧 li - marks the predicate</p>
</div>
<h2 class="title box-title">lesson</h2>
<h3 class="title box-title sub-title">~ sentences without mi or sina</h3>
<div class="box box-top">
<p>we covered sentences with only mi or sina as the subject, but for sentences with any other word as the subject, it's different</p>
<p>in this case, you use the particle li to introduce the predicate:
<p><span class=subject>subject</span> li <span class=predicate>predicate</span></p>
</div>
<h3 class="title box-title sub-title">~ examples</h3>
<div class=box>
<p><span class=sentence><span class=subject>ona</span> li <span class=predicate>suwi</span></span> - <span class=subject>they</span> <span class=predicate>are cute</span></p>
<p><span class=sentence><span class=subject>waso</span> li <span class=predicate>waso</span> - <span class=subject>birds</span> <span class=predicate>are birds</span></p>
</div>
<h2 class="title box-title">exercises</h2>
<h3 class="title box-title sub-title">~ translate from toki pona to english</h3>
<div class="box box-top">
<p><span class=sentence>ona li waso</span>
<span class="hide answers">
- <span class="zelda onaliwaso" onclick="toggleTextClass('onaliwaso')">answer</span>
<span class="hide zelda onaliwaso" onclick="toggleTextClass('onaliwaso')">they're a bird</span>
</span></p>
<p><span class=sentence>jan li musi</span>
<span class="hide answers">
- <span class="zelda janlimusi" onclick="toggleTextClass('janlimusi')">answer</span>
<span class="hide zelda janlimusi" onclick="toggleTextClass('janlimusi')">people are playing</span>
</span></p>
</div>
<h3 class="title box-title sub-title">~ translate from english to toki pona</h3>
<div class="box-top box">
<p><span class=sentence>evil is bad</span>
<span class="hide answers">
- <span class="zelda evilisbad" onclick="toggleTextClass('evilisbad')">answer</span>
<span class="hide zelda evilisbad" onclick="toggleTextClass('evilisbad')">ike li ike</span>
</span></p>
<p><span class=sentence>sweets are great</span>
<span class="hide answers">
- <a class="zelda sweets" onclick="toggleTextClass('sweets')">answer</a>
<a class="hide zelda sweets" onclick="toggleTextClass('sweets')">suwi li pona</a>
</span></p>
<p><span class=sentence>i like movies</span>
<span class="hide answers">
- <a class="zelda i" onclick="toggleTextClass('i')">answer</a>
<a class="hide zelda i" onclick="toggleTextClass('i')">musi li pona</a>
</span></p>
</div>
<h3 class="box-title title sub-title"><a href="answers">~ answers page</a></h3>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link style="float:left;" href=../1>prev 󱤖</a>
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../3>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
</body>
</html>

43
3/answers.html Normal file
View File

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<title>~answers (lesson 3)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
</head>
<body style="padding-bottom:400px;">
<h1 class="title">lesson 3 - <span style="vertical-align:-50%" class=title-emphasis>answers</span></h1>
<h3 class="title box-title" style="margin-top:0px">translate from toki pona to english</h3>
<div class=box>
<p>many possibilities</p>
<p>the strong animal is not small</p>
<p>they're a bad person</p>
<p>i don't like when you're away (lit. your absence is bad)</p>
<p>this is not good</p>
</div>
<h3 class="title box-title">translate from english to toki pona</h3>
<div class=box>
<p>soweli lili li suwi mute</p>
<p>waso li ken</p>
<p>jan lili li weka</p>
<p>wawa mi li pona lili</p>
<p>jan mute li toki pona</p>
<p>jan lili weka li musi pona</p>
</div>
<h3 class="box-title title"><a href="./">back to lesson</a></h2>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link style="float:left;" href=../2/answers>prev 󱤖</a>
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../4/answers>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
</body>
</html>

134
3/index.html Normal file
View File

@ -0,0 +1,134 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<title>~modifiers (lesson 3)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
<h1 class="title">lesson 3 - <span style="vertical-align:-50%" class=title-emphasis>modifiers</span></h1>
<h2 class="title box-title">vocab</h2>
<div class=box>
<p>󱤨 lili - little, small, short; few; a bit; young</p>
<p>󱤼 mute - many, a lot, more, much, several, very; quantity</p>
<p>󱤂 ala - no, not, zero; nothing</p>
<p>󱥁 ni - that, this</p>
<p>󱥵 wawa - strong, powerful; confident, sure, energetic, intense</p>
<p>󱥶 weka - absent, away, ignored</p>
<p>󱤘 ken - be allowed to, can, may; possible</p>
</div>
<h2 class="title box-title">lesson</h2>
<h3 class="title box-title sub-title">~ modifiers</h3>
<div class="box box-top">
<p>modifiers go after the word they're modifying</p>
<p><span class=subject>soweli</span> <span class=predicate>lili</span> - <span class=predicate>small</span> <span class=subject>animal</span></p>
<p>to do possessive, you modify the word with a pronoun</p>
<p><span class=subject>soweli</span> <span class=predicate>lili</span> <span class=object>mi</span> - <span class=object>my</span> <span class=predicate>small</span> <span class=subject>animal</span></p>
</div>
<h3 class="title box-title sub-title">~ notes</h3>
<div class=box>
<p>keep in mind that if you modify mi or sina, you need to use li afterwards</p>
<p class=indent><span class=sentence>mi mute li wawa</span> - we are strong</p>
<p>(remember - number rarely needs to be specified, so this could just be "mi wawa" instead)</p>
</div>
<h2 class="title box-title">exercises</h2>
<h3 class="title box-title sub-title">~ translate from toki pona to english</h3>
<div class="box box-top">
<p><span class=sentence>ken mute</span>
<span class="hide answers">
- <span class="zelda ken" onclick="toggleTextClass('ken')">answer</span>
<span class="hide zelda ken" onclick="toggleTextClass('ken')">many possibilities</span></span>
</p>
<p><span class=sentence>soweli wawa li lili ala!</span>
<span class="answers hide">
- <span class="zelda soweli" onclick="toggleTextClass('soweli')">answer</span>
<span class="hide zelda soweli" onclick="toggleTextClass('soweli')">the strong animal is not small!</span>
</span>
</p>
<p><span class=sentence>ona li jan ike</span>
<span class="hide answers">
- <span class="zelda ona" onclick="toggleTextClass('ona')">answer</span>
<span class="hide zelda ona" onclick="toggleTextClass('ona')">they're a bad person</span>
</span>
</p>
<p><span class="sentence">weka sina li ike</span>
<span class="hide answers">
- <span class="zelda weka" onclick="toggleTextClass('weka')">answer</span>
<span class="hide zelda weka" onclick="toggleTextClass('weka')">i don't like when you're away (lit. your absense is bad)</span>
</span>
</p>
<p><span class=sentence>ni li pona ala</span>
<span class="hide answers">
- <span class="zelda ni" onclick="toggleTextClass('ni')">answer</span>
<span class="hide zelda ni" onclick="toggleTextClass('ni')">this is not good</span>
</span>
</p>
</div>
<h3 class="title box-title sub-title">~ translate from english to toki pona</h3>
<div class="box box-top">
<p><span class=sentence>small animals are really cute!</span>
<span class="hide answers">
- <span class="zelda small" onclick="toggleTextClass('small')">answer</span>
<span class="hide zelda small" onclick="toggleTextClass('small')">soweli lili li suwi mute!</span>
</span>
</p>
<p><span class=sentence>bats are capable</span>
<span class="hide answers">
- <span class="zelda bats" onclick="toggleTextClass('bats')">answer</span>
<span class="hide zelda bats" onclick="toggleTextClass('bats')">waso li ken</span>
</span>
</p>
<p><span class=sentence>the children are gone</span>
<span class="hide answers">
- <span class="zelda the" onclick="toggleTextClass('the')">answer</span>
<span class="hide zelda the" onclick="toggleTextClass('the')">jan lili li weka</span>
</span>
</p>
<p><span class=sentence>my strength is okay</span>
<span class="hide answers">
- <span class="zelda my" onclick="toggleTextClass('my')">answer</span>
<span class="hide zelda my" onclick="toggleTextClass('my')">wawa mi li pona lili</span>
</span>
</p>
<p><span class=sentence>lots of people speak toki pona</span>
<span class="hide answers">
- <span class="zelda lots" onclick="toggleTextClass('lots')">answer</span>
<span class="hide zelda lots" onclick="toggleTextClass('lots')">jan mute li toki pona</span>
</span>
</p>
<p><span class=sentence>the children, who are away, are playing nicely</span>
<span class="hide answers">
- <span class="zelda thechildren" onclick="toggleTextClass('thechildren')">answer</span>
<span class="hide zelda thechildren" onclick="toggleTextClass('thechildren')">jan lili weka li musi pona</span>
</span>
</p>
</div>
<h3 class="box-title title sub-title"><a href="answers">~ answers page</a></h3>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link style="float:left;" href=../2>prev 󱤖</a>
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../4>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
</body>
</html>

50
4/answers.html Normal file
View File

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<title>~answers (lesson 3)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
</head>
<body style="padding-bottom:400px;">
<h1 class="title">lesson 3 - <span style="vertical-align:-50%" class=title-emphasis>answers</span></h1>
<h3 class="title box-title">repetition</h3>
<div class=box>
<p>it's very colourful</p>
<p>colourful drinks are tasty</p>
<p>tomo moku ni li pona</p>
<p>jan olin li moku</p>
</div>
<h3 class="title box-title">translate from toki pona to english</h3>
<div class=box>
<p>i love you</p>
<p>an evil person is staring at my food</p>
<p>the confident bird ate a bug that built a house</p>
<p>many workers painted the restaurant</p>
<p>i eat your food again</p>
</div>
<h3 class="title box-title">translate from english to toki pona</h3>
<div class=box>
<p>mi lukin e ni: sina suwi. / sina suwi. mi lukin e ni.</p>
<p>soweli li moku</p>
<p>mi musi e jan pali</p>
<p>olin mi li pona e mi</p>
<p>mi ken e ni: sina moku e moku mi / sina moku e moku mi. mi ken e ni.</p>
</div>
<h3 class="box-title title"><a href="./">back to lesson</a></h2>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link style="float:left;" href=../3/answers>prev 󱤖</a>
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../5/answers>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
</body>
</html>

172
4/index.html Normal file
View File

@ -0,0 +1,172 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<title>~objects (lesson 4)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
<h1 class="title">lesson 4 - <span style="vertical-align:-50%" class=title-emphasis>objects eh?</span></h1>
<h2 class="title box-title">vocab</h2>
<div class="box box-top">
<p>󱤮 lukin - eye; look at, see, examine, observe, read, watch; look for, seek</p>
<p>󱤞 kule - colourful, pigmented, painted</p>
<p>󱥉 pali - do, take action on, work on; build make, prepare</p>
<p>󱥭 tomo - indoor space; building, home, house, room</p>
<p>󱥪 telo - water, liquid, fluid, wet substance; beverage</p>
<p>󱤶 moku - to eat, drink, consume, swallow, ingest</p>
<p>󱥅 olin - love, have compassion for, respect, show affection to</p>
</div>
<h3 class="title box-title sub-title">~ particles</h3>
<div class="box box-top">
<p>󱤉 e - marks the direct object</p>
</div>
<h3 class="title box-title sub-title">~ notes</h3>
<div class="box box-top">
<p>pali is not a general do like in english. every word in toki pona has the act of doing built into it when used as a verb.</p>
<p><span class=sentence>i did this</span> - <span class=sentence>mi ni</span>,<br>
not <span class=sentence>mi pali e ni</span></p>
</div>
<h2 class="title box-title">lesson</h2>
<h3 class="title box-title sub-title">~ direct objects</h3>
<div class="box box-top">
<p>you use the particle e to indicate who is being affected by the subject's action (the predicate)</p>
<p><span class=subject>subject</span> li <span class=predicate>predicate</span> e <span class=object>direct object</span>
<p><span class=sentence><span class=subject>jan</span> li <span class=predicate>pali</span> e <span class=object>tomo</span></span> - <span class=subject>the people</span> <span class=predicate>are building</span> <span class=object>a house</span></p>
</div>
<h3 class="title box-title sub-title">~ complex ideas</h3>
<div class="box box-top">
<p>when you want to express more complex ideas, you should often split it up into several sentences.</p>
<p><span class=sentence>i saw the person who's building the house</span> - <br>mi lukin e jan. ona li pali e tomo.<br> (i saw a person. they were building a house.)</p>
<p>you can also use the word ni to refer to an idea from a previous sentence, or to indicate you will elaborate on an idea in a future sentence. you can also use the word ona similarly, but for words instead of ideas.</p>
</div>
<h3 class="title box-title sub-title">~ note about punctuation</h3>
<div class=box>
<p>toki pona has no defined punctuation. anything is valid</p>
<p>often, when using ni to refer to an idea in the next sentence, people use a colon, but the colon doesn't add any semantic meaning and it would be okay to use a period or a line break or anything else too.</p>
</div>
<h2 class="title box-title">exercises</h2>
<h3 class="title box-title sub-title">~ repetition</h3>
<div class="box box-top">
<p><span class=sentence>ona li kule mute</span>
<span class="hide answers">
- <span class="zelda a" onclick="toggleTextClass('a')">answer</span>
<span class="hide zelda a" onclick="toggleTextClass('a')">it's very colourful</span></span>
</p>
<p><span class=sentence>telo kule li pona</span>
<span class="answers hide">
- <span class="zelda b" onclick="toggleTextClass('b')">answer</span>
<span class="hide zelda b" onclick="toggleTextClass('b')">colourful drinks are tasty</span>
</span>
</p>
<p><span class=sentence>i like this restaurant</span>
<span class="hide answers">
- <span class="zelda c" onclick="toggleTextClass('c')">answer</span>
<span class="hide zelda c" onclick="toggleTextClass('c')">tomo moku ni li pona</span>
</span>
</p>
<p><span class="sentence">the lovers are eating</span>
<span class="hide answers">
- <span class="zelda d" onclick="toggleTextClass('d')">answer</span>
<span class="hide zelda d" onclick="toggleTextClass('d')">jan olin li moku</span>
</span>
</p>
</div>
<h3 class="title box-title sub-title">~ translate from toki pona to english</h3>
<div class="box box-top">
<p><span class=sentence>mi olin e sina</span>
<span class="hide answers">
- <span class="zelda ken" onclick="toggleTextClass('ken')">answer</span>
<span class="hide zelda ken" onclick="toggleTextClass('ken')">i love you</span></span>
</p>
<p><span class=sentence>jan ike li lukin e moku mi</span>
<span class="answers hide">
- <span class="zelda soweli" onclick="toggleTextClass('soweli')">answer</span>
<span class="hide zelda soweli" onclick="toggleTextClass('soweli')">an evil person is staring at my food</span>
</span>
</p>
<p><span class=sentence>waso wawa li moku e pipi ni: ona li pali e tomo lili</span>
<span class="hide answers">
- <span class="zelda ona" onclick="toggleTextClass('ona')">answer</span>
<span class="hide zelda ona" onclick="toggleTextClass('ona')">the confident bird ate the bug that built a small house</span>
</span>
</p>
<p><span class="sentence">jan pali mute li kule e tomo moku</span>
<span class="hide answers">
- <span class="zelda weka" onclick="toggleTextClass('weka')">answer</span>
<span class="hide zelda weka" onclick="toggleTextClass('weka')">many workers painted the restaurant</span>
</span>
</p>
<p><span class=sentence>mi moku sin e moku sina</span>
<span class="hide answers">
- <span class="zelda ni" onclick="toggleTextClass('ni')">answer</span>
<span class="hide zelda ni" onclick="toggleTextClass('ni')">i eat your food again</span>
</span>
</p>
</div>
<h3 class="title box-title sub-title">~ translate from english to toki pona</h3>
<div class="box box-top">
<p><span class=sentence>i see that you're cute</span>
<span class="hide answers">
- <span class="zelda small" onclick="toggleTextClass('small')">answer</span>
<span class="hide zelda small" onclick="toggleTextClass('small')">mi lukin e ni: sina suwi / mi lukin e sina. sina suwi.</span>
</span>
</p>
<p><span class=sentence>the animal is eating</span>
<span class="hide answers">
- <span class="zelda bats" onclick="toggleTextClass('bats')">answer</span>
<span class="hide zelda bats" onclick="toggleTextClass('bats')">soweli li moku</span>
</span>
</p>
<p><span class=sentence>i'm entertaining the workers</span>
<span class="hide answers">
- <span class="zelda the" onclick="toggleTextClass('the')">answer</span>
<span class="hide zelda the" onclick="toggleTextClass('the')">mi musi e jan pali</span>
</span>
</p>
<p><span class=sentence>my girlfriend makes me good</span>
<span class="hide answers">
- <span class="zelda my" onclick="toggleTextClass('my')">answer</span>
<span class="hide zelda my" onclick="toggleTextClass('my')">olin mi li pona e mi</span>
</span>
</p>
<p><span class=sentence>i allow you to eat my food</span>
<span class="hide answers">
- <span class="zelda lots" onclick="toggleTextClass('lots')">answer</span>
<span class="hide zelda lots" onclick="toggleTextClass('lots')">mi ken e ni: sina moku e moku mi / sina moku e moku mi. mi ken e ni.</span>
</span>
</p>
</div>
<h3 class="box-title title sub-title"><a href="answers">~ answers page</a></h3>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link style="float:left;" href=../3>prev 󱤖</a>
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../5>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
</body>
</html>

60
5/answers.html Normal file
View File

@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<title>~answers (lesson 5)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
</head>
<body>
<h1 class="title">lesson 5 - <span style="vertical-align:-50%" class=title-emphasis>answers</span></h1>
<h3 class="title box-title">one for each preverb</h3>
<div class=box>
<p>i try to build good tools</p>
<p>they wanna eat bugs</p>
<p>people learn to speak toki pona</p>
<p>birds know how to be birds</p>
<p>the cute bird still wants a bug</p>
<p>animals can eat you 😱</p>
</div>
<h3 class="title box-title">repetition</h3>
<div class=box>
<p>mi awen e sina</p>
<p>the person brings food</p>
<p>ilo ni li wawa e pipi</p>
<p>i wish that you see good bugs</p>
</div>
<h3 class="title box-title">translate from toki pona to english</h3>
<div class=box>
<p>we can stay strong</p>
<p>their absence empowers the people</p>
<p>tools can't kill</p>
<p>the bat is making a phone (lit. communication device)</p>
<p>people make me want to remain an animal</p>
</div>
<h3 class="title box-title">translate from english to toki pona</h3>
<div class=box>
<p>mi wile kama sona toki pona / mi wile kama sona e toki pona</p>
<p>mi ken ala lukin e ni</p>
<p>pona sina li ken pona e tomo kule</p>
<p>mi lukin e ni: sina pona e tomo mi / sina pona e tomo mi. mi lukin e ni.</p>
<p>mi lukin lukin e ilo lukin mi</p>
</div>
<h3 class="box-title title"><a href="./">back to lesson</a></h2>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link style="float:left;" href=../4/answers>prev 󱤖</a>
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../6/answers>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
</body>
</html>

207
5/index.html Normal file
View File

@ -0,0 +1,207 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<title>~preverbs (lesson 5)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
<h1 class="title">lesson 5 - <span style="vertical-align:-50%" class=title-emphasis>preverbs</span></h1>
<h2 class="title box-title">vocab</h2>
<div class="box box-top">
<p>󱥑 pipi - bug, insect, ant, spider</p>
<p>󱤷 moli - dead, dying</p>
<p>󱤎 ilo - tool, implement, machine, device</p>
</div>
<h3 class="title box-title sub-title">~ preverbs</h3>
<div class="box box-top">
<p>󱤖 kama - arriving, coming, future, summoned; (pv.) to become, manage, to, succeed in</p>
<p>󱥷 wile - must, need, require, should, want, wish; (pv.) to want to, to need to</p>
<p>󱤈 awen - enduring, kept, protected, safe, waiting, staying; (pv.) to continue to, to keep</p>
<p>󱥡 sona - know, be skilled in, be wise about, have information on; (pv.) to know how to</p>
<p>󱤘 ken - be allowed to, can, may; possible; (pv.) to be able to</p>
<p>󱤮 lukin - eye; look at, see, examine, observe, read, watch; look for, seek; (pv.) try to</p>
</div>
<h3 class="title box-title sub-title">~ notes</h3>
<div class=box>
<p>words have different meanings when used as preverbs and otherwise. the preverb meaning of a word is marked with (pv.)</p>
<p>there are two words you already know on this list, ken and lukin, but their preverb meanings are new.</p>
</div>
<h2 class="title box-title">lesson</h2>
<h3 class="title box-title sub-title">~ preverbs</h3>
<div class="box box-top">
<p>preverbs go before the predicate and modify it.</p>
<p>they can be negated by the word ala, and otherwise you can't modify preverbs.you can also use multiple preverbs at once</p>
<p><span class=subject>subject</span> li <span class=preverb>preverb</span> <span class=predicate>predicate</span> (e <span class=object>object</span>)
</div>
<h3 class="title box-title sub-title">~ examples</h3>
<div class=box>
<p><span class=sentence>mi <span class=preverb>ken ala</span> moli e pipi</span> - i can't kill the bug</p>
<p><span class=sentence>jan li <span class=preverb>wile ala</span> moku e pipi</span> - people don't wanna eat bugs</p>
<p><span class=sentence>sina <span class=preverb>ken kama</span> pona</span> - you can become good
</div>
<h2 class="title box-title">exercises</h2>
<h3 class="title box-title sub-title">~ one for each preverb</h3>
<div class="box box-top">
<p><span class=sentence>mi lukin pali e ilo pona</span>
<span class="hide answers">
- <span class="zelda 1a" onclick="toggleTextClass('1a')">answer</span>
<span class="hide zelda 1a" onclick="toggleTextClass('1a')">i try to build good tools</span></span>
</p>
<p><span class=sentence>ona li wile moku e pipi</span>
<span class="answers hide">
- <span class="zelda 1b" onclick="toggleTextClass('1b')">answer</span>
<span class="hide zelda 1b" onclick="toggleTextClass('1b')">they wanna eat bugs</span>
</span>
</p>
<p><span class=sentence>jan li kama sona toki pona</span>
<span class="hide answers">
- <span class="zelda 1c" onclick="toggleTextClass('1c')">answer</span>
<span class="hide zelda 1c" onclick="toggleTextClass('1c')">people learn to speak toki pona</span>
</span>
</p>
<p><span class="sentence">waso li sona waso</span>
<span class="hide answers">
- <span class="zelda 1d" onclick="toggleTextClass('1d')">answer</span>
<span class="hide zelda 1d" onclick="toggleTextClass('1d')">birds know how to be birds</span>
</span>
</p>
<p><span class="sentence">waso suwi li awen wile e pipi</span>
<span class="hide answers">
- <span class="zelda 1e" onclick="toggleTextClass('1e')">answer</span>
<span class="hide zelda 1e" onclick="toggleTextClass('1e')">the cute bird still wants a bug</span>
</span>
</p>
<p><span class="sentence">soweli li ken moku e sina 😱</span>
<span class="hide answers">
- <span class="zelda 1f" onclick="toggleTextClass('1f')">answer</span>
<span class="hide zelda 1f" onclick="toggleTextClass('1f')">animals can eat you 😱</span>
</span>
</p>
</div>
<h3 class="title box-title sub-title">~ repetition</h3>
<div class="box box-top">
<p><span class=sentence>i am protecting you</span>
<span class="hide answers">
- <span class="zelda a" onclick="toggleTextClass('a')">answer</span>
<span class="hide zelda a" onclick="toggleTextClass('a')">mi awen e sina</span></span>
</p>
<p><span class=sentence>jan li kama e moku</span>
<span class="answers hide">
- <span class="zelda b" onclick="toggleTextClass('b')">answer</span>
<span class="hide zelda b" onclick="toggleTextClass('b')">the person brings food</span>
</span>
</p>
<p><span class=sentence>this tool strengthens the bugs</span>
<span class="hide answers">
- <span class="zelda c" onclick="toggleTextClass('c')">answer</span>
<span class="hide zelda c" onclick="toggleTextClass('c')">ilo ni li wawa e pipi</span>
</span>
</p>
<p><span class="sentence">mi wile e ni: sina lukin e pipi pona</span>
<span class="hide answers">
- <span class="zelda d" onclick="toggleTextClass('d')">answer</span>
<span class="hide zelda d" onclick="toggleTextClass('d')">i wish that you see good bugs</span>
</span>
</p>
</div>
<h3 class="title box-title sub-title">~ translate from toki pona to english</h3>
<div class="box box-top">
<p><span class=sentence>mi ken awen wawa</span>
<span class="hide answers">
- <span class="zelda ken" onclick="toggleTextClass('ken')">answer</span>
<span class="hide zelda ken" onclick="toggleTextClass('ken')">we can stay strong</span></span>
</p>
<p><span class=sentence>weka ona li wawa e jan mute</span>
<span class="answers hide">
- <span class="zelda soweli" onclick="toggleTextClass('soweli')">answer</span>
<span class="hide zelda soweli" onclick="toggleTextClass('soweli')">their absence empowers the people</span>
</span>
</p>
<p><span class=sentence>ilo li ken ala moli</span>
<span class="hide answers">
- <span class="zelda ona" onclick="toggleTextClass('ona')">answer</span>
<span class="hide zelda ona" onclick="toggleTextClass('ona')">tools can't kill</span>
</span>
</p>
<p><span class="sentence">waso li pali e ilo toki</span>
<span class="hide answers">
- <span class="zelda weka" onclick="toggleTextClass('weka')">answer</span>
<span class="hide zelda weka" onclick="toggleTextClass('weka')">the bat is making a phone (lit. communication device)</span>
</span>
</p>
<p><span class=sentence>jan li pali e ni: mi wile awen soweli</span>
<span class="hide answers">
- <span class="zelda ni" onclick="toggleTextClass('ni')">answer</span>
<span class="hide zelda ni" onclick="toggleTextClass('ni')">people make me want to remain an animal</span>
</span>
</p>
</div>
<h3 class="title box-title sub-title">~ translate from english to toki pona</h3>
<div class="box box-top">
<p><span class=sentence>i wanna learn toki pona</span>
<span class="hide answers">
- <span class="zelda small" onclick="toggleTextClass('small')">answer</span>
<span class="hide zelda small" onclick="toggleTextClass('small')">mi wile kama sona (e) toki pona</span>
</span>
</p>
<p><span class=sentence>i can't see that</span>
<span class="hide answers">
- <span class="zelda bats" onclick="toggleTextClass('bats')">answer</span>
<span class="hide zelda bats" onclick="toggleTextClass('bats')">mi ken ala lukin e ni</span>
</span>
</p>
<p><span class=sentence>your goodness can fix the colourful house</span>
<span class="hide answers">
- <span class="zelda the" onclick="toggleTextClass('the')">answer</span>
<span class="hide zelda the" onclick="toggleTextClass('the')">pona sina li ken pona e tomo mute</span>
</span>
</p>
<p><span class=sentence>i saw that you fixed our house</span>
<span class="hide answers">
- <span class="zelda my" onclick="toggleTextClass('my')">answer</span>
<span class="hide zelda my" onclick="toggleTextClass('my')">mi lukin e ni: sina pona e tomo mi / sina pona e tomo mi. mi lukin e ni</span>
</span>
</p>
<p><span class=sentence>i'm trying to see my glasses</span>
<span class="hide answers">
- <span class="zelda lots" onclick="toggleTextClass('lots')">answer</span>
<span class="hide zelda lots" onclick="toggleTextClass('lots')">mi lukin lukin e ilo lukin mi</span>
</span>
</p>
</div>
<h3 class="box-title title sub-title"><a href="answers">~ answers page</a></h3>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link style="float:left;" href=../4>prev 󱤖</a>
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../6>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
</body>
</html>

52
5/story-eng.html Normal file
View File

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<title>story (lesson 5)</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
<h1 class="title">lesson 5 - <span style="vertical-align:-50%" class=title-emphasis>story</span></h1>
<h2 class="title box-title">chef 󱤑󱤶</h2>
<div class="box box-top">
<p>i'm a worker. my place of work is a restaurant. a lot of people call me a chef.</p>
<p>i make a lot of food. people eat it. they say bad things about the food</p>
<p>the restaurant doesn't let me work well. they want a lot of work, not good work.</p>
<p>i want people to know how good i am! i can make good food!</p>
<p>some people see me. they say "you're staring at me. i want you to go away!"</p>
<p>i go away. the people make me feel bad. i don't want to be a chef. i don't want to make food. people don't know how good i am</p>
</div>
<div class="box box-top">
<p>i look at a colourful room. i look at the colourful room a lot. it's nice looking.</p>
<p>a person speaks. "this room really makes you better!"</p>
<p>"it makes me feel better. people say bad things about mi. this room doesn't."
<p>"these bad people are small. what they have to say is small. i knowledgeable say that you're good."</p>
<p>"you don't know that! you don't know me!"</p>
<p>"i don't know you. i know your work. i eat your food a lot. it fixes me. a lot of people want a lot of work from me. your food strengthens me. this strength makes me able to do the work these people desire."</p>
<p>"what you said made me feel a lot better!!"</p>
<p>what the person said filled me with confidence. i was reminded that i can make good food!</p>
</div>
<div class="box">
<p>a lot of people eat my good food. they can see i'm the one who makes the food. i know how to be confident. i work confidently. they know my strength. they know my goodness.</p>
<p>i still remember what the person said. it still empowers me</p>
<p>i'm a worker. my place of work is my restaurant!</p>
</div>
<h2 class="box-title title"><a href="story">toki pona version</a></h2>
<h2 class="box-title title"><a href="./">back to lesson</a></h2>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link style="float:left;" href=../4>prev 󱤖</a>
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../6>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
</body>
</html>

52
5/story.html Normal file
View File

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<title>story (lesson 5)</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
<h1 class="title">lesson 5 - <span style="vertical-align:-50%" class=title-emphasis>story</span></h1>
<h2 class="title box-title">jan moku 󱤑󱤶</h2>
<div class="box box-top">
<p>mi jan pali. tomo pali mi li tomo moku. jan mute li toki e ni: mi jan moku.</p>
<p>mi pali e moku mute. jan li moku e ona. ona li toki e ike moku.</p>
<p>tomo moku li ken ala e pali pona mi. ona li wile e pali mute. ona li wile e pali pona ala.</p>
<p>wile mi li ni: jan li sona e pona mi! mi ken pali e moku pona!</p>
<p>jan li lukin e mi. ona li toki e ni: "sina lukin ike e mi. mi wile e ni: sina weka!"</p>
<p>mi weka. jan li ike e mi. mi wile ala jan moku. mi wile ala pali e moku. jan li sona ala e pona mi.</p>
</div>
<div class="box box-top">
<p>mi lukin e tomo kule. mi lukin mute e tomo kule. ona li pona lukin.</p>
<p>jan li toki. "tomo ni li pona mute e sina!"</p>
<p>"ona li pona e mi. jan li toki e ike mi. tomo ni li ni ala."</p>
<p>"jan ike ni li lili. toki ona li lili. mi toki sona e ni: sina pona"</p>
<p>"sina sona ala e ni! sina sona ala e mi!"</p>
<p>"mi sona ala e sina. mi sona e pali sina. mi moku mute e moku sina. ona li pona e mi. jan mute li wile e pali mute mi. moku sina li wawa e mi. wawa ni li pali e ni: mi ken pali e wile jan.</p>
<p>"toki sina li pona mute e mi!!"</p>
<p>toki jan li wawa e mi. mi kama sona sin e ni: mi ken pali e moku pona!</p>
</div>
<div class="box">
<p>jan mute li moku e moku pona mi. ona li lukin e ni: mi pali e moku. mi sona wawa. mi pali wawa. ona li sona e wawa mi. ona li sona e pona mi.</p>
<p>mi awen sona e toki jan. toki ni li awen wawa e mi.</p>
<p>mi jan pali pona. tomo pali mi li tomo moku mi!</p>
</div>
<h2 class="box-title title"><a href="story-eng">english version</a></h2>
<h2 class="box-title title"><a href="./">back to lesson</a></h2>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link style="float:left;" href=../4>prev 󱤖</a>
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../6>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
</body>
</html>

166
6/index.html Normal file
View File

@ -0,0 +1,166 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<title>~pi (lesson 6)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
<h1 class="title">lesson 6 - <span style="vertical-align:-50%" class=title-emphasis>the particle pi</span></h1>
<h2 class="title box-title">vocab</h2>
<div class="box box-top">
<p>󱤄 ale - all; abundant, countless, bountiful, every, plentiful; abundance, everything, life, universe</p>
<p>󱥐 pini - ago, completed, ended, finished, past</p>
<p>󱤪 lipu - flat object; book, document, card, paper, record, website</p>
<p>󱤔 kala - fish, marine animal, sea creature</p>
<p>󱤌 ijo - thing, phenomenon, object, matter</p>
<p>󱥌 pana - give, send, emit, provide, put, release</p>
<p>󱤗 kasi - plant, vegetation; herb, leaf</p>
</div>
<h3 class="title box-title sub-title">~ particles</h3>
<div class="box box-top">
<p>󱥍 pi - regroups modifiers</p>
</div>
<h3 class="title box-title sub-title">~ notes</h3>
<div class=box>
<p>ijo is the most generic word. it can stand in as a placeholder for anything.</p>
</div>
<h2 class="title box-title">lesson</h2>
<h3 class="title box-title sub-title">~ the particle pi</h3>
<div class="box box-top">
<p>pi is a really useful particle that regroups modifiers.</p>
<p>normally, each modifier modifies the sum of all its previous words in the phrase. the particle pi creates a second phrase which modifies the first phrase.</p>
<p>ijo pona mute - many good things<br>
ijo pi pona mute - very good thing</p>
<p>in the first example, <em>mute</em> modifies <em>ijo pona</em>, while in the second example, <em>pona mute</em> modifies <em>ijo</em>
</div>
<h3 class="title box-title sub-title">~ notes</h3>
<div class="box box-top">
<p>when i say phrase, i mean a collection of a headnoun + modifiers, like "jan" or "ilo moku"</p>
<p>a phrase with pi in it consists of two smaller phrases.</p>
</div>
<h3 class="title box-title sub-title">~ examples</h3>
<div class=box>
<p>mi toki e ijo pi pona mute - i talk about very good things</p>
<p>mi toki e ijo pona mute - i talk about many good things</p>
<p>mi toki e ijo mute pi pona mute - i talk about many very good things</p>
</div>
<h2 class="title box-title">exercises</h2>
<h3 class="title box-title sub-title">~ repetition</h3>
<div class="box box-top">
<p><span class=sentence>jan ale li kama kala</span>
<span class="hide answers">
- <span class="zelda 1a" onclick="toggleTextClass('1a')">answer</span>
<span class="hide zelda 1a" onclick="toggleTextClass('1a')">all the people are turning into fish</span></span>
</p>
<p><span class=sentence>kasi telo li ken moku</span>
<span class="answers hide">
- <span class="zelda 1b" onclick="toggleTextClass('1b')">answer</span>
<span class="hide zelda 1b" onclick="toggleTextClass('1b')">seaweed is edible</span>
</span>
</p>
<p><span class=sentence>my friend who knows how to build houses is giving out documents about building</span>
<span class="hide answers">
- <span class="zelda 1c" onclick="toggleTextClass('1c')">answer</span>
<span class="hide zelda 1c" onclick="toggleTextClass('1c')">jan pona mi ni li pana e lipu pali: ona li sona pali e tomo</span>
</span>
</p>
<p><span class="sentence">something is making everything become something</span>
<span class="hide answers">
- <span class="zelda 1d" onclick="toggleTextClass('1d')">answer</span>
<span class="hide zelda 1d" onclick="toggleTextClass('1d')">ijo li pali e ni: ijo ale li kama ijo</span>
</span>
</p>
<p><span class="sentence">nothing can fix everything</span>
<span class="hide answers">
- <span class="zelda 1e" onclick="toggleTextClass('1e')">answer</span>
<span class="hide zelda 1e" onclick="toggleTextClass('1e')">(ijo) ala li ken pona e (ijo) ale</span>
</span>
</p>
</div>
<h3 class="title box-title sub-title">~ translate from toki pona to english</h3>
<div class="box box-top">
<p><span class=sentence>soweli li pana e lipu pi sona mute</span>
<span class="hide answers">
- <span class="zelda 2a" onclick="toggleTextClass('2a')">answer</span>
<span class="hide zelda 2a" onclick="toggleTextClass('2a')">the animal is handing out documents with lots of knowledge</span></span>
</p>
<p><span class=sentence>jan pi sona kala li sona e ni: kala li ken moku e jan</span>
<span class="answers hide">
- <span class="zelda 2b" onclick="toggleTextClass('2b')">answer</span>
<span class="hide zelda 2b" onclick="toggleTextClass('2b')">the marine biologist knows that fish can eat people</span>
</span>
</p>
<p><span class=sentence>ona li waso pi suwi mute</span>
<span class="hide answers">
- <span class="zelda 2c" onclick="toggleTextClass('2c')">answer</span>
<span class="hide zelda 2c" onclick="toggleTextClass('2c')">they're a really cute bat</span>
</span>
</p>
<p><span class="sentence">jan sin pi mute pona li kama</span>
<span class="hide answers">
- <span class="zelda 2d" onclick="toggleTextClass('2d')">answer</span>
<span class="hide zelda 2d" onclick="toggleTextClass('2d')">a good amount of new people are coming</span>
</span>
</p>
</div>
<h3 class="title box-title sub-title">~ translate from english to toki pona</h3>
<div class="box box-top">
<p><span class=sentence>i'm reading the book of evil knowledge</span>
<span class="hide answers">
- <span class="zelda 3a" onclick="toggleTextClass('3a')">answer</span>
<span class="hide zelda 3a" onclick="toggleTextClass('3a')">mi lukin e lipu pi sona ike</span>
</span>
</p>
<p><span class=sentence>the bugs built a little bug cemetery</span>
<span class="hide answers">
- <span class="zelda 3b" onclick="toggleTextClass('3b')">answer</span>
<span class="hide zelda 3b" onclick="toggleTextClass('3b')">pipi li pali e tomo lili pi pipi moli</span>
</span>
</p>
<p><span class=sentence>the absence of my partner makes everything bad</span>
<span class="hide answers">
- <span class="zelda 3c" onclick="toggleTextClass('3c')">answer</span>
<span class="hide zelda 3c" onclick="toggleTextClass('3c')">weka pi olin mi li ike e ale</span>
</span>
</p>
<p><span class=sentence>people who are very far away are trying to eat my fish</span>
<span class="hide answers">
- <span class="zelda 3d" onclick="toggleTextClass('3d')">answer</span>
<span class="hide zelda 3d" onclick="toggleTextClass('3d')">jan pi weka mute li lukin moku e kala mi</span>
</span>
</p>
</p>
</div>
<h3 class="box-title title sub-title"><a href="answers">~ answers page</a></h3>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link style="float:left;" href=../5>prev 󱤖</a>
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../7>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
</body>
</html>

143
7/index.html Normal file
View File

@ -0,0 +1,143 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<title>prepositions (lesson 7)</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
<h1 class="title">lesson 7 - <span style="vertical-align:-50%" class=title-emphasis>prepositions</span></h1>
<h2 class="title box-title">vocab</h2>
<div class="box box-top">
<p>󱤲 mani - money, cash, savings, wealth; large domesticated animal</p>
</div>
<h3 class="title box-title sub-title">~ particles</h3>
<div class="box">
<p>󱤬 lon - located at, present at, real, true, existing</p>
<p>󱥩 tawa - going to, toward; for; from the perspective of; moving</p>
<p>󱥧 tan - by, from, because of; origin, cause</p>
<p>󱥖 sama - same, similar; each other; sibling, peer, fellow; as, like</p>
<p>󱤙 kepeken - to use, with, by means of</p>
</div>
<h2 class="title box-title">lesson</h2>
<h3 class="title box-title sub-title">~ prepositions</h3>
<div class="box box-top">
<p>lon, tawa, tan, sama, and kepeken are prepositions.</p>
<p>prepositions are used to express specific details about the predicate, like how or where. just like preverbs, prepositions can be negated by the word ala.</p>
<p><span class=sentence>mi pali lon tomo moku</span> - i work at a restaurant</p>
<p>the preposition can also be the predicate</p>
<p><span class=sentence>ona li lon tomo mi</span> - they're at my house</p>
<p>prepositions can also be used as regular words</p>
<p><span class=sentence>tawa sina li musi</span> - your movements are amusing</p>
</div>
<h3 class="title box-title sub-title">~ examples</h3>
<div class=box>
<p><span class=sentence>mani mute li lon tomo mani</span> - there's lots of money at the bank</p>
<p><span class=sentence>jan li tawa tomo sina</span> - a person comes over to your house</p>
<p><span class=sentence>mi pali e ijo mute kepeken ilo</span> - i make lots of things with tools</p>
<p><span class=sentence>mi tawa e tomo sina</span> - i move your house</p>
</div>
<h2 class="title box-title">exercises</h2>
<h3 class="title box-title sub-title">~ repetition</h3>
<div class="box box-top">
<p><span class=sentence>jan mute li wile e ilo</span>
<span class="hide answers">
- <span class="zelda 1a" onclick="toggleTextClass('1a')">answer</span>
<span class="hide zelda 1a" onclick="toggleTextClass('1a')">a lot of people need a car</span></span>
</p>
<p><span class=sentence>mi wile sona e tan</span>
<span class="answers hide">
- <span class="zelda 1b" onclick="toggleTextClass('1b')">answer</span>
<span class="hide zelda 1b" onclick="toggleTextClass('1b')">i wanna know the reasons</span>
</span>
</p>
<p><span class=sentence>i want a really colourful flower</span>
<span class="hide answers">
- <span class="zelda 1c" onclick="toggleTextClass('1c')">answer</span>
<span class="hide zelda 1c" onclick="toggleTextClass('1c')">mi wile e kasi pi kule mute!</span>
</span>
</p>
</div>
<h3 class="title box-title sub-title">~ translate from toki pona to english</h3>
<div class="box box-top">
<p><span class=sentence>mi lukin pana e kasi tawa sina</span>
<span class="hide answers">
- <span class="zelda 2a" onclick="toggleTextClass('2a')">answer</span>
<span class="hide zelda 2a" onclick="toggleTextClass('2a')">i'm trying to give you a flower</span></span>
</p>
<p><span class=sentence>jan li awen sona e pona ona tan ni: sina toki e pona ona tawa ona</span>
<span class="answers hide">
- <span class="zelda 2b" onclick="toggleTextClass('2b')">answer</span>
<span class="hide zelda 2b" onclick="toggleTextClass('2b')">people remember how good you are because you tell them how good they are</span>
</span>
</p>
<p><span class=sentence>lipu pi wile jan li lon tomo sina</span>
<span class="hide answers">
- <span class="zelda 2c" onclick="toggleTextClass('2c')">answer</span>
<span class="hide zelda 2c" onclick="toggleTextClass('2c')">the document of the people's wishes is at your place</span>
</span>
</p>
<p><span class="sentence">jan li pali e moku pona tan soweli lili</span>
<span class="hide answers">
- <span class="zelda 2d" onclick="toggleTextClass('2d')">answer</span>
<span class="hide zelda 2d" onclick="toggleTextClass('2d')">someone makes good food because of a small animal (this is intended to be a ratatouille reference but it is very easily misread as something else)</span>
</span>
</p>
</div>
<h3 class="title box-title sub-title">~ translate from english to toki pona</h3>
<div class="box box-top">
<p><span class=sentence>i saw someone who looked just like you</span>
<span class="hide answers">
- <span class="zelda 3a" onclick="toggleTextClass('3a')">answer</span>
<span class="hide zelda 3a" onclick="toggleTextClass('3a')">mi lukin e jan. ona li sama sina tawa lukin</span>
</span>
</p>
<p><span class=sentence>i wanna give you money</span>
<span class="hide answers">
- <span class="zelda 3b" onclick="toggleTextClass('3b')">answer</span>
<span class="hide zelda 3b" onclick="toggleTextClass('3b')">mi wile pana e mani tawa sina</span>
</span>
</p>
<p><span class=sentence>people work for bad reasons</span>
<span class="hide answers">
- <span class="zelda 3c" onclick="toggleTextClass('3c')">answer</span>
<span class="hide zelda 3c" onclick="toggleTextClass('3c')">jan li pali tan tan ike</span>
</span>
</p>
<p><span class=sentence>i can learn a lot of things with books</span>
<span class="hide answers">
- <span class="zelda 3d" onclick="toggleTextClass('3d')">answer</span>
<span class="hide zelda 3d" onclick="toggleTextClass('3d')">mi ken kama sona e ijo mute kepeken lipu</span>
</span>
</p>
</p>
</div>
<h3 class="box-title title sub-title"><a href="answers">~ answers page</a></h3>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link style="float:left;" href=../6>prev 󱤖</a>
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../8>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
</body>
</html>

151
8/index.html Normal file
View File

@ -0,0 +1,151 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<title>locative and temporal statements (lesson 8)</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
<h1 class="title">lesson 8 - <span style="vertical-align:-50%" class=title-emphasis>locative and temporal statements</span></h1>
<h2 class="title box-title">vocab</h2>
<h3 class="title box-title sub-title">~ temporal</h3>
<div class="box box-top">
<p>󱥫 tenpo - time, duration, moment, occasion, period, situation
</div>
<h3 class="title box-title sub-title">~ locative</h3>
<div class="box">
<p>󱤅 anpa - bowing down, downward, humble, lowly, dependent; bottom, lower part, under, below, floor, beneath; low, lower, bottom, down</p>
<p>󱥒 poka - hip, side; next to, nearby, vicinity</p>
<p>󱤸 monsi - back, behind, rear</p>
<p>󱥟 sinpin - face, foremost, front, wall</p>
<p>󱥚 sewi - area above, highest part, something elevated; awe-inspiring, divine, sacred, supernatural</p>
</div>
<h2 class="title box-title">lesson</h2>
<h3 class="title box-title sub-title">~ locative</h3>
<div class="box box-top">
<p>to express relative location, use the locative words.</p>
<p>you can combine them with the preposition lon to say "at (place)</p>
<p><span class=sentence>lon sewi</span> - up, aboce</p>
</div>
<h3 class="title box-title sub-title">~ locative examples</h3>
<div class="box box-top">
<p><span class=sentence>jan li lon anpa tomo</span> - people are under the house</p>
<p><span class=sentence>waso li tawa lon sewi pi soweli sina</span> - birds are flying above your house</p>
</div>
<h3 class="title box-title sub-title">~ temporal</h3>
<div class="box box-top">
<p>to talk about the time, you can also use the preposition lon, and describe the time using the word tenpo</p>
</div>
<h3 class="title box-title sub-title">~ temporal examples</h3>
<div class=box>
<p><span class=sentence>mi tawa sina lon tenpo kama</span> - i go to you in the future</p>
<p><span class=sentence>jan li pali lon tenpo ni</span> - the person is working at that time</p>
<p><span class=sentence>mi wile ala pali lon tenpo lon</span> - i don't want to work right now</p>
<p><span class=sentence>waso li tawa sewi lon tenpo ale</span> - birds always move in the sky</p>
</div>
<h2 class="title box-title">exercises</h2>
<h3 class="title box-title sub-title">~ repetition</h3>
<div class="box box-top">
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 1a" onclick="toggleTextClass('1a')">answer</span>
<span class="hide zelda 1a" onclick="toggleTextClass('1a')"></span></span>
</p>
<p><span class=sentence></span>
<span class="answers hide">
- <span class="zelda 1b" onclick="toggleTextClass('1b')">answer</span>
<span class="hide zelda 1b" onclick="toggleTextClass('1b')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 1c" onclick="toggleTextClass('1c')">answer</span>
<span class="hide zelda 1c" onclick="toggleTextClass('1c')"></span>
</span>
</p>
</div>
<h3 class="title box-title sub-title">~ translate from toki pona to english</h3>
<div class="box box-top">
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 2a" onclick="toggleTextClass('2a')">answer</span>
<span class="hide zelda 2a" onclick="toggleTextClass('2a')"></span></span>
</p>
<p><span class=sentence></span>
<span class="answers hide">
- <span class="zelda 2b" onclick="toggleTextClass('2b')">answer</span>
<span class="hide zelda 2b" onclick="toggleTextClass('2b')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 2c" onclick="toggleTextClass('2c')">answer</span>
<span class="hide zelda 2c" onclick="toggleTextClass('2c')"></span>
</span>
</p>
<p><span class="sentence"></span>
<span class="hide answers">
- <span class="zelda 2d" onclick="toggleTextClass('2d')">answer</span>
<span class="hide zelda 2d" onclick="toggleTextClass('2d')"></span>
</span>
</p>
</div>
<h3 class="title box-title sub-title">~ translate from english to toki pona</h3>
<div class="box box-top">
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 3a" onclick="toggleTextClass('3a')">answer</span>
<span class="hide zelda 3a" onclick="toggleTextClass('3a')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 3b" onclick="toggleTextClass('3b')">answer</span>
<span class="hide zelda 3b" onclick="toggleTextClass('3b')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 3c" onclick="toggleTextClass('3c')">answer</span>
<span class="hide zelda 3c" onclick="toggleTextClass('3c')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 3d" onclick="toggleTextClass('3d')">answer</span>
<span class="hide zelda 3d" onclick="toggleTextClass('3d')"></span>
</span>
</p>
</p>
</div>
<h3 class="box-title title sub-title"><a href="answers">~ answers page</a></h3>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link style="float:left;" href=../7>prev 󱤖</a>
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../9>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
</body>
</html>

158
9/index.html Normal file
View File

@ -0,0 +1,158 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<title>names (lesson 9)</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
<h1 class="title">lesson 9 - <span style="vertical-align:-50%" class=title-emphasis>names</span></h1>
<h2 class="title box-title">vocab</h2>
<div class="box">
<p>󱤱 mama - parent, ancestor; creator, originator; caretaker, sustainer</p>
<p>󱤰 ma - earth, land; outdoors, world; country, territory; soil</p>
<p>󱥂 nimi - name, word</p>
<p>󱤦 lete - cold, cool; uncooked, raw</p>
<p>󱥗 seli - fire; cooking element, chemical reaction, heat source</p>
<p>󱤥 len - cloth, clothing, fabric, textile; cover, layer of privacy</p>
</div>
<h2 class="title box-title">lesson</h2>
<h3 class="title box-title sub-title">~ names</h3>
<div class="box box-top">
<p>in toki pona, proper names are treated as adjectives, with a capitalized first letter. this means that you have to pick a word which describes what the thing is, and then modify that word with the name.</p>
</div>
<h3 class="title box-title sub-title">~ tokiponization</h3>
<div class="box box-top">
<p>names in toki pona are "tokiponized," which means fitting the name into toki pona phonotactics. the general guidelines to tokiponization are the following:</p>
<ul>
<li>use the local name and pronounciation</li>
<li>syllables consist of a consonant, then a vowel, then an optional n. the first consonant may be omitted.</li>
<li>d-&gt;t, b-&gt;p, r-&gt;w/l/k</li>
<ul><li>tapped or trilled r becomes l</li><li>french/german r turns to k</li><li>english r turns to w</li></ul>
<li>preserving syllable count is more important than preserving consonants</li>
<li>wu, wo, ji, and ti are illegal</li>
<ul><li>wu becomes u, wo becomes o, ji becomes i, and ti becomes si</li></ul>
<li>if you're tokiponizing your own name - don't be scared to break a rule or two if the resulting name makes you happier! it's your name and you can do whatever you want with it</li>
</ul>
</div>
<h3 class="title box-title sub-title">~ note about inclusivity</h3>
<div class="box box-top">
<p>people use lots of different headnouns in toki pona, depending on what word(s) they identify with more. for example, i use soweli as my headnoun!</p>
<p>keep this in mind when speaking toki pona! <br>
for example, since not everyone is a jan, it doesn't make sense to translate "everyone" as "jan ale", instead you should translate it as something like "ijo ale" or just "ale"</p>
<p>basically - don't use jan if you're not actually sure you're referring to a jan!</p>
</div>
<h3 class="title box-title sub-title">~ examples</h3>
<div class=box>
<p>my name, tess, turns into <span class=sentence>soweli Tesa</span>!<br>
technically, my name should be <span class=sentence>Te</span>, but the s in my name felt important to include, so it's <span class=sentence>Tesa</span> instead!</p>
<p>my cat, tiara, is soweli Sijala!<br>
the r in her name turns into an l because i tap my r's, and the ti turns into si.</p>
<p>a person named Elizabeth could be <span class=sentence>jan Elisape</span></p>
</div>
<h2 class="title box-title">exercises</h2>
<h3 class="title box-title sub-title">~ repetition</h3>
<div class="box box-top">
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 1a" onclick="toggleTextClass('1a')">answer</span>
<span class="hide zelda 1a" onclick="toggleTextClass('1a')"></span></span>
</p>
<p><span class=sentence></span>
<span class="answers hide">
- <span class="zelda 1b" onclick="toggleTextClass('1b')">answer</span>
<span class="hide zelda 1b" onclick="toggleTextClass('1b')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 1c" onclick="toggleTextClass('1c')">answer</span>
<span class="hide zelda 1c" onclick="toggleTextClass('1c')"></span>
</span>
</p>
</div>
<h3 class="title box-title sub-title">~ translate from toki pona to english</h3>
<div class="box box-top">
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 2a" onclick="toggleTextClass('2a')">answer</span>
<span class="hide zelda 2a" onclick="toggleTextClass('2a')"></span></span>
</p>
<p><span class=sentence></span>
<span class="answers hide">
- <span class="zelda 2b" onclick="toggleTextClass('2b')">answer</span>
<span class="hide zelda 2b" onclick="toggleTextClass('2b')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 2c" onclick="toggleTextClass('2c')">answer</span>
<span class="hide zelda 2c" onclick="toggleTextClass('2c')"></span>
</span>
</p>
<p><span class="sentence"></span>
<span class="hide answers">
- <span class="zelda 2d" onclick="toggleTextClass('2d')">answer</span>
<span class="hide zelda 2d" onclick="toggleTextClass('2d')"></span>
</span>
</p>
</div>
<h3 class="title box-title sub-title">~ translate from english to toki pona</h3>
<div class="box box-top">
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 3a" onclick="toggleTextClass('3a')">answer</span>
<span class="hide zelda 3a" onclick="toggleTextClass('3a')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 3b" onclick="toggleTextClass('3b')">answer</span>
<span class="hide zelda 3b" onclick="toggleTextClass('3b')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 3c" onclick="toggleTextClass('3c')">answer</span>
<span class="hide zelda 3c" onclick="toggleTextClass('3c')"></span>
</span>
</p>
<p><span class=sentence></span>
<span class="hide answers">
- <span class="zelda 3d" onclick="toggleTextClass('3d')">answer</span>
<span class="hide zelda 3d" onclick="toggleTextClass('3d')"></span>
</span>
</p>
</p>
</div>
<h3 class="box-title title sub-title"><a href="answers">~ answers page</a></h3>
<h2 class="title box-title">navigation</h2>
<div class=box style="text-align: center;">
<a class=link style="float:left;" href=../8>prev 󱤖</a>
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../10>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
</body>
</html>

89
index.html Normal file
View File

@ -0,0 +1,89 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>~lipu sona pi toki pona~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body>
<h1 class="title">lipu sona mi<span style="vertical-align:-50%"> pi toki pona</span></h1>
<div class="box box-top">
<p>hi! welcome to my toki pona course!</p>
<p>i first made this course to teach my girlfriend toki pona, because i disagree with other courses on many things and i didn't want to have to correct the courses while fae was going through them.</p>
<p>(the other courses are great, but i just have my personal disagreements with certain methods they teach and certain teaching methods)</p>
<p>however, i put a lot of work into this course, so i figured i may as well also put it out online for anyone else to use!</p>
</div>
<div class=box>
<p>i tried my best to do a good compromise between my personal style and the style of pu, and i think it should be a good starting point for anyone interested in learning toki pona. ultimately, it's up to you to form your own style after you're done with this course.</p>
</div>
<h2 class="title box-title">notes</h2>
<div class="box box-top">
<p>this course will not make you fluent. no course out there will! toki pona may be minimalist, but it's still a complex language to learn. people spend several years before they even start considering themselves fluent, and you will probbaly be no different.</p>
<p>however, this course will give you a good understanding of all the important fundamentals of toki pona, so you can then go on to explore the language on your own.</p>
</div>
<div class="box box-top">
<p>the recommended way to use this course is to try your best to understand the grammar, do the exercises, and then move on to the next one when you feel comfortable with the grammar.</p>
<p>it's okay if you don't have all the vocabulary memorized yet, it'll come with practicing making and translating sentences</p>
</div>
<div class="box box-top">
<p>it's okay to make mistakes during and after this course - everyone does!</p>
</div>
<div class=box>
<p>if you have any questions, feedback, or need help, feel free to message me on discord (soweli Tesa#5356)</p>
</div>
<h2 class="title box-title">courses</h2>
<div class=list>
<ul class=list-padding>
<li><a href=0 class=link>lesson 0 - sounds</a></li>
<li><a href=1 class=link>lesson 1 - me and you</a></li>
<li><a href=2 class=link>lesson 2 - li</a></li>
<li><a href=3 class=link>lesson 3 - modifiers</a></li>
<li><a href=4 class=link>lesson 4 - objects eh?</a></li>
<li><a href=5 class=link>lesson 5 - pre-verbs</a></li>
<ul><li><a href=5/story class=link>story</a></li></ul>
<li><a href=6 class=link>lesson 6 - pi</a></li>
<li><a href=7 class=link>lesson 7 - prepositions</a></li>
<li><a href=8 class=link>lesson 8 - locative and <br>temporal statements</a></li>
<li><a href=9 class=link>lesson 9 - names</a></li>
<li><a href=10 class=link>lesson 10 - a!</a></li>
<ul><li><a href=10/story class=link>story</a></li></ul>
<li><a href=11 class=link>lesson 11 - questions?</a></li>
<li><a href=12 class=link>lesson 12 - anu<br> (it's fucked up)</a></li>
<li><a href=13 class=link>lesson 13 - o</a></li>
<li><a href=14 class=link>lesson 14 - interjections</a></li>
<li><a href=15 class=link>lesson 15 - la</a></li>
<ul><li><a href=15/story class=link>story</a></li></ul>
<li><a href=16 class=link>lesson 16 - colours</a></li>
<li><a href=17 class=link>lesson 17 - taso</a></li>
<li><a href=18 class=link>lesson 18 - one, two, many</a></li>
<ul><li><a href=18/more class=link>one two... three?! :o</li></ul>
<li><a href=19 class=link>lesson 19 - and..</a></li>
<li><a href=20 class=link>lesson 20 - you're done!<br> now what?</a></li>
<ul>
<li><a href=20/story class=link>one final story</a></li>
</ul>
<li><a href=extra class=link>lesson EXTRA - <br>words not covered</a></li>
</ul>
</div>
<h2 class="title box-title">resources</h2>
<div class=list>
<ul>
<li><a class=link href="https://lipu-linku.github.io/">lipu Linku</a></li>
<li><a class=link href="https://github.com/kilipan/nasin-toki">nasin toki by jan Juli</li>
<li><a class=link href="http://www.amazon.com/gp/product/0978292308">lipu pu</a></li>
<li><a class=link href="https://devurandom.xyz/tokipona/">devurandom's course</a></li>
</ul>
</div>
<script src="assets/script.js"></script>
</body>
</html>