fixing layout for books

fxadilima · Sep 14, 2023 · 913c07f · 913c07f
1 parent 3bbcce9
commit 913c07f
Show file tree

Hide file tree

Showing 11 changed files with 317 additions and 60 deletions.
diff --git a/public/images/rompi-berduri.jpg b/public/images/rompi-berduri.jpg
diff --git a/src/layouts/Books.astro b/src/layouts/Books.astro
@@ -17,8 +17,10 @@ const { frontmatter } = Astro.props;
     </head>
     <body>
         <main class="w3-main">
-            <div class="w3-content" id="novel">
-                <slot />
+            <div class="w3-content">
+                <div class="w3-container">
+                    <slot />
+                </div>
             </div>
         </main>
     </body>

diff --git a/src/pages/facts/abstract.md b/src/pages/facts/abstract.md
@@ -0,0 +1,68 @@
+---
+layout: ../../layouts/Books.astro
+title: Ujian Negara Di Era Dinasti Yuan
+author: FX. Adi Lima
+description: Ujian Negara Di Era Dinasti Yuan.
+---
+
+# Abstrak
+
+Fakta yang sudah pasti adalah sbb:
+
+- Chaghan Temur diangkat menjadi pejabat dengan tugas membasmi pemberontak pada tahun 1356. Fakta yang ada sebelum 
+  tahun ini adalah:
+  - Tahun 1351, beraksi untuk membela diri di Shenqiu, Henan.
+  - Tahun 1352, diangkat menjadi darughachi[^darughachi].
+
+- Xu Shouhui mendirikan gerakan Pemberontak Hong Ji pada bulan Agustus tahun 1351.
+
+- Pada tahun 1351 itu, Chen Youliang yang dilahirkan pada tahun 1320 berusia 31 tahun, dan bergabung dengan Hong Ji,
+  di bawah pimpinan Ni Wenjun.
+
+- Changhan Temur tewas di medan perang pada tahun 1362, saat itu Chen Youliang berusia 42 tahun. 
+
+[^darughachi]: Pejabat sipil pemungut pajak.
+
+Sangat tidak masuk akal kalau kita menempatkan cerita mengenai Chen Youliang bergabung dengan Xu Shouhui sekitar tahun
+1369, menjelang Zhang Wuji meengundurkan diri dari Ming Jiao, atau pada saat Zhu Yuanzhang mulai secara terbuka 
+menunjukkan ambisinya untuk menjadi kaisar.
+
+Berikut ini kutipan dari Wikipedia:
+
+<div class="w3-panel w3-pale-green w3-topbar w3-border-green w3-border w3-card">
+<p>
+From 1359 to 1363 Chen's fleet was the strongest on the upper Yangtze River. His power was at least as 
+great as that of another rebel state, Wu, led by Zhu Yuanzhang, founder of the Ming dynasty. In 1360 the 
+Han fleet and army began a long war against Wu forces. At that time, the Wu forces were based in Jiqing 
+(present-day Nanjing). The Wu was later renamed "Ming" in 1368. An attack on the Wu capital was defeated 
+thanks to excellent Wu intelligence (likely due to the defection of part of the Han fleet earlier in the year).
+</p>
+<p>
+The war continued until the climactic Battle of Lake Poyang where the Wu fleet narrowly defeated the larger fleet 
+of Han after three days of fighting.
+</p>
+<p>
+A month after the battle at Lake Poyang, the Han fleet tried to break out from Lake Poyang. During the resulting 
+ship battles Chen was killed (he was alleged to have died from an arrow wound in the head). He was 43 years old 
+at the time of his death in October 3, 1363.
+</p>
+<p>- <a href="https://en.wikipedia.org/wiki/Chen_Youliang#Biography">Referensi Wikipedia tentang Chen Youliang</a></p>
+</div>
+
+Kalau dalam kutipan di atas ditulis 'Han', itu mengacu pada Chen Youliang, yang pada saat itu sudah mendeklarasikan
+diri sebagai Raja Han.
+
+Nama 'Ming' baru dipakai oleh pasukan Zhu Yuanzhang pada tahun 1368, yaitu menjelang mereka menggulingkan Dinasti Yuan.
+Tak diragukan lagi, nama tersebut diambil — atau settidaknya terinspirasi oleh Ming Jiao.
+
+Ming Jiao sendiri secara literal berarti 'Ajaran Terang', atau 'Perguruan Terang'. Dan 'Terang' yang dimaksud
+di sini adalah pelopor gerakan tersebut — Mani.
+
+Tahun 1363 adalah setahun setelah tewasnya Jendral Chaghan Temur. Ini artinya kita bisa menarik kesimpulan sederhana
+bahwa kedua orang ini — Zhu Yuanzhang dan Chen Youliang sebelumnya tidak saling bergebrak. Hanya setelah jendral
+tangguh tersebut tewas, barulah mereka melihat bahwa perjalanan menuju tahta sudah sangat dekat.
+
+<div class="w3-bar-block w3-border">
+    <a class="w3-bar-item w3-btn w3-hover-black w3-round" href="/"><i class="fa fa-home"></i> Home</a>
+    <a class="w3-bar-item w3-btn w3-hover-black w3-round" href="/yttlj/ending">Ending dari Yitian Tulong Ji</a>
+</div>
diff --git a/src/pages/sdyxz/bab10.md b/src/pages/sdyxz/bab10.md
@@ -261,7 +261,7 @@ ia bergegas menuju pintu keluar. Ouyang Ke berteriak keras, "Aku tertipu!" Ia ha
 berseru untuk memperingatkan, tapi tidak bisa mengejar. Sha Tongtian, Peng Lianhu dan
 yang lain melihat Huang Rong menipu Ouyang Ke dengan cerdik, dan tidak bisa menahan tawa.
 
