Proje sitesi standartları

Bu standart, Centvix site standardının üstüne gelen bir katmandır. Tignex projeleri önce Centvix standardına, onun üstüne bu sayfaya uyar. Bu sayfada ele alınmayan her konu doğrudan Centvix standardından alınır. İki standart aynı konuda farklı bir şey söylediğinde bu sayfa geçerlidir.

Tignex altındaki projeler kendi adlarını, kimliklerini ve alan adlarını korur. Paylaştıkları şey küçük bir konvansiyon seti; burada yazılı olmasının sebebi, bir proje sitesinden ötekine geçen ziyaretçinin aynı şeyleri aynı yerlerde bulması — yasal sayfaları, organizasyona dönüş yolunu, neyi kimin yayımladığına dair bilgiyi.

Bu rehber görünümü değil, yapıyı tanımlar. Hangi sayfaların bulunacağını, bir bileşenin neleri hangi sırayla içereceğini söyler; renk, tipografi ve görsel tasarım her projenin kendisine kalır. Rehber her seferinde bir bileşen büyür: ikinci bir proje sitesi aynı parçaya ihtiyaç duyduğunda, o parça burada tanımlanır.

Zorunlu sayfalar

Her proje sitesi, yayımlandığı her dilde şu beş sayfayı taşır. Slug’lar öneridir; farklı adresleri zaten kullanan bir site, bağlantıları kırmak yerine onları korur.

Hepsi için üç kural geçerli:

• Ulaşılabilirlik. Üç yasal sayfa — Kullanım Koşulları, Gizlilik Politikası ve Çerez Politikası — footer’ın copyright satırından bağlanır. Hakkında ve İletişim footer menüsünden bağlanır.
• Hakkında sayfası her yerde aynı biçimde biter. Kendi içeriğinden sonra her Hakkında sayfası bu sırayla iki sabit blokla kapanır: Tignex hakkında, ardından Kurucu hakkında. Yapıları Hakkında sayfası sonu, metinleri Kanonik metinler bölümünde.
• Boş diye sayfa atlanmaz. Hiç çerez kullanmayan bir site de Çerez Politikası yayımlar ve “çerez kullanmıyoruz” der. Eksik bir sayfa cevapsız bir soru gibi okunur; kısa bir sayfa onu cevaplar.

Bileşenler

Bileşen, bir proje sitesinde tekrar eden ve yapısı sabit bir parçadır. Aşağıdaki her kayıt bileşenin hangi slot’ları olduğunu, her birine ne girdiğini, ekran genişlikleri boyunca nasıl davrandığını ve erişilebilirlik açısından ne gerektirdiğini söyler. Her slot’un görsel işlenişi projenin kendisine aittir.

Footer

Footer, ziyaretçinin yasal sayfaları ve projenin arkasında kimin olduğunu aradığı yerdir; bu yüzden her proje sitesinin paylaştığı ilk bileşen odur.

<footer>

ProjeSütun: 6/12 · masaüstü

<div>

• Logo (alt = proje adı)
• 4–5 cümlelik proje tanıtımı

MenüSütun: 2/12 · masaüstü

<nav>

• Hakkında
• İletişim
• …site menüsü

Tignex hakkındaSütun: 4/12 · masaüstü

<div>

• Kanonik Tignex tanıtımı
• tignex.com bağlantısı

Copyright

Copyright © <YEAR> Tignex

Yasal bağlantılar

<nav>

• Kullanım Koşulları
• Gizlilik Politikası
• Çerez Politikası

Grid. On iki sütun; geniş ekranda 6 – 2 – 4 oranında bölünür:

• Proje — 6 sütun. Proje logosu ve altında ürünü ya da projeyi tanıtan dört beş cümlelik bir metin.
• Menü — 2 sütun. Sitenin genel menüsü. En az Hakkında ve İletişim’i içerir.
• Tignex hakkında — 4 sütun. Kanonik Tignex metni ve tignex.com bağlantısı. Hakkında sayfasının kapandığı metinle aynıdır ve projeye göre yeniden yazılmaz.

