heonian-conversation/test.html
2022-05-05 08:22:53 +02:00

570 lines
13 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>
<p class="convo-roman">
</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, 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>
</main>
<script src="main.js"></script>
</body>
</html>