Skip to content

Commit

Permalink
dsaas!
Browse files Browse the repository at this point in the history
  • Loading branch information
@DrDru
DrDru committed Oct 13, 2023
1 parent a51ed69 commit b987d86
Show file tree
Hide file tree
Showing 6 changed files with 131 additions and 67 deletions.
36 changes: 25 additions & 11 deletions twc/twc_aryn_s_wonderful_world/01_intro.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -55,6 +55,11 @@
height: 30px;
width: 30px;
}

.icon_twittemoji40 .emoji {
height: 40px;
width: 40px;
}
</style>
</head><body class="">

Expand Down Expand Up @@ -112,20 +117,18 @@

<div style="width: 20%; padding-left: 10px; padding-top: 4px" >
<div class="princess_small" style="color: black;">.</div></div>
<div style="width: 80%; font-size: 180%; overflow-wrap: break-word; padding-right: 10px; padding-top: 30px; padding-bottom: 20px;">パパは大丈夫？
<div style="width: 80%; font-size: 180%; overflow-wrap: break-word; padding-right: 10px; padding-top: 30px; padding-bottom: 20px;">パパは大丈夫のか？
<br>
</div>


</div>

<div class="dialogue">


<div style="width: 20%; padding-left: 10px; padding-top: 10px" >
<div class="king" style="color: black;">.</div></div>
<div class="dialogue" style="margin-bottom: 20px;">
<div style="width: 20%; padding-left: 10px; padding-top: 20px; " >
<span class="icon_twittemoji40" >😖</span></div>
<div style="width: 80%; font-size: 180%; overflow-wrap: break-word; padding-right: 10px; padding-top:15px;">
<ruby>頭<rt>あたま</rt></ruby>が<ruby>痛<rt>いた</rt></ruby>い <span class="icon_twittemoji">😖</span>
<ruby>頭<rt>あたま</rt></ruby>が<ruby>痛<rt>いた</rt></ruby>い
</div>


Expand All @@ -138,16 +141,14 @@
<div style="width: 80%; font-size: 180%; overflow-wrap: break-word;padding-right: 10px; padding-top:7px;">
ああ、だめだ！
<br>
<!--<Ruby>私<rt>わたし</rt></Ruby>の--><Ruby>魔法使<rt>まほうつか</rt></Ruby>いの<Ruby>服<rt>ふく</rt></Ruby>を<Ruby>着<rt>き</rt></Ruby>て、
<br>
パパを<Ruby>助<rt>たす</rt></Ruby>けよう。
<!--<Ruby>私<rt>わたし</rt></Ruby>の--><Ruby>魔法使<rt>まほうつか</rt></Ruby>いの<Ruby>服<rt>ふく</rt></Ruby>を<Ruby>着<rt>き</rt></Ruby>て

</div>


</div>

<div style="padding-top: 5px; height: 420px; margin-bottom: 70px; padding-left: 80px;">
<div style="padding-top: 5px; height: 400px; margin-bottom: 70px; padding-left: 80px;">
<div class="princess_small" style="display: inline-block ;"></div>

<div style="width: 110px;display: inline-block ;"> </div>
Expand All @@ -156,6 +157,19 @@
<div style="width: 70px;display: inline-block ;"> </div> <div style="display: inline-block ;translate: 0px 12px;"><span style="font-weight: bold;">>>></span></div>
</div>

<div class="dialogue">

<div style="width: 20%; padding-left: 4px; padding-right: 10px; padding-top: 10px" >
<div class="faery" style="color: black;">.</div></div>
<div style="width: 80%; font-size: 180%; overflow-wrap: break-word;padding-right: 10px; padding-top:15px;">


パパを<Ruby>助<rt>たす</rt></Ruby>けよう

</div>


</div>

</div>

Expand Down
10 changes: 5 additions & 5 deletions twc/twc_aryn_s_wonderful_world/02_on_the_way_to_kilm_1.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,9 +58,9 @@
</div>

</div>
<div style="padding-top: 10px; padding-left: 20px; padding-right: 20px; font-size: 180%; overflow-wrap: break-word;">
<div style="padding-top: 15px; padding-left: 20px; padding-right: 20px; font-size: 180%; overflow-wrap: break-word;">

アーリンは森へ<ruby>歩<rt>ある</rt></ruby>きました。そこにはモルキの木がいました。
<ruby>姫<rt>ひめ</rt></ruby>は<ruby>森<rt>もり</rt></ruby>へ<ruby>歩<rt>ある</rt></ruby>きました。そこにはモルキの<ruby>木<rt>き</rt></ruby>がいました。



Expand All @@ -77,7 +77,7 @@
<div style="width: 80%; font-size: 165%; overflow-wrap: break-word; padding-right: 10px;padding-top: 10px">
おはようモルキさん。
<br>
パパの頭が<ruby>痛<rt>いた</rt></ruby>い。
パパの<ruby>頭<rt>あたま</rt></ruby>が<ruby>痛<rt>いた</rt></ruby>い。
<br>
<ruby>魔法薬<rt>まほうやく</rt></ruby>はあるのか？