Copyright satırı. Sütunların altında: solda Copyright © <YEAR> Tignex; burada “Tignex” https://tignex.com adresine bağlanır, <YEAR> ise elle yazılmaz, sayfa build edilirken ya da render edilirken güncel yıl olarak yazılır. Sağda yasal bağlantılar: Kullanım Koşulları, Gizlilik Politikası, Çerez Politikası.

Copyright satırı her zaman çatı markayı, Tignex’i yazar — asla projeyi değil. Projenin kendi adı logosunda ve tanıtım metninde yer alır, copyright satırında değil.

Responsive davranış. Breakpoint’ler yaygın md ve lg adımlarını izler:

Kaynak sırası her zaman Proje, Menü, Tignex hakkında’dır; böylece alt alta dizilmiş düzen ve yardımcı teknolojilerin okuma sırası geniş düzenle aynı kalır.

Erişilebilirlik.

• Bütün blok tek bir <footer> landmark’ıdır.
• Her bağlantı grubu, onu adlandıran bir aria-label taşıyan ayrı bir <nav>’dır — site menüsü ve yasal bağlantılar tek değil, iki ayrı gezinme bölgesidir.
• Harici bağlantılar — tignex.com ve projenin alan adından çıkan her bağlantı — hem görsel olarak (bir ikon ya da işaret) hem de ekran okuyucular için metinle ayırt edilebilir. Yeni sekmede açılan bir bağlantı bunu söyler.
• Logonun alt metni proje adıdır.

Footer iskeleti

Aşağıdaki iskelet yalnız semantik yapıdır. Sınıf adları, grid’in nasıl kurulduğu ve her stil kararı projeye aittir.

<footer>
  <!-- 12 sütunlu grid: md altında alt alta, md'de 12 + 4/8, lg'den itibaren 6 / 2 / 4 -->
  <div>
    <!-- Proje — 6 sütun -->
    <div>
      <a href="/tr/">
        <img src="/logo.svg" alt="Proje adı" width="160" height="40" />
      </a>
      <p><!-- 4–5 cümlelik proje tanıtımı --></p>
    </div>

    <!-- Menü — 2 sütun -->
    <nav aria-label="Site">
      <ul>
        <li><a href="/tr/hakkinda/">Hakkında</a></li>
        <li><a href="/tr/iletisim/">İletişim</a></li>
        <!-- Site menüsünün geri kalanı -->
      </ul>
    </nav>

    <!-- Tignex hakkında — 4 sütun -->
    <div>
      <p><!-- Kanonik Tignex metni, sayfanın dilinde --></p>
      <a href="https://tignex.com">
        tignex.com <span aria-hidden="true">↗</span>
        <span class="visually-hidden">(harici site)</span>
      </a>
    </div>
  </div>

  <!-- Copyright satırı: copyright solda, yasal bağlantılar sağda -->
  <div>
    <p>
      Copyright © 2026
      <a href="https://tignex.com">
        Tignex <span aria-hidden="true">↗</span>
        <span class="visually-hidden">(harici site)</span>
      </a>
    </p>
    <!-- 2026: güncel yıl, build ya da render anında yazılır -->
    <nav aria-label="Yasal">
      <ul>
        <li><a href="/tr/kullanim-kosullari/">Kullanım Koşulları</a></li>
        <li><a href="/tr/gizlilik-politikasi/">Gizlilik Politikası</a></li>
        <li><a href="/tr/cerez-politikasi/">Çerez Politikası</a></li>
      </ul>
    </nav>
  </div>
</footer>

Hakkında sayfası sonu

Her proje sitesinin Hakkında sayfası, sayfanın kendi söyleyeceklerinden sonra aynı iki blokla biter. Bu bloklar ziyaretçiye projeyi kimin yayımladığını ve yayıncının arkasında kimin olduğunu söyler — her proje sitesinde aynı cevapla.

…Hakkında sayfasının kendi içeriği

1. 1Tignex hakkında

   <section> <h2>

   Kanonik Tignex metni, 3–4 cümle, tüm projelerde birebir aynı

   Bağlantı, ayrı satırda: https://tignex.com

