Merge pull request #84 from GokturkTalha/main

Kriter sayfası eklendi ve bazı eklemeler yapıldı

docs/README.md

@@ -2,6 +2,9 @@
  - Bu sayfa sitenin ana sayfasıdır.
  - Bu sayfaya ekleme yapmadan önce yetkililere danışmanız önerilir. -->
 
+!> Güvende Kal projesi daha geliştirme aşamasındadır. İçerik kalitemizi arttırmaya ve yeni sayfalar oluşturmaya çalışıyoruz. Hâlâ bitmemiş dökümantasyon dosyalarına baktığınızı unutmayın. Herhangi bir hata bildirmek için [**buraya**](https://github.com/GuvendeKal/guvendekal.org/issues) konu açabilirsiniz yada direkt sağ üstteki "Dökümanı Düzenle" diyip herhangi bir hatayı kendiniz düzeltebilirsiniz.  Güvende Kal, topluluk tarafından oluşturulmuştur, gelişmesi ve devamlılığı yine topluluğa bağlıdır. Nasıl katkıda bulunabileceğiniz öğrenmek için [**Ekleme Yapmak**](https://guvendekal.org/#/ekleme) ve [**İçerik Kuralları**](https://guvendekal.org/#/icerik-kurallari) sayfalarını ziyaret edebilirsiniz.
+
+
 [![Logo](images/logo.svg)](https://guvendekal.org/#/)
 
 # Başlangıç

docs/_sidebar.md

@@ -54,6 +54,7 @@
 
 
 **Dokümantasyon**
+* [<i class="fa-solid fa-check"></i> Kriterler](kriterler.md)
 * [<i class="fas fa-user"></i> Katkıda Bulunanlar](katkida-bulunanlar.md)
 * [<i class="fas fa-file-alt"></i> İçerik Kuralları](icerik-kurallari.md)
 * [<i class="fas fa-pencil-alt"></i> Ekleme Yapmak](ekleme.md)

docs/kriterler.md

@@ -0,0 +1,58 @@
+# Kriterler
+
+Güvende Kal sitesinde bulunan içerikleri belli kalite standartlarında tutmak için proje prensiplerimize göre belirlediğimiz bazı kriterler şunlardır.
+
+<div class="criteria">
+    <i class="fa-solid fa-check"></i>
+    <div style="flex: 1;">
+        <span class="title">Açık Kaynak</span> 
+        <p class="description">Topluluğumuz, açık kaynak projeleri seviyor ve kullanıcılara şeffaflık sağladığı için öneriyoruz. İçeriklerimizde önerdiğimiz yazılımlarda ilk kriter olarak açık kaynak olup olmadığına bakıyoruz, içeriklerimizde bulunan her yazılımın açık kaynak olup olmadığını belirtiyor ve lisansı hakkında bilgi veriyoruz. Açık kaynak projelerin kapalı kaynak yazılımlara daha şeffaf olduğunu, topluluk desteği ile daha güvenli olduğunu düşünüyoruz.</p>
+    </div>
+</div>
+
+<div class="criteria">
+    <i class="fa-solid fa-check"></i>
+    <div style="flex: 1;">
+        <span class="title">Kullanılabilirlik</span> 
+        <p class="description">Önerdiğimiz yazılımların kullanılabilir ve kullanıcı dostu olmasına özen gösteriyoruz. Yazılımın arayüzü modern mi yada kullanıcı açısından kullanımı kolay mı? Bu gibi kriterleri bir yazılımı önerirken kontrol ediyoruz. </p>
+    </div>
+</div>
+
+<div class="criteria">
+    <i class="fa-solid fa-check"></i>
+    <div style="flex: 1;">
+        <span class="title">Gelir Modeli</span> 
+        <p class="description">Önerdiğimiz yazılımların gelir modelini inceliyoruz. Örneğin sıradan bir VPN uygulamasının neden ücretsiz olmaması gerektiğini biliyoruz. Kullanıcılarının verilerini hedeflenmiş reklamlar için toplayan- kullanıcıların verilerini satan uygulamalara listelerimizde yer vermiyoruz.</p>
+    </div>
+</div>
+
+<div class="criteria">
+    <i class="fa-solid fa-check"></i>
+    <div style="flex: 1;">
+        <span class="title">Çapraz Platformlar</span> 
+        <p class="description">Önerdiğimiz yazılımların farklı platform ve işletim sistemlerinde desteklenip desteklenmediğini kontrol ediyoruz. İçeriklerimizi okuyup tüketen farklı kullanıcı kitlelerinin hepsinin doğru şekilde içeriklerimizden yararlanmasını sağlamaya özen gösteriyoruz. </p>
+    </div>
+</div>
+
+<div class="criteria">
+    <i class="fa-solid fa-check"></i>
+    <div style="flex: 1;">
+        <span class="title">Aktif Geliştirme Süreci</span> 
+        <p class="description">Önerdiğimiz yazılımların aktif şekilde geliştirilip geliştirilmediğini kontrol ediyoruz. Kullanıcılarımızın kaderine terk edilmiş yazılımların oluşturacağı güvenlik açıklarından zarar görmesini istemiyoruz.</p>
+    </div>
+</div>
+
+<div class="criteria">
+    <i class="fa-solid fa-check"></i>
+    <div style="flex: 1;">
+        <span class="title">Uygulama Geçmişi</span> 
+        <p class="description">Önerdiğimiz yazılımların geçmişini inceliyoruz. Geçmişte veri ihlali yaşamış mı yada kullanıcılarının verilerini 3. taraflara satmış mı? Geçmişte sorun yaşamış uygulamaların ne yaşadığını yine kullanıcılarımıza açıklıyor ve geçmişinde sorun olan uygulamaları minimum şekilde öneriyoruz.</p>
+    </div>
+</div>
+
+
+
+
+
+
+

style.css

@@ -210,3 +210,90 @@ body {
 
 /* ------ */
 
+/* Kriter kutucuğu */
+
+.criteria {
+    border: 1px solid; 
+    border-radius: 8px;
+    padding: 16px;
+    margin: 16px 0;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+/* İkon stili */
+.criteria i {
+    color: #0b87da; 
+    font-size: 56px; 
+    margin-right: 25px;
+}
+
+/* Başlık */
+.criteria .title {
+    font-size: 18px;
+    font-weight: bold;
+    color: #0b87da;
+    text-decoration: none;
+    margin: 12px 0;
+}
+
+.criteria .title:hover {
+    text-decoration: none;
+}
+
+/* Açıklama */
+.criteria .description {
+    font-size: 14px;
+    color: inherit;
+    margin-top: 8px; 
+}
+
+/* Gece/Gündüz Modu */
+.light-mode .criteria {
+    background-color: #f9f9f9; 
+    border-color: #ccc; 
+    color: #000; 
+}
+
+.dark-mode .criteria {
+    background-color: #1a1a1a; 
+    border-color: #444; 
+    color: #fff;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+    .criteria {
+        flex-direction: row; 
+        justify-content: space-between; 
+        padding: 12px; 
+    }
+    .criteria i {
+        margin-right: 25px; 
+    }
+    .criteria .title {
+        font-size: 16px; 
+        margin: 0; 
+    }
+    .criteria .description {
+        font-size: 13px; 
+    }
+    .criteria img {
+        max-width: 100px; 
+        height: auto; 
+        margin: 0 auto 12px auto; 
+    }
+    .criteria .icon-group {
+        display: flex;
+        flex-wrap: wrap; 
+        justify-content: center; 
+        gap: 8px; 
+        margin-top: 12px; 
+    }
+}
+
+/* Kriter kutucuğu */
+
+/* ------ */
+