# Proje sitesi standartları

> Tignex altında yayımlanan her proje sitesinin paylaşması beklenen sayfalar ve bileşenler — her biri ne içerir, nasıl kurulur.

- Güncelleme: 2026-10-08
- Kaynak: https://tignex.com/tr/standartlar/
- Dil: tr-TR
- Yazar: Muhammet Şafak

---

Bu standart, [Centvix site standardının](https://centvix.com/tr/standartlar/) ü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.

| Sayfa | Slug (EN · TR) | Amaç | Asgari başlıklar |
| --- | --- | --- | --- |
| Hakkında | `/about/` · `/tr/hakkinda/` | Projenin ne olduğunu, hangi problemi çözdüğünü ve arkasında kimin durduğunu söyler. | Ne olduğu · Çözdüğü problem · Durum ve olgunluk · Lisans ve kaynak kod · Sonda: Tignex hakkında, ardından Kurucu hakkında |
| Gizlilik Politikası | `/privacy-policy/` · `/tr/gizlilik-politikasi/` | Sitenin ve projenin hangi kişisel verileri topladığını ve bu verilere ne olduğunu belirtir. | Toplanan veriler · Neden toplandığı · Üçüncü taraflar ve veri işleyenler · Saklama süresi · Haklarınız ve nasıl kullanılacağı · Son güncelleme |
| Çerez Politikası | `/cookie-policy/` · `/tr/cerez-politikasi/` | Sitenin kullandığı çerezleri ve benzeri depolamayı listeler ya da hiç olmadığını açıkça söyler. | Çerez kullanılıp kullanılmadığı · Her çerez için ad, amaç, süre · Üçüncü taraf çerezleri · Reddetme ya da onayı geri çekme yolu |
| Kullanım Koşulları | `/terms-of-use/` · `/tr/kullanim-kosullari/` | Siteyi kullanma koşullarını belirler; sitenin içeriğini yazılımın kendi lisansından ayırır. | Kapsam · Site içeriği ve yazılım lisansı · Kabul edilebilir kullanım · Garanti verilmemesi ve sorumluluğun sınırı · Değişiklikler ve yürürlük tarihi |
| İletişim | `/contact/` · `/tr/iletisim/` | Projenin arkasındaki kişilere ulaşmanın çalışan bir yolunu verir. | E-posta adresi · Hataların nereye bildirileceği (issue tracker) · Güvenlik açığının nasıl bildirileceği |

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](#hakkında-sayfası-sonu),
  metinleri [Kanonik metinler](#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.

<FooterBlueprint lang="tr" />

**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](#kanonik-metinler) ve
  [tignex.com](https://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:

| Genişlik | Sütunlar | Copyright satırı |
| --- | --- | --- |
| 768px altı | Tek sütun, sırayla alt alta: Proje → Menü → Tignex hakkında | Alt alta: önce copyright, altında yasal bağlantılar |
| 768px – 1023px | Proje satırın tamamını kaplar; Menü (4) ve Tignex hakkında (8) sonraki satırı paylaşır | Tek satır: copyright solda, yasal bağlantılar sağda |
| 1024px ve üstü | 6 – 2 – 4 | Tek satır: copyright solda, yasal bağlantılar sağda |

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.

```html
<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.

<AboutFooterBlueprint lang="tr" />

1. **Tignex hakkında.** [Kanonik Tignex metni](#kanonik-metinler), üç 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](#kanonik-metinler), 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

```html
<!-- …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.
