Saya sudah memutuskan bahwa saya tidak akan menghapus blog post saya kecuali kalau misleading dan atau hal lainnya yang menuntut untuk menghapus blog post.

dan hal lainnya yaitu untuk mencapai hal yang selama ini saya inginkan yaitu membuat digital garden.

Digital garden adalah sebuah konsep untuk menimbun hal yang kita sukai terlepas dari penilaian orang, lantas apa saja isinya?

Blog post, random quote dan hal lainya yang menurut kamu menarik dan atau sukai, simple like that.

Jadi kalau saya mislead bisa DM di Instagram dan berikan infonya nanti saya hapus postingan tersebut.

Lalu saya juga membuat template untuk Website spesifik one page lebih spesifik lagi link-in-bio, card, mini store dan simple blog.

Untuk demo bisa cek button betterlyfe di bawah ini, thanks!

Membuat minimalis blog statis dengan tema long notes dengan Eleventy.

Saya membuat blog Minimalis dengan static site Generator yaitu eleventy tentu dengan bantuan AI berhubung saya bukan real Developer so yeah apa mau dikata.

Oke jadi di blog ini hanya ada long notes saja post pertam lalu post kedua dan seterusnya, jadi user bisa fokus baca dan mungkin nanti saya but juga fitur arsip tapi atau kalau sekarang sudah cukup.

Oke langsung msuk ke tool saja, saya pakai Eleventy sebagai SSG dan Netlify sebagai CDN dan GitHub untuk host kodenya.

Dikode ini sudah dibuat agar gambar dimuat lebih cepat dengan salah satu Netlify fitur yaitu images optimizer dari Netlify CDN. Jadi gambar bisa dimuat lebih cepat dengan format yang fleksibel sesuai keadaan user yaitu format gambar .avif atau .webp dan ukuran yang tergantung layar misal hp atau laptop.

Hal ini membuat user lebih cepat dalam menerima ata sehingga bisa langsung fokus membaca blog. Dan sudah otomatis di cache di Netlify CDN jadi user yang akses akan menggunakan cache dari user sebelumya jadi gambar lebih cepat dimuat.

Kenapa gambar penting? Karena berhubungan denga experience user, bayangkan kamu buka website dan lama sekali muncul dilayar kamu karena terlalu berat, ga enak kan.

Disinilah peran dri Netlify CDN berjalan yaitu untuk memutus Lola tadi. Dan alasan lainnya karena ini adalah praktik modern dalam membuat website.

Dikode saya simple saja tidak ada arsip, about dan lainnya karena ini untuk keperluan personal tapi sudah ada meta tags karena memang itu standar umum dalam pembuatan website.

Sedikit kode meta tags,

  <title>notes.fzh – Personal notes</title>

  <!-- SEO Meta Tags -->
  <meta name="description" content="Personal notes dari FZH yang isinya tentang design, website dan lainnya.">

Termasuk ada OG images juga tapi saya ga msukin karena terlalu panjang.

Untuk blockcode, inlinecode dan blockqoute juga sudah ada tapi denga style yang minimalis saja.

    /* --- CODE (block & inline) --- */
    pre {
      /* Style sama dengan inline code */
      background-color: #fafafa;
      border: 1px solid #e0e0e0;
      border-radius: 4px;
      color: #333;
      font-family: 'Courier New', Courier, monospace;
      font-size: 0.9em;
      font-weight: 500;
      line-height: 1.6;
      padding: 12px 16px;         /* padding lebih nyaman untuk blok */
      margin: 24px 0;
      overflow-x: auto;
    }

Oia untuk typeface (bukan font) saya pakai font sistem saja, alasan? Mengurangi dependenci terhadap hal asing (wkwkw). Mungkin nanti saya jelasin ya.