-<div class="w3-panel w3-card-4">
+<div class="w3-panel w3-card">
     <h4>Catatan</h4>
     <p>
     Peristilahan dalam sebuah jurus yang diperagakan Huang Rong ini terasa agak aneh, dan
@@ -289,7 +289,7 @@ yang lain melihat Huang Rong menipu Ouyang Ke dengan cerdik, dan tidak bisa mena
     </p>
     <div class="w3-container w3-center">
         <a href="https://youtube.com/clip/Ugkx_qcXP96oAORlP9RfPfzf5LAMTjc4AHQh" target="_blank">
-            <img src="images/rompi-berduri.jpg" alt="Rompi Berduri Huang Rong"/>
+            <img src="/images/rompi-berduri.jpg" alt="Rompi Berduri Huang Rong"/>
         </a>
         <div class="w3-container w3-center">
         <p><em>Raut wajahnya berubah saat ia teringat, berteriak, "Rompi Kulit Landak... Rompi Kulit Landak!"</em></p>

diff --git a/src/pages/sdyxz/bab11.md b/src/pages/sdyxz/bab11.md
@@ -1,12 +1,38 @@
+---
+layout: ../../layouts/Books.astro
+title: Memanah Rajawali - Bab 10
+author: FX. Adi Lima
+description: Cerita silat Memanah Burung Rajawali, Bab 10
+---
+
 # Bab 11
-## Qiu Chuji Mengaku Kalah
 
