Rename project to PepakBasaJawa and update branding

- Update project name and copyright - Replace README content and deployment instructions - Remove Netlify config and example posts - Add privacy policy post - Update about page with new description and philosophy

Seto Elkahfi committed Jul 12, 2025 at 11:31 UTC 22c79af742cb37b89d08442c0d5eb81a96fd0fd3
13 files changed +91 -534
LICENSE
+1 -1
@@ -1,6 +1,6 @@
1 MIT License
2
3 -Copyright (c) 2025 3ASH
3 +Copyright (c) 2025 PepakBasaJawa
4
5 Permission is hereby granted, free of charge, to any person obtaining a copy
6 of this software and associated documentation files (the "Software"), to deal
README.md
+7 -7
@@ -1,11 +1,10 @@
1 -# Chiri 🌸
1 +# PepakBasaJawa
2
3 -![screenshot-light](public/images/screenshot-light.png)
4 -![screenshot-dark](public/images/screenshot-dark.png)
3 +Tempat belajar bahasa Jawa.
4
6 -Chiri is a minimal blog theme built with [Astro](https://astro.build), offering customization options while preserving its clean aesthetic.
5 +## Deploy on smbCloud
6
8 -Check the [demo](https://astro-chiri.netlify.app/) for more details.
7 +[![Deploy to smbCloud](https://github.com/smbcloudXYZ/smbcloud-cli/blob/development/deploy.svg)](https://smbcloud.xyz)
8
9 ## Features
10
@@ -20,7 +19,7 @@ Check the [demo](https://astro-chiri.netlify.app/) for more details.
19
20 ## Getting Started
21
23 -1. [Fork](https://github.com/the3ash/astro-chiri/fork) this repository, or use this template to [create a new repository](https://github.com/new?template_name=astro-chiri&template_owner=the3ash).
22 +1. Clone the repo.
23
24 2. Run the following commands:
25
@@ -40,7 +39,7 @@ Check the [demo](https://astro-chiri.netlify.app/) for more details.
39
40 5. Deploy to Netlify, Vercel, or other platforms, refer to [Astro Deployment Guides](https://docs.astro.build/en/guides/deploy/) for more details.
41
43 - [![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start) [![Deploy to Vercel](https://vercel.com/button)](https://vercel.com/new)
42 + [![Deploy to smbCloud](https://github.com/smbcloudXYZ/smbcloud-cli/blob/development/deploy.svg)](https://smbcloud.xyz)
43
44 ## Commands
45
@@ -49,6 +48,7 @@ Check the [demo](https://astro-chiri.netlify.app/) for more details.
48
49 ## References
50
51 +- https://astro-chiri.netlify.app/
52 - https://paco.me/
53 - https://benji.org/
54 - https://shud.in/
netlify.toml deleted
-127
@@ -1,127 +0,0 @@
1 -[build]
2 - publish = "dist"
3 - command = "pnpm run build"
4 -
5 -# Redirects for Astro static assets
6 -[[redirects]]
7 - from = "/_astro/*"
8 - to = "/_astro/:splat"
9 - status = 200
10 -
11 -# Enable Brotli Compression
12 -[build.processing]
13 - skip_processing = false
14 -[build.processing.css]
15 - bundle = true
16 - minify = true
17 -[build.processing.js]
18 - bundle = true
19 - minify = true
20 -[build.processing.html]
21 - pretty_urls = true
22 -
23 -# Global headers for performance
24 -[[headers]]
25 - for = "/*"
26 - [headers.values]
27 - X-Frame-Options = "SAMEORIGIN"
28 - X-Content-Type-Options = "nosniff"
29 - Referrer-Policy = "strict-origin-when-cross-origin"
30 - Permissions-Policy = "geolocation=(), microphone=(), camera=(), fullscreen=(self)"
31 - Content-Security-Policy = '''
32 - default-src 'self';
33 - script-src 'self' 'unsafe-inline' 'unsafe-eval' https:;
34 - style-src 'self' 'unsafe-inline' https:;
35 - img-src 'self' data: https: blob:;
36 - font-src 'self' data: https:;
37 - frame-src https:;
38 - connect-src 'self' https:;
39 - object-src 'none';
40 - worker-src 'self' blob:;
41 - child-src 'self' blob:;
42 - '''
43 -
44 -# Static assets caching
45 -[[headers]]
46 - for = "/assets/*"
47 - [headers.values]
48 - Cache-Control = "public, max-age=31536000, immutable"
49 - Vary = "Accept-Encoding"
50 -
51 -[[headers]]
52 - for = "/fonts/*"
53 - [headers.values]
54 - Cache-Control = "public, max-age=31536000, immutable"
55 - Vary = "Accept-Encoding"
56 -
57 -[[headers]]
58 - for = "/_astro/*"
59 - [headers.values]
60 - Cache-Control = "public, max-age=31536000, immutable"
61 - Vary = "Accept-Encoding"
62 -
63 -[[headers]]
64 - for = "*.css"
65 - [headers.values]
66 - Cache-Control = "public, max-age=31536000, immutable"
67 - Vary = "Accept-Encoding"
68 -
69 -[[headers]]
70 - for = "*.js"
71 - [headers.values]
72 - Cache-Control = "public, max-age=31536000, immutable"
73 - Vary = "Accept-Encoding"
74 -
75 -# HTML caching with revalidation
76 -[[headers]]
77 - for = "*.html"
78 - [headers.values]
79 - Cache-Control = "public, max-age=300, s-maxage=3600"
80 - Vary = "Accept-Encoding"
81 -
82 -# Image optimization
83 -[[headers]]
84 - for = "*.jpg"
85 - [headers.values]
86 - Cache-Control = "public, max-age=31536000, immutable"
87 - Vary = "Accept-Encoding"
88 -
89 -[[headers]]
90 - for = "*.png"
91 - [headers.values]
92 - Cache-Control = "public, max-age=31536000, immutable"
93 - Vary = "Accept-Encoding"
94 -
95 -[[headers]]
96 - for = "*.webp"
97 - [headers.values]
98 - Cache-Control = "public, max-age=31536000, immutable"
99 - Vary = "Accept-Encoding"
100 -
101 -# Homepage with resource hints
102 -[[headers]]
103 - for = "/"
104 - [headers.values]
105 - Link = "</fonts/Inter.woff2>; rel=preload; as=font; type=font/woff2; crossorigin=anonymous, </fonts/Besley-Italic.woff2>; rel=preload; as=font; type=font/woff2; crossorigin=anonymous"
106 - Cache-Control = "public, max-age=300, s-maxage=3600"
107 - Vary = "Accept-Encoding"
108 -
109 -# Article page optimization
110 -[[headers]]
111 - for = "/posts/*"
112 - [headers.values]
113 - Cache-Control = "public, max-age=600, s-maxage=3600"
114 - Vary = "Accept-Encoding"
115 -
116 -# Enable compression
117 -[[headers]]
118 - for = "/*"
119 - [headers.values]
120 - Vary = "Accept-Encoding"
121 -
122 -
123 -
124 -
125 -
126 -
127 -
package.json
+1 -1
@@ -1,5 +1,5 @@
1 {
2 - "name": "astro-chiri",
2 + "name": "pepakbasajawa-web",
3 "type": "module",
4 "version": "0.5.0",
5 "license": "MIT",
src/content/about/about.md
+16 -8
@@ -2,15 +2,23 @@
2 title: About
3 ---
4
5 -<!--
6 -This content will be displayed at the top of the index page.
7 -You can leave this empty if you don’t want to show any content.
8 --->
5 +# Selamat Datang di PepakBasaJawa
6
10 -A static blog theme based on [Astro](https://astro.build), designed for clarity and focus.
7 +**PepakBasaJawa Komplit** adalah sumber belajar bahasa Jawa yang lengkap dan gratis. Kami berkomitmen untuk melestarikan dan memperkenalkan kekayaan bahasa Jawa kepada semua kalangan.
8
12 -The layout is intentionally minimal, letting your content take center stage without distraction. Built with flexibility in mind, the theme offers some freedom to customize while preserving its clean aesthetic.
9 +## Tentang Kami
10
14 -Effortlessly share your thoughts in _a calm & dustless space._
11 +PepakBasaJawa didirikan dengan tujuan menyediakan akses pembelajaran bahasa Jawa yang mudah dan menyenangkan. Kami percaya bahwa bahasa adalah jendela menuju budaya, dan bahasa Jawa memiliki kekayaan budaya yang luar biasa untuk dieksplorasi.
12
16 -Check posts below for details and view source on [GitHub](https://github.com/the3ash/astro-chiri).
13 +## Yang Kami Tawarkan
14 +
15 +- **Pelajaran Bahasa**: Dari tingkat dasar hingga mahir
16 +- **Kosakata**: Kumpulan kata dan ungkapan dalam bahasa Jawa
17 +- **Tata Bahasa**: Penjelasan tentang struktur dan aturan bahasa Jawa
18 +- **Budaya**: Wawasan tentang tradisi dan nilai-nilai Jawa melalui bahasanya
19 +
20 +## Filosofi Kami
21 +
22 +Kami percaya bahwa pembelajaran terbaik terjadi dalam lingkungan yang nyaman dan ramah. Situs ini dirancang dengan prinsip kesederhanaan, kejelasan, dan fokus pada konten yang bermanfaat.
23 +
24 +_Matur nuwun sampun sowan ing PepakBasaJawa. Sugeng sinau!_
src/content/posts/KaTeX-example.md deleted
-49
@@ -1,49 +0,0 @@
1 ----
2 -title: 'KaTeX Examples'
3 -pubDate: '2025-05-19'
4 ----
5 -
6 -This theme includes built-in KaTeX support for rendering mathematical expressions in your content.
7 -
8 ----
9 -
10 -## Examples
11 -
12 -- Inline math: $E = mc^2$
13 -- Block math:
14 -
15 -$$
16 -\begin{equation}
17 -\sum_{i=1}^{k+1} i = \left(\sum_{i=1}^{k} i\right) + (k+1)
18 -\end{equation}
19 -$$
20 -
21 -$$
22 -\begin{equation}
23 -= \frac{k(k+1)}{2} + k + 1
24 -\end{equation}
25 -$$
26 -
27 -$$
28 -\begin{equation}
29 -= \frac{k(k+1) + 2(k+1)}{2}
30 -\end{equation}
31 -$$
32 -
33 -$$
34 -\begin{equation}
35 -= \frac{(k+1)(k+2)}{2}
36 -\end{equation}
37 -$$
38 -
39 -$$
40 -\begin{equation}
41 -= \frac{(k+1)((k+1)+1)}{2}
42 -\end{equation}
43 -$$
44 -
45 ----
46 -
47 -## Ref
48 -
49 -- [KaTeX Documentation](https://katex.org/docs/supported.html)
src/content/posts/_draft-example.md deleted
-6
@@ -1,6 +0,0 @@
1 ----
2 -title: draft-example
3 -pubDate: '2025-07-09'
4 ----
5 -
6 -Start the filename with `_` to mark it as a draft and hide it from the list.
src/content/posts/embedded-content.md deleted
-42
@@ -1,42 +0,0 @@
1 ----
2 -title: 'Embedded Content'
3 -pubDate: '2025-06-06'
4 ----
5 -
6 -Use these directives to embed media:
7 -
8 -```
9 -::spotify{url="https://open.spotify.com/type/xxxxxx"}
10 -
11 -::youtube{url="https://www.youtube.com/watch?v=xxxxxx"}
12 -
13 -::bilibili{url="https://www.bilibili.com/video/xxxxxx"}
14 -
15 -::github{repo="username/repo"}
16 -
17 -::x{url="https://x.com/username/status/xxxxxx"}
18 -```
19 -
20 ----
21 -
22 -## Spotify
23 -
24 -::spotify{url="https://open.spotify.com/track/41Y0ch6R3jzpJOZv6nhf9Z?si=6c82dbed65ab4853"}
25 -
26 -::spotify{url="https://open.spotify.com/album/1kBPEN3NIVwjdmIjjNk9vB?si=Lz29MvjwRnKX9y3dhxlbaQ"}
27 -
28 -## YouTube
29 -
30 -::youtube{url="https://www.youtube.com/embed/GlhV-OKHecI?si=KdB4rRPLAMEK-ozf"}
31 -
32 -## BiliBili
33 -
34 -::bilibili{url="https://www.bilibili.com/video/BV1Vm421W7pX/?vd_source=c0bc2746a6d2b23de50d26376498b2ff"}
35 -
36 -## GitHub
37 -
38 -::github{repo="the3ash/astro-chiri"}
39 -
40 -## X Post
41 -
42 -::x{url="https://x.com/DAVID_LYNCH/status/1174367510893752321"}
src/content/posts/markdown-style-guide.md deleted
-87
@@ -1,87 +0,0 @@
1 ----
2 -title: 'Markdown Style Guide'
3 -pubDate: '2025-06-28'
4 ----
5 -
6 -This theme does not define more levels of headlines. If needed, you can define them in `src/styles/post.css`.
7 -
8 ----
9 -
10 -## Paragraph
11 -
12 -Here's a practical example of a paragraph in Markdown. This text demonstrates how content flows naturally in a blog post.
13 -
14 -You can use various formatting options like **bold**, _italic_, ~~strikethrough~~, and `code` within your paragraphs.
15 -
16 -## Blockquotes
17 -
18 -> Don't communicate by sharing memory, share memory by communicating.<br>
19 -> — <cite>Rob Pike[^1]</cite>
20 -
21 -[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
22 -
23 -### Ordered List
24 -
25 -1. First item
26 -2. Second item
27 -3. Third item
28 -
29 -### Unordered List
30 -
31 -- Item
32 - - Subitem
33 - - Subitem
34 -
35 -## Task List
36 -
37 -- [ ] First item
38 -- [ ] Second item
39 -- [x] Third item
40 -
41 -## Image
42 -
43 -To hide the caption, start it with an underscore `_` or leave the alt text empty.
44 -
45 -![HIKARI](./_assets/hikari.jpg)
46 -
47 -## Tables
48 -
49 -| Style | Weight | Other |
50 -| -------- | -------- | ------ |
51 -| Normal | Regular | Text |
52 -| _Italic_ | **Bold** | `Code` |
53 -
54 -## Code Blocks
55 -
56 -```jsx
57 -// Button.jsx
58 -
59 -const Button = ({ text, onClick }) => {
60 - const [count, setCount] = useState(0)
61 -
62 - const handleClick = () => {
63 - setCount(count + 1)
64 - onClick?.()
65 - }
66 -
67 - return (
68 - <button className="btn" onClick={handleClick}>
69 - {text} ({count})
70 - </button>
71 - )
72 -}
73 -```
74 -
75 -## Other Elements — sub, sup, abbr, kbd, mark
76 -
77 -H<sub>2</sub>O
78 -
79 -X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
80 -
81 -<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
82 -
83 -Press <kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Delete</kbd> to end the session.
84 -
85 -Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
86 -
87 ----
src/content/posts/privacy-policy.md new
+66
@@ -0,0 +1,66 @@
1 +---
2 +title: Privacy Policy
3 +pubDate: '2025-07-12'
4 +---
5 +
6 +# Kebijakan Privasi PepakBasaJawa
7 +
8 +*Terakhir diperbarui: 12 Juli 2023*
9 +
10 +## Pendahuluan
11 +
12 +Selamat datang di PepakBasaJawa! Kami menghargai kepercayaan Anda dan berkomitmen untuk melindungi privasi Anda. Kebijakan Privasi ini menjelaskan bagaimana kami mengumpulkan, menggunakan, dan melindungi informasi yang Anda berikan saat menggunakan situs web kami.
13 +
14 +## Tidak Ada Pengumpulan Data
15 +
16 +PepakBasaJawa tidak mengumpulkan, menyimpan, atau melacak data pengguna apa pun. Kami berkomitmen pada privasi pengguna, dan situs kami didesain untuk berfungsi tanpa perlu mengumpulkan informasi pribadi.
17 +
18 +Kami tidak menggunakan:
19 +- Cookies pelacakan
20 +- Analytics
21 +- Pengumpulan data pengguna
22 +- Sistem login yang memerlukan informasi pribadi
23 +- Teknologi pengumpulan data otomatis lainnya
24 +
25 +## Komitmen Kami Terhadap Privasi
26 +
27 +Kami berkomitmen untuk menyediakan layanan pembelajaran Bahasa Jawa tanpa mengumpulkan data pribadi pengguna. Ini berarti:
28 +- Anda dapat belajar Bahasa Jawa tanpa khawatir tentang pelacakan atau pengumpulan data
29 +- Kami tidak menganalisis perilaku pengguna atau membuat profil penggunaan
30 +- Tidak ada data yang perlu kami lindungi karena kami tidak mengumpulkannya
31 +
32 +## Tidak Ada Cookies atau Teknologi Pelacakan
33 +
34 +PepakBasaJawa tidak menggunakan cookies, pixel, atau teknologi pelacakan lainnya. Situs kami dirancang untuk memberikan pengalaman belajar Bahasa Jawa tanpa menyimpan informasi pada perangkat Anda atau melacak aktivitas Anda.
35 +
36 +## Tidak Ada Berbagi Informasi
37 +
38 +Karena kami tidak mengumpulkan informasi pribadi, kami tidak memiliki data pengguna yang dapat dibagikan dengan pihak ketiga manapun.
39 +
40 +## Keamanan
41 +
42 +Meskipun kami tidak mengumpulkan data pengguna, kami tetap memperhatikan keamanan situs kami untuk memastikan pengalaman yang aman bagi semua pengunjung.
43 +
44 +## Hak Privasi Anda
45 +
46 +Karena kami tidak mengumpulkan data pribadi apa pun, Anda tidak perlu khawatir tentang pengelolaan atau penghapusan data Anda dari sistem kami. Privasi Anda terjamin sepenuhnya karena tidak ada data yang perlu diakses, dikoreksi, atau dihapus.
47 +
48 +## Situs yang Aman untuk Semua Usia
49 +
50 +Situs kami aman untuk pengunjung dari segala usia, termasuk anak-anak, karena kami tidak mengumpulkan informasi pribadi dari siapa pun. Konten kami berfokus pada pembelajaran Bahasa Jawa dan tersedia untuk semua orang tanpa perlu memberikan data apa pun.
51 +
52 +## Perubahan pada Kebijakan Privasi Ini
53 +
54 +Kami dapat memperbarui Kebijakan Privasi ini dari waktu ke waktu. Kami akan memberi tahu Anda tentang perubahan apa pun dengan memposting Kebijakan Privasi baru di halaman ini dan memperbarui tanggal "Terakhir diperbarui" di bagian atas.
55 +
56 +## Kontak Kami
57 +
58 +Jika Anda memiliki pertanyaan tentang Kebijakan Privasi ini atau praktik kami, silakan hubungi kami di:
59 +
60 +Email: [info@pepakbasajawa.com](mailto:info@pepakbasajawa.com)
61 +
62 +Situs web: [https://pepakbasajawa.5mb.app/](https://pepakbasajawa.5mb.app/)
63 +
64 +---
65 +
66 +*PepakBasaJawa - Belajar Bahasa Jawa tanpa khawatir tentang privasi Anda.*
src/content/posts/the-tr-808-story.md deleted
-77
@@ -1,77 +0,0 @@
1 ----
2 -title: The TR-808 Story
3 -pubDate: '2025-05-10'
4 ----
5 -
6 -![_tr-808](./_assets/tr-808.png)
7 -
8 -The Roland TR-808 Rhythm Composer, often simply called the "808," is one of the most influential electronic instruments ever created. Despite its initial commercial failure, this drum machine went on to shape entire genres of music and become a cultural icon. This is the story of how a machine designed to replace drummers ended up revolutionizing music production.
9 -
10 -## The Birth of the 808
11 -
12 -In the late 1970s, Roland Corporation was looking to create an affordable drum machine that could compete with the expensive Linn LM-1, which was the first drum machine to use digital samples. The company's engineers, led by **Ikutaro Kakehashi**, set out to create something different—a machine that would use **analog synthesis** to generate drum sounds rather than digital samples.
13 -
14 -The development team faced several challenges:
15 -
16 -1. **Cost constraints** - The machine needed to be affordable for home musicians
17 -2. **Sound design** - Creating realistic drum sounds using only analog circuits
18 -3. **User interface** - Making it intuitive for musicians to program rhythms
19 -
20 -> "We wanted to create something that would make drummers obsolete, but instead we created something that made everyone want to be a drummer." — Ikutaro Kakehashi
21 -
22 -## The "Failed" Launch
23 -
24 -When the TR-808 was released in 1980, it was met with **disappointing sales**. The machine cost \$1,195 (approximately \$4,000 in today's dollars) and was criticized for its "unrealistic" drum sounds. Professional studios preferred the more expensive Linn LM-1, which used actual drum samples.
25 -
26 -The 808's analog sounds were considered too electronic and artificial:
27 -
28 -- The kick drum was too boomy and lacked the punch of real drums
29 -- The snare had a distinctive "clap" sound that sounded nothing like a real snare
30 -- The hi-hats were metallic and harsh
31 -- The toms had a characteristic "boing" sound
32 -
33 -Roland discontinued the TR-808 in 1983 after selling only about **12,000 units**, considering it a commercial failure.
34 -
35 -## The Hip-Hop Revolution
36 -
37 -The TR-808's fortunes changed dramatically when **hip-hop producers** discovered its unique sound. In the early 1980s, young producers in New York, particularly in the Bronx, began experimenting with the machine.
38 -
39 -Key early adopters included **Afrika Bambaataa** who used the 808 on "Planet Rock" (1982), **Marley Marl** who pioneered the use of 808 kicks in hip-hop, **Rick Rubin** who incorporated 808 sounds in early Def Jam recordings, and **The Bomb Squad** who used 808s extensively in Public Enemy's production.
40 -
41 -The 808's distinctive kick drum became the foundation of hip-hop's rhythmic backbone. Its deep, resonant bass sound could shake entire neighborhoods when played through powerful sound systems.
42 -
43 -## The Miami Bass Phenomenon
44 -
45 -In the mid-1980s, the TR-808 found another home in **Miami**, where it became the centerpiece of a new genre called **Miami Bass** or **Booty Bass**. Producers like **2 Live Crew** made the 808 kick drum the star of their tracks, **DJ Magic Mike** created entire albums built around 808 patterns, and **Luke Skyywalker** used 808s to create the signature Miami sound.
46 -
47 -The 808's ability to produce extremely low frequencies made it perfect for the car audio culture that was emerging in Miami, where bass-heavy music became a status symbol.
48 -
49 -## Electronic Music and Dance
50 -
51 -The TR-808's influence extended far beyond hip-hop. In the late 1980s and early 1990s, it became essential in house music and techno. **Frankie Knuckles** and **Marshall Jefferson** used 808s in early Chicago house, while the machine's hi-hats and claps became signature sounds of house music. Its programmable sequencer allowed for complex rhythmic patterns.
52 -
53 -In techno music, **Juan Atkins**, **Derrick May**, and **Kevin Saunderson** (the Belleville Three) incorporated 808s into Detroit techno. The machine's futuristic sounds fit perfectly with techno's robotic aesthetic, and its affordability made it accessible to bedroom producers.
54 -
55 -## The 808 in Modern Music
56 -
57 -Even today, the TR-808 continues to influence music production through software emulations and hardware reissues. **Roland Cloud** offers the official software version of the 808, **Native Instruments** includes 808 samples in their libraries, and **Ableton Live** features 808-inspired drum racks.
58 -
59 -Hardware reissues include the **Roland TR-08** boutique series reissue, the **Roland TR-8S** modern drum machine with 808 sounds, and the **Behringer RD-8** affordable clone of the original.
60 -
61 -## Cultural Impact
62 -
63 -The TR-808 has transcended its role as a musical instrument to become a **cultural symbol**. It has influenced fashion with 808-inspired clothing and accessories, art with visual artists incorporating 808 imagery in their work, film through documentaries and movies about the machine's impact, and literature with books and articles celebrating its legacy.
64 -
65 -> "The 808 didn't just change music—it changed culture. It gave a voice to communities that didn't have access to expensive studio equipment." — Questlove
66 -
67 -## The Enduring Legacy
68 -
69 -The Roland TR-808's story is a perfect example of how **failure can lead to innovation**. What was initially considered a commercial flop became one of the most important musical instruments of the 20th century.
70 -
71 -Key lessons from the 808 story include embracing imperfection (the 808's "flaws" became its greatest strengths), understanding that accessibility matters (affordable tools can democratize music creation), recognizing that community adoption is crucial (users often find creative applications designers never imagined), and appreciating that timeless design remains relevant for decades.
72 -
73 -The TR-808's influence continues to grow, proving that sometimes the most revolutionary innovations come from unexpected places. From its humble beginnings as a "failed" drum machine to its status as a cultural icon, the 808 has truly earned its place in music history.
74 -
75 ----
76 -
77 -_The TR-808 may have been discontinued in 1983, but its beat goes on, inspiring new generations of musicians and producers to create the music of tomorrow._
src/content/posts/theme-guide.md deleted
-98
@@ -1,98 +0,0 @@
1 ----
2 -title: 'Theme Guide'
3 -pubDate: '2025-07-10'
4 ----
5 -
6 -Chiri is a minimal blog theme built with [Astro](https://astro.build), offering customization options while preserving its clean aesthetic.
7 -
8 ----
9 -
10 -## Basic Commands
11 -
12 -- `pnpm new <title>` - Create a new post (use `_title` for drafts)
13 -- `pnpm update-theme` - Update the theme to the latest version
14 -
15 -## Main Files & Directories
16 -
17 -- `src/content/about/about.md` - Edit the about section of the index page. Leave it empty if you don’t want any content.
18 -- `src/content/posts/` - All blog posts are stored here
19 -- `src/config.ts` - Configure main site info and settings ↓
20 -
21 -```ts
22 -export const SITE = {
23 - // Site domain
24 - website: 'https://pepakbasajawa.5mb.app/',
25 - // Site title
26 - title: 'PepakBasaJawa',
27 - // Author name
28 - author: 'PepakBasaJawa',
29 - // Site description
30 - description: 'PepakBasaJawa Komplit - Tempat belajar bahasa Jawa',
31 - // Default language
32 - language: 'id-ID',
33 -
34 - // Content area width
35 - contentWidth: '35rem',
36 - // Use centered layout (false for left-aligned)
37 - centeredLayout: true,
38 - // Show favicon on index page
39 - favicon: false,
40 - // Show theme toggle button
41 - themeToggle: false,
42 - // Show footer
43 - footer: true,
44 - // Enable fade animations
45 - fadeAnimation: true,
46 -
47 - // Date format: YYYY-MM-DD, MM-DD-YYYY, DD-MM-YYYY, MONTH DAY YYYY, DAY MONTH YYYY
48 - dateFormat: 'YYYY-MM-DD',
49 - // Date separator: . - / (except for MONTH DAY YYYY and DAY MONTH YYYY)
50 - dateSeparator: '.',
51 - // Date position in post list (true for right, false for left)
52 - dateOnRight: true,
53 -
54 - // Show reading time in posts
55 - readingTime: false,
56 - // Show table of contents
57 - toc: true,
58 - // Enable image viewer
59 - imageViewer: true,
60 - // Enable copy button in code blocks
61 - copyCode: false
62 -}
63 -```
64 -
65 -## Post Frontmatter
66 -
67 -Only `title` and `pubDate` are required fields
68 -
69 -```md
70 ----
71 -title: 'Post Title'
72 -pubDate: '2025-07-10'
73 ----
74 -```
75 -
76 ----
77 -
78 -## Preview of Some Features
79 -
80 -- Theme Toggle
81 -
82 -![_Theme Toggle Button](./_assets/theme-toggle.png)
83 -
84 -- Date on Left Side
85 -
86 -![_Date on Left Side](./_assets/date-on-left.png)
87 -
88 -- Table of Contents
89 -
90 -![_Table of Contents](./_assets/toc.png)
91 -
92 -- Reading Time
93 -
94 -![_Reading Time Display](./_assets/reading-time.png)
95 -
96 -- Copy Code Button
97 -
98 -![_Copy Code Button](./_assets/copy-code.png)
src/content/posts/using-mdx.mdx deleted
-31
@@ -1,31 +0,0 @@
1 ----
2 -title: 'Using MDX'
3 -pubDate: '2025-05-12'
4 ----
5 -
6 -import Callout from '@/components/examples/Callout.astro'
7 -import CounterButton from '@/components/examples/CounterButton.astro'
8 -import Tag from '@/components/examples/Tag.astro'
9 -
10 -MDX combines Markdown with embedded JavaScript and JSX, making it easy to build interactive content. Below are some examples.
11 -
12 ----
13 -
14 -## Callout
15 -
16 -<Callout />
17 -
18 -## Button
19 -
20 -<CounterButton />
21 -
22 -## Tag
23 -
24 -<Tag />
25 -
26 ----
27 -
28 -## Ref
29 -
30 -- [MDX Syntax Documentation](https://mdxjs.com/docs/what-is-mdx)
31 -- [Astro Usage Documentation](https://docs.astro.build/en/guides/markdown-content/#markdown-and-mdx-pages)