quote blocks might look nicer

This commit is contained in:
tess 2022-05-28 18:58:13 +02:00
parent c68e39a2b0
commit bc875af17f
10 changed files with 42 additions and 59 deletions

View File

@ -40,19 +40,17 @@
<h3 class="title box-title sub-title">~ examples</h3>
<div class=box>
<div class=quote>
<p><span class=sentence>
<p class=quote><span class=sentence>
<span class=subject>sina</span>
<span class=predicate>suwi</span></span> -
<span class=predicate>suwi</span></span><br> -
<span class=subject>you</span>
<span class=predicate>are cute</span></p>
<p class=quote><span class=sentence>
<span class=subject>mi</span>
<span class=predicate>toki</span></span> -
<span class=predicate>toki</span></span><br> -
<span class=subject>i/we</span>
<span class=predicate>talk/talked/are talking/are gonna talk</span></p>
</div>
</div>
<h2 class="title box-title">exercises</h2>

View File

@ -34,10 +34,8 @@
<h3 class="title box-title sub-title">~ examples</h3>
<div class=box>
<div class=quote>
<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>
<p class=quote><span class=sentence>a a a</span><br> - <br>hahaha</p>
<p class=quote><span class=sentence>a, sina sona pona</span><br> - <br>ah, you know well</p>
</div>
<h2 class="title box-title">exercises</h2>
@ -56,7 +54,8 @@
<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 href=../>󱤪 index</a>
<a class=link href=story>story 󱥠</a>
<a class=link style="float:right;" href=../11>󱥩 next</a>
</div>
<script src="/assets/script.js"></script>

View File

@ -30,8 +30,7 @@
<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>
<p>"i have a lot of work" is not "mi jo e pali mute"</p>
</div>
<h2 class="title box-title">lesson</h2>

View File

@ -36,19 +36,17 @@
<h3 class="title box-title sub-title">~ examples</h3>
<div class=box>
<div class=quote>
<p><span class=sentence>
<p class=quote><span class=sentence>
<span class=subject>ona</span> li
<span class=predicate>suwi</span></span> -
<span class=predicate>suwi</span></span><br> -
<span class=subject>they</span>
<span class=predicate>are cute</span></p>
<p><span class=sentence>
<p class=quote><span class=sentence>
<span class=subject>waso</span> li
<span class=predicate>waso</span> -
<span class=predicate>waso</span><br> -
<span class=subject>birds</span>
<span class=predicate>are birds</span></p>
</div>
</div>
<h2 class="title box-title">exercises</h2>

View File

@ -26,15 +26,15 @@
<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 class=quote><span class=subject>soweli</span> <span class=predicate>lili</span> - <span class=predicate>small</span> <span class=subject>animal</span></p>
<p class=quote><span class=subject>soweli</span> <span class=predicate>lili</span> - <br><span class=predicate>small</span> <span class=subject>animal</span></p>
<p>to do possessive, you modify the word with a pronoun</p>
<p class=quote><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>
<p class=quote><span class=subject>soweli</span> <span class=predicate>lili</span> <span class=object>mi</span> - <br><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=quote><span class=sentence>mi mute li wawa</span> - we are strong</p>
<p class=quote><span class=sentence>mi mute li wawa</span> <br>- we are strong</p>
<p>(remember - number rarely needs to be specified, so this could just be "mi wawa" instead)</p>
</div>

View File

@ -36,10 +36,8 @@
<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>
<div class=quote>
<p><span class=subject>subject</span> li <span class=predicate>predicate</span> e <span class=object>direct object</span></p>
<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>
<p class=quote><span class=subject>subject</span> li <span class=predicate>predicate</span> e <span class=object>direct object</span></p>
<p class=quote><span class=sentence><span class=subject>jan</span> li <span class=predicate>pali</span> e <span class=object>tomo</span></span> - <br><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>

View File

