Bakım modu sayfasını bayağı beğendim kaynak kodunu verirseniz bizde kullanalım Ama beklenen yerini beğenemedim.

@FastPHP İstek :D - Sayfa 2

16-01-2026, 20:56:46

#10

Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.

Lufi

R10 En Hızlı Yazılımcı 🚀

İbrahimH adlı üyeden alıntı: mesajı görüntüle

Hocam neymiş üşengeçlik başa bela

Şakar bir yana iki ayrı vermiyor tek birleşik veriyor bana.

<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Geçici Erişim Sorunu</title>

<style>
:root{
  --bg:#0b1020;
  --card:#11182c;
  --card2:#0f1528;
  --text:#e6e9f2;
  --muted:#9aa3b2;
  --border:rgba(255,255,255,.08);
  --blue:#4f8cff;
  --green:#2ecc71;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont;
  background: radial-gradient(1200px 500px at top, #162046, var(--bg));
  color:var(--text);
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
}

.container{
  max-width:1100px;
  width:100%;
  padding:24px;
}

.grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:24px;
}

.card{
  background:linear-gradient(180deg,var(--card),var(--card2));
  border:1px solid var(--border);
  border-radius:18px;
  padding:28px;
  box-shadow:0 20px 50px rgba(0,0,0,.45);
}

.header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:24px;
}

.badge{
  background:rgba(79,140,255,.15);
  color:#cfe0ff;
  border:1px solid rgba(79,140,255,.35);
  padding:6px 14px;
  border-radius:999px;
  font-size:13px;
}

h1{
  font-size:30px;
  margin:0 0 12px;
}

p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
}

.info-grid{
  margin-top:28px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.info{
  background:rgba(255,255,255,.03);
  border:1px solid var(--border);
  border-radius:14px;
  padding:16px;
}

.info h3{
  font-size:15px;
  margin:0 0 6px;
  display:flex;
  align-items:center;
  gap:8px;
}

.dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--blue);
}

.dot.green{background:var(--green)}

.right h2{
  margin:0 0 18px;
}

.kv{
  display:flex;
  justify-content:space-between;
  padding:10px 0;
  border-bottom:1px dashed var(--border);
  font-size:14px;
}

.kv:last-child{border-bottom:none}

.buttons{
  margin-top:24px;
  display:flex;
  gap:12px;
}

button{
  background:#1b2340;
  color:#fff;
  border:1px solid var(--border);
  padding:10px 18px;
  border-radius:12px;
  cursor:pointer;
  font-size:14px;
}

