95 lines
4.0 KiB
HTML
95 lines
4.0 KiB
HTML
<!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>
|