Komunitas:Daftar Artikel: Perbedaan antara revisi

Dari WikiPangan
VisualTeks wiki
Tidak ada ringkasan suntingan
Tag: Dikembalikan
Tidak ada ringkasan suntingan
 
(9 revisi perantara oleh pengguna yang sama tidak ditampilkan)
Baris 1: Baris 1:
<!DOCTYPE html>
__NOTOC__
<html lang="id">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Daftar Artikel Pangan dan Provinsi</title>
</head>
<body>
  <div class="container">
    <div class="search-bar">
      <input type="text" id="searchInput" placeholder="Cari artikel...">
    </div>
    <div class="grid">
      <!-- Bahan Pangan -->
      <div class="card">
        <h2>Bahan Pangan</h2>
        <DynamicPageList>
          category = Bahan Pangan
          category = Matang
          order = ascending
          ordermethod = title
        </DynamicPageList>
      </div>


      <!-- Olahan Pangan -->
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1em;">
      <div class="card">
        <h2>Olahan Pangan</h2>
        <DynamicPageList>
          category = Olahan Pangan
          category = Matang
          order = ascending
          ordermethod = title
        </DynamicPageList>
      </div>


      <!-- Sumatera Selatan -->
<!-- Container for Bahan Pangan and Olahan Pangan -->
      <div class="card">
<div style="display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 1em; width: 100%;">
        <h2>Sumatera Selatan</h2>
<!-- Bahan Pangan -->
        <DynamicPageList>
<div style="flex: 1 1 48%; display: flex; flex-direction: row; align-items: flex-start; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
          category = Sumatera Selatan
<div style="flex: 1;">
          category = Matang
<h2>🍚 Bahan Pangan</h2>
          order = ascending
<DynamicPageList>
          ordermethod = title
  category = Bahan Pangan
        </DynamicPageList>
  category = Matang
      </div>
  order = ascending
  ordermethod = title
</DynamicPageList>
</div>
</div>


      <!-- Sulawesi Selatan -->
<!-- Olahan Pangan -->
      <div class="card">
<div style="flex: 1 1 48%; display: flex; flex-direction: row; align-items: flex-start; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
        <h2>Sulawesi Selatan</h2>
<div style="flex: 1;">
        <DynamicPageList>
<h2>🥫 Olahan Pangan</h2>
          category = Sulawesi Selatan
<DynamicPageList>
          category = Matang
  category = Olahan Pangan
          order = ascending
  category = Matang
          ordermethod = title
  order = ascending
        </DynamicPageList>
  ordermethod = title
      </div>
</DynamicPageList>
</div>
</div>
</div>


      <!-- Nusa Tenggara Timur -->
<!-- Sumatera Utara -->
      <div class="card">
<div style="flex: 1 1 48%; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
        <h2>Nusa Tenggara Timur</h2>
<h2>📍 Sumatera Utara</h2>
        <DynamicPageList>
<DynamicPageList>
          category = Nusa Tenggara Timur
  category = Sumatera Utara
          category = Matang
  category = Matang
          order = ascending
  order = ascending
          ordermethod = title
  ordermethod = title
        </DynamicPageList>
</DynamicPageList>
      </div>
</div>
<!-- Sumatera Selatan -->
<div style="flex: 1 1 48%; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
<h2>📍 Sumatera Selatan</h2>
<DynamicPageList>
  category = Sumatera Selatan
  category = Matang
  order = ascending
  ordermethod = title
</DynamicPageList>
</div>
<!-- Jawa Barat -->
<div style="flex: 1 1 48%; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
<h2>📍 Jawa Barat</h2>
<DynamicPageList>
  category = Jawa Barat
  category = Matang
  order = ascending
  ordermethod = title
</DynamicPageList>
</div>
<!-- Jawa Tengah -->
<div style="flex: 1 1 48%; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
<h2>📍 Jawa Tengah</h2>
<DynamicPageList>
  category = Jawa Tengah
  category = Matang
  order = ascending
  ordermethod = title