button.primary{
  background:linear-gradient(180deg,#4f8cff,#356fe0);
  border:none;
}

.note{
  margin-top:14px;
  font-size:12px;
  color:var(--muted);
}

@media(max-width:900px){
  .grid{grid-template-columns:1fr}
}
</style>
</head>

<body>
<div class="container">
  <div class="grid">

    <!-- SOL -->
    <div class="card">
      <div class="header">
        <strong>R10.NET</strong>
        <span class="badge">Geçici Durum</span>
      </div>

      <h1>Şu anda geçici bir erişim sorunu yaşıyoruz</h1>
      <p>
        Sistem tarafında kısa süreli bir bakım / iyileştirme çalışması yürütülüyor.
        Bu süreçte bazı ziyaretçiler sayfaya erişemeyebilir.
        Lütfen birkaç dakika sonra tekrar deneyin.
      </p>

      <div class="info-grid">
        <div class="info">
          <h3><span class="dot"></span> Durum</h3>
          <p>Bakım modu aktif veya origin yanıt vermiyor olabilir.</p>
        </div>

        <div class="info">
          <h3><span class="dot green"></span> Güvenlik</h3>
          <p>Trafik Cloudflare üzerinden korunmaya devam ediyor.</p>
        </div>

        <div class="info">
          <h3><span class="dot"></span> Öneri</h3>
          <p>Önbelleği temizleyip sayfayı yenileyin (Ctrl / ⌘ + F5).</p>
        </div>

        <div class="info">
          <h3><span class="dot"></span> Beklenen</h3>
          <p>Çalışma tamamlandığında sistem otomatik olarak normale döner.</p>
        </div>
      </div>

      <p class="note">
        Not: Bu sayfa, sunucuya erişilemediğinde otomatik olarak gösteriliyor olabilir.
      </p>
    </div>

    <!-- SAĞ -->
    <div class="card right">
      <h2>Hızlı Bilgiler</h2>

      <div class="kv"><span>Tarih</span><strong>16 Ocak 2026 Cuma</strong></div>
      <div class="kv"><span>Saat</span><strong>19:41:01</strong></div>
      <div class="kv"><span>İstek ID</span><strong>BF9BABD1-19BC7AE8456</strong></div>
      <div class="kv"><span>Sayfa</span><strong>/</strong></div>

      <div class="buttons">
        <button class="primary" onclick="location.reload()">Yenile</button>
        <button onclick="location.href='/'">Ana sayfa</button>
      </div>

      <p class="note">
        Eğer bu ekran uzun süre devam ediyorsa, birkaç dakika sonra tekrar deneyin.
      </p>
    </div>

  </div>
</div>
</body>
</html>

16-01-2026, 20:59:36

#11

antilagvip

İbrahimH adlı üyeden alıntı: mesajı görüntüle

f12 baktım ama claude oldupunu nasıl anlicaktık ki?

Anlayamazdınız hocam tahmin yaptık sadece. Kodunu alırdınız en azından o açıdan demiştim.
16-01-2026, 21:13:02

#12

GL4D14TOR

💰+50.000₺ PASİF GELİR

Lufi adlı üyeden alıntı: mesajı görüntüle

Gpt ye rastgele bir şey isteseniz bu tasarımı veriyor zaten

Konudan bağımsız ama doğum gününüz kutlu olsun hocam, nice mutlu seneleriniz olur umarım 🤞 🎆
16-01-2026, 21:13:37

#13

Lufi

R10 En Hızlı Yazılımcı 🚀

GL4D14TOR adlı üyeden alıntı: mesajı görüntüle

Konudan bağımsız ama doğum gününüz kutlu olsun hocam, nice mutlu seneleriniz olur umarım 🤞 🎆

Çok teşekkür ederim hocam. sağolun

16-01-2026, 21:14:20

#14

İbrahimH

Lufi adlı üyeden alıntı: mesajı görüntüle

<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Geçici Erişim Sorunu</title>

<style>
:root{
  --bg:#0b1020;
  --card:#11182c;
  --card2:#0f1528;
  --text:#e6e9f2;
  --muted:#9aa3b2;
  --border:rgba(255,255,255,.08);
  --blue:#4f8cff;
  --green:#2ecc71;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont;
  background: radial-gradient(1200px 500px at top, #162046, var(--bg));
  color:var(--text);
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
}

.container{
  max-width:1100px;
  width:100%;
  padding:24px;
}

.grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:24px;
}

.card{
  background:linear-gradient(180deg,var(--card),var(--card2));
  border:1px solid var(--border);
  border-radius:18px;
  padding:28px;
  box-shadow:0 20px 50px rgba(0,0,0,.45);
}

.header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:24px;
}

.badge{
  background:rgba(79,140,255,.15);
  color:#cfe0ff;
  border:1px solid rgba(79,140,255,.35);
  padding:6px 14px;
  border-radius:999px;
  font-size:13px;
}

h1{
  font-size:30px;
  margin:0 0 12px;
}

p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
}

.info-grid{
  margin-top:28px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.info{
  background:rgba(255,255,255,.03);
  border:1px solid var(--border);
  border-radius:14px;
  padding:16px;
}

.info h3{
  font-size:15px;
  margin:0 0 6px;
  display:flex;
  align-items:center;
  gap:8px;
}

.dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--blue);
}

.dot.green{background:var(--green)}

.right h2{
  margin:0 0 18px;
}

.kv{
  display:flex;
  justify-content:space-between;
  padding:10px 0;
  border-bottom:1px dashed var(--border);
  font-size:14px;
}

.kv:last-child{border-bottom:none}

.buttons{
  margin-top:24px;
  display:flex;
  gap:12px;
}

button{
  background:#1b2340;
  color:#fff;
  border:1px solid var(--border);
  padding:10px 18px;
  border-radius:12px;
  cursor:pointer;
  font-size:14px;
}

