<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MSK Labs | Kullanıcı Odaklı, Güvenli ve Gizlilik Odaklı Yazılım</title>
    <meta name="description" content="MSK Labs; daima reklamsız, kullanıcı ve gizlilik odaklı mobil, masaüstü ve web uygulamaları geliştiren bağımsız bir teknoloji ekibidir.">
    <meta name="theme-color" content="#0f172a">
    <link rel="canonical" href="https://msklabs.org/">
    <link rel="alternate" hreflang="tr" href="https://msklabs.org/">
    <link rel="alternate" hreflang="en" href="https://msklabs.org/?lang=en">
    <link rel="alternate" hreflang="ar" href="https://msklabs.org/?lang=ar">
    <link rel="alternate" hreflang="x-default" href="https://msklabs.org/">
    <meta property="og:title" content="MSK Labs | Kullanıcı Odaklı, Güvenli ve Gizlilik Odaklı Yazılım">
    <meta property="og:description" content="MSK Labs; daima reklamsız, kullanıcı ve gizlilik odaklı mobil, masaüstü ve web uygulamaları geliştiren bağımsız bir teknoloji ekibidir.">
    <meta property="og:url" content="https://msklabs.org/">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://msklabs.org/img/MSKLabsLogo.svg">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="MSK Labs | Kullanıcı Odaklı, Güvenli ve Gizlilik Odaklı Yazılım">
    <meta name="twitter:description" content="MSK Labs; daima reklamsız, kullanıcı ve gizlilik odaklı mobil, masaüstü ve web uygulamaları geliştiren bağımsız bir teknoloji ekibidir.">
    <meta name="twitter:image" content="https://msklabs.org/img/MSKLabsLogo.svg">
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "MSK Labs",
      "url": "https://msklabs.org/",
      "logo": "https://msklabs.org/img/MSKLabsLogo.svg",
      "description": "MSK Labs; daima reklamsız, kullanıcı ve gizlilik odaklı mobil, masaüstü ve web uygulamaları geliştiren bağımsız bir teknoloji ekibidir.",
      "sameAs": [
        "https://github.com/mskaymaz"
      ]
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "MSK Labs",
      "url": "https://msklabs.org/",
      "publisher": {
        "@type": "Organization",
        "name": "MSK Labs"
      }
    }
    </script>
    <script>!function(){var t=localStorage.getItem("user_theme")||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light");"dark"===t&&document.documentElement.setAttribute("data-theme","dark")}()</script>
    <link rel="manifest" href="/assets/manifest-CCCa9rLb.json">
    
    <!-- Google Fonts: Inter & Montserrat -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Montserrat:wght@700;800;900&display=swap" rel="stylesheet">
    

    <!-- MSK Labs Favicon & Kısayol İkonları -->
    <link rel="icon" type="image/png" href="/assets/MSKLabs_favicon-WCVEQxme.png">
    <link rel="shortcut icon" href="/assets/MSKLabs_favicon-WCVEQxme.png" type="image/x-icon">
    <link rel="apple-touch-icon" href="/assets/MSKLabs_favicon-WCVEQxme.png">
  <script src="assets/js/config.js" defer></script>
  <script src="assets/js/analytics.js" defer></script>
  <link rel="stylesheet" crossorigin href="/assets/global-B4lcbLaM.css">
<link rel="manifest" href="/manifest.webmanifest"></head>
<body class="lang-tr">

<header class="site-header-sticky"></header>

<div class="layout-wrapper">

  <!-- Masaüstü Sol Reklam (1280px üzerinde görünür) -->
  <aside class="desktop-ad desktop-ad-left">
    <div class="ad-placeholder">Masaüstü Sol Reklam<br>(120x600)</div>
  </aside>

  <!-- Ana İçerik Portföy Alanı -->
  <div class="portfolio-container">
  
  <!-- HERO GİRİŞ / HOŞ GELDİNİZ ALANI -->
  <header class="hero-intro-section">
    <h1 class="hero-intro-title">
      <img src="/assets/MSKLabsType-B9qP8HTs.svg" alt="MSK Labs - Kullanıcı Odaklı, Güvenli ve Gizlilik Odaklı Yazılım" class="hero-intro-logo-svg">
      <span style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;">
        <span class="lang-tr">MSK Labs – Kullanıcı Odaklı, Güvenli ve Gizlilik Odaklı Yazılım</span>
        <span class="lang-en">MSK Labs – User-Centered, Secure and Privacy-Focused Software</span>
        <span class="lang-ar">MSK Labs – برمجيات موجهة للمستخدم وآمنة وتركز على الخصوصية</span>
      </span>
    </h1>
    <p class="hero-intro-subtitle">
      <span class="lang-tr">Özgün, kullanıcı dostu ve güvenilir yazılım çözümleri.</span>
      <span class="lang-en">Original, user-friendly and reliable software solutions.</span>
      <span class="lang-ar">حلول برمجية مستقلة وسهلة الاستخدام وموثوقة.</span>
    </p>
  </header>

  <!-- BİZ KİMİZ ÖZET GİRİŞ ALANI -->
  <section class="biz-kimiz-intro-card" style="background: var(--bg-card, #ffffff); border: 1px solid var(--border-color, #e2e8f0); border-radius: 12px; padding: 20px 24px; margin-bottom: 24px; line-height: 1.7; font-size: 0.98rem; box-shadow: 0 2px 8px rgba(0,0,0,0.04); color: var(--text-muted);">
    <div class="lang-tr">
      <h2 class="biz-kimiz-intro-title">MSK Labs Nedir?</h2>
      <p style="margin-bottom: 10px;">MSK Labs, <strong>Müslüman</strong>, <strong>Samimi</strong> ve <strong>Kararlı</strong> insanların bir araya gelerek oluşturduğu; insanlara fayda sağlayabilecek teknoloji ve sosyal yapılar üretmeyi amaçlayan bağımsız bir ekip çalışmasıdır.</p>
      <p style="margin-bottom: 10px;">Bugün çalışmalarımızın merkezinde yazılım bulunuyor. Mobil, masaüstü ve web alanlarında; insanların günlük hayatında karşılaşabileceği ihtiyaçlara yönelik, mümkün olduğunca güvenli, mahremiyete saygılı, ulaşılabilir ve kullanıcı odaklı ürünler geliştirmeye çalışıyoruz.</p>
      <p style="margin-bottom: 10px;">MSK Labs'ı yalnızca yazılım üreten bir ekip olarak görmüyoruz. Teknolojinin insan hayatına nasıl dokunduğunu, kullanıcıların verilerinin ve güveninin nasıl korunması gerektiğini önemsiyor; imkânlarımız ölçüsünde insanlara fayda sağlayan yapılar oluşturmayı hedefliyoruz.</p>
      <p style="margin-bottom: 10px;">Bu anlayışın yanında BİZCE, düşüncelerimizi ve değerlendirmelerimizi; ANILTILAR, yaşanmışlıklarımızdan çıkardığımız tecrübeleri; GÜNCEL ise yaşanan güncel olaylara MSK Labs'ın bakışını paylaşacağımız alanları oluşturuyor.</p>
      <p style="margin-bottom: 12px;">Bugün küçük bir ekip olarak başlayan bu çalışma, gelecekte farklı teknoloji alanlarında daha kapsamlı ve insan odaklı ürünler geliştirebilecek bir yapıya dönüşmeyi hedefliyor.</p>
      <p style="margin-bottom: 0; font-weight: 600;">
        MSK Labs hakkında bizi, çalışma anlayışımızı, hedeflerimizi ve yaptığımız çalışmaları daha yakından tanımak için.. 
        <a href="bizkimiz.html" style="color: var(--primary-color, #2563eb); text-decoration: underline; margin-left: 4px;">Devamını Oku →</a>
      </p>
    </div>
    <div class="lang-en">
      <h2 class="biz-kimiz-intro-title">What is MSK Labs?</h2>
      <p style="margin-bottom: 10px;">MSK Labs is an independent team effort formed by a few <strong>Muslim</strong>, <strong>Sincere</strong>, and <strong>Keen (Determined)</strong> individuals coming together to produce technological and social structures that can benefit humanity.</p>
      <p style="margin-bottom: 10px;">Today, software is at the center of our work. Across mobile, desktop, and web platforms, we strive to build secure, privacy-respecting, accessible, and user-focused products addressing real everyday needs.</p>
      <p style="margin-bottom: 10px;">We do not see ourselves merely as a software team. We care deeply about how technology touches human life and how user data and trust should be protected.</p>
      <p style="margin-bottom: 10px;">Alongside this philosophy, <strong>BİZCE</strong> shares our thoughts; <strong>ANILTILAR</strong> recounts our lived experiences; and <strong>GÜNCEL</strong> reflects MSK Labs' perspective on current events.</p>
      <p style="margin-bottom: 12px;">Starting today as a small team, this effort aims to evolve into a broader, human-centered structure across diverse technology fields.</p>
      <p style="margin-bottom: 0; font-weight: 600;">
        To learn more about our values, vision, goals, and projects.. 
        <a href="bizkimiz.html" style="color: var(--primary-color, #2563eb); text-decoration: underline; margin-left: 4px;">Read More →</a>
      </p>
    </div>
    <div class="lang-ar">
      <h2 class="biz-kimiz-intro-title">ما هو MSK Labs؟</h2>
      <p style="margin-bottom: 10px;">MSK Labs هو عمل جماعي مستقل أسسه مجموعة من الأفراد <strong>المسلمين</strong>، <strong>الصادقين</strong>، و<strong>المصممين (MSK)</strong>، بهدف إنتاج بنيات تكنولوجية واجتماعية تعود بالنفع على البشرية.</p>
      <p style="margin-bottom: 10px;">البرمجيات هي مركز أعمالنا اليوم. في مجالات الهاتف وسطح المكتب والويب، نسعى لتطوير منتجات آمنة ومحترمة للخصوصية وسهلة الاستخدام.</p>
      <p style="margin-bottom: 10px;">نحن لا نرى أنفسنا مجرد فريق لتطوير البرمجيات. نهتم بكيفية تأثير التكنولوجيا على حياة الإنسان وكيفية حماية بيانات المستخدمين وثقتهم.</p>
      <p style="margin-bottom: 10px;">إلى جانب هذا الفكر، يشارك قسم <strong>BİZCE</strong> أفكارنا؛ ويحكي <strong>ANILTILAR</strong> تجاربنا المعاشة؛ بينما يعبر <strong>GÜNCEL</strong> عن منظور MSK Labs للأحداث الراهنة.</p>
      <p style="margin-bottom: 12px;">يهدف هذا الجهد اليوم للنمو والتطور في مجالات تكنولوجية متنوعة وأكثر شمولاً.</p>
      <p style="margin-bottom: 0; font-weight: 600;">
        لمعرفة المزيد عن رؤيتنا وأهدافنا ومشاريعنا.. 
        <a href="bizkimiz.html" style="color: var(--primary-color, #2563eb); text-decoration: underline; margin-left: 4px;">اقرأ المزيد ←</a>
      </p>
    </div>
  </section>

  <!-- BÖLÜMLER ARASI REKLAM ALANI (IN-CONTENT) -->
  <div class="in-content-ad" data-ad-slot="in_content">
    <div class="ad-placeholder">Bölümler Arası Reklam Alanı (In-Content)</div>
  </div>

  <!-- 4'LÜ MODÜLER İÇERİK MERKEZİ (HUB GRID) -->
  <div class="hub-grid">
    
    <!-- KUTU 1: BİZCE (Sol Üst) -->
    <div class="hub-card hub-card-clickable" id="hubCardBizce">
      <div>
        <div class="hub-card-header">
          <h2 class="hub-card-title">
            <span>✍️</span>
            <span class="lang-tr">Bizce</span>
            <span class="lang-en">Bizce</span>
            <span class="lang-ar">بيزجه</span>
          </h2>
          <span class="hub-badge">
            <span class="lang-tr">Makale &amp; Fikir</span>
            <span class="lang-en">Essays &amp; Ideas</span>
            <span class="lang-ar">مقالات وأفكار</span>
          </span>
        </div>
        <p class="hub-intro-text">
          <span class="lang-tr">Teknolojiye, hayata ve insanlığa derin bakış. Özgün fikir yazıları, felsefi incelemeler ve sesli makale okuma olanağı.</span>
          <span class="lang-en">A deep perspective on technology, life, and humanity. Original thought essays and audio reader features.</span>
          <span class="lang-ar">نظرة عميقة على التكنولوجيا والحياة والإنسانية. مقالات فكرية وقراءة صوتية.</span>
        </p>

        <!-- Dynamic Latest Post Box -->
        <div class="hub-latest-box" id="bizceLatestContent"></div>

        <!-- Dynamic Recommendation Box (Filtered by read posts) -->
        <div class="hub-rec-box" id="bizceRecContent"></div>
      </div>

      <div class="hub-card-action">
        <a href="blog/blog.html?type=bizce" class="hub-card-link">
          <span class="lang-tr">Tüm Bizce Yazılarını Oku →</span>
          <span class="lang-en">Read All Bizce Articles →</span>
          <span class="lang-ar">اقرأ جميع المقالات ←</span>
        </a>
      </div>
    </div>

    <!-- KUTU 2: UYGULAMALAR (Sağ Üst) -->
    <div class="hub-card hub-card-clickable" id="hubCardApps">
      <div>
        <div class="hub-card-header">
          <h2 class="hub-card-title">
            <span>📱</span>
            <span class="lang-tr">Uygulamalarımız</span>
            <span class="lang-en">Our Apps</span>
            <span class="lang-ar">تطبيقاتنا</span>
          </h2>
          <span class="hub-badge">
            <span class="lang-tr">Portföy</span>
            <span class="lang-en">Portfolio</span>
            <span class="lang-ar">المعرض</span>
          </span>
        </div>
        <p class="hub-intro-text">
          <span class="lang-tr">Kullanıcı verisine ve gizliliğine saygılı, %100 ücretsiz ve reklamsız mobil ve masaüstü yazılım çözümleri.</span>
          <span class="lang-en">User privacy-focused, 100% free, and ad-free mobile &amp; desktop software solutions.</span>
          <span class="lang-ar">حلول برمجية للهواتف وسطح المكتب مجانية وبدون إعلانات ومحترمة للخصوصية.</span>
        </p>

        <!-- Horizontal App Carousel (Clicking inside an app icon opens app detail) -->
        <div class="app-carousel-wrapper">
          <div class="app-carousel-header">
            <span class="lang-tr">Öne Çıkan Çözümler</span>
            <span class="lang-en">Featured Solutions</span>
            <span class="lang-ar">الحلول المميزة</span>
          </div>
          <div class="app-carousel" id="appCarouselFlow"></div>
        </div>
      </div>

      <div class="hub-card-action">
        <a href="apps.html" class="hub-card-link" onclick="event.stopPropagation();">
          <span class="lang-tr">Tüm Uygulamaları İncele →</span>
          <span class="lang-en">Explore All Applications →</span>
          <span class="lang-ar">استكشف جميع التطبيقات ←</span>
        </a>
      </div>
    </div>

    <!-- SAYFA ORTASI 2. REKLAM ALANI (IN-CONTENT 2) -->
    <div class="in-content-ad in-content-ad-2" data-ad-slot="in_content_2" style="grid-column: 1 / -1;">
      <div class="ad-placeholder">Sayfa Ortası 2. Reklam Alanı (In-Content 2)</div>
    </div>

    <!-- KUTU 3: GÜNCEL (Sol Alt) -->
    <div class="hub-card hub-card-clickable" id="hubCardGuncel">
      <div>
        <div class="hub-card-header">
          <h2 class="hub-card-title">
            <span>📢</span>
            <span class="lang-tr">Güncel</span>
            <span class="lang-en">News &amp; Updates</span>
            <span class="lang-ar">الأخبار</span>
          </h2>
          <span class="hub-badge">
            <span class="lang-tr">Duyuru &amp; Haber</span>
            <span class="lang-en">Announcements</span>
            <span class="lang-ar">إعلانات</span>
          </span>
        </div>
        <p class="hub-intro-text">
          <span class="lang-tr">MSK Labs ekosistemindeki güncellemeler, yeni modül duyuruları, platform haberleri ve geliştirme notları.</span>
          <span class="lang-en">Updates across the MSK Labs ecosystem, new module releases, platform announcements, and tech logs.</span>
          <span class="lang-ar">تحديثات منصة MSK Labs، إعلانات الوحدات الجديدة وملاحظات التطوير.</span>
        </p>

        <!-- Dynamic Latest Announcement Box -->
        <div class="hub-latest-box" id="guncelLatestContent"></div>

        <!-- Dynamic Recommendation Box -->
        <div class="hub-rec-box" id="guncelRecContent"></div>
      </div>

      <div class="hub-card-action">
        <a href="blog/blog.html?type=guncel" class="hub-card-link">
          <span class="lang-tr">Güncel Akışını İncele →</span>
          <span class="lang-en">View All News →</span>
          <span class="lang-ar">عرض جميع الأخبار ←</span>
        </a>
      </div>
    </div>

    <!-- KUTU 4: ANILTILAR (Sağ Alt) -->
    <div class="hub-card hub-card-clickable" id="hubCardAnilts">
      <div>
        <div class="hub-card-header">
          <h2 class="hub-card-title">
            <span>📜</span>
            <span class="lang-tr">Anıltılar</span>
            <span class="lang-en">Anıltılar (Memoirs)</span>
            <span class="lang-ar">ذكريات</span>
          </h2>
          <span class="hub-badge">
            <span class="lang-tr">Hatırat &amp; Tecrübe</span>
            <span class="lang-en">Memoirs &amp; Life</span>
            <span class="lang-ar">ذكريات وعبر</span>
          </span>
        </div>
        <p class="hub-intro-text">
          <span class="lang-tr">Yaşanmış tecrübeler, ders çıkarılacak samimi anlatılar, insan hikayeleri ve iz bırakan unutulmaz anılar.</span>
          <span class="lang-en">Real-life memoirs, lived experiences, life lessons, and inspiring personal stories.</span>
          <span class="lang-ar">قصص واقعية وتجارب حياة مجهولة الأسماء تحمل دروساً وإلهاماً.</span>
        </p>

        <!-- Dynamic Latest Memoir Box -->
        <div class="hub-latest-box" id="aniltsLatestContent"></div>

        <!-- Dynamic Recommendation Box -->
        <div class="hub-rec-box" id="aniltsRecContent"></div>
      </div>

      <div class="hub-card-action">
        <a href="blog/blog.html?type=anilts" class="hub-card-link">
          <span class="lang-tr">Anıltıları Okumaya Başla →</span>
          <span class="lang-en">Read Memoirs →</span>
          <span class="lang-ar">ابدأ قراءة الذكريات ←</span>
        </a>
      </div>
    </div>

  </div> <!-- .hub-grid Bitişi -->

  <!-- SAYFA ALTI REKLAM ALANI -->
  <div class="infeed-ad-container">
    <div class="ad-placeholder">Sayfa Altı Reklam Alanı (Bottom Banner)</div>
  </div>

 </div> <!-- .portfolio-container Bitişi -->

  <!-- Masaüstü Sağ Reklam (1280px üzerinde görünür) -->
  <aside class="desktop-ad desktop-ad-right">
    <div class="ad-placeholder">Masaüstü Sağ Reklam<br>(120x600)</div>
  </aside>

</div> <!-- .layout-wrapper Bitişi -->

<script>
  // MERKEZİ SİTE KONFİGÜRASYONU (Blogger & HTML Uyumlu)
  window.SITE_CONFIG = window.SITE_CONFIG || {
    contactEmail: "msklabs.org@gmail.com"
  };

  // E-posta adreslerini ve mailto bağlantılarını merkezi konfigürasyondan doldurur
  function syncCentralConfig() {
    var email = (window.SITE_CONFIG && window.SITE_CONFIG.contactEmail) ? window.SITE_CONFIG.contactEmail : "msklabs.org@gmail.com";
    
    // Metin etiketlerini güncelle
    document.querySelectorAll('.contact-email-text').forEach(function(el) {
      el.textContent = email;
    });

    // Mailto bağlantılarını güncelle
    document.querySelectorAll('a.contact-email-link').forEach(function(a) {
      var subject = a.getAttribute('data-subject') || 'Talep';
      var body = a.getAttribute('data-body') || '';
      a.setAttribute('href', 'mailto:' + email + '?subject=' + encodeURIComponent(subject) + '&body=' + encodeURIComponent(body));
    });
  }

  // Sayfa Yüklenme Anında Çalışacak Ana Blok (setLang layout.js tarafından yönetilir)
  (function() {
    syncCentralConfig();
  })();
</script>


  <!-- Standart Alt Footer Menüsü (layout.js tarafından doldurulur) -->
  <footer class="site-footer"></footer>
  <script src="assets/js/layout.js"></script>
  <script src="assets/js/hub-engine.js" defer></script>
</body>
</html>