@ -42,11 +42,9 @@
<h3 class="title box-title sub-title">~ examples</h3>
<div class=box>
<div class=quote>
<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</p>
</div>
<p class=quote><span class=sentence>mi <span class=preverb>ken ala</span> moli e pipi</span> - <br>i can't kill the bug</p>
<p class=quote><span class=sentence>jan li <span class=preverb>wile ala</span> moku e pipi</span> - <br>people don't wanna eat bugs</p>
<p class=quote><span class=sentence>sina <span class=preverb>ken kama</span> pona</span> - <br>you can become good</p>
</div>
<h2 class="title box-title">exercises</h2>
@ -163,7 +161,8 @@
<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 href=../>󱤪 index</a>
<a class=link href=story>story 󱥠</a>
<a class=link style="float:right;" href=../6>󱥩 next</a>
</div>
<script src="/assets/script.js"></script>

View File

@ -35,8 +35,8 @@
<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 class=quote>ijo pona mute - many good things<br>
ijo pi pona mute - very good thing</p>
<p class=quote>ijo pona mute - <br>many good things</p>
<p class=quote>ijo pi pona mute - <br>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>
@ -48,11 +48,9 @@
<h3 class="title box-title sub-title">~ examples</h3>
<div class=box>
<div class=quote>
<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>
<p class=quote>mi toki e ijo pi pona mute - <br>i talk about very good things</p>
<p class=quote>mi toki e ijo pona mute - <br>i talk about many good things</p>
<p class=quote>mi toki e ijo mute pi pona mute - <br>i talk about many very good things</p>
</div>
<h2 class="title box-title">exercises</h2>

View File

@ -29,21 +29,19 @@
<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 class=quote><span class=sentence>mi pali lon tomo moku</span> - i work at a restaurant</p>
<p class=quote><span class=sentence>mi pali lon tomo moku</span> - <br>i work at a restaurant</p>
<p>the preposition can also be the predicate</p>
<p class=quote><span class=sentence>ona li lon tomo mi</span> - they're at my house</p>
<p class=quote><span class=sentence>ona li lon tomo mi</span> - <br>they're at my house</p>
<p>prepositions can also be used as regular words</p>
<p class=quote><span class=sentence>tawa sina li musi</span> - your movements are amusing</p>
<p class=quote><span class=sentence>tawa sina li musi</span> - <br>your movements are amusing</p>
</div>
<h3 class="title box-title sub-title">~ examples</h3>
<div class=box>
<div class=quote>
<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>
<p class=quote><span class=sentence>mani mute li lon tomo mani</span> - <br>there's lots of money at the bank</p>
<p class=quote><span class=sentence>jan li tawa tomo sina</span> - <br>a person comes over to your house</p>
<p class=quote><span class=sentence>mi pali e ijo mute kepeken ilo</span> - <br>i make lots of things with tools</p>
<p class=quote><span class=sentence>mi tawa e tomo sina</span> - <br>i move your house</p>
</div>
<h2 class="title box-title">exercises</h2>
@ -72,7 +70,7 @@
</details>
<details>
<summary>jan li awen sona e pona ona tan ni: sina awen pana e sona ni tawa ona</summary>
<summary>jan li awen sona e pona sina tan ni: sina awen pana e sona ni tawa ona</summary>
<p>people remember how good you are because you keep reminding them</p>
</details>

View File

@ -30,15 +30,13 @@
<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, above</p>
<p class=quote><span class=sentence>lon sewi</span> - <br>up, above</p>
</div>
<h3 class="title box-title sub-title">~ locative examples</h3>
<div class="box box-top">
<div class=quote>
<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>
<p class=quote><span class=sentence>jan li lon anpa tomo</span> - <br>people are under the house</p>
<p class=quote><span class=sentence>waso li tawa lon sewi pi soweli sina</span> - <br>birds are flying above your house</p>
</div>
<h3 class="title box-title sub-title">~ temporal</h3>
@ -48,12 +46,10 @@
<h3 class="title box-title sub-title">~ temporal examples</h3>
<div class=box>
<div class=quote>
<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>
<p class=quote><span class=sentence>mi tawa sina lon tenpo kama</span> - <br>i go to you in the future</p>
<p class=quote><span class=sentence>jan li pali lon tenpo ni</span> - <br>the person is working at that time</p>
<p class=quote><span class=sentence>mi wile ala pali lon tenpo lon</span> - <br>i don't want to work right now</p>
<p class=quote><span class=sentence>waso li tawa sewi lon tenpo ale</span> - <br>birds always move in the sky</p>
</div>
<h2 class="title box-title">exercises</h2>