Expand All @@ -99,7 +99,7 @@
<div style="width: 80%; font-size: 165%; overflow-wrap: break-word; padding-right: 10px;padding-top: 10px">
おはよう、アーリン。
<br>
ごめんなさい、<ruby>魔法薬<rt>まほうやく</rt></ruby>は持っていません。
ごめんなさい、<ruby>魔法薬<rt>まほうやく</rt></ruby>は<ruby>持<rt>も</rt></ruby>っていません。

</div>

Expand Down Expand Up @@ -127,7 +127,7 @@
<div class="ent" style="color: blue;">.</div></div>
<div style="width: 80%; font-size: 165%; overflow-wrap: break-word;padding-right: 10px;padding-top: 10px">

リンゴをあげるよ。どうぞ。
リンゴはあるけどね。さあ、どうぞ。



Expand Down
8 changes: 4 additions & 4 deletions twc/twc_aryn_s_wonderful_world/03_on_the_way_to_kilm_2.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,9 +56,9 @@
</div>

</div>
<div style="padding-top: 10px; padding-left: 20px; padding-right: 20px; font-size: 180%; overflow-wrap: break-word;">
<div style="padding-top: 15px; padding-left: 20px; padding-right: 20px; font-size: 180%; overflow-wrap: break-word;">

アリンは<ruby>池<rt>いけ</rt></ruby>に<ruby>向<rt>む</rt></ruby>かって<ruby>歩<rt>ある</rt></ruby>きました。そこにはロマノのキノコがいました。
<ruby>姫<rt>ひめ</rt></ruby>は<ruby>池<rt>いけ</rt></ruby>に<ruby>向<rt>む</rt></ruby>かって<ruby>歩<rt>ある</rt></ruby>きました。そこにはロマノのキノコがいました。



Expand Down Expand Up @@ -98,7 +98,7 @@
<div style="width: 80%; font-size: 170%; overflow-wrap: break-word; padding-right: 10px; padding-top: 10px">
おはよう、アーリン。
<br>
ごめんなさい、<ruby>魔法薬<rt>まほうやく</rt></ruby>は持っていません。
ごめんなさい、<ruby>魔法薬<rt>まほうやく</rt></ruby>は<ruby>持<rt>も</rt></ruby>っていません。

</div>

Expand All @@ -124,7 +124,7 @@
<div style="width: 20%; padding-left: 4px; padding-top: 4px" >
<div class="mush" style="color: blue;">.</div></div>
<div style="width: 80%; font-size: 170%; overflow-wrap: break-word;padding-right: 10px; padding-top: 10px">
イチゴをあげるよ。どうぞ。
イチゴはあるけどね。さあ、どうぞ。
</div>


Expand Down
26 changes: 15 additions & 11 deletions twc/twc_aryn_s_wonderful_world/04_outside_the_inn.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,11 @@
height: 3px;
width: 3px;
}

.icon_twittemoji .emoji {
height: 60px;
width: 60px;
}
</style>
</head><body class="">

Expand All @@ -65,11 +70,11 @@
</div>


<div style="padding-top: 10px; padding-left: 20px; padding-right: 20px; font-size: 180%; overflow-wrap: break-word;">
それからアリンはキッチンに行きました。
<div style="padding-top: 15px; padding-left: 20px; padding-right: 20px; font-size: 180%; overflow-wrap: break-word;">
それからアーリンはキッチンに行きました。

<br>
怪物ダリウスがドアの前に立っていました。
<ruby>緑<rt>みどり</rt></ruby>のダリウスがドアの<ruby>前<rt>まえ</rt></ruby>に<ruby>立<rt>た</rt></ruby>っていました。



Expand All @@ -92,16 +97,16 @@
<div style="width: 24%; padding-left: 4px; padding-top: 10px" >
<div class="faery" style="color: blue;">.</div></div>
<div style="width: 80%; font-size: 180%; overflow-wrap: break-word;padding-right: 10px;padding-top: 10px">
怪物だ！
<ruby>怪物<rt>かいぶつ</rt></ruby>だ！
</div>
</div>

<div class="dialogue">

<div style="width: 28%; padding-left: 2px; padding-top: 4px" >
<div class="troll" style="color: blue;">.</div></div>
<div style="width: 80%; font-size: 180%; overflow-wrap: break-word; padding-right: 10px;padding-top: 0px; padding-bottom: 10px">
僕は怪物じゃない。消えろ。
<div style="width: 80%; font-size: 180%; overflow-wrap: break-word; padding-right: 10px;padding-top: 10px; padding-bottom: 10px">
<ruby>僕<rt>ぼく</rt></ruby>は<ruby>怪物<rt>かいぶつ</rt></ruby>じゃない。<ruby>消<rt>き</rt></ruby>えろ。
<br>
</div>