Jadi nanti kalau internet lola dan gagal load ya ga masalah karena pakai font sistem sesuai device masing-masing dan ini blog pribadi jadi ga perlu terlalu mewah. Serta untuk mengurangi bandwidth jikalau sumber font dari luar dalam hal ini google font hal ini bisa diakali dengan menghost font di repo yang sama sebenarnya tapi saya ga pakai karena alasan pertama cukup.

Untuk judul dan body,

    body {
      font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

Utuk code,

      font-family: 'Courier New', Courier, monospace;

Fitur infinte scrolling, jadi untuk awal akan download post sebanyak 12 lalu kalau sudah mendekati akan download lagi 8 buah dan begitu seterusnya, ini bertujuan agar user tidak bisa langsung baca tanpa harus menunggu lama serta mendapat experience yang baik.

      // --- INFINITE SCROLL (12 + 8 per batch) ---
      let hiddenNotes = Array.from(document.querySelectorAll('.note-hidden'));
      const sentinel = document.getElementById('sentinel');
      const batchSize = 8;

Back to top jadi kamu ga perlu cape scrolling hanya tekan icon panah keatas.

      // --- BACK TO TOP (ringan, tanpa library) ---
      const backToTop = document.getElementById('backToTop');
      if (backToTop) {
        let ticking = false;
        function updateBackToTop() {
          if (window.scrollY > 300) {
            backToTop.classList.add('show');

Dan tentu hidangan utama kita yaitu images optimizer by Netlify CDN. Ini penting karena umumnya kalau website berat pasti karena gambar yang ga optimal pada saat proses loading.

  // Shortcode gambar optimal: AVIF → WebP fallback
  eleventyConfig.addShortcode("image", function(src, alt, width, height, sizes) {
    const widths = [400, 800, 1200];
    const defaultWidth = 800;
    const sizesAttr = sizes || "(max-width: 680px) 100vw, 680px";

    // Deteksi environment production Netlify
    const isNetlify = process.env.NETLIFY === 'true' || process.env.CONTEXT === 'production';

    if (!isNetlify) {
      // Local development: gambar langsung tanpa CDN
      return `<img src="${src}" alt="${alt}" width="${width}" height="${height}" loading="lazy" decoding="async">`;
    }

    // Fungsi pembuat URL CDN untuk format tertentu
    const cdnUrl = (w, format) =>
      `/.netlify/images?url=${encodeURIComponent(src)}&w=${w}&fm=${format}`;

    // AVIF srcset
    const avifSrcset = widths.map(w => `${cdnUrl(w, 'avif')} ${w}w`).join(", ");
    // WebP srcset
    const webpSrcset = widths.map(w => `${cdnUrl(w, 'webp')} ${w}w`).join(", ");

    // Fallback img (WebP)
    const fallbackSrc = cdnUrl(defaultWidth, 'webp');

    return `
      <picture>
        <source srcset="${avifSrcset}" sizes="${sizesAttr}" type="image/avif">
        <source srcset="${webpSrcset}" sizes="${sizesAttr}" type="image/webp">
        <img
          src="${fallbackSrc}"
          alt="${alt}"
          width="${width}"
          height="${height}"
          loading="lazy"
          decoding="async"
        >
      </picture>
    `;
  });

Nanti kamu akan download gambar (pada saat buka blog saya) sesuai device kamu misal kamu buka dari hp maka gambar akan berbeda size-nya dengan gambar yang dibuka dengan laptop dan tentu Dnegan format gambar modern .avif dengan fallback .webp atau format asli dalam hal ini umumnya saya pakai .png

Minify html dengan css dan script inline bukan beda folder.

  // Minify HTML
  eleventyConfig.addTransform("htmlmin", function(content, outputPath) {
    if (outputPath && outputPath.endsWith(".html")) {
      return htmlmin.minify(content, {
        useShortDoctype: true,
        removeComments: true,
        collapseWhitespace: true,
        minifyCSS: true,
        minifyJS: true
      });

Untuk saat ini saya sudah puas, mungkin dilain waktsaya pakai buat section post list jadi user bisa browse artefak arsip atau buat RSS atau mungkin copy to clipboard atau share ya betul satu satunya yang bisa kamu lakukan untuk share blog adalah dengan cara kopi url di tab atas, sekian.

Cara panggil gambar di file.md sekarang begini (ga bisa ditampilkan shortcode nya karena cloudflare sensitif banget yang ad build gagal, edit: Rabu, 19-08-2026 21:13 WIB dikamar sperti biasa).

Hemh enaknya mulai dari mana ya, tapi yang jelas banyak banget yang mau saya tulis.

Jadi hal ini terjadi saat saya membuat blog minimalis saya dengan tema long notes.

Nah disini sudah pakai image optimizer dari Netlify CDN dengan tujuan agar lebih cepat dari sisi user dan fleksibilitas (gambar otomatis resize dan format modern)

User akan dapat:

1. Gambar yang sesuai dengan ukuran layar, misal kalau kamu buka di hp maka kamu dapet ukuran hp bukan laptop.

2. Gambar dengan format avif atau webp lalu kalau gagal ya file asli dalam hal ini umumnya saya pakai .png

Nah masalahnya saya dan kamu ga boleh percaya gitu aja sama AI jadi saya minta bantu buat ubah .eleventy.js agar pakai image optimizer dari Netlify CDN seperti yang saya jelasin diatas tapi setelah saya cek DeepSeek (AI yang saya pakai) dia ga kasih url path Netlify nya yaitu

/.netlify/images?url=/images/your-image.jpeg 

Dia pakai ini,

/Images/url images/format images 

Justru saya yang kasih tau harus pakai path Netlify setelah browsing manual, kamu bisa cek disini buat baca apa itu Netlify images optimizer.

Tapi ya gitu saya juga ga mau bash DeepSeek terlalu dalam karena mereka juga bantu saya ya kan cuma ya itu memang harusnya kita ga percaya gitu aja sama AI walau emang keliatan meyakinkan.

Sedari awal kita harus setting let's say "tingkat kepercayaan" sama AI sekitar (buat saya) 90-95% aja gausa absolut 100% karena hal diatas.

Dan hal lainnya juga adalah proses minify, kita tau di Eleventy (SSG yang saya pakai) memang ada fitur minify html pas build dengan cara instal plugin @elevnty yg resmi nah dengan itu nanti bisa otomatis minify html dan css, script di inline atau beda folder (pakai path url misal assets/style/css.style).

Nah DeepSeek buat kode tapi bukan pakai Eleventy plugin jadi cuma manual aja di setting eleventy.js nya duhh, saya tau dari mana? Betul fact check pakai AI lagi dalam hal ini Leo AI dari brave.

Dan to be fair saya juga ga teliti ga liat di eleventy.js karena fokus ke hasil build aja, selama ga gagal ya berati ok (maklum cuma pakai hp bukan laptop jadi ga bisa terlalu complex).

My dude ga bilang kalau itu uma buat inline...

Dari sini saya dapat beberapa kesimpulan yaitu:

1. Kontrol terkahir harus ada ditangan manusia bukan AI, jadi kamu harus fact check lagi Dnegan cara cross check pakai AI juga mix dengan baca dokumentasi resmi dari hal yang kamu buat.

2. Setting tingkat keprrykepada AI 90-95% aja atau atur sesuka hati kamu tapi please jangan 100% percaya gitu aja sama AI

3. AI cuma kasih jawaban yang buat kamu senang, saya menduga ini bagian dari personafikasi dalam hal ini kamu pakai AI lalu hasil chat disimpan dan AI pakai itu sebagai training dan setting persona agar lebih "menyatu" dengan kamu (saya memang mau nulis post panjang ini tapi nanti).

4. Proses pembelajaran yang kurang at least buat saya, jadi AI harus dirangsang dulu baru kasih jawaban yang kita mau, nah masalahnya gimna kita mau rangsang kalau sedari awal kita gatau cara rangsangnya karena kita bukan real ahli (Dev)???

Mungkin ini karena saya pakai AI versi gratisan bukan premium makanya hasilnya ga terlalu baik (fix dan akurat?) mungkin ya.

Nitrate Update dan test

I changed the price from $5 to $7, back to the original amount, because of the economy, time, and of course, obvious reasons.

As for the Nitrate theme, it’s already fine and ready to deploy the link, since it’s specifically just a link-in-bio page.

For Betterwebs, it’s also good. The accordion button has a sleek typeface combination and looks dope — it’s a simple page to share your information and links too.

Maude still needs an upgrade, even though it’s already nice. The problem is the space between paragraphs is too big, and also the space between paragraphs and the date/tags area is too large.

I already tried to fix it with mainstream !important rules, so the margin is zero, but it’s still big. Hmm…

And Maude is essentially a copy/inspired by my Eleventy blog that you see right now. On Eleventy, it looks fine. So now the question is: do you want a full minimalist static blog, or just simple pages?

Orang ga tau ini, bahwa ga semua manusia bisa meluapkan emosi or let's say mengeluarkan apa yang ada dikepala.

Kaya senang, sedih atau apapun pun diluar sana ada yang bisa meluapkan perasaan itu ada pula yang milih diam atau mungkin pikir-pikir lagi sebelum melakukan itu.

But why?

Malu, gaenak atau alasan lainya yang orang tersebut tekadang gatau.

Jadi beruntung lah kamu kalau bisa meluapkan emosi kamu keluar. Saya ga bisa...

Untuk menjadi diri saya sendiri saja saya harus membuat second account yang isinya hanya orang random, dan saya pastikan tidak ada yang tau siapa saya.

Terkadang lelah dan timbul pertanyaan,

"Kenapa saya ga bisa jadi diri sendiri aja?"

"Kenapa saya malu buat begini buat begitu?"

No one understand this, sebagian besar kalian (kemungkinan) hanya menghardik.

dari notes ditulis 23 Mei 2026 18:27 WIB

Yeeah, but why?

Well, imagine this: You want to start a business, but someone says, "No, you can't do that with that amount of money; it won't cover the costs."

What do you think after hearing that? Yeah, you will retreat because you are scared of wasting money.

But you forget one thing.

We live in the same sea but use different ships.

The one who says "no, you can't do that" might already hold a silver (or worst, a golden) spoon.

They were already rich since birth, but you are not...

So, if you follow that advice, you will never start a business because you are too scared to lose money and time.

But it's not a real business if you use free classes (or free assets) from the internet... Have you ever felt ashamed?

Yes, you may have heard that once in your life, but our advice is just to ignore it.

Just start it, and make it better later.

How?

There is a solution. How about you just use the free tools you can find on the internet?

Is that legal? Yes.

The internet is full of nice people who share their work for free to make society better.

Just use free tools.

If you open GitHub, you will find someone releasing free LLMs, so you can host them on your own server.

Our blog here uses GitHub to store our code, uses Netlify's free tier for hosting, and uses Eleventy as the base because we love static sites (fast and safe, no server stuff).

Don't have money to hire a graphic designer? Just visit Gumroad, and you will find good people sharing their work for free, really...

Go visit Google Fonts for free typefaces; find whatever font you want to use. Go to Material Design too, and you will find free assets for your design.

Don't have time to make a website template? Just go to Framer.

Even big giant companies have FREE TIERS in their own business models. Yes, they want you to use their products. Try it... start it...

See? It's fine to use free assets from the internet. It's fine to use free tiers (not premium) from companies.

Just start it, then make it premium when you have already earned money.

OBSRVR is a blog directory focused on curating, testing, documenting, and other things related to various assets and tools that I try out, whether from personal sources or the internet.

All curation, testing, and documentation results are subjective [personal].

Why should (you and I) blog?

Personally, it's because I want to document all (like-ly) personal things, and they need to be easily accessible. Sure, not everything (especially the very private stuff) can be posted, but I still want a space to speak (write).

I also enjoy hoarding things I like that I come across on the internet or from other sources (besides the internet).

And I'm pretty lazy when it comes to social media timelines these days — they're full of algorithms, like everyone's competing to do this and that. Of course, there's always a slight urge to join in, and I do follow along sometimes, but then after a while I get burned out because of one thing or another. Tired.

Finally (though I haven't experienced it yet), it's about freedom. We know that social media has owners, and all the content you and I post isn't ours — it's theirs. And as owners, they can delete or suspend your account or posts however they like, without notice or any clear reason.

So that's why I want to have a blog.

Saya selalu mengingat somehow tentang masa SMA dulu, kaya pernah hari kamis /jum'at saya duduk di depan ruangan kajur sambil natap jalan didepannya dan bilang

remember this time, nanti lo ga bakal bisa ada di moment ini lagi,

ngomong gitu karna waktu itu memang usah kelas tiga dan udah mau lulus dan kalo ga salah udah ujian juga. dan sekarang sudah 2026 dan moment itu kejadian tahun 2012... long so long.

tapi anehnya saya masih ingat betul hal tersebut, seperti baru kemarin saja.

saya juga ingat pas kelas satu hari Sabtu duduk di depan kelas (kurang lebih) dan itu jam 12 lewat jadi udah balik sekolah, tapi saya dan beberapa teman masih selonjoran di rumput sambil dengerin lagi yang diputer di toa sekolah hahah.

saya juga inget pada saat salah satu memori tentang seorang wanita, tyssa namanya, kalau ga salah saya Dateng siang lalu pas sampe lapangan ada ekskul PMI lagi pada dilapangan duduk sama pembinanya lalu saya liat tyssa dan dan juga bisa liat tyssa ngeliat saya juga 🙃

not gonna lie, i still remember you.

tapi itu bukan memori awal tentang tysaa, ini pas kelas satu hari Jumat kita masih dikelas yang laki lalu saya liat dia sama temennya di depan kelas (ya kelas kita sampingan jadi bisa liat satu sama lain dari kaca) lagi ngomongin apa tau and i was like damnn cakeep wkwkw.

semua hal diatas semua memori itu begitu singkat karena menyenangkan tapi rasanya abadi.

saya menulis ini dikamar jam 10:44 WIB dan masih dalam kondisi yang sama.

Mencari apapun yang bisa dimakan, terkadang menyelinap diantara kesunyian hanya untuk mencari hal yang bisa dimakan.

Like a dog,

Saya juga ingat ada tokoh fiksi yang sudah lama hidup menyedihkan lalu datang seorang wanita menyelamatkan dia hanya dengan makanan, lalu diambil makanan itu dan untuk pertama kalinya dia merasa senang dan ada yang memperhatikan...

Hal simpel ini membuat tokoh fiksi itu menjadi seperti anjing yang nurut pada tuannya, rela melakukan apapun asalkan dapat yang dibutuhkan dan ya hal itu adalah makanan, a proper meal...

Saya juga ingat tokoh itu bilang kurang lebih

persetan mimpi besar mimpiku hanya ingin makan enak

Dari sini juga saya paham bahwa ga semua mimpi harus besar kadang ada mimpi yang kecil tapi berarti, mungkin kita ga paham kenapa ko punya mimpi gitu banget?

Tapi percayalah buat orang tersebut mimpi itu berarti.

dari notes ditulis 23 Mei 2026 18:27 WIB

Saya membuat blog minimalis dengan tema Timeline

ini post lama tentang blog ini dan layout sudah berubah jauh, jadi jangan berpatokan dengan post ini ya

Berikut saya lampirkan tools dan sedikit penjelasan tentang blog pribadi yang akan saya pakai sebagai directory pikiran saya.

Untuk menyimpan code dan peretelannya (gambar, typeface dan icon) hanya pakai Github yang mana adalah gratis.

Untuk meng-hosting dan domain name saya pakai Netlify free tier sehingga nanti nama blog nya mengandung domain Netlify itu sendiri, lihat dibawah ini.

notes-fzh.netlify.app

Kamu bisa ganti domain name dengan domain name sendiri (kalau sudah punya) atau beli langsung di Netlify sistem.

Untuk Backbone blog nya pake Static Site Generator (SSG) yaitu Eleventy yang mana sudah pasti gratis.

Berhubung saya bukan real Developer jadi saya butuh assisten buat bantu-bantu nulis code raw HTML nya dan saya pakai Gemini, Claude dan Leo yang paling sering dipakai dan ya, itu semua versi free jadi yaa gratis.

Dan modal yang paling berasa adalah Hp Samsung A01 core yang saya beli seharga 300k, waktu serta tenaga untuk buat blognya dan internet punya saudara saya ahahaha.

Tapi jauh sebelum pakai Samsung A01 core saya cuma pakai Realme C2 atau C5 yang RAM nya cuma 2GB itu, duuh.

Jadi biaya buat blog adalah like-ly gratis...

The Timeline, namanya (sebut saja).

Saya membuat blog dengan model timeline dimana yang post terbaru akan muncul di paling atas dan seterusnya.

Apa latar belakang layout ini? Karna saya suka minimalis layout dan gimana kalo buat blog yang post nya langsung muncul pada saat url blog di klik? Lalu jadi lah blog ini.

Design blog ini amat sangat minimalis karena semua post akan muncul sekaligus di satu layar jadi user bisa focus baca dengan cara scrolling aja terus. Design ini sengaja karna saya mau design yang limited klik jadi user ga butuh banyak usaha cuma buat baca blog post.

Kalo layout-nya post terbaru akan selalu ada diatas lalu untuk navbar hanya ada nama blog dikiri dan jam real-time dari user dikanan. Lalu untuk bagian post hanya ada jam serta tanggal dikiri dan tag dikanan kemudian isi dari blog post.

Kemudian fitur baru yang saya tambah cuma syntax highlights, quote style, tentu dengan skema warna yang minimalis juga karena warna design blog ini yang monochrome.

Kalo typeface (iya font iyaa) saya pake IBM Plex Mono karna saya suka komputer-ism kemudian saya juga menambah button dibawah setiap postingan yang mana itu bisa dipakai untuk Email, RSS, Work/Project atau sosial media.

Part tambahan:

Mungkin kalian liat kok ada font yang besar sendiri ditengah atau dibawah post, ya itu gambar sebenernya dan bisa diklik, dan saya buat pake phonto dengan typeface instrument serif yang kalian bisa download di Google font gratis tapi itu formatnya .ttf jadi ubah dulu ke .woff2 yang lebih GG.

Tujuannya? Tentu untuk kebutuhan affiliate atau promosi, sengaja letaknya hanya di file .md bukan base.njk atau yang lainnya karena faktor fleksibilitas, jadi nanti kode ini juga bisa diletakan di blog yang lain dengan penyesuaian sesuai blog tersebut.

So far so good alias saya puas sama hasilnya, mungkin nanti saya ubah lagi layout-nya kalo ada inspo or somewhat idk man tapi untuk sekarang udah cukup.

Saya kasih liat dapurnya sekali aja nih.

<!-- YouTube embed -->

<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;">
  <iframe 
    src="https://youtube.com/embed/BKvT1G3jt6Y?si=_quM3m73eFSP1rEF" 
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;" 
    title="YouTube video player" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
    allowfullscreen>
  </iframe>
</div>

<!-- YouTube embed -->

<!-- Mulai Blok Affiliate -->
<a href="https://s.shopee.co.id/W2t2w73Oz" 
  target="_blank" 
  rel="noopener noreferrer"
  style="text-decoration: none; color: inherit; -webkit-tap-highlight-color: transparent;">

  <img 
    src="https://i.netlify.app/folder/lenovo.png" 
    alt="Lenovo" 
    style="max-width: 100%; height: auto; display: block; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);" 
  loading="lazy"
  title="Judul tooltip saat kursor diarahkan">
</a>
<!-- Akhir Blok Affiliate -->

Saya meng-kurasi tema WordPress gratis dari bang Anders noren

Kalau butuh tema wordpress gratis tapi looks profesional mungkin buatan bang anders noren ini cocok. Beliau udah aktif buat tema wordpress udah lama banget dan udah kerja di mana-mana, bisa cek di blog pribadi beliau ini

Anders noren webs

Nah saya coba ngerangkum beberapa free wordpress theme favorit saya sendiri pastinya dan juga semua template kalo mau pake CMS yang lain (bukan wordpress) itu bisa, tinggal download aja di akun Github beliau cek di blognya (ada di bagian FaQ di bawah ya).

Oke langsung aja kita masuk ke list pertama (uncronological ya ini).

Pulitzer ini menurut gua tema paling bagus karna minimalis (sperti biasa lah my fav) bersih jadi cocok buat yang mau minimalis juga tapi tetep ga ngerubah fungsinya.

Vermeer ini dia nyebutnya profile theme tapi kalo sya lebih milih nyebut link in bio karena memang ini tempat menimbun link yang bisa kalian embed di Instagram atau social media kalian. Design looks Dope, clean and dark.

Norrsken ini blog juga tapi design nya kaya arsip gitu, cuma ada dark theme dan clean.

Oaknut adalah link in bio dengan warna kuning mustard gitu dan ya simple aja cuma ada button serta social media icon, clean.

Beaumont ini juga favorit saya setelah Pulitzer tadi, tapi yang ini halaman Home hanya ada simple intro dan post artikel dalam bentuk list blok gitu, jadi tersusun rapih gitu kaya blok atau bata. Cuma ada judul artikel dan tanggal saja, clean like usual.

Davis ini punya layout blok juga jadi clean tapi dia ngambil isi dari artikel (dan kayanya diatur berapa ratus kata yang muncul di kode nya??) tersebut lalu ditampilkan di home nah artikel kedua juga begitu, jadi stack kaya blok tapi lebih tebel aja dan aneh nya tetep clean.

Tove ini jatoh nya kaya one page gitu buat kamu jualan, udah bisa naro alamat, nomor kontak, jam buka, menu dan lainnya. Warnanya juga cakep.

Radcliffe ini design nya jadul banget emang (keliatan lah buat yang sering menjelajah wordpress mah) tapi walau gitu saya tetep masukin di list ini karna memang saya suka, dalam hal ini fungsinya tetep dapet walau minimalis banget.

Sullivan ini pure buat toko online dan anders juga bilang ini udah support buat woocommerce. Layout produk nya rapih ada dua grid gitu dan juga di versi mobile bagus banget.

Hideo ini cocok buat portofolio karena punya heading yang bold banget trus juga warna nya kaya cream gitu (?) jadi terlihat modern dan clean pastinya.

Tambahan sedikit beliau juga sudah menambahkan tentang hal yang mungkin ingin kamu tanyakan dalam bentuk FaQ.

Seperti tentang bolehnya menghapus footer nama beliau, nama akun Github nya serta boleh meng-komersil-kan tapi nanti harus pake license GPL 2.0 juga ya. Lengkapnya baca disini.

rencananya saya akan mengumpulkan pertandingan sepakbola terbaik-terbaik versi saya yang mana listnya akan saya up secara berkala.

Baru kejadian kemarin malam yaitu match liga champion musim ini antara PSG v MUNCHEN semifinal pertama musim 2025/2026

List akan terus berlanjut.

Kenapa (saya dan kamu) harus nge-blog?

Alasan pribadi adalah ingin men-dokumenasi-kan semua (like-ly) hal pribadi dan harus bisa di akses dengan mudah. Ya walau ga semua hal (yang pribadi banget) bisa di-up tapi pengen aja punya space buat ngomong (nulis).

Lalu saya juga suka nimbun hal yang saya suka yang saya temui di-internet dan atau sumber lain-nya (selain intenet).

Dan juga lumayan malas dengan timeline social media sekarang yang full of algoritm, kaya orang berlomba-lomba begini dan begitu dan tentu ada aja (walau sedikit) keinginan untuk ikut hal itu juga dan saya ikuti hal itu, tapi lalu beberapa saat kemudian saya jadi burnout karna satu hal dan lain nya, lelah.

Terkahir (walau belum lernah ngalamin) ya karena faktor kebebasan, kita tau kalo di socmed ada owner nya dan ya semua konten post kalian dan saya itu bukan milik kita tapi milik mereka. Lalu mereka sebagai owner pun bisa hapus atau suspend akun,postingan kalian dengan seenak nya saja tanpa pemberitahuan atau tanpa alasan yang jelas.

Jadi itu alasan saya mau punya blog.

Ada rencana tapi saya tiba-tiba burnout, so i just do... entahlah...

ada banyak hal dikepala yang membuat tyda chill sama sekali.

lalu saya buka YouTube dan menemukan ini, silakan kamu nonton juga dengan cara tap saja dilayar.

bit daily update from me and sup homie longtime no see...

hari ini Minggu saya telah bisa dibilang selesai menyelam begitu dalam kedalam (?) file-file di Github yang mana dengan satu tujuan yaitu memperbaiki dan menghapus repo yang buluk, and its done i guess...

ya walau masih ada yang belum terlalu sempurna tapi its fine bisa sambil jalan aja. yang penting sekarang bikin log book dulu buat laporan ya kan...

hal yang saya lakukan dari Jum'at kemarin [mungkin] adalah

• Merapikan repo, mulai dari memberi nama yang sesuai dengan domain di netlify agar supaya nanti pas buka Github ga ngomong ini apa yaaa gitu.

• menghapus dan atau meng-alih fungsikan repo yang kurang baik.

• membuat repo baru untuk CV saya 💥🔥

• Build ulang repo yang berantakan somehow pas ngoding di warnet, fiiuhhh...

• Memutuskan untuk memisahkan kode dengan gambar agar supaya ukuran repo tyda terlalu besar karna itu adalah praktik orang profesional dalam dunia bro code.

dan tentu saja ada hal lain yang saya dapat bahwa dengan HP Samsung A01 core ini kita bahwasanya bisa melakukan auth netlify 💥🔥 jadi kalau gagal itu karna internet kamu lolaa...

sekian...

Hari ini saya melakukan or let's say menyelesaikan beberapa task yaitu:

• ngapus Json-ld dan product price dan teman-temannya karna sekarang blog arsip saya yaitu sklbts ga cuma fokus ke arsip biat tester dan kurasi saja.

• benerin font size betterlyfe blog agar lebih baik lagi secara visual dan menambahkan button untuk CTA walau belum ada isinya ya kans...

• saya juga melakukan kurasi untuk free license Carrd tapi belum selesai jiga malass aing teh.

• saya juga memutuskan akan pakai threads saja, kenapa? Ya benar karna saya suka tulisan dan muak dengan format video. Lagi pula rezeki sudah ada yang mengatur kan...

Dah itu aja.

Hari ini selasa 14 april 2026 jam 16.31 WIB saya melancarkan operasi khusus yang bernama project better lyfe. Fokus dari operasi ini adalah untuk memperbaiki behavior dari diri saya sendiri kearah yang lebih baik...

How? Ya dengan cara men-dokumentasi-kan hal yang saya lakukan setiap hari tentu mostly hal yang saya sukai dan sedikit hal yang berbau personal.

Jadi saya buat dua blog, yang pertama untuk kurasi serta tester website atau tools (Directory) dan yang kedua untuk Notes, personal stuff dengan syarat harus bersih.

nah bro ↑

Nah berhubung ini akun pribadi (blog, social media atau apapun itu) jadi saya akan pakai bahasa sehari-hari.

Thanks, fzh.