fixed layouts

fxadilima · Sep 13, 2023 · 925134b · 925134b
1 parent 28a3c07
commit 925134b
Show file tree

Hide file tree

Showing 6 changed files with 159 additions and 31 deletions.
diff --git a/src/layouts/Books.astro b/src/layouts/Books.astro
@@ -10,6 +10,8 @@ const { frontmatter } = Astro.props;
         <title>{frontmatter.title}</title>
         <meta name="generator" content={Astro.generator} />
 		<meta name="author" content={frontmatter.author} />
+        <meta name="description" content="Astro description">
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
         <link href="/styles/w3.css" rel="stylesheet"/>
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
     </head>

diff --git a/src/pages/sdyxz/bab10.md b/src/pages/sdyxz/bab10.md
@@ -1,12 +1,39 @@
+---
+layout: ../../layouts/Books.astro
+title: Memanah Rajawali - Bab 10
+author: FX. Adi Lima
+description: Cerita silat Memanah Burung Rajawali, Bab 10
+---
+
 # Bab 10
-## Pertemuan Para Musuh
 
-| Ilustrasi | Narasi |
-|   :---:   | :---   |
-| ![Ilustrasi Bab 10](https://res.cloudinary.com/drzjshskk/image/upload/e_sharpen:200/v1676692788/sdyxz/originals/loch-10_nsxcbk.jpg) | _Mengikuti arahannya, Guo Jing menempatkan Mei Chaofeng di atas bahunya dan buru-buru mengejar lawan yang melarikan diri. Tubuhnya memiliki dasar-dasar kungfu yang kuat, dan tubuh Mei Chaofeng tidak berat, jadi meskipun wanita itu bertengger di atas bahunya, kegesitannya sama sekali tidak berkurang. Ia dengan cepat melompat ke depan dan Mei Chaofeng tegak bersamanya._ |
+<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:200/v1676692788/sdyxz/originals/loch-10_nsxcbk.jpg" alt="Gambar Ilustrasi Bab 10" width="100%" />
+    </div>
+    <div class="w3-col s12 m8 l8">
+        <div class="w3-container">
+            <h3>Ilustrasi</h3>
+            <p>
+                Mengikuti arahannya, Guo Jing menempatkan Mei Chaofeng di atas bahunya dan buru-buru mengejar lawan 
+                yang melarikan diri. Tubuhnya memiliki dasar-dasar kungfu yang kuat, dan tubuh Mei Chaofeng tidak 
+                berat, jadi meskipun wanita itu bertengger di atas bahunya, kegesitannya sama sekali tidak berkurang. 
+                Ia dengan cepat melompat ke depan dan Mei Chaofeng tegak bersamanya.
+            </p>
+            <div class="w3-bar 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/bab9" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-arrow-left"></i> Bab 9</a>
+                <a href="/sdyxz/bab11" class="w3-bar-item w3-btn w3-hover-black w3-round">Bab 11 <i class="fa fa-arrow-right"></i></a>
+            </div>
+        </div>
+    </div>
+</div>
 
 ***
 
+## Pertemuan Para Musuh
+
+
 Wanyan Kang sangat terkejut ketika melihat Yang Tiexin keluar dari dalam lemari itu,
 dan kemudian mengenalinya. Ia berteriak, "Ternyata kau!" Ia mengacungkan tombak besi itu
 dan segera mengadopsi gerakan Hang Bu Deng Hu (Langkah Harimau Berbaris), diikuti dengan

diff --git a/src/pages/sdyxz/bab6.md b/src/pages/sdyxz/bab6.md
@@ -9,13 +9,16 @@ description: Cerita silat Memanah Burung Rajawali, Bab 6
 
 <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:162/v1676692567/sdyxz/originals/loch-05_exhrii.jpg" alt="Gambar Ilustrasi Bab 5" width="100%" />
+        <img src="https://res.cloudinary.com/drzjshskk/image/upload/e_sharpen:200/v1676692655/sdyxz/originals/loch-06_hqtnmd.jpg" alt="Gambar Ilustrasi Bab 6" width="100%" />
     </div>
     <div class="w3-col s12 m8 l8">
         <div class="w3-container">
             <h3>Ilustrasi</h3>
             <p>
-                Temujin tersenyum, mengarahkan busurnya dan menembakkan panah besi yang, seperti petir, mengiris tubuh elang hitam. Kerumunan bertepuk tangan. Khan kemudian memberikan busurnya kepada Ogedai. "Sekarang giliranmu!"
+                Guo Jing menembakkan tiga anak panah yang melesat dengan kecepatan seperti angin, dan menewaskan 
+                tiga orang pengejar terdekat. Sambil tetap menembakkan panah, ia membunuh seorang pengejar lagi. 
+                Sementara itu, Jebe sudah tiba di dekatnya dan juga ikut menembakkan anak-anak panahnya, yang 
+                sangat cepat dan mematikan.
             </p>
             <div class="w3-bar 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>

diff --git a/src/pages/sdyxz/bab7.md b/src/pages/sdyxz/bab7.md
@@ -1,12 +1,38 @@
+---
+layout: ../../layouts/Books.astro
+title: Memanah Rajawali - Bab 7
+author: FX. Adi Lima
+description: Cerita silat Memanah Burung Rajawali, Bab 7
+---
+
 # Bab 7
-## Perlombaan Mencari Jodoh
 
-| Ilustrasi | Narasi |
-|   :---:   | :---   |
-| ![Ilustrasi Bab 7](https://res.cloudinary.com/drzjshskk/image/upload/v1676662508/sdyxz/originals/ch07_ijj1tf.jpg) | _Guo Jing merampas spanduk yang bertuliskan Lomba Mencari Jodoh itu, lalu menyapu tiangnya di sepanjang lengannya. Spanduk itu terbalik di atas muka si pangeran. Si Pangeran memiringkan tubuhnya ke samping dan mengangkat tombaknya. Dengan bayangan merah melingkar dan mata tombak yang berkelap-kelip ia menusukkan tombaknya ke arah Guo Jing._     |
+<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/ch07_ijj1tf.jpg" alt="Gambar Ilustrasi Bab 7" width="100%" />
+    </div>
+    <div class="w3-col s12 m8 l8">
+        <div class="w3-container">
+            <h3>Ilustrasi</h3>
+            <p>
+                Guo Jing menembakkan tiga anak panah yang melesat dengan kecepatan seperti angin, dan menewaskan 
+                tiga orang pengejar terdekat. Sambil tetap menembakkan panah, ia membunuh seorang pengejar lagi. 
+                Sementara itu, Jebe sudah tiba di dekatnya dan juga ikut menembakkan anak-anak panahnya, yang 
+                sangat cepat dan mematikan.
+            </p>
+            <div class="w3-bar 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/bab6" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-arrow-left"></i> Bab 6</a>
+                <a href="/sdyxz/bab8" class="w3-bar-item w3-btn w3-hover-black w3-round">Bab 8 <i class="fa fa-arrow-right"></i></a>
+            </div>
+        </div>
+    </div>
+</div>
 
 ***
 
+## Perlombaan Mencari Jodoh
+
 Keenam Orang Aneh dan Guo Jing mengambil arah ke Tenggara. Perjalanan itu memakan
 waktu sangat panjang. Mereka memerlukan waktu berhari-hari hanya untuk keluar dari
 padang rumput. Hari itu mereka tidak jauh dari Zhang Jia Kou (di jaman sekarang 

diff --git a/src/pages/sdyxz/bab8.md b/src/pages/sdyxz/bab8.md
@@ -1,12 +1,39 @@
+---
+layout: ../../layouts/Books.astro
+title: Memanah Rajawali - Bab 7
+author: FX. Adi Lima
+description: Cerita silat Memanah Burung Rajawali, Bab 7
+---
+
 # Bab 8
-## Memamerkan Ilmu Silat
 
-| Ilustrasi | Narasi |
-|   :---:   | :---   |
-| ![Ilustrasi Bab 8](https://res.cloudinary.com/drzjshskk/image/upload/e_sharpen:200/v1676692724/sdyxz/originals/loch-08_yhusym.jpg) | _Tiba-tiba terdengar suara tawa lembut dan Guo Jing berpaling, dan mendengar suara cipratan air dan sehelai daun melayang turun dari sebuah pohon. Lalu ia melihat seorang anak perempuan di bagian belakang sebuah perahu, sedang mendayung dengan santai. Rambutnya panjang melewati bahu, ia mengenakan setelan putih dari ujung kepala sampai ujung kaki, dan di rambutnya terselip sebuah jepit berwarna keemasan yang berkilau seperti api._ |
+<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:200/v1676692724/sdyxz/originals/loch-08_yhusym.jpg" alt="Gambar Ilustrasi Bab 8" width="100%" />
+    </div>
+    <div class="w3-col s12 m8 l8">
+        <div class="w3-container">
+            <h3>Ilustrasi</h3>
+            <p>
+                Tiba-tiba terdengar suara tawa lembut dan Guo Jing berpaling, dan mendengar suara cipratan air 
+                dan sehelai daun melayang turun dari sebuah pohon. Lalu ia melihat seorang anak perempuan di 
+                bagian belakang sebuah perahu, sedang mendayung dengan santai. Rambutnya panjang melewati bahu, 
+                ia mengenakan setelan putih dari ujung kepala sampai ujung kaki, dan di rambutnya terselip 
+                sebuah jepit berwarna keemasan yang berkilau seperti api.
+            </p>
+            <div class="w3-bar 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/bab7" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-arrow-left"></i> Bab 7</a>
+                <a href="/sdyxz/bab9" class="w3-bar-item w3-btn w3-hover-black w3-round">Bab 9 <i class="fa fa-arrow-right"></i></a>
+            </div>
+        </div>
+    </div>
+</div>
 
 ***
 
+## Memamerkan Ilmu Silat
+
 Wang Chuyi berlari luar biasa cepat. Dalam waktu singkat mereka sudah tiba di luar kota. Dalam 
 beberapa li, mereka sudah sampai di bawah kaki bukit. Karena penasaran ingin menguji kemampuan
 Guo Jing, ia tidak memperlambat larinya, dan bahkan semakin cepat.
@@ -36,15 +63,18 @@ ia menatap Wang Chuyi, tanpa mengerti.
 Qiu Chuji. Kau tahu itu?"
 
 "Ah!" Guo Jing tercengang. "Aku tidak menyadari ini..." Sebenarnya, Ma Yu memang mengajarkan beberapa
-ilmu dasar untuk mengendalikan tenaga dalam, dan juga ilmu meringankan tubuh yang bernama Jin Ying Fei Xiang
-(金鹰飞翔, Elang Emas Terbang), supaya ia bisa mendaki tebing terjal itu. Tetapi ia tidak mengajarkan
+ilmu dasar untuk mengendalikan tenaga dalam, dan juga ilmu meringankan tubuh yang bernama 
+Jin Ying Fei Xiang[^jin-ying-fei-xiang], 
+supaya ia bisa mendaki tebing terjal itu. Tetapi ia tidak mengajarkan
 teknik berkelahi atau ketrampilan memegang senjata sekecil apapun. Itulah sebabnya Guo Jing sama sekali
 tidak memahami ilmu bela diri aliran Quanzhen. Mendengar keterangan Wang Chuyi, ia teringat pertarungannya
 dengan si pendeta muda Yin Zhiping, yang kelihatannya menggunakan teknik yang sama seperti yang
 digunakan oleh Wanyan Kang. Ia merasa sudah melakukan kesalahan, dan ia _kowtow_ di hadapan Wang Chuyi.
 "Aku tidak tahu," katanya dengan rendah hati. "kalau Wanyan Kang adalah murid dari Qiu Dao Zhang. Aku sudah
 keterlaluan, tolong jangan menyalahkan dia..."
 
+[^jin-ying-fei-xiang]: Jin Ying Fei Xiang (金鹰飞翔), atau Elang Emas Terbang. Ilmu meringankan tubuh khas Quanzhen.
+
 Tawa Wang Chuyi meledak. "Semangatmu untuk berbuat baik dan benar sungguh menyentuh aku. Masa aku menyalahkan
 kamu? Peraturan perguruan sangat ketat. Kalau seorang murid melakukan kesalahan, dia pasti akan mendapat
 hukuman yang setimpal dan keadilan akan ditegakkan. Anak muda itu sangat kurang ajar dan sombong. Aku akan
@@ -81,9 +111,11 @@ dan mencari Mu Yi," usulnya. "Kelihatannya putrinya agak keras kepala, ini bisa
 Mereka pergi ke Penginapan Keberuntungan, di sebelah Barat kota. Ketika mereka tiba di
 pintu gerbang penginapan, sepuluh pelayan berseragam sudah menunggu. Mereka menghampiri
 kedua tamu itu dan menyapa, "Majikan kami dengan rendah hati mengundang Dao Zhang dan
-Guo Gong Zhi untuk menghadiri perjamuan di kediamannya yang sederhana." Undangan berwarna
+Guo Gongzi[^gongzi] untuk menghadiri perjamuan di kediamannya yang sederhana." Undangan berwarna
 merah disertai dengan tanda tangan bernada hormat, "Yang mengundang, Wanbei Wanyan Kang".
 
+[^gongzi]: Gong Zi (公子), setara dengan sebutan 'Tuan Muda'.
+
 "Baiklah kalau begitu," kata Wang Chuyi sambil mengangguk. "Kami akan hadir."
 
 Kepala pelayan itu berkata lagi, "Kue-kue dan buah-buahan ini adalah pemberian dari Xiao Wangye.
@@ -928,15 +960,14 @@ Mendengar ucapannya Guo Jing merasa cemas. Huang Rong tersenyum kecil dan berkat
 mau menyanyi sekarang, dengar baik-baik." Huang rong memalingkan kepalanya dengan lembut,
 ia bersandar ke ujung perahu dan mulai menyanyi dengan suara jernih.
 
-<div class="w3-panel w3-card-4 w3-blue">
-    <h4>Catatan</h4>
+<div class="w3-container w3-card-4">
+    <h4>Lagu</h4>
     <p>
-        Syair berikut saya terjemahkan hampir secara literal dari terjemahan bahasa Inggris,
-        yang tentu saja tidak mewakili keindahan syair aslinya. Pengetahuan saya mengenai sastra
-        Tionghoa, apalagi yang kuno, sungguh-sungguh mendekati nol. Saya menerjemahkannya hanya untuk
-        melengkapi cerita ini.
+        Syair berikut diterjemahkan apa adanya sesuai dengan novel karya Jin Yong.
     </p>
-    <blockquote><pre><em>
+    <div class="w3-panel w3-leftbar w3-border-blue">
+        <p class="w3-xlarge w3-serif">
+            <pre><em>
     "Angsa liar menembus tirai dingin membeku.
     Lembutnya salju membungkus rembulan pucat di bulan pertama.
     Air sungai mengalir bagaikan sisir di antara helai rambut pengantin.
@@ -946,7 +977,9 @@ ia bersandar ke ujung perahu dan mulai menyanyi dengan suara jernih.
     dibungkus lembar demi lembar sutra bersulam naga.
     Bersama angin Timur, senyum menawan, 
     puluhan ribu bunga tertunduk malu berharap untuk ditinggalkan."
-    </em></pre></blockquote>
+            </em></pre>
+        </p>
+    </div>
 </div>
 
 Guo Jing mendengarkan setiap patah kata dengan teliti. Meskipun ia tidak mengerti artinya,

diff --git a/src/pages/sdyxz/bab9.md b/src/pages/sdyxz/bab9.md
@@ -1,12 +1,47 @@
+---
+layout: ../../layouts/Books.astro
+title: Memanah Rajawali - Bab 9
+author: FX. Adi Lima
+description: Cerita silat Memanah Burung Rajawali, Bab 9
+---
+
 # Bab 9
-## Tombak Berkarat dan Bajak Rusak
 
-| Ilustrasi | Narasi |
-|   :---:   | :---   |
-| ![Ilustrasi Bab 9](https://res.cloudinary.com/drzjshskk/image/upload/e_sharpen:400/v1676692753/sdyxz/originals/loch-09_fpvxuk.jpg) | Yang Tiexin menurunkan tombak berkarat yang tergantung di dinding. Ia mengetuk gagang tombak itu dengan lembut sambil menghela nafas, "Tombak besi ini sudah berkarat. Ini sudah lama tidak dipakai." Wang Fei berkata dengan lembut, "Tolong jangan sentuh tombak itu. Tombak itu barang paling berharga yang aku miliki." "Betulkah?" tanya Yang Tiexin. "Tombak ini dulunya punya pasangan, tapi sekarang ia tinggal sendirian." |
+<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/v1676692753/sdyxz/originals/loch-09_fpvxuk.jpg" alt="Gambar Ilustrasi Bab 9" width="100%" />
+    </div>
+    <div class="w3-col s12 m8 l8">
+        <div class="w3-container">
+            <h3>Ilustrasi</h3>
+            <p>
+                Yang Tiexin menurunkan tombak berkarat yang tergantung di dinding. Ia mengetuk gagang tombak itu 
+                dengan lembut sambil menghela nafas, "Tombak besi ini sudah berkarat. Ini sudah lama tidak dipakai."
+            </p>
+            <p>
+                Wang Fei berkata dengan lembut, "Tolong jangan sentuh tombak itu. Tombak itu barang paling berharga 
+                yang aku miliki."
+            </p>
+            <p>
+                "Betulkah?" tanya Yang Tiexin. 
+            </p>
+            <p>
+                "Tombak ini dulunya punya pasangan, tapi sekarang ia tinggal sendirian."
+            </p>
+            <div class="w3-bar 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/bab8" class="w3-bar-item w3-btn w3-hover-black w3-round"><i class="fa fa-arrow-left"></i> Bab 8</a>
+                <a href="/sdyxz/bab10" class="w3-bar-item w3-btn w3-hover-black w3-round">Bab 10 <i class="fa fa-arrow-right"></i></a>
+            </div>
+        </div>
+    </div>
+</div>
 
 ***
 
+## Tombak Berkarat dan Bajak Rusak
+
+
 Guo Jing dan Huang Rong kembali ke kediaman Pangeran Zhao dan melompati tembok tinggi untuk memasuki
 halaman. Huang Rong berbisik ke telinga Guo Jing, "Qing Gong-mu bagus sekali!" Guo Jing mengendap-endap
 di bawah pagar tembok itu untuk mengawasi segala gerakan yang mungkin ada di halaman. Ia senang mendengar
@@ -1390,9 +1425,11 @@ dari perguruan kita..." Kalau tidak melihat muka Sha Tongtian yang semakin murka
 ia pasti akan menyebutkan nama-nama gerakan itu.
 
 Peng Lianhu juga semakin marah. Ia berpikir, "Sejauh ini aku sudah berbaik hati dan menyerang
-dengan hati-hati, tapi anak ini lebih licik dari _Yaonu_ (妖女, 'Tukang Sihir'). Kalau tidak
+dengan hati-hati, tapi anak ini lebih licik dari Yaonu[^yao-nu]. Kalau tidak
 menggunakan cara kejam aku tidak akan bisa menebak asal-usul kungfunya."
 
+[^yao-nu]: Yao Nu (妖女) secara literal artinya adalah 'Tukang Sihir Perempuan'.
+
 Setelah mempelajari dasar-dasar ilmu silat, biasanya orang akan memilih gaya dari beberapa
 perguruan lain yang berbeda. Dengan berjalannya waktu ia bisa jadi cukup akrab dengan 
 gerakan-gerakan tersebut. Tetapi dalam pertarungan hidup-mati, mereka akan selalu kembali 
@@ -1729,7 +1766,7 @@ untuk _Niang_, tapi _Niang_ selalu menolak!"
 lengkap sekalipun! _Hai'Er_ (Anakku Sayang), kau tidak beruntung — kau belum pernah tinggal bersama
 ayah dan ibumu yang sejati di dalam tempat kumuh seperti itu."
 
-Ketika Yang Tiexin mendengar kalimat itu, ia tiba-tiba merasakan gejolak emosi dan tidak kuasa
+Ketika Yang Tiexin mendengar kalimat itu, ia tiba-tiba merasakan gejolak emosi dan tak kuasa
 menahan air matanya lagi.
 
 Wanyan Kang tertawa, "_Niang_, semakin bicara, _Niang_ jadi semakin aneh. Mana mungkin ayah bisa