Expand All @@ -113,21 +118,20 @@
<div style="width: 24%; padding-left: 4px; padding-top: 10px" >
<div class="faery" style="color: blue;">.</div></div>
<div style="width: 80%; font-size: 170%; overflow-wrap: break-word; padding-right: 10px;padding-top: 10px">
いや、君は消えろ。
いや、<ruby>君<rt>きみ</rt></ruby>は<ruby>消<rt>き</rt></ruby>えろ。
<br>
アブラカダブリ
<br>
アブラカダブリ...
<br>
あなたは今、臭い靴下だ！
あなたは<ruby>今<rt>いま</rt></ruby>、<ruby>臭<rt>くさ</rt></ruby>い<ruby>靴下<rt>くつした</rt></ruby>だ！
</div>


</div>

<div style="text-align: center; padding-top: 480px;">

🧦
<div class="icon_twittemoji" style="text-align: center; padding-top: 515px; color: #22419e;">
🪄 -- 💥 - - 🧦
</div>


Expand Down
54 changes: 28 additions & 26 deletions twc/twc_aryn_s_wonderful_world/05_drinks.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,11 @@
height: 3px;
width: 3px;
}

.icon_twittemoji .emoji {
height: 50px;
width: 50px;
}
</style>
</head><body class="">

Expand All @@ -71,8 +76,8 @@
</div>


<div style="padding-top: 10px; padding-left: 20px; padding-right: 20px; font-size: 180%; overflow-wrap: break-word;">
キッチンには魔女がいました。
<div style="padding-top: 15px; padding-left: 20px; padding-right: 20px; font-size: 180%; overflow-wrap: break-word;">
キッチンには<ruby>魔女<rt>まじょ</rt></ruby>がいました。



Expand All @@ -83,57 +88,47 @@



<div class="page" style="font-size: 80%;">
<div class="page" style=";">

<br>

<div class="dialogue">
<div class="dialogue" style="margin-top: 15px;">

<div style="width: 24%; padding-left: 4px; padding-top: 10px" >
<div class="faery" style="color: blue;">.</div></div>
<div style="width: 80%; font-size: 160%; overflow-wrap: break-word; padding-right: 10px;">
おはよう。パパの頭が痛い。何か薬はありますか？
<div style="width: 80%; font-size: 165%; overflow-wrap: break-word; padding-right: 10px;padding-top: 3px">
おはよう<ruby>魔女<rt>まじょ</rt></ruby>さん。
<br>
パパの<ruby>頭<rt>あたま</rt></ruby>が<ruby>痛<rt>いた</rt></ruby>い。
<br>
<ruby>魔法薬<rt>まほうやく</rt></ruby>はあるのか？
</div>


</div>

<div class="dialogue">

<div style="width: 24%; padding-left: 4px; padding-top: 10px" >
<div class="centaur" style="color: blue;">.</div></div>
<div style="width: 80%; font-size: 160%; overflow-wrap: break-word; padding-right: 10px; padding-top: 10px">
リンゴとイチゴを持っているのが見えるから、それで薬を作ろう。
<div style="width: 80%; font-size: 160%; overflow-wrap: break-word; padding-right: 10px; padding-top: 5px">
<ruby>持<rt>も</rt></ruby>っていないけど、<ruby>君<rt>きみ</rt></ruby>のリンゴとイチゴで<ruby>作<rt>つく</rt></ruby>れるよ

</div>


</div>



<div class="dialogue">

<div style="width: 24%; padding-left: 4px; padding-top: 10px" >
<div class="faery" style="color: blue;">.</div></div>
<div style="width: 80%; font-size: 160%; overflow-wrap: break-word;padding-right: 10px; padding-top: 10px">
そうだね。待って。

</div>
</div>

<div style="padding-top: 20px; padding-left: 20px; padding-right: 20px; font-size: 200%; overflow-wrap: break-word; text-align: center; margin-bottom: 15px;">
<div style="padding-top: 350px; padding-left: 0px; padding-right: 20px; font-size: 200%; overflow-wrap: break-word; text-align: center; margin-bottom: 15px;">

🍻
<span class="icon_twittemoji">🍏 🍓 >>> 🧉</span>
</div>


<div class="dialogue">

<div style="width: 24%; padding-left: 4px; padding-top: 10px" >
<div style="width: 24%; padding-left: 4px; padding-top: 4px" >
<div class="centaur" style="color: blue;">.</div></div>
<div style="width: 80%; font-size: 160%; overflow-wrap: break-word;padding-right: 10px; padding-top: 20px;">
さあ、ポーションをどうぞ。
さあ、どうぞ


</div>
Expand Down Expand Up @@ -167,5 +162,12 @@

</div>

<script src="https://unpkg.com/twemoji@latest/dist/twemoji.min.js" crossorigin="anonymous"></script>
<script>
twemoji.parse(
document.body,
{ base: 'https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/' }
)
</script>

</body></html>
Loading

0 comments on commit b987d86

Please sign in to comment.