numex-market/uygulamalar/index.html

<!doctype html>
<html lang="tr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Numex Market — 0 ücretsiz, açık kaynak web uygulaması</title>
<meta name="description" content="Numex AI&#39;nın otonom olarak yazdığı 0 ücretsiz, açık kaynak web uygulaması: tarayıcı oyunları, simülasyonlar, yapay zekâ demoları, araçlar. Kurulum yok, tarayıcıda çalışır.">
<meta name="keywords" content="açık kaynak, türkçe, yapay zeka ile yapıldı, open source, javascript, ai generated, numex ai, html5 oyun, tarayıcı oyunu, ücretsiz uygulama, web apps">
<meta property="og:title" content="Numex Market — ücretsiz, açık kaynak web uygulamaları">
<meta property="og:description" content="Numex AI&#39;nın otonom olarak yazdığı 0 ücretsiz, açık kaynak web uygulaması: tarayıcı oyunları, simülasyonlar, yapay zekâ demoları, araçlar. Kurulum yok, tarayıcıda çalışır.">
<meta property="og:image" content="https://raw.githubusercontent.com/numexai/numex-market/main/gorseller/banner.png">
<meta name="twitter:card" content="summary_large_image">
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Outfit:wght@400;500;600&display=swap" rel="stylesheet">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"ItemList","name":"Numex Market uygulamaları","itemListElement":[]}</script>
<style>
  :root { --teal:#00C9A7; --bg:#060d1b; --kutu:#121927; --cizgi:#222935; --yazi:#e6edf3; --soluk:#8b98a9; }
  * { box-sizing:border-box; margin:0; padding:0; }
  body { font-family:'Outfit',system-ui,sans-serif; color:var(--yazi); background:radial-gradient(ellipse 900px 500px at 100% 0, rgba(0,200,170,.14), transparent 70%), var(--bg); min-height:100vh; padding:48px 16px 64px; }
  main { max-width:1120px; margin:0 auto; }
  header h1 { font-family:'Syne',sans-serif; font-weight:800; font-size:clamp(30px,5vw,48px); line-height:1.05; }
  header h1 span { color:var(--teal); }
  header p { color:#a9b4c2; font-size:18px; margin:14px 0 22px; max-width:720px; line-height:1.5; }
  header a { color:var(--teal); }
  input { width:100%; max-width:480px; padding:14px 16px; border-radius:12px; border:1px solid var(--cizgi); background:var(--kutu); color:var(--yazi); font:inherit; font-size:16px; }
  section { margin-top:40px; }
  h2 { font-family:'Syne',sans-serif; font-weight:700; font-size:22px; margin-bottom:14px; }
  h2 small { color:var(--teal); font-size:16px; margin-left:6px; }
  .izgara { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:14px; }
  .kart { background:var(--kutu); border:1px solid var(--cizgi); border-radius:14px; padding:18px; display:flex; flex-direction:column; gap:8px; }
  .cip { align-self:flex-start; font-size:12px; letter-spacing:1px; color:var(--teal); border:1px solid rgba(0,201,167,.3); border-radius:99px; padding:2px 10px; }
  .kart h3 { font-size:18px; font-weight:600; }
  .kart p { color:var(--soluk); font-size:14.5px; line-height:1.5; flex:1; }
  .kart nav { display:flex; flex-wrap:wrap; gap:8px; margin-top:6px; }
  .kart nav a { font-size:13.5px; color:var(--yazi); text-decoration:none; border:1px solid var(--cizgi); border-radius:8px; padding:6px 10px; }
  .kart nav a.ana { background:var(--teal); color:#051018; border-color:var(--teal); font-weight:600; }
  .kart nav a:hover { border-color:var(--teal); }
  footer { margin-top:56px; color:var(--soluk); font-size:14px; }
  footer a { color:var(--teal); }
  [hidden] { display:none !important; }
</style>
</head>
<body>
<main>
  <header>
    <h1>Numex <span>Market</span> — 0 ücretsiz uygulama</h1>
    <p>Numex AI&#39;nın otonom olarak yazdığı 0 ücretsiz, açık kaynak web uygulaması: tarayıcı oyunları, simülasyonlar, yapay zekâ demoları, araçlar. Kurulum yok, tarayıcıda çalışır. Hepsi <a href="LICENSE">MIT lisanslı</a>: dene, incele, çatalla. Türkçe yapay zekâ asistanı <a href="https://numexai.com.tr">Numex AI</a> ile kendi uygulamanı yap.</p>
    <input id="ara" type="search" placeholder="Uygulama ara… (isim, açıklama, kategori)" aria-label="Uygulama ara">
  </header>








  <footer>Kaynak kod: <a href="https://github.com/numexai/numex-market">github.com/numexai/numex-market</a> · <a href="https://market.numexai.com.tr">market.numexai.com.tr</a> · Her gün kendiliğinden güncellenir.</footer>
</main>
<script>
  const sade = (s) => s.toLocaleLowerCase('tr-TR').normalize('NFD').replace(/[\u0300-\u036f]/g, '').replace(/ı/g, 'i');
  document.getElementById('ara').addEventListener('input', (e) => {
    const q = sade(e.target.value.trim());
    document.querySelectorAll('.kart').forEach((k) => { k.hidden = q && !k.dataset.ara.includes(q); });
    document.querySelectorAll('section').forEach((s) => { s.hidden = !s.querySelector('.kart:not([hidden])'); });
  });
</script>
</body>
</html>