lipu-sona/10/index.html

138 lines
4.9 KiB
HTML

<!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>