</DynamicPageList>
</div>
<!-- Jawa Timur -->
<div style="flex: 1 1 48%; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
<h2>📍 Jawa Timur</h2>
<DynamicPageList>
  category = Jawa Timur
  category = Matang
  order = ascending
  ordermethod = title
</DynamicPageList>
</div>


      <!-- Jawa Barat -->
<!-- Sulawesi Selatan -->
      <div class="card">
<div style="flex: 1 1 48%; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
        <h2>Jawa Barat</h2>
<h2>📍 Sulawesi Selatan</h2>
        <DynamicPageList>
<DynamicPageList>
          category = Jawa Barat
  category = Sulawesi Selatan
          category = Matang
  category = Matang
          order = ascending
  order = ascending
          ordermethod = title
  ordermethod = title
        </DynamicPageList>
</DynamicPageList>
      </div>
</div>
 
      <!-- Jawa Tengah -->
<!-- Nusa Tenggara Barat -->
      <div class="card">
<div style="flex: 1 1 48%; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
        <h2>Jawa Tengah</h2>
<h2>📍 Nusa Tenggara Barat</h2>
        <DynamicPageList>
<DynamicPageList>
          category = Jawa Tengah
  category = Nusa Tenggara Barat
          category = Matang
  category = Matang
          order = ascending
  order = ascending
          ordermethod = title
  ordermethod = title
        </DynamicPageList>
</DynamicPageList>
      </div>
</div>
 
      <!-- Jawa Timur -->
<!-- Nusa Tenggara Timur -->
      <div class="card">
<div style="flex: 1 1 48%; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
        <h2>Jawa Timur</h2>
<h2>📍 Nusa Tenggara Timur</h2>
        <DynamicPageList>
<DynamicPageList>
          category = Jawa Timur
  category = Nusa Tenggara Timur
          category = Matang
  category = Matang
          order = ascending
  order = ascending
          ordermethod = title
  ordermethod = title
        </DynamicPageList>
</DynamicPageList>
      </div>
</div>
 
</div>
      <!-- Sumatera Utara -->
      <div class="card">
        <h2>Sumatera Utara</h2>
        <DynamicPageList>
          category = Sumatera Utara
          category = Matang
          order = ascending
          ordermethod = title
        </DynamicPageList>
      </div>
    </div>
  </div>
 
  <script>
    // Fungsi pencarian sederhana
    const searchInput = document.getElementById('searchInput');
    const cards = document.querySelectorAll('.card');
 
    searchInput.addEventListener('input', function(e) {
      const searchTerm = e.target.value.toLowerCase();
 
      cards.forEach(card => {
        const title = card.querySelector('h2').textContent.toLowerCase();
        const links = card.querySelectorAll('ul li a');
        let hasMatch = false;
 
        // Periksa apakah judul atau teks tautan cocok dengan kata kunci pencarian
        if (title.includes(searchTerm)) {
          hasMatch = true;
        } else {
          links.forEach(link => {
            if (link.textContent.toLowerCase().includes(searchTerm)) {
              hasMatch = true;
            }
          });
        }
 
        // Tampilkan atau sembunyikan kartu berdasarkan kecocokan
        card.style.display = hasMatch || searchTerm === '' ? '' : 'none';
      });
    });
  </script>
</body>
</html>

Revisi terkini sejak 25 Juli 2025 09.48


🥫 Olahan Pangan

📍 Sumatera Utara

Tidak ada halaman yang memenuhi kriteria ini.

📍 Jawa Barat

Tidak ada halaman yang memenuhi kriteria ini.

📍 Jawa Tengah

Tidak ada halaman yang memenuhi kriteria ini.

📍 Jawa Timur

📍 Nusa Tenggara Barat

Diperoleh dari "https://wikipangan.id/index.php?title=Komunitas:Daftar_Artikel&oldid=2564"