-| Ilustrasi | Narasi |
-|   :---:   | :---   |
-| ![Ilustrasi Bab 11](https://res.cloudinary.com/drzjshskk/image/upload/e_sharpen:400/v1676692824/sdyxz/originals/loch-11_pmioc0.jpg) | _Pada hari yang ke delapan, Guo Jing berhasil mencapai puncak. Ia mengulurkan tangan dan mengangkat Huang Rong ke atas. Mereka melompat-lompat kegirangan, larut dalam kemenangan. Lalu sambil bergandengan tangan, mereka menuruni air terjun sekali lagi._ |
+<div class="w3-row-padding">
+    <div class="w3-col w3-card-4 s12 m4 l4">
+        <img src="https://res.cloudinary.com/drzjshskk/image/upload/e_sharpen:400/v1676692824/sdyxz/originals/loch-11_pmioc0.jpg" alt="Gambar Ilustrasi Bab 11" width="100%" />
+    </div>
+    <div class="w3-col s12 m8 l8">
+        <div class="w3-container">
+            <h3>Ilustrasi</h3>
+            <p>
+                Pada hari yang ke delapan, Guo Jing berhasil mencapai puncak. Ia mengulurkan tangan dan mengangkat 
+                Huang Rong ke atas. Mereka melompat-lompat kegirangan, larut dalam kemenangan. Lalu sambil bergandengan 
+                tangan, mereka menuruni air terjun sekali lagi.
+            </p>
+            <div class="w3-bar-block w3-border">
+                <a href="/sdyxz" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-home"></i> Daftar Buku</a>
+                <a href="/sdyxz/bab10" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-arrow-left"></i> Bab 10</a>
+                <a href="/sdyxz/bab12" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-arrow-right"></i> Bab 12</a>
+            </div>
+        </div>
+    </div>
+</div>
 
 ***
 
+## Qiu Chuji Mengaku Kalah
+
+
 Melihat adik seperguruannya dalam bahaya besar, Sha Tongtian melompat untuk bergegas 
 melepaskan genggaman Mei Chaofeng. Segera setelah kedua tangan mereka bertemu, mereka merasa
 tangan mereka mendadak nyeri. Sementara itu dari arah kiri datanglah suara berdesir dari

diff --git a/src/pages/sdyxz/bab12.md b/src/pages/sdyxz/bab12.md
@@ -1,12 +1,38 @@
+---
+layout: ../../layouts/Books.astro
+title: Memanah Rajawali - Bab 10
+author: FX. Adi Lima
+description: Cerita silat Memanah Burung Rajawali, Bab 10
+---
+
 # Bab 12
-## Kebanggaan Sang Naga
 
-| Ilustrasi | Narasi |
-|   :---:   | :---   |
-| ![Ilustrasi Bab 12](https://res.cloudinary.com/drzjshskk/image/upload/v1676662508/sdyxz/originals/ch12_shdy3n.jpg) | Tiba-tiba Wanyan Kang mengerti. "Dia sedang mengatakan bahwa kami berdua sama sekali tidak ada hubungan darah!" Ia menggenggam tangan kanan gadis itu dan tersenyum. Muka Mu Nianci memerah, ia meronta sedikit, tetapi tidak melepaskan genggamannya, membiarkan pemuda itu menggenggam tangannya. Kepalanya tertunduk lebih dalam. |
+<div class="w3-row-padding">
+    <div class="w3-col w3-card-4 s12 m4 l4">
+        <img src="https://res.cloudinary.com/drzjshskk/image/upload/v1676662508/sdyxz/originals/ch12_shdy3n.jpg" alt="Gambar Ilustrasi Bab 12" width="100%" />
+    </div>
+    <div class="w3-col s12 m8 l8">
+        <div class="w3-container">
+            <h3>Ilustrasi</h3>
+            <p>
+                Tiba-tiba Wanyan Kang mengerti. "Dia sedang mengatakan bahwa kami berdua sama sekali tidak ada hubungan 
+                darah!" Ia menggenggam tangan kanan gadis itu dan tersenyum. Muka Mu Nianci memerah, ia meronta sedikit, 
+                tetapi tidak melepaskan genggamannya, membiarkan pemuda itu menggenggam tangannya. Kepalanya tertunduk 
+                lebih dalam.
+            </p>
+            <div class="w3-bar-block w3-border">
+                <a href="/sdyxz" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-home"></i> Daftar Buku</a>
+                <a href="/sdyxz/bab11" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-arrow-left"></i> Bab 11</a>
+                <a href="/sdyxz/bab13" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-arrow-right"></i> Bab 13</a>
+            </div>
+        </div>
+    </div>
+</div>
 
 ***
 
+## Kebanggaan Sang Naga
+
 Huang Rong siap untuk memotong ayam itu ketika mereka mendengar suara dari arah belakang,
 "Porsi ketiga. Aku mau pantatnya!"
 

diff --git a/src/pages/sdyxz/bab13.md b/src/pages/sdyxz/bab13.md
@@ -1,12 +1,38 @@
+---
+layout: ../../layouts/Books.astro
+title: Memanah Rajawali - Bab 13
+author: FX. Adi Lima
+description: Cerita silat Memanah Burung Rajawali, Bab 13
+---
+
 # Bab 13
-## Orang Lumpuh Di Lima Danau
 
-| Ilustrasi | Narasi |
-|   :---:   | :---   |
-| ![Ilustrasi Bab 13](https://res.cloudinary.com/drzjshskk/image/upload/v1676692862/sdyxz/originals/loch-13_q1tnfz.jpg) | _Saat perompak Danau Tai dan perahu pejabat Jin mendekat, terdengar suara teriakan, makian, benturan senjata, dan suara cipratan air, saat tubuh-tubuh manusia jatuh ke air. Setelah beberapa saat, perahu pejabat terbakar, apinya menerangi langit yang gelap dan memancarkan sinar merah menyala di atas danau._ |
+<div class="w3-row-padding">
+    <div class="w3-col w3-card-4 s12 m4 l4">
+        <img src="https://res.cloudinary.com/drzjshskk/image/upload/v1676692862/sdyxz/originals/loch-13_q1tnfz.jpg" alt="Gambar Ilustrasi Bab 13" width="100%" />
+    </div>
+    <div class="w3-col s12 m8 l8">
+        <div class="w3-container">
+            <h3>Ilustrasi</h3>
+            <p>
+                Saat perompak Danau Tai dan perahu pejabat Jin mendekat, terdengar suara teriakan, makian, benturan 
+                senjata, dan suara cipratan air, saat tubuh-tubuh manusia jatuh ke air. Setelah beberapa saat, 
+                perahu pejabat terbakar, apinya menerangi langit yang gelap dan memancarkan sinar merah menyala 
+                di atas danau.
+            </p>
+            <div class="w3-bar-block w3-border">
+                <a href="/sdyxz" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-home"></i> Daftar Buku</a>
+                <a href="/sdyxz/bab12" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-arrow-left"></i> Bab 12</a>
+                <a href="/sdyxz/bab14" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-arrow-right"></i> Bab 14</a>
+            </div>
+        </div>
+    </div>
+</div>
 
 ***
 
+## Orang Lumpuh Di Lima Danau
+
 Ketika Huang Rong pulang ke penginapan malam itu, ia berpikir bahwa ia baru saja berbuat baik, dan ia merasa
 teramat sangat senang. Seiring dengan hal itu, ia tertidur pulas dan nyaman, lalu menceritakan semuanya kepada
 Guo Jing pada saat ia bangun keesokan harinya. Guo Jing sebelumnya telah menghabiskan banyak energi untuk menangani

diff --git a/src/pages/sdyxz/bab14.md b/src/pages/sdyxz/bab14.md
@@ -1,13 +1,38 @@
-# Bab 14
-## Majikan Pulau Bunga Persik
+---
+layout: ../../layouts/Books.astro
+title: Memanah Rajawali - Bab 14
+author: FX. Adi Lima
+description: Cerita silat Memanah Burung Rajawali, Bab 14
+---
 
+# Bab 14
 
-| Ilustrasi | Narasi |
-|   :---:   | :---   |
-| ![Ilustrasi Bab 14](https://res.cloudinary.com/drzjshskk/image/upload/v1676692895/sdyxz/originals/loch-14_fkrvnr.jpg) | _Kekuatan Delapan Belas Jurus Penakluk Naga tidaklah ringan. Namun Mei Chaofeng selalu tahu sebelumnya kemana arah serangannya dan mampu menghindar dengan cepat. Beberapa langkah kemudian orang aneh itu menjentikkan tiga kerikil secara berurutan. Mei Chaofeng mengikuti suara itu dan meluncurkan tiga serangan mematikan satu demi satu._ |
+<div class="w3-row-padding">
+    <div class="w3-col w3-card-4 s12 m4 l4">
+        <img src="https://res.cloudinary.com/drzjshskk/image/upload/v1676692895/sdyxz/originals/loch-14_fkrvnr.jpg" alt="Gambar Ilustrasi Bab 14" width="100%" />
+    </div>
+    <div class="w3-col s12 m8 l8">
+        <div class="w3-container">
+            <h3>Ilustrasi</h3>
+            <p>
+                Saat perompak Danau Tai dan perahu pejabat Jin mendekat, terdengar suara teriakan, makian, benturan 
+                senjata, dan suara cipratan air, saat tubuh-tubuh manusia jatuh ke air. Setelah beberapa saat, 
+                perahu pejabat terbakar, apinya menerangi langit yang gelap dan memancarkan sinar merah menyala 
+                di atas danau.
+            </p>
+            <div class="w3-bar-block w3-border">
+                <a href="/sdyxz" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-home"></i> Daftar Buku</a>
+                <a href="/sdyxz/bab13" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-arrow-left"></i> Bab 13</a>
+                <a href="/sdyxz/bab15" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-arrow-right"></i> Bab 15</a>
+            </div>
+        </div>
+    </div>
+</div>
 
 ***
 
+## Majikan Pulau Bunga Persik
+
 Yang dilihatnya adalah enam orang, lima pria dan satu wanita, memasuki aula. Mereka adalah Enam Orang Aneh dari Jiangnan.
 Mereka menjelajah ke utara dan selatan dan pada hari itu tiba di Danau Tai, di mana mereka bertemu dengan beberapa orang
 Jianghu di atas perahu yang menerima mereka dengan penuh perhatian.

diff --git a/src/pages/sdyxz/bab15.md b/src/pages/sdyxz/bab15.md
@@ -1,12 +1,38 @@
+---
+layout: ../../layouts/Books.astro
+title: Memanah Rajawali - Bab 15
+author: FX. Adi Lima
+description: Cerita silat Memanah Burung Rajawali, Bab 15
+---
+
 # Bab 15
-## Sang Naga Mengibaskan Ekor
 
-| Ilustrasi | Narasi |
-|   :---:   | :---   |
-| ![Ilustrasi Bab 15](https://res.cloudinary.com/drzjshskk/image/upload/v1676692925/sdyxz/originals/loch-15_bqilvq.jpg) | _Guo Jing melihat di depannya ada dua patung tanah liat, yang satu mirip laki-laki, yang lain perempuan. Patung-patung ini dibuat di kota Wuxi yang terkenal. Mereka bulat, gemuk dan sangat lucu. Di depan patung-patung itu ada mangkuk tanah liat kecil berisi kelopak bunga, daun, dan sebagainya._ |
+<div class="w3-row-padding">
+    <div class="w3-col w3-card-4 s12 m4 l4">
+        <img src="https://res.cloudinary.com/drzjshskk/image/upload/v1676692925/sdyxz/originals/loch-15_bqilvq.jpg" alt="Gambar Ilustrasi Bab 15" width="100%" />
+    </div>
+    <div class="w3-col s12 m8 l8">
+        <div class="w3-container">
+            <h3>Ilustrasi</h3>
+            <p>
+                Guo Jing melihat di depannya ada dua patung tanah liat, yang satu mirip laki-laki, yang lain 
+                perempuan. Patung-patung ini dibuat di kota Wuxi yang terkenal. Mereka bulat, gemuk dan sangat 
+                lucu. Di depan patung-patung itu ada mangkuk tanah liat kecil berisi kelopak bunga, daun, dan 
+                sebagainya.
+            </p>
+            <div class="w3-bar-block w3-border">
+                <a href="/sdyxz" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-home"></i> Daftar Buku</a>
+                <a href="/sdyxz/bab14" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-arrow-left"></i> Bab 14</a>
+                <a href="/sdyxz/bab16" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-arrow-right"></i> Bab 16</a>
+            </div>
+        </div>
+    </div>
+</div>
 
 ***
 
+## Sang Naga Mengibaskan Ekor
+
 Sesaat kemudian Lu Guanying teringat tamu mereka yang lain. Ia membantu Wanyan Kang berdiri tapi ternyata Wanyan Kang 
 tidak bisa bergerak karena jalan darahnya masih tertotok. Hanya matanya yang bergerak.