diff options
Diffstat (limited to '_www-kbbi/index.html')
| -rw-r--r-- | _www-kbbi/index.html | 205 |
1 files changed, 205 insertions, 0 deletions
diff --git a/_www-kbbi/index.html b/_www-kbbi/index.html new file mode 100644 index 0000000..4fc9edd --- /dev/null +++ b/_www-kbbi/index.html @@ -0,0 +1,205 @@ +<!DOCTYPE html lang="id"> +<html> + <head> + <title>Project KBBI</title> + + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + + <script type="text/javascript" src="kbbiclient.js"></script> + <script type="text/javascript" src="index.js"></script> + <style> + a { + text-decoration: none; + } + body { + font-family: sans-serif; + margin: 0px auto; + width: 800px; + padding: 0px; + } + h2 { + border-bottom: 1px solid silver; + } + input, + button { + height: 32px; + } + pre { + overflow: auto; + background-color: cornsilk; + color: black; + padding: 1.25em; + border-radius: 5px; + } + .topbar { + background: aliceblue; + font-size: 24px; + padding: 1em; + height: 24px; + } + .topbar .title { + float: left; + } + .topbar .menu-item { + float: right; + } + .unduh { + display: inline-block; + } + .unduh-item { + float: left; + border: 1px solid silver; + border-radius: 5px; + padding: 6px; + margin: 10px 10px; + } + .row { + width: 100%; + display: flex; + } + .f-left { + width: 100%; + display: flex; + flex-flow: column; + height: 32px; + } + .b-right { + width: 200px; + display: flex; + flex-flow: column; + margin-left: 10px; + height: 32px; + } + .kelas-kata, + .contoh { + margin-left: 2em; + } + + @media only screen and (max-width: 992px) { + body { + width: 90%; + } + .unduh-item { + text-align: center; + min-width: 200px; + max-width: 50%; + } + } + </style> + </head> + <body> + <div class="topbar"> + <div class="title"> + Proyek KBBI + </div> + <div class="menu"> + <span class="menu-item"> + <a + href="https://github.com/shuLhan/kbbi" + target="_blank" + title="Sumber kode KBBI di Github" + > + <img src="assets/github.svg" width="24px" /> + </a> + </span> + </div> + </div> + <p> + Proyek implementasi antar-muka perintah dan API untuk Kamus Besar + Bahasa Indonesia. + </p> + + <h2>Program kbbi</h2> + <p> + Program kbbi yaitu antar-muka untuk mencari definisi dari kata + lewat baris perintah. + </p> + <p> + Program ini sangat sederhana, cara menggunakannya cukup dengan + memberikan kata yang dicari setelah nama program, misalnya, + </p> + <pre> +$ kbbi bahasa +</pre + > + <p> + maka akan mencetak definisi dari kata "bahasa" ke layar, + </p> + <pre> +=== bahasa + Definisi #1: sistem lambang bunyi yang arbitrer, yang digunakan oleh + anggota suatu masyarakat untuk bekerja sama, berinteraksi, dan + mengidentifikasikan diri + Kelas #1: Nomina: kata benda + Kelas #2: Linguistik: - + + Definisi #2: percakapan (perkataan) yang baik; tingkah laku yang baik; sopan santun + Kelas #1: Nomina: kata benda + Contoh #1: baik budi --nya + + ... +</pre + > + + <p> + Unduh program KBBI untuk sistem operasi Anda, + </p> + + <div class="unduh"> + <a + class="unduh-item" + href="bin/kbbi-linux-amd64.gz" + title="Program kbbi untuk linux 64bit" + > + <img width="32px" src="assets/linux.svg" /> + Linux 64bit + </a> + <a + class="unduh-item" + href="bin/kbbi-darwin-amd64.gz" + title="Program kbbi untuk macOS 64bit" + > + <img width="32px" src="assets/macos.svg" /> + macOS 64bit + </a> + <a + class="unduh-item" + href="bin/kbbi-windows-amd64.zip" + title="Program kbbi untuk Windows 64bit" + > + <img width="32px" src="assets/windows.svg" /> + Windows 64bit + </a> + </div> + + <p> + Sumber kode dapat diunduh di + <a + href="https://github.com/shuLhan/kbbi" + target="_blank" + title="Sumber kode KBBI di Github" + > + tautan berikut + </a> + </p> + + <h2>Definisi kata</h2> + + <div class="row"> + <div class="f-left"> + <input type="text" id="kata" maxlength="64" /> + </div> + <div class="b-right"> + <button onclick="cariDefinisi()">Cari definisi</button> + </div> + </div> + + <p class="note"> + Catatan: Pisahkan kata dengan koma untuk mencari lebih dari satu + kata. + </p> + + <div id="definisi-result"></div> + </body> +</html> |