heonian-conversation/test.html
2022-05-05 13:29:14 +02:00

1519 lines
29 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>avg convo</title>
<link href="text_analysis.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style id="style-heonian" disabled>
.convo-heonian {
display: block;
}
.convo-roman {
display: none;
}
</style>
<style id="style-roman">
.convo-heonian {
display: none;
}
.convo-roman {
display: block;
}
</style>
</head>
<body>
<noscript>
<style>
#font-button {
display: none;
}
</style>
</noscript>
<p class="button" id="font-button">toggle font</p>
<main>
<div class="convo-container">
<div class="convo">
<div class="convo-header">
<img src="
lunya.jpeg
" alt="
nil
">
<span>
LU'NYA
</span>
<span class="convo-date">
2022/05/04
</span>
</div>
<p class="convo-roman">
nyan'pash! balfur yu e she polika'nya dre?
</p>
<p class="convo-heonian">
!      ?
</p>
</div>
</div>
<div class="convo-container right">
<div class="convo">
<div class="convo-header">
<img src="
eshnyui.png
" alt="
nil
">
<span>
ESH'NYUI
</span>
<span class="convo-date">
</span>
</div>
<p class="convo-roman">
re chu meshu yu polika'nya
</p>
<p class="convo-heonian">
    
</p>
<p class="convo-roman">
(po'nyash!!!)
</p>
<p class="convo-heonian">
(!!!)
</p>
</div>
</div>
<div class="convo-container">
<div class="convo">
<div class="convo-header">
<img src="
lunya.jpeg
" alt="
nil
">
<span>
LU'NYA
</span>
<span class="convo-date">
</span>
</div>
<p class="convo-roman">
aa, anko!
</p>
<p class="convo-heonian">
, !
</p>
<p class="convo-roman">
(po'nyash!)
</p>
<p class="convo-heonian">
(!)
</p>
</div>
</div>
<div class="convo-container right">
<div class="convo">
<div class="convo-header">
<img src="
eshnyui.png
" alt="
nil
">
<span>
ESH'NYUI
</span>
<span class="convo-date">
</span>
</div>
<p class="convo-roman">
ba yu e wawote to pu mipura lili'nya dre?
</p>
<p class="convo-heonian">
        ?
</p>
<p class="convo-roman">
uwu
</p>
<p class="convo-heonian">

</p>
</div>
</div>
<div class="convo-container">
<div class="convo">
<div class="convo-header">
<img src="
lunya.jpeg
" alt="
nil
">
<span>
LU'NYA
</span>
<span class="convo-date">
</span>
</div>
<p class="convo-roman">
relfur chu mya pu yu mya relfur lup apatka'nya faka'nya'pash ponme mya wawote polika'nya peekaka'nya'pash.
</p>
<p class="convo-heonian">
              
</p>
</div>
</div>
<div class="convo-container right">
<div class="convo">
<div class="convo-header">
<img src="
eshnyui.png
" alt="
nil
">
<span>
ESH'NYUI
</span>
<span class="convo-date">
</span>
</div>
<p class="convo-roman">
mi'shi'pash~
</p>
<p class="convo-heonian">
~
</p>
<p class="convo-roman">
balfur yu e ton polika'nya dre?
</p>
<p class="convo-heonian">
     ?
</p>
</div>
</div>
<div class="convo-container">
<div class="convo">
<div class="convo-header">
<img src="
lunya.jpeg
" alt="
nil
">
<span>
LU'NYA
</span>
<span class="convo-date">
</span>
</div>
<p class="convo-roman">
mishi'pash!!
</p>
<p class="convo-heonian">
!!
</p>
<p class="convo-roman">
relfurla mya ton polika'nya yu meluton ka'nya!
</p>
<p class="convo-heonian">
      !
</p>
<p class="convo-roman">
balfurla yu dra?
</p>
<p class="convo-heonian">
  ?
</p>
</div>
</div>
<div class="convo-container right">
<div class="convo">
<div class="convo-header">
<img src="
eshnyui.png
" alt="
nil
">
<span>
ESH'NYUI
</span>
<span class="convo-date">
</span>
</div>
<p class="convo-roman">
relfurla yu esh'dre mya ton polika'nya yu puroton ka'nya~
</p>
<p class="convo-heonian">
        ~
</p>
<p class="convo-roman">
relfur yu shi'ro'bae'pu yu pon'ya ka'nya~
</p>
<p class="convo-heonian">
     ~
</p>
</div>
</div>
<div class="convo-container">
<div class="convo">
<div class="convo-header">
<img src="
lunya.jpeg
" alt="
nil
">
<span>
LU'NYA
</span>
<span class="convo-date">
</span>
</div>
<p class="convo-roman">
puroton yu ponya ton ka'nya!
</p>
<p class="convo-heonian">
    !
</p>
</div>
</div>
<div class="convo-container right">
<div class="convo">
<div class="convo-header">
<img src="
eshnyui.png
" alt="
nil
">
<span>
ESH'NYUI
</span>
<span class="convo-date">
</span>
</div>
<p class="convo-roman">
be'nyui-rerenlafura yu meluton mimifaka'nya…
</p>
<p class="convo-heonian">
   …
</p>
<p class="convo-roman">
relfur yu meluton mimiku'pash~
</p>
<p class="convo-heonian">
   ~
</p>
</div>
</div>
<div class="convo-container">
<div class="convo">
<div class="convo-header">
<img src="
lunya.jpeg
" alt="
nil
">
<span>
LU'NYA
</span>
<span class="convo-date">
</span>
</div>
<p class="convo-roman">
o'o, relfur chu parefaka'nya…
</p>
<p class="convo-heonian">
,   …
</p>
<p class="convo-roman">
be'nyui-babanlafura yu meluton naomiminku dre?
</p>
<p class="convo-heonian">
    ?
</p>
</div>
</div>
<div class="convo-container right">
<div class="convo">
<div class="convo-header">
<img src="
eshnyui.png
" alt="
nil
">
<span>
ESH'NYUI
</span>
<span class="convo-date">
</span>
</div>
<p class="convo-roman">
uu, relfur yu naomiminku mya mimifuku mya ton ka'nya...
</p>
<p class="convo-heonian">
,        .
</p>
<p class="convo-roman">
relfur yu guraton to meluton mimifuku..
</p>
<p class="convo-heonian">
     .
</p>
<p class="convo-roman">
relfur yu ton mimiku'pash~
</p>
<p class="convo-heonian">
   ~
</p>
</div>
</div>
<div class="convo-container">
<div class="convo">
<div class="convo-header">
<img src="
lunya.jpeg
" alt="
nil
">
<span>
LU'NYA
</span>
<span class="convo-date">
</span>
</div>
<p class="convo-roman">
ishi-balfur yu mishi'pash!
</p>
<p class="convo-heonian">
  !
</p>
<p class="convo-roman">
balfur chu mya arilaen yu en ka'nya peekaka'nya fa'dre?
</p>
<p class="convo-heonian">
        ?
</p>
</div>
</div>
<div class="convo-container right">
<div class="convo">
<div class="convo-header">
<img src="
eshnyui_blush.png
" alt="
nil
">
<span>
ESH'NYUI
</span>
<span class="convo-date">
</span>
</div>
<p class="convo-roman">
yesh-balfur yu mishi'pash~
</p>
<p class="convo-heonian">
  ~
</p>
<p class="convo-roman">
(>///////////////<)
</p>
<p class="convo-heonian">
(>///////////////<)
</p>
<p class="convo-roman">
relfur yu ari'laen parefaka'nya, balfur yu pareka'nya dra?
</p>
<p class="convo-heonian">
   ,    ?
</p>
</div>
</div>
<div class="convo-container">
<div class="convo">
<div class="convo-header">
<img src="
lunya.jpeg
" alt="
nil
">
<span>
LU'NYA
</span>
<span class="convo-date">
</span>
</div>
<p class="convo-roman">
relfur chu arilaen dedaka'nya.
</p>
<p class="convo-heonian">
   
</p>
<p class="convo-roman">
imanla rila shashka'nya'pash.
</p>
<p class="convo-heonian">
  
</p>
<p class="convo-roman">
imanla shoo chu ike to pikeshe ka'nya.
</p>
<p class="convo-heonian">
      
</p>
</div>
</div>
<div class="convo-container">
<div class="convo">
<p class="convo-roman">
relfur chu arilaenlan luka'nya'pash.
</p>
<p class="convo-heonian">
   
</p>
</div>
</div>
<div class="convo-container right">
<div class="convo">
<div class="convo-header">
<img src="
eshnyui.png
" alt="
nil
">
<span>
ESH'NYUI
</span>
<span class="convo-date">
</span>
</div>
<p class="convo-roman">
arilaenla shoo chu pikeshe fuka'nya'bash dra?
</p>
<p class="convo-heonian">
     ?
</p>
</div>
</div>
<div class="convo-container">
<div class="convo">
<div class="convo-header">
<img src="
lunya.jpeg
" alt="
nil
">
<span>
LU'NYA
</span>
<span class="convo-date">
</span>
</div>
<p class="convo-roman">
gao chu relfur yu fayu kan'ya.
</p>
<p class="convo-heonian">
     
</p>
<p class="convo-roman">
relfur chu arilaen dedaka'nya.
</p>
<p class="convo-heonian">
   
</p>
</div>
</div>
<div class="spacer"></div>
<div class="spacer"></div>
<div class="words">
<p>words used:</p>
<noscript>
(psst, turn on javascript, and you can click words for explanations!)<br><br>
</noscript>
<table>
<tbody>
<tr>
<th>heonian</th>
<th>romanization</th>
<th>type</th>
<th>meaning</th>
</tr>
<tr>
<td>
</th>
<td>
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
nyan.pash
</th>
<td>
expression
</th>
<td>
hello!, good morning!
</th>
</tr>
<tr>
<td>

</th>
<td>
balfur
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>
</th>
<td>
yu
</th>
<td>
marker
</th>
<td>
denotes topic, emphasis
</th>
</tr>
<tr>
<td>
</th>
<td>
e
</th>
<td>
pronoun
</th>
<td>
which
</th>
</tr>
<tr>
<td>
</th>
<td>
she
</th>
<td>
noun
</th>
<td>
food
</th>
</tr>
<tr>
<td>

</th>
<td>
poliku
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
dre
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>
</th>
<td>
re
</th>
<td>
pronoun
</th>
<td>
i
</th>
</tr>
<tr>
<td>
</th>
<td>
chu
</th>
<td>
marker
</th>
<td>
denotes the subject
</th>
</tr>
<tr>
<td>

</th>
<td>
meshu
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
ponyash
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
aa
</th>
<td>
expression, modifier
</th>
<td>
correct, very
</th>
</tr>
<tr>
<td>

</th>
<td>
an.ko
</th>
<td>
expression
</th>
<td>
thank you
</th>
</tr>
<tr>
<td>
</th>
<td>
ba
</th>
<td>
pronoun
</th>
<td>
you
</th>
</tr>
<tr>
<td>

</th>
<td>
wa.wo.te
</th>
<td>
noun
</th>
<td>
rain
</th>
</tr>
<tr>
<td>
</th>
<td>
to
</th>
<td>
marker
</th>
<td>
and, along (in physical presence)
</th>
</tr>
<tr>
<td>
</th>
<td>
pu
</th>
<td>
noun
</th>
<td>
sun
</th>
</tr>
<tr>
<td>

</th>
<td>
mipura
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
lilinya
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
uwu
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
relfur
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
mya
</th>
<td>
marker
</th>
<td>
preceeds subordinate clause
</th>
</tr>
<tr>
<td>

</th>
<td>
lup
</th>
<td>
modifier
</th>
<td>
slow
</th>
</tr>
<tr>
<td>

</th>
<td>
a.pat.ku
</th>
<td>
verb
</th>
<td>
to lie (on a surface)
</th>
</tr>
<tr>
<td>
</th>
<td>
ku
</th>
<td>
verb
</th>
<td>
to be
</th>
</tr>
<tr>
<td>

</th>
<td>
pon.me
</th>
<td>
marker
</th>
<td>
because
</th>
</tr>
<tr>
<td>

</th>
<td>
pee.ka.ku
</th>
<td>
verb
</th>
<td>
to think, to become aware
</th>
</tr>
<tr>
<td>

</th>
<td>
mishipash
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
ton
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
relfurla
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
me.lu.ton
</th>
<td>
noun
</th>
<td>
red
</th>
</tr>
<tr>
<td>

</th>
<td>
balfurla
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
dra
</th>
<td>
marker
</th>
<td>
indicates question
</th>
</tr>
<tr>
<td>

</th>
<td>
esh.dre
</th>
<td>
noun
</th>
<td>
moon, secret
</th>
</tr>
<tr>
<td>

</th>
<td>
pu.ro.ton
</th>
<td>
modifier
</th>
<td>
yellow
</th>
</tr>
<tr>
<td>

</th>
<td>
shi.ro.bae.pu
</th>
<td>
noun
</th>
<td>
night sky
</th>
</tr>
<tr>
<td>

</th>
<td>
po.nya
</th>
<td>
modifier
</th>
<td>
good
</th>
</tr>
<tr>
<td>

</th>
<td>
be.nyui
</th>
<td>
noun
</th>
<td>
bunny
</th>
</tr>
<tr>
<td>

</th>
<td>
rerenlafura
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
mi.mi.ku
</th>
<td>
verb
</th>
<td>
to see
</th>
</tr>
<tr>
<td>

</th>
<td>
oo
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
pa.re.ku
</th>
<td>
verb
</th>
<td>
to know, to learn
</th>
</tr>
<tr>
<td>

</th>
<td>
babanlafura
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
nao.mi.min.ku
</th>
<td>
verb
</th>
<td>
to dream
</th>
</tr>
<tr>
<td>

</th>
<td>
u.u
</th>
<td>
expression
</th>
<td>
no
</th>
</tr>
<tr>
<td>

</th>
<td>
mimifuku
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
gu.ra.ton
</th>
<td>
modifier
</th>
<td>
green
</th>
</tr>
<tr>
<td>

</th>
<td>
i.shi
</th>
<td>
noun
</th>
<td>
beauty
</th>
</tr>
<tr>
<td>

</th>
<td>
arilaen
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
en
</th>
<td>
noun
</th>
<td>
being
</th>
</tr>
<tr>
<td>

</th>
<td>
fadre
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
yesh
</th>
<td>
modifier
</th>
<td>
adorable
</th>
</tr>
<tr>
<td>

</th>
<td>
de.da.ku
</th>
<td>
verb
</th>
<td>
to hate
</th>
</tr>
<tr>
<td>

</th>
<td>
imanla
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
ri.la
</th>
<td>
noun
</th>
<td>
horns
</th>
</tr>
<tr>
<td>

</th>
<td>
shash.ku
</th>
<td>
verb
</th>
<td>
to split, to cut, to divide
</th>
</tr>
<tr>
<td>

</th>
<td>
shoo
</th>
<td>
noun
</th>
<td>
essence, core, heart
</th>
</tr>
<tr>
<td>

</th>
<td>
i.ke
</th>
<td>
modifier
</th>
<td>
bad
</th>
</tr>
<tr>
<td>

</th>
<td>
pi.ke.she
</th>
<td>
modifier
</th>
<td>
rotten
</th>
</tr>
<tr>
<td>

</th>
<td>
arilaenlan
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
lu.ku
</th>
<td>
verb
</th>
<td>
to die
</th>
</tr>
<tr>
<td>

</th>
<td>
arilaenla
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
fuku
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
<tr>
<td>

</th>
<td>
ga.o
</th>
<td>
pronoun
</th>
<td>
that
</th>
</tr>
<tr>
<td>

</th>
<td>
fayu
</th>
<td>
???
</th>
<td>
???
</th>
</tr>
</tbody>
</table>
</div>
<div id="popup-container" style="opacity: 0; pointer-events: none;">
<div id="popup">
<h1>um</h1>
<div>
heonian: <span id="popup-heo"></span><br>
type: <span id="popup-type"></span>
</div>
<p id="popup-meaning"></p>
</div>
</div>
</main>
<script src="main.js"></script>
<font-preload>

</font-preload>
</body>
</html>