button.primary{
  background:linear-gradient(180deg,#4f8cff,#356fe0);
  border:none;
}

.note{
  margin-top:14px;
  font-size:12px;
  color:var(--muted);
}

@media(max-width:900px){
  .grid{grid-template-columns:1fr}
}
</style>
</head>

<body>
<div class="container">
  <div class="grid">

    <!-- SOL -->
    <div class="card">
      <div class="header">
        <strong>R10.NET</strong>
        <span class="badge">Geçici Durum</span>
      </div>

      <h1>Şu anda geçici bir erişim sorunu yaşıyoruz</h1>
      <p>
        Sistem tarafında kısa süreli bir bakım / iyileştirme çalışması yürütülüyor.
        Bu süreçte bazı ziyaretçiler sayfaya erişemeyebilir.
        Lütfen birkaç dakika sonra tekrar deneyin.
      </p>

      <div class="info-grid">
        <div class="info">
          <h3><span class="dot"></span> Durum</h3>
          <p>Bakım modu aktif veya origin yanıt vermiyor olabilir.</p>
        </div>

        <div class="info">
          <h3><span class="dot green"></span> Güvenlik</h3>
          <p>Trafik Cloudflare üzerinden korunmaya devam ediyor.</p>
        </div>

        <div class="info">
          <h3><span class="dot"></span> Öneri</h3>
          <p>Önbelleği temizleyip sayfayı yenileyin (Ctrl / ⌘ + F5).</p>
        </div>

        <div class="info">
          <h3><span class="dot"></span> Beklenen</h3>
          <p>Çalışma tamamlandığında sistem otomatik olarak normale döner.</p>
        </div>
      </div>

      <p class="note">
        Not: Bu sayfa, sunucuya erişilemediğinde otomatik olarak gösteriliyor olabilir.
      </p>
    </div>

    <!-- SAĞ -->
    <div class="card right">
      <h2>Hızlı Bilgiler</h2>

      <div class="kv"><span>Tarih</span><strong>16 Ocak 2026 Cuma</strong></div>
      <div class="kv"><span>Saat</span><strong>19:41:01</strong></div>
      <div class="kv"><span>İstek ID</span><strong>BF9BABD1-19BC7AE8456</strong></div>
      <div class="kv"><span>Sayfa</span><strong>/</strong></div>

      <div class="buttons">
        <button class="primary" onclick="location.reload()">Yenile</button>
        <button onclick="location.href='/'">Ana sayfa</button>
      </div>

      <p class="note">
        Eğer bu ekran uzun süre devam ediyorsa, birkaç dakika sonra tekrar deneyin.
      </p>
    </div>

  </div>
</div>
</body>
</html>

Hocam Geçici Erişim Sorunu diye çıktı ama oldu elinize sağlık.

17-01-2026, 08:11:45

#15

FastPHP

Developer

Alengirik adlı üyeden alıntı: mesajı görüntüle

önceden claude yapay zeka yokken @FastPHP; yine buraların başıydı hocam yapar ya ne kadar da yapar zekaya benze se sıfrdan kendi yapar elinize sağlık bu arada

Bu sayfayı Burti hazırladı, benimle alakası yok

yapay zeka yokken de benzer tasarımlar yapıyorduk https://www.r10.net/r10Tema/challenge.html gibi. bu 2010 dan gelen bir tasarım ağ yayılma detayı için o dönem saatler harcamıştım şimdi yapması 5 dakika

ek olarak belirtmeliyim ki yapay zeka bir şekilde hayatımızın içinde negatif bakmamak gerek. network sorunu vardı geçici bir sayfa atmamız gerekiyordu, 1-2 içerisinde yapılabilecek en hızlı çözüm bu ben hala minimal seviyede kod tamamlama ve bazı front alanlarda claude opus kullanıyorum.
16-03-2026, 22:26:04

#16

aLKORick

Peki hocam sizce yapay zeka yazılımcıların işini elinden alacak mı gelecekte?

1-2 sene sonrasından bahsetmiyorum belki bir 10 sene sonra diyelim, sizin düşünceniz nedir bu konuda?

Şu anda doğru promptları girince parça parça çok güzel kod yığını veriyor free sürümler bile, bu konuda yazılımcı olarak sizin düşüncenizi merak ediyorum.

FastPHP adlı üyeden alıntı: mesajı görüntüle

Bu sayfayı Burti hazırladı, benimle alakası yok

yapay zeka yokken de benzer tasarımlar yapıyorduk https://www.r10.net/r10Tema/challenge.html gibi. bu 2010 dan gelen bir tasarım ağ yayılma detayı için o dönem saatler harcamıştım şimdi yapması 5 dakika

ek olarak belirtmeliyim ki yapay zeka bir şekilde hayatımızın içinde negatif bakmamak gerek. network sorunu vardı geçici bir sayfa atmamız gerekiyordu, 1-2 içerisinde yapılabilecek en hızlı çözüm bu ben hala minimal seviyede kod tamamlama ve bazı front alanlarda claude opus kullanıyorum.