2. 2Kurucu hakkında

   <section> <h2>

   Muhammet Şafak’ı anlatan sabit metin, 3–4 cümle

   Bağlantı, ayrı satırda: https://muhammetsafak.com

1. Tignex hakkında. Kanonik Tignex metni, üç cümle, birebir. Altında, ayrı bir satırda https://tignex.com bağlantısı.
2. Kurucu hakkında. Muhammet Şafak’ı anlatan dört cümlelik kanonik kurucu metni, birebir. Altında, ayrı bir satırda https://muhammetsafak.com bağlantısı.

İkisi de sabit metindir: proje onları kısaltmaz, uzatmaz, yeniden yazmaz. Her blok kendi <h2>’sini taşıyan bir <section>’dır; böylece ikisi de sayfanın başlık yapısında ve içindekiler tablosunda görünür.

Hakkında sayfası sonu iskeleti

<!-- …Hakkında sayfasının kendi içeriği burada biter -->

<section aria-labelledby="about-tignex">
  <h2 id="about-tignex">Tignex hakkında</h2>
  <p><!-- Kanonik Tignex metni, sayfanın dilinde --></p>
  <p>
    <a href="https://tignex.com">
      tignex.com <span aria-hidden="true">↗</span>
      <span class="visually-hidden">(harici site)</span>
    </a>
  </p>
</section>

<section aria-labelledby="about-founder">
  <h2 id="about-founder">Kurucu hakkında</h2>
  <p><!-- Kanonik kurucu metni, sayfanın dilinde --></p>
  <p>
    <a href="https://muhammetsafak.com">
      muhammetsafak.com <span aria-hidden="true">↗</span>
      <span class="visually-hidden">(harici site)</span>
    </a>
  </p>
</section>

Kanonik metinler

Bu metinler sayfanın dilinde, birebir kullanılır. Tignex metnini footer’ın Tignex hakkında sütunu ve Hakkında sayfasının kapanış bloğu paylaşır; böylece ikisi birbirinden hiç ayrışmaz.

Tignex

English. Tignex is an independent open-source engineering organization that builds tools, infrastructure, protocols and standards for developers and software teams. Its aim is software that gives developers more control, takes interoperability seriously, avoids unnecessary vendor lock-in and can be self-hosted. Projects published under Tignex keep their own names, identities and domains; Tignex is the engineering organization they share.

Türkçe. Tignex, geliştiriciler ve yazılım ekipleri için araçlar, altyapı, protokoller ve standartlar geliştiren bağımsız bir açık kaynak mühendislik organizasyonudur. Amacı, geliştiriciye daha fazla kontrol veren, birlikte çalışabilirliği ciddiye alan, gereksiz vendor lock-in yaratmayan ve kendi sunucunuzda çalıştırılabilen yazılım üretmektir. Tignex altında yayımlanan projeler kendi adlarını, kimliklerini ve alan adlarını korur; Tignex, bu projelerin ortak mühendislik organizasyonudur.

Kurucu

English. Muhammet Şafak is the founder of Tignex — a software engineer, system architect and engineering researcher who has been building software since 2008. Today he works on the architecture, scalability and reliability of high-traffic distributed systems. He publishes independent research that examines system behaviour through reproducible measurements, and chooses technology by the problem rather than the language. In the rest of his time he builds open-source tools and infrastructure software under Tignex.

Türkçe. Muhammet Şafak, Tignex’in kurucusu; 2008’den bu yana yazılım geliştiren bir yazılım mühendisi, sistem mimarı ve mühendislik araştırmacısıdır. Bugün yüksek trafikli dağıtık sistemlerin mimarisi, ölçeklenebilirliği ve güvenilirliği üzerinde çalışıyor. Sistem davranışını tekrarlanabilir ölçümlerle inceleyen bağımsız araştırmalar yayımlıyor ve teknolojiyi dile değil probleme göre seçiyor. Kalan zamanında Tignex çatısı altında açık kaynak araçlar ve altyapı yazılımları geliştiriyor.