👋 TRTURKA.COM’a Hoş Geldin!

Bilgi paylaşımına, keyifli sohbetlere ve yeni dostluklara hazır mısın? 😊

🌟 Aramıza katıl, ücretsiz üye ol ve topluluğumuzun bir parçası ol!

💬 Paylaş, keşfet, öğren ve dostluklar kur!

❤️ TRTURKA.COM ailesinde seni de görmekten mutluluk duyarız. İyi forumlar!

Forum sitemizde daha önce üyeliğiniz var ise şifresini ve mailini hatırlayamıyorsanız sosyal medya hesaplarımızdan bize ulaşabilirsiniz.

Yapay zeka ile hazırlanmış radyo indexi

  • Konuyu Başlatan Konuyu Başlatan Adanalı
  • Başlangıç tarihi Başlangıç tarihi
Konu değerlendirmesi: Yapay zeka ile hazırlanmış radyo indexi 5 üzerinden 0.00 | Toplam oy: 0 | Görüntülenme: 18

Adanalı 5
Trturka Fenomeni Takdir Toplayan Trend Yaratıcı Eski Dost Takdir Edilen

TRTURKA
Administrator
20
TRTURKA RANK
Katılım
9 Haziran 2018
Konular
1,645
Mesajlar
5,891
Çözümler
1
Reaksiyon puanı
1,771
Puanları
113
Konum
Adana
Forum Yaşı
8 Yıl 141 Gün
Cinsiyet
Erkek
İlk defa yapay zeka ile bir radyo indexi hazırladım. Kullanmak isteyen kullanabilir. Yapay zeka Radyo adını rota yaptı ama siz kendinize göre düzenleyebilirsiniz.

İndexte renk
index-renkleri.png
görselde olduğu gibi toplam 5 adet renk çeşitleri bulunmaktadır. FlatcastX ile uyumlu olacak şekilde hazırladım.

Ön izleme (Demo) => Radyo Rota | Canlı Radyo & Sohbet

Kodlar:
HTML:
<!doctype html>
<html lang="tr">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="theme-color" content="#17131d">
  <meta name="description" content="Radyo Rota — canlı yayın, sohbet ve günün her anına eşlik eden güzel şarkılar.">
  <title>Radyo Rota | Canlı Radyo & Sohbet</title>
  <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=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="styles.css">
  <script src="script.js" defer></script>
</head>
<body>
  <div class="site-frame">
  <div class="topline"><span class="onair">Güzel şarkılar, güzel insanlar, aynı yayında.</span><div class="topline-social"><span>İNTERNET RADYOSU · HER YERDEN DİNLE</span></div></div>
  <header class="header shell">
    <a class="brand" href="#anasayfa" aria-label="Radyo Rota ana sayfa"><span class="brand-symbol"><i></i><i></i><i></i><i></i><i></i></span><span class="brand-word">ROTA<span>FM</span><small>RADYONUN BULUŞMA NOKTASI</small></span></a>
    <button class="menu-toggle" aria-label="Menüyü aç" aria-expanded="false"><span></span><span></span></button>
    <nav class="nav" aria-label="Ana menü"><a class="active" href="#anasayfa">Ana sayfa</a><a href="#sohbet">Canlı sohbet</a><div class="theme-picker" role="group" aria-label="Renk temasını seç"><span>RENK</span><button class="theme-swatch active" type="button" data-theme="sunset" aria-label="Gün batımı rengi" title="Gün batımı"></button><button class="theme-swatch ocean" type="button" data-theme="ocean" aria-label="Okyanus rengi" title="Okyanus"></button><button class="theme-swatch forest" type="button" data-theme="forest" aria-label="Orman rengi" title="Orman"></button><button class="theme-swatch lavender" type="button" data-theme="lavender" aria-label="Lavanta rengi" title="Lavanta"></button><button class="theme-swatch gray" type="button" data-theme="gray" aria-label="Gri rengi" title="Gri"></button></div></nav>
  </header>

  <main id="anasayfa">
    <section class="hero shell">
      <div class="hero-main"><div class="hero-kicker"><span class="kicker-line"></span> ŞEHRİN HER YERİNDE, SENİNLE</div><h1>Aynı şarkıda,<br><em>aynı yerdeyiz.</em></h1><p>Rota’ya hoş geldin. Canlı yayını aç, sohbete katıl; bu güzel frekansta kendine bir yer bul.</p><a class="hero-button" href="#sohbet"><span class="play-icon">▶</span> CANLI YAYINA KATIL <b>↓</b></a><div class="hero-foot"><div class="mini-avatars"><span>☀</span><span>♫</span><span>✳</span></div><div><strong>Rota’da buluşanlar</strong><small>Güzel sohbet şimdi başlıyor</small></div><span class="sound-wave"><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span></div></div>
      <div class="hero-visual" aria-hidden="true"><div class="visual-grid"></div><div class="hero-disc"><div class="disc-rings"></div><div class="disc-center"><b>ROTA</b><span>İNTERNET RADYOSU</span></div></div><div class="hero-sun"></div><div class="hero-star star-a">✳</div><div class="hero-star star-b">♫</div><div class="hero-note">CANLI<br><b>●</b> ON AIR</div><div class="hero-scribble">MÜZİĞİN<br>ROTASI</div></div>
      <div class="hero-strip"><span>İNTERNET RADYOSU</span><i>✳</i><span class="strip-right">DÜNYANIN HER YERİNDEN, SENİNLE</span></div>
    </section>

    <section class="live-section shell" id="sohbet">
      <div class="radio-player"><div class="player-art"><span>♫</span></div><div class="player-copy"><small>ROTA PLAYER</small><strong>Canlı sohbet ve müzik</strong><span>FlatcastX yayınını aç, sohbete katıl</span></div><div class="player-eq" aria-hidden="true"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div><a class="player-button" href="#radio-stream" aria-label="Canlı oynatıcıya git">▶</a></div>
      <div class="dj-marquee" aria-label="Rota DJ’leri: Ece, Mert ve Selin"><span class="marquee-label">ROTA DJ’LERİ</span><div class="marquee-window"><div class="marquee-track"><span>DJ ECE <i>✳</i> DJ MERT <i>✳</i> DJ SELİN <i>✳</i> DJ ECE <i>✳</i> DJ MERT <i>✳</i> DJ SELİN <i>✳</i></span><span aria-hidden="true">DJ ECE <i>✳</i> DJ MERT <i>✳</i> DJ SELİN <i>✳</i> DJ ECE <i>✳</i> DJ MERT <i>✳</i> DJ SELİN <i>✳</i></span></div></div></div>
      <div class="section-top"><div><h2>Yayına gir, <em>sohbete karış.</em></h2><p>Rota’nın canlı yayınında müziği dinle, dostlarla selamlaş.</p></div><div class="live-status site-datetime"><time id="site-time"></time><span id="site-date"></span></div></div>
      <div class="live-layout">
        <div class="radio-window" id="radio-stream"><div class="window-bar"><div class="window-brand"><span class="window-eq"><i></i><i></i><i></i><i></i></span><b>ROTA <small>CANLI RADYO</small></b></div><a href="https://flatcastx.com/sid/1511" target="_blank" rel="noopener noreferrer">Yeni pencerede aç ↗</a></div><iframe src="https://flatcastx.com/sid/1511" title="Radyo Rota canlı radyo ve sohbet yayını" width="1160" height="600" frameborder="0" scrolling="no" allow="autoplay" loading="lazy"></iframe></div>
      </div>
      <div class="live-caption"><span><i></i> Yayına bağlanmak için oynatıcıyı kullan</span><span>Saygılı olalım, güzel sohbet edelim <b>✳</b></span></div>
    </section>

    <section class="community-section"><div class="community-inner shell"><div><span class="section-index">ROTA’DA YERİN HAZIR</span><h2>Dinlemek güzel.<br><em>Birlikte dinlemek başka.</em></h2></div><div class="community-copy"><p>Güzel müzik seven herkes burada. Selam ver, sevdiğin şarkıyı iste, Rota’nın bir parçası ol.</p><a href="#sohbet">Sohbete dön <b>↗</b></a></div><span class="community-mark">✳</span></div></section>

  </main>
  <footer class="footer shell"><a class="brand" href="#anasayfa"><span class="brand-symbol"><i></i><i></i><i></i><i></i><i></i></span><span class="brand-word">ROTA<span>FM</span><small>RADYONUN BULUŞMA NOKTASI</small></span></a><p>Güzel şarkılarda, güzel insanlarla. <b>✳</b></p><div class="footer-links"><span>© <span id="year"></span> ROTA FM</span></div></footer>
  </div>
  <div class="toast" role="status" aria-live="polite"></div>
 
  <style>
  @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#17131d;--surface:#201b27;--surface-light:#28222f;--paper:#f1e9df;--muted:#a49ba9;--line:#ffffff17;--orange:#fa9d68;--violet:#b4a0db;--yellow:#e6dc88;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--font);font-size:14px;overflow-x:hidden}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 64px));margin-inline:auto}.topline{height:35px;background:#110f16;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1160px)/2),32px);font-size:8px;letter-spacing:.8px}.onair{color:var(--orange);font-weight:700;display:flex;align-items:center;gap:7px}.onair i,.live-status i,.window-live i,.live-caption i{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px #fa9d6890;display:inline-block;animation:blink 1.5s infinite}.topline-message{color:#a69eaa;letter-spacing:.2px}.topline-social{display:flex;align-items:center;gap:22px;color:#87808d;font-size:7px}.topline-social a{color:var(--paper);font-size:8px}.topline-social b{color:var(--orange);margin-left:8px}.header{height:84px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px}.brand-symbol{height:33px;width:32px;display:flex;align-items:center;justify-content:center;gap:3px}.brand-symbol i{display:block;width:3px;border-radius:4px;background:var(--orange)}.brand-symbol i:nth-child(1),.brand-symbol i:nth-child(5){height:10px}.brand-symbol i:nth-child(2),.brand-symbol i:nth-child(4){height:22px}.brand-symbol i:nth-child(3){height:31px}.brand-word{font:800 19px/.95 var(--display);letter-spacing:.3px}.brand-word>span{color:var(--orange);font-size:12px;margin-left:4px;letter-spacing:1px}.brand-word small{display:block;font:700 6px var(--font);letter-spacing:1.5px;color:#918995;margin-top:6px}.nav{display:flex;align-items:center;gap:32px}.nav a{font-size:10px;color:#b3abb8;transition:color .2s}.nav a:hover,.nav a.active{color:var(--paper)}.nav .nav-cta{border:1px solid #ffffff32;padding:11px 14px;border-radius:4px;color:var(--paper);margin-left:3px}.nav-cta b{color:var(--orange);margin-left:13px}.menu-toggle{display:none}.hero{min-height:528px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-bottom:1px solid var(--line)}.hero-main{padding:12px 0 69px;position:relative;z-index:2}.hero-kicker,.section-index{font-size:8px;letter-spacing:1.5px;color:#b8afb9;font-weight:700}.kicker-line{display:inline-block;height:1px;width:23px;background:var(--orange);vertical-align:middle;margin-right:8px}.hero h1{font:800 clamp(49px,6vw,75px)/1.05 var(--display);letter-spacing:-4.8px;margin:24px 0 17px}.hero h1 em,.section-top h2 em,.community-inner h2 em,.request-copy h2 em{font-style:normal;color:var(--orange)}.hero-main>p{max-width:405px;color:#aaa1ad;font-size:12px;line-height:1.85;margin-bottom:22px}.hero-button{display:inline-flex;align-items:center;gap:12px;padding:13px 16px;background:var(--orange);color:#24171b;border-radius:3px;font-size:8px;letter-spacing:.7px;font-weight:800;transition:.2s}.hero-button:hover{background:#ffb184;transform:translateY(-2px)}.hero-button .play-icon{font-size:9px}.hero-button>b{font-size:12px;margin-left:9px}.hero-foot{display:flex;align-items:center;gap:11px;margin-top:30px}.mini-avatars{display:flex}.mini-avatars span{width:24px;height:24px;border-radius:50%;margin-right:-5px;border:2px solid var(--bg);display:grid;place-items:center;font-size:10px;color:#211b26;background:#d4a88f}.mini-avatars span:nth-child(2){background:#b5a5d1}.mini-avatars span:nth-child(3){background:#e6d18a}.hero-foot strong,.hero-foot small{display:block}.hero-foot strong{font-size:8px}.hero-foot small{font-size:7px;color:#8b8490;margin-top:3px}.sound-wave{height:17px;display:flex;align-items:center;gap:2px;margin-left:8px}.sound-wave i{width:2px;height:5px;background:var(--orange);border-radius:3px;animation:wave .7s ease-in-out infinite alternate}.sound-wave i:nth-child(2){height:13px;animation-delay:.15s}.sound-wave i:nth-child(3){height:8px;animation-delay:.3s}.sound-wave i:nth-child(4){height:16px;animation-delay:.1s}.sound-wave i:nth-child(5){height:10px;animation-delay:.25s}.sound-wave i:nth-child(6){height:14px;animation-delay:.4s}.sound-wave i:nth-child(7){height:6px;animation-delay:.2s}.hero-visual{height:440px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 53% 51%,#52445f66,transparent 61%)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse,#000 12%,transparent 74%)}.hero-disc{position:absolute;left:54%;top:51%;width:310px;height:310px;border-radius:50%;transform:translate(-50%,-50%) rotate(-17deg);background:repeating-radial-gradient(circle,#1c1922 0 2px,#332d39 3px 4px);border:1px solid #6b5f71;box-shadow:0 25px 60px #08070a99}.disc-rings{position:absolute;inset:38px;border:1px solid #78677c99;border-radius:50%;box-shadow:inset 0 0 0 30px #ffffff03,inset 0 0 0 60px #ffffff03}.disc-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:var(--orange);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#251922;letter-spacing:1.5px}.disc-center b{font:800 17px var(--display)}.disc-center span{font-size:7px;margin-top:5px}.hero-sun{position:absolute;width:105px;height:105px;background:var(--yellow);border-radius:50%;right:11%;top:11%;box-shadow:0 0 75px #e6dc8840}.hero-star{position:absolute;color:var(--orange)}.star-a{left:10%;top:19%;font-size:23px}.star-b{right:12%;bottom:23%;font-size:30px;color:var(--violet)}.hero-note{position:absolute;right:1%;top:41%;font-size:7px;letter-spacing:1.5px;line-height:2;color:#c2b8c5;transform:rotate(90deg)}.hero-note b{color:var(--orange);font-size:8px;margin:0 5px}.hero-scribble{position:absolute;left:4%;bottom:9%;font:800 9px/1.6 var(--display);letter-spacing:2px;color:#d4cad766;transform:rotate(-8deg)}.hero-strip{position:absolute;bottom:0;left:0;right:0;height:55px;display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);font-size:7px;letter-spacing:1px;color:#928a97}.hero-strip>span:first-child{font-size:7px;color:#8b8490;margin-right:3px}.hero-strip>b{font:700 11px var(--display);color:var(--paper);letter-spacing:.4px}.hero-strip b small{font:600 6px var(--font);color:#908995;margin-left:4px}.hero-strip>i{font-style:normal;color:var(--orange);font-size:17px;margin-left:auto}.hero-strip .strip-right{font-size:7px;color:#8d8592}.live-section{padding-top:96px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-top h2,.community-inner h2,.request-copy h2{font:750 29px/1.25 var(--display);letter-spacing:-1.1px;margin:11px 0 0}.section-top h2 em{color:#d9a985}.section-top>div>p{font-size:10px;color:#978f9c;margin:8px 0 0}.live-status{display:flex;align-items:center;gap:8px;color:#aaa0ac;font-size:7px;letter-spacing:1.2px;padding-bottom:6px}.live-status i{width:6px;height:6px}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:13px;align-items:stretch}.radio-window{background:#100e15;border:1px solid #ffffff20;border-radius:6px;overflow:hidden;box-shadow:0 20px 60px #09070d66}.window-bar{height:43px;padding:0 14px;display:flex;align-items:center;gap:16px;background:#211c27;border-bottom:1px solid #ffffff17}.window-brand{display:flex;align-items:center;gap:8px}.window-brand>b{font:800 9px var(--display);letter-spacing:.7px}.window-brand small{display:block;font:600 5px var(--font);letter-spacing:1px;color:#8f8793;margin-top:3px}.window-eq{display:flex;gap:2px;align-items:center;height:16px}.window-eq i{width:2px;height:6px;background:var(--orange);border-radius:2px}.window-eq i:nth-child(2){height:13px}.window-eq i:nth-child(3){height:9px}.window-eq i:nth-child(4){height:15px}.window-live{font-size:6px;letter-spacing:.8px;color:#c3b8c5;display:flex;align-items:center;gap:6px;margin-left:auto}.window-live i{width:5px;height:5px}.window-bar>a{font-size:7px;color:#aaa1ad;border-left:1px solid #ffffff20;padding-left:12px}.radio-window iframe{display:block;width:100%;height:600px;border:0;background:#0e0c12}.live-aside{display:flex;flex-direction:column;gap:11px}.aside-now{background:var(--surface);border:1px solid var(--line);border-radius:5px;text-align:center;padding:17px 17px 15px;flex:1}.aside-label{font-size:6px;letter-spacing:1.3px;color:#a89eac;display:block}.aside-label>i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--orange);margin-right:4px}.host-art{width:82px;height:82px;border-radius:50%;margin:14px auto 8px;position:relative;background:linear-gradient(145deg,#e6ad91,#aa7ca7);display:grid;place-items:center;overflow:hidden}.host-art:before{content:'';position:absolute;width:45px;height:70px;background:#33263d;border-radius:50% 50% 10px 10px;bottom:-27px}.host-art>b{position:relative;z-index:1;font:800 32px var(--display);color:#34283c}.host-art i{position:absolute;right:2px;bottom:7px;z-index:2;background:var(--yellow);width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font:12px Georgia;color:#352b36}.host-halo{position:absolute;inset:6px;border:1px solid #fff8;border-radius:50%}.host-role{font-size:6px;color:var(--orange);letter-spacing:1.2px}.aside-now h3{font:750 17px var(--display);margin:4px 0}.aside-now>p{font-size:8px;color:#a39aa7;margin:0}.aside-rule{height:1px;background:var(--line);margin:15px 0 12px}.aside-show{display:block;font:700 11px var(--display);margin-top:6px}.aside-time{display:block;font-size:7px;color:#928a97;margin-top:4px}.aside-quote{background:#30263a;border-radius:5px;padding:14px 16px;position:relative;min-height:97px}.aside-quote>span{font:32px Georgia;color:var(--orange);position:absolute;top:3px;left:13px}.aside-quote p{font:600 9px/1.55 var(--display);padding-left:16px;margin:7px 0 8px}.aside-quote small{font-size:6px;letter-spacing:1px;color:#b4a6ba;padding-left:16px}.aside-request{background:#ded68b;color:#211d26;border-radius:4px;padding:11px;display:flex;align-items:center;gap:9px}.request-music{width:27px;height:27px;background:#29232e;color:var(--yellow);border-radius:50%;display:grid;place-items:center;font:16px Georgia}.aside-request span:nth-child(2){flex:1}.aside-request b,.aside-request small{display:block}.aside-request b{font:700 9px var(--display)}.aside-request small{font-size:7px;margin-top:3px;color:#625b61}.aside-request>strong{font-size:13px}.live-caption{display:flex;justify-content:space-between;padding:11px 2px;color:#89818e;font-size:7px;letter-spacing:.2px}.live-caption>span{display:flex;align-items:center;gap:6px}.live-caption i{width:5px;height:5px}.live-caption b{color:var(--orange);font-size:11px}.schedule-section{padding-top:100px}.schedule-top{margin-bottom:21px}.today-label{font-size:7px;color:#96909b;letter-spacing:1px;padding-bottom:4px}.today-label i{font-style:normal;color:var(--orange);font-size:14px;margin-right:6px}.schedule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.show-card{min-height:124px;background:#211c27;border:1px solid var(--line);border-radius:5px;padding:13px;display:grid;grid-template-columns:74px 76px 1fr 15px;gap:11px;align-items:center;transition:.2s}.show-card:hover{background:#28222f;border-color:#fa9d6855;transform:translateY(-2px)}.show-time{position:relative;display:flex;align-items:baseline;gap:2px;color:#e7dfe5;font:700 12px var(--display);letter-spacing:-.5px}.show-time span{font:600 6px var(--font);color:#a39aa7}.show-time>i{font-style:normal;font-size:8px;color:#807986;margin:0 2px}.show-time>small{position:absolute;left:0;top:25px;font:700 6px var(--font);letter-spacing:1px;color:var(--orange)}.show-art{height:75px;border-radius:3px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.show-art>span{font:32px Georgia;color:#fff;z-index:1}.show-art>i{position:absolute;bottom:5px;left:6px;color:#fff9;font:700 5px/1.3 var(--font);letter-spacing:1px}.morning{background:linear-gradient(145deg,#e7ad82,#ad6a76)}.midday{background:linear-gradient(145deg,#82b5aa,#596588)}.evening{background:linear-gradient(145deg,#ae94d1,#665375)}.show-info>span{font-size:5px;letter-spacing:.7px;color:#b3a7b5}.show-info h3{font:700 12px var(--display);margin:6px 0 4px}.show-info p{font-size:7px;color:#9c93a0;margin:0}.show-card>a{font-size:13px;color:var(--orange);align-self:start}.active-show{border-color:#fa9d6844}.active-show .show-info>span{color:var(--orange)}.community-section{margin-top:110px;background:#26202d;border-block:1px solid var(--line);overflow:hidden}.community-inner{min-height:208px;display:flex;align-items:center;justify-content:space-between;position:relative}.community-inner h2{font-size:28px}.community-inner h2 em{color:var(--violet)}.community-copy{max-width:310px;position:relative;z-index:1}.community-copy p{font-size:10px;color:#a9a0ac;line-height:1.8;margin:0 0 14px}.community-copy a{font-size:8px;color:var(--paper);border-bottom:1px solid #ffffff55;padding-bottom:5px}.community-copy a b{color:var(--orange);margin-left:8px}.community-mark{position:absolute;font-size:206px;color:#ffffff06;right:29%;top:-39px}.team-section{padding-top:101px}.team-intro{font-size:9px;line-height:1.8;color:#9a929f;margin:0 0 4px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dj-card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);padding:12px;border-radius:4px}.dj-portrait{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;position:relative;overflow:hidden;color:#352a39;font:800 18px var(--display)}.dj-portrait:before{content:'';position:absolute;width:27px;height:37px;border-radius:50% 50% 0 0;bottom:-14px;background:#382b3c}.dj-portrait span{position:relative;z-index:1}.dj-portrait i{position:absolute;z-index:2;right:0;bottom:1px;font:14px Georgia;color:#fff}.ece{background:linear-gradient(145deg,#ebbd9b,#a986bd)}.mert{background:linear-gradient(145deg,#9ac8b9,#647396)}.selin{background:linear-gradient(145deg,#e1a889,#a05e7c)}.dj-card>div:nth-child(2){flex:1}.dj-card small{font-size:5px;letter-spacing:1px;color:var(--orange)}.dj-card h3{font:700 12px var(--display);margin:3px 0}.dj-card p{font-size:7px;color:#958d99;margin:0}.dj-card>a{color:#b3a9b6;font-size:12px}.request-section{padding-top:92px}.request-banner{min-height:185px;background:#ded68b;border-radius:5px;padding:30px 39px;display:grid;grid-template-columns:54px 1fr 1fr;gap:20px;align-items:center;color:#251f2a;position:relative;overflow:hidden}.request-banner:after{content:'♫';position:absolute;right:35%;top:-73px;color:#fff2;font:220px Georgia;transform:rotate(15deg)}.request-symbol{width:42px;height:42px;border:1px solid #2a243033;border-radius:50%;display:grid;place-items:center;font:22px Georgia;position:relative;z-index:1}.request-copy,.request-banner form{position:relative;z-index:1}.request-copy .section-index{color:#655e58}.request-copy h2{font-size:21px;margin:8px 0}.request-copy h2 em{color:#795e61}.request-copy>p{font-size:8px;color:#6d665e;margin:0}.request-banner form label{font-size:6px;letter-spacing:1px;font-weight:700;color:#6b645d}.request-input{display:flex;margin-top:8px;background:#f3edcb;border:1px solid #716b4d;border-radius:3px;padding:3px}.request-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:9px;font:8px var(--font);color:#29242d}.request-input input::placeholder{color:#898274}.request-input button{border:0;background:#28222e;border-radius:2px;color:#f3eacb;white-space:nowrap;padding:0 12px;font:700 7px var(--font);cursor:pointer}.request-input button b{color:var(--orange);margin-left:7px}.form-feedback{margin:6px 0 0;min-height:10px;font-size:7px;color:#3e603b}.footer{min-height:102px;margin-top:38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.footer .brand-word{font-size:16px}.footer .brand-word small{font-size:5px}.footer>p{font-size:8px;color:#a199a5;margin:0}.footer>p b{color:var(--orange);margin-left:5px}.footer-links{display:flex;align-items:center;gap:17px;font-size:7px;color:#8e8693}.footer-links a{color:#bcb3bf;font-size:7px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,15px);z-index:50;background:#302836;border:1px solid #ffffff30;border-radius:4px;padding:11px 16px;font-size:10px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 15px 35px #0008}.toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes blink{50%{opacity:.4}}@keyframes wave{to{transform:scaleY(.45);opacity:.65}}
@media(max-width:1000px){.shell{width:calc(100% - 48px)}.topline{padding:0 24px}.hero{min-height:490px}.hero h1{font-size:61px}.hero-disc{width:270px;height:270px}.live-layout{grid-template-columns:minmax(0,1fr) 195px}.show-card{grid-template-columns:59px 61px 1fr 12px;gap:8px;padding:10px}.show-art{height:66px}.show-info>span{font-size:4.5px}.show-info h3{font-size:11px}.request-banner{padding:25px;grid-template-columns:44px 1fr 1fr;gap:14px}}
@media(max-width:700px){.shell{width:calc(100% - 36px)}.topline{padding:0 18px}.topline-message{display:none}.topline-social{gap:12px}.topline-social>span{display:none}.header{height:68px}.menu-toggle{display:block;background:none;border:0;width:36px;height:36px}.menu-toggle span{display:block;width:18px;height:1px;background:var(--paper);margin:6px auto}.nav{display:none;position:absolute;top:59px;left:-7px;right:-7px;background:#211c27;border:1px solid var(--line);border-radius:4px;padding:13px;box-shadow:0 14px 35px #0009;align-items:stretch;flex-direction:column;gap:0}.nav.open{display:flex}.nav a{padding:12px 9px}.nav .nav-cta{margin:6px 0 0}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:auto;padding-top:43px}.hero-main{padding:0 0 24px}.hero h1{font-size:51px;letter-spacing:-3.5px;margin:18px 0 14px}.hero-main>p{font-size:10px;max-width:340px}.hero-button{font-size:7px;padding:12px 13px}.hero-foot{margin-top:21px}.hero-visual{height:255px}.hero-disc{width:211px;height:211px;left:55%;top:52%}.disc-rings{inset:27px}.disc-center{width:69px;height:69px}.disc-center b{font-size:12px}.disc-center span{font-size:5px}.hero-sun{width:68px;height:68px;right:14%;top:12%}.hero-strip{height:49px;gap:12px;flex-wrap:nowrap}.hero-strip>span:first-child{font-size:5px}.hero-strip>b{font-size:8px}.hero-strip b small{display:block;font-size:4px;margin:3px 0 0}.hero-strip .web-freq{display:none}.hero-strip>i{font-size:11px}.hero-strip .strip-right{font-size:5px}.live-section,.schedule-section{padding-top:73px}.section-top{align-items:flex-start}.section-top h2{font-size:22px}.section-top>div>p{font-size:8px;max-width:260px;line-height:1.6}.live-status{font-size:5px;white-space:nowrap;padding-top:5px}.live-layout{grid-template-columns:1fr;gap:10px}.window-bar{height:38px;padding:0 10px;gap:8px}.window-brand>b{font-size:8px}.window-live{font-size:5px}.window-bar>a{font-size:6px;padding-left:8px}.radio-window iframe{height:600px}.live-aside{display:grid;grid-template-columns:1fr 1fr;gap:8px}.aside-now{grid-row:span 2;padding:13px 10px}.host-art{width:64px;height:64px;margin:9px auto 6px}.host-art>b{font-size:25px}.aside-now h3{font-size:14px}.aside-now>p{font-size:7px}.aside-quote{min-height:83px;padding:10px}.aside-quote p{font-size:8px}.aside-request{padding:8px;gap:7px}.aside-request small{font-size:6px}.live-caption{font-size:6px;gap:8px}.live-caption>span:last-child{text-align:right}.schedule-grid{grid-template-columns:1fr;gap:8px}.show-card{min-height:100px;grid-template-columns:58px 65px 1fr 15px;padding:10px;gap:10px}.show-time{font-size:11px}.show-time>small{top:20px}.show-art{height:62px}.show-info>span{font-size:5px}.show-info h3{font-size:12px}.show-info p{font-size:7px}.today-label{font-size:5px;white-space:nowrap;margin-top:5px}.community-section{margin-top:78px}.community-inner{min-height:210px;display:block;padding-top:32px;padding-bottom:25px}.community-inner h2{font-size:23px;margin-bottom:15px}.community-copy{max-width:280px}.community-copy p{font-size:9px;margin-bottom:10px}.community-mark{font-size:140px;right:-12px;top:2px}.team-section{padding-top:75px}.team-intro{font-size:7px;text-align:right}.team-grid{grid-template-columns:1fr;gap:7px}.dj-card{padding:9px}.dj-portrait{width:42px;height:42px}.request-section{padding-top:72px}.request-banner{grid-template-columns:36px 1fr;gap:10px;padding:22px 17px}.request-symbol{width:34px;height:34px;font-size:18px}.request-copy h2{font-size:18px}.request-copy>p{font-size:7px}.request-banner form{grid-column:1/-1}.request-input input{font-size:8px}.footer{min-height:132px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:19px 0}.footer>p{text-align:right;font-size:7px}.footer-links{grid-column:1/-1;justify-content:space-between;gap:8px}.footer-links span,.footer-links a{font-size:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Okunabilirlik düzenlemesi */
body{font-size:16px}
.topline{font-size:10px}
.topline-social,.topline-social a{font-size:9px}
.brand-word{font-size:21px}
.brand-word small{font-size:7px}
.nav a{font-size:12px}
.hero-kicker,.section-index{font-size:10px}
.hero-main>p{font-size:14px}
.hero-button{font-size:10px}
.hero-foot strong{font-size:10px}
.hero-foot small{font-size:9px}
.hero-strip{font-size:9px}
.hero-strip>span:first-child,.hero-strip .strip-right{font-size:9px}
.hero-strip>b{font-size:13px}
.hero-strip b small{font-size:8px}
.section-top h2,.community-inner h2{font-size:32px}
.section-top>div>p{font-size:12px}
.live-status{font-size:9px}
.window-brand>b{font-size:11px}
.window-brand small{font-size:7px}
.window-live,.window-bar>a{font-size:9px}
.aside-label{font-size:8px}
.host-role{font-size:8px}
.aside-now>p{font-size:10px}
.aside-show{font-size:13px}
.aside-time{font-size:9px}
.aside-quote p{font-size:11px}
.aside-quote small{font-size:8px}
.aside-request b{font-size:11px}
.aside-request small{font-size:9px}
.live-caption{font-size:9px}
.today-label{font-size:9px}
.show-time{font-size:14px}
.show-time span{font-size:8px}
.show-time>small{font-size:8px}
.show-info>span{font-size:7px}
.show-info h3{font-size:14px}
.show-info p{font-size:9px}
.team-intro{font-size:11px}
.dj-card small{font-size:7px}
.dj-card h3{font-size:14px}
.dj-card p{font-size:9px}
.request-copy h2{font-size:23px}
.request-copy>p{font-size:10px}
.request-banner form label{font-size:8px}
.request-input input{font-size:10px}
.request-input button{font-size:9px}
.form-feedback{font-size:9px}
.footer>p,.footer-links,.footer-links a{font-size:9px}
@media(max-width:700px){
  .topline{font-size:9px}
  .topline-social,.topline-social a{font-size:8px}
  .brand-word{font-size:18px}
  .brand-word small{font-size:6px}
  .hero-kicker,.section-index{font-size:8px}
  .hero-main>p{font-size:12px}
  .hero-button{font-size:8px}
  .hero-foot strong{font-size:9px}
  .hero-foot small{font-size:8px}
  .hero-strip{gap:9px}
  .hero-strip>span:first-child,.hero-strip .strip-right{font-size:6px}
  .hero-strip>b{font-size:8px}
  .hero-strip b small{font-size:5px}
  .section-top h2,.community-inner h2{font-size:25px}
  .section-top>div>p{font-size:10px}
  .live-status{font-size:6px}
  .window-brand>b{font-size:9px}
  .window-brand small{font-size:6px}
  .window-live,.window-bar>a{font-size:7px}
  .aside-label{font-size:7px}
  .host-role{font-size:7px}
  .aside-now>p{font-size:9px}
  .aside-show{font-size:12px}
  .aside-time{font-size:8px}
  .aside-quote p{font-size:9px}
  .aside-quote small{font-size:7px}
  .aside-request b{font-size:9px}
  .aside-request small{font-size:7px}
  .live-caption{font-size:7px}
  .today-label{font-size:6px}
  .show-time{font-size:12px}
  .show-time span,.show-time>small{font-size:7px}
  .show-info>span{font-size:6px}
  .show-info h3{font-size:13px}
  .show-info p{font-size:8px}
  .team-intro{font-size:8px}
  .dj-card small{font-size:6px}
  .dj-card h3{font-size:13px}
  .dj-card p{font-size:8px}
  .request-copy h2{font-size:19px}
  .request-copy>p{font-size:8px}
  .request-banner form label{font-size:7px}
  .request-input input{font-size:9px}
  .request-input button{font-size:8px}
  .form-feedback{font-size:8px}
  .footer>p,.footer-links,.footer-links a{font-size:7px}
}
:root[data-theme="sunset"]{--orange:#fa9d68;--violet:#b4a0db;--yellow:#e6dc88}
:root[data-theme="ocean"]{--orange:#71d2df;--violet:#8fa9ef;--yellow:#c1e7d8}
:root[data-theme="forest"]{--orange:#b8db78;--violet:#90c9a0;--yellow:#e3e59a}
:root[data-theme="lavender"]{--orange:#d2a0fa;--violet:#a895df;--yellow:#e9c4e7}
:root[data-theme="gray"]{--bg:#17191c;--surface:#22252a;--surface-light:#2d3137;--paper:#f0f1f2;--muted:#aeb3b8;--line:#ffffff1b;--orange:#c9ced3;--violet:#9fa7b0;--yellow:#dfe3e6}
.theme-picker{display:flex;align-items:center;gap:7px;margin-left:1px;padding-left:15px;border-left:1px solid var(--line)}
.theme-picker>span{font-size:7px;letter-spacing:1px;color:#a79eaa;margin-right:2px}
.theme-swatch{width:15px;height:15px;padding:0;border:1px solid #ffffff55;border-radius:50%;background:#fa9d68;cursor:pointer;position:relative}
.theme-swatch.ocean{background:#71d2df}.theme-swatch.forest{background:#b8db78}.theme-swatch.lavender{background:#d2a0fa}.theme-swatch.gray{background:#c9ced3}
.theme-swatch.active:after{content:'';position:absolute;inset:-4px;border:1px solid var(--paper);border-radius:50%}
.theme-swatch:focus-visible{outline:2px solid var(--paper);outline-offset:4px}
@media(max-width:700px){.theme-picker{margin:7px 8px 1px;padding:13px 8px 5px;border-left:0;border-top:1px solid var(--line);gap:10px}.theme-picker>span{font-size:8px;margin-right:5px}.theme-swatch{width:18px;height:18px}}
.dj-marquee{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:19px;margin:0 0 20px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.radio-player{min-height:76px;margin-bottom:14px;padding:12px 16px;display:flex;align-items:center;gap:13px;background:linear-gradient(100deg,#2a2230,#211c27);border:1px solid #ffffff1c;border-radius:6px;box-shadow:0 12px 30px #09070d33}
.player-art{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,var(--orange) 0 19%,#33283a 20% 45%,#1b1721 46%);color:#251c29;font:21px Georgia;box-shadow:0 0 0 5px #fa9d6810}
.player-copy{display:flex;flex-direction:column;gap:3px;min-width:190px}.player-copy small{font-size:7px;letter-spacing:1.5px;color:var(--orange);font-weight:700}.player-copy strong{font:700 13px var(--display)}.player-copy span{font-size:8px;color:#9e95a4}
.player-eq{height:26px;display:flex;align-items:center;gap:3px;margin-left:auto;margin-right:19px}.player-eq i{width:3px;height:7px;border-radius:3px;background:var(--orange);animation:player-bars .9s ease-in-out infinite alternate}.player-eq i:nth-child(2){height:17px;animation-delay:.15s}.player-eq i:nth-child(3){height:11px;animation-delay:.3s}.player-eq i:nth-child(4){height:22px;animation-delay:.1s}.player-eq i:nth-child(5){height:14px;animation-delay:.25s}.player-eq i:nth-child(6){height:19px;animation-delay:.4s}.player-eq i:nth-child(7){height:8px;animation-delay:.2s}
.player-button{width:39px;height:39px;flex:0 0 39px;border-radius:50%;display:grid;place-items:center;padding-left:2px;background:var(--orange);color:#251922;font-size:12px;transition:transform .2s,background .2s}.player-button:hover{transform:scale(1.08);background:#ffb184}@keyframes player-bars{to{transform:scaleY(.35);opacity:.55}}
@media(max-width:700px){.radio-player{min-height:68px;padding:10px;gap:9px}.player-art{width:40px;height:40px;flex-basis:40px;font-size:18px}.player-copy{min-width:0}.player-copy strong{font-size:11px}.player-copy span{font-size:7px}.player-eq{margin-right:5px;gap:2px}.player-eq i{width:2px}.player-button{width:34px;height:34px;flex-basis:34px;font-size:10px}}
.marquee-label{font-size:8px;font-weight:700;letter-spacing:1.4px;color:#a99fac;white-space:nowrap}
.marquee-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.marquee-track{width:max-content;display:flex;animation:dj-marquee-scroll 25s linear infinite}
.marquee-track>span{display:inline-block;white-space:nowrap;padding-right:36px;font:700 10px var(--display);letter-spacing:1px;color:#ddd4df}
.marquee-track i{font-style:normal;color:var(--orange);margin:0 15px;font-size:11px}
.dj-marquee:hover .marquee-track{animation-play-state:paused}
@keyframes dj-marquee-scroll{to{transform:translateX(-50%)}}
@media(max-width:700px){.dj-marquee{gap:11px;margin-bottom:15px;padding:9px 0}.marquee-label{font-size:7px}.marquee-track>span{font-size:9px;padding-right:26px}.marquee-track i{margin:0 10px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}
.topline .onair{font-size:10px;letter-spacing:.2px;font-weight:500;color:#c4bac7;white-space:nowrap}
.topline .onair i{flex:0 0 6px}
@media(max-width:700px){.topline .onair{font-size:8px;letter-spacing:0}}
.live-status.site-datetime{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;padding-bottom:0;color:var(--paper);letter-spacing:0}
.site-datetime time{font:700 18px var(--display);letter-spacing:.5px}
.site-datetime span{font:500 9px var(--font);color:#a69eaa}
@media(max-width:700px){.site-datetime time{font-size:15px}.site-datetime span{font-size:8px}}
body{isolation:isolate;position:relative}
body:before{content:"";position:fixed;inset:-35vh -25vw;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 22% 32%,color-mix(in srgb,var(--orange) 13%,transparent),transparent 34%),radial-gradient(ellipse at 78% 62%,color-mix(in srgb,var(--violet) 12%,transparent),transparent 38%),radial-gradient(ellipse at 52% 96%,color-mix(in srgb,var(--yellow) 6%,transparent),transparent 32%);filter:blur(55px);opacity:.62;transform:translate3d(-1%,0,0) scale(1);animation:ambient-drift 38s ease-in-out infinite alternate}
@keyframes ambient-drift{0%{transform:translate3d(-1%,0,0) scale(1)}50%{transform:translate3d(1.5%,-1%,0) scale(1.035)}100%{transform:translate3d(-.5%,1%,0) scale(1.015)}}
@media(prefers-reduced-motion:reduce){body:before{animation:none}}
.window-bar>a{margin-left:auto;border-left:0;padding-left:0}
.header{background:linear-gradient(110deg,color-mix(in srgb,var(--orange) 11%,#211c27) 0%,#211c27 34%,color-mix(in srgb,var(--violet) 9%,#211c27) 100%);border:1px solid #ffffff18;border-top:0;border-radius:0 0 8px 8px;padding-inline:22px;box-shadow:0 12px 34px #08060c55;isolation:isolate}
.header:before{content:"";position:absolute;top:0;left:22px;right:22px;height:1px;background:linear-gradient(90deg,transparent,var(--orange),var(--violet),transparent);opacity:.8;pointer-events:none}
@media(max-width:700px){.header{padding-inline:14px}.header:before{left:14px;right:14px}}
.site-frame{width:min(1200px,calc(100% - 80px));min-height:calc(100vh - 48px);margin:24px auto;background:#19151f;border:1px solid #ffffff24;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 28px 100px #0009}
.site-frame .topline{padding-inline:max(calc((100% - 1160px)/2),32px)}
@media(max-width:700px){.site-frame{width:calc(100% - 16px);min-height:calc(100vh - 16px);margin:8px auto;border-radius:9px}.site-frame .topline{padding-inline:10px}}
.live-section.shell{width:min(1160px,calc(100vw - 82px))}
.radio-window{width:1160px;max-width:100%;border:0}
.radio-window iframe{width:100%;max-width:100%;height:600px}
@media(max-width:700px){.live-section.shell{width:calc(100% - 36px)}}
.site-frame>.shell{width:min(1160px,calc(100% - 38px));max-width:none}
.site-frame>.live-section.shell{width:min(1160px,calc(100% - 38px));max-width:none}
@media(max-width:700px){.site-frame>.shell,.site-frame>.live-section.shell{width:calc(100% - 36px);max-width:none}}
.site-frame>.header.shell{width:100%;max-width:none}
.site-frame>.header.shell{padding-left:0;padding-right:0}
.site-frame>.header.shell{background:transparent;border:1px solid #ffffff22;border-left:0;border-right:0;border-radius:0;box-shadow:none}
.site-frame>.header.shell{width:100%;max-width:none;padding-left:22px;padding-right:22px}
@media(max-width:700px){.site-frame>.header.shell{width:100%;padding-left:14px;padding-right:14px}}
.radio-player{display:none}
.live-section .dj-marquee{margin-top:-10px}
@media(max-width:700px){.live-section .dj-marquee{margin-top:-6px}}
.site-frame .hero-strip,.site-frame .live-section .dj-marquee{width:calc(100% + 40px);margin-left:-20px;padding-left:20px;padding-right:20px}
@media(max-width:700px){.site-frame .hero-strip,.site-frame .live-section .dj-marquee{width:calc(100% + 36px);margin-left:-18px;padding-left:18px;padding-right:18px}}
.site-frame .hero-strip{left:-20px;right:-20px;width:auto;margin-left:0}
.site-frame>.footer.shell{width:calc(100% + 40px);max-width:none;margin-left:-20px;padding-left:20px;padding-right:20px}
@media(max-width:700px){.site-frame .hero-strip{left:-18px;right:-18px;width:auto}.site-frame>.footer.shell{width:calc(100% + 36px);margin-left:-18px;padding-left:18px;padding-right:18px}}
.site-frame>.footer.shell{width:calc(100% + 2px);max-width:none;margin-left:-1px;padding-left:20px;padding-right:20px}
@media(max-width:700px){.site-frame>.footer.shell{width:calc(100% + 2px);margin-left:-1px;padding-left:18px;padding-right:18px}}
.site-frame>.hero.shell{border-bottom:0}
.site-frame>.hero.shell:after{content:"";position:absolute;left:-20px;bottom:0;width:calc(100% + 40px);height:1px;background:var(--line);pointer-events:none}
@media(max-width:700px){.site-frame>.hero.shell:after{left:-18px;width:calc(100% + 36px)}}
.site-frame>.hero.shell .hero-strip{left:-20px!important;right:-20px!important;width:auto!important;margin-left:0!important}
@media(max-width:700px){.site-frame>.hero.shell .hero-strip{left:-18px!important;right:-18px!important;width:auto!important}}
.live-section{padding-top:68px}
@media(max-width:700px){.live-section{padding-top:54px}}
.section-top h2 em{color:var(--orange)}
.nav>a:not(.nav-cta){position:relative;padding:8px 0;transition:color .25s ease,transform .25s ease}
.nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;border-radius:2px;background:var(--orange);transform:scaleX(0);transform-origin:center;transition:transform .25s ease;box-shadow:0 0 10px color-mix(in srgb,var(--orange) 45%,transparent)}
.nav>a:not(.nav-cta):hover,.nav>a:not(.nav-cta):focus-visible{color:var(--paper);transform:translateY(-2px)}
.nav>a:not(.nav-cta):hover:after,.nav>a:not(.nav-cta):focus-visible:after,.nav>a.active:after{transform:scaleX(1)}
.nav .nav-cta{transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease}
.nav .nav-cta:hover,.nav .nav-cta:focus-visible{background:var(--orange);border-color:var(--orange);color:#24171b;transform:translateY(-2px)}
.nav .nav-cta:hover b,.nav .nav-cta:focus-visible b{color:#24171b}
.schedule-top .today-label{display:inline-flex;align-items:center;gap:11px;padding:10px 13px;border:1px solid var(--line);border-radius:3px;color:var(--paper);text-decoration:none;transition:border-color .2s,background .2s}
.schedule-top .today-label:hover{border-color:var(--orange);background:#ffffff08}
.schedule-top .today-label b{color:var(--orange);font-size:12px}
.schedule-actions{justify-content:flex-end;margin-bottom:16px}
.aside-welcome{background:var(--surface);border:1px solid var(--line);border-radius:5px;text-align:left;padding:22px 19px;flex:1;display:flex;flex-direction:column;justify-content:center}
.aside-welcome .aside-label{font-size:8px}
.welcome-mark{width:54px;height:54px;margin:23px 0 14px;border-radius:50%;display:grid;place-items:center;color:#251c29;background:var(--orange);font-size:26px;box-shadow:0 0 34px #fa9d6825}
.aside-welcome h3{font:750 20px var(--display);margin:0 0 7px}
.aside-welcome p{font-size:10px;line-height:1.65;color:#aaa1ad;margin:0}
.aside-welcome ul{list-style:none;margin:17px 0 0;padding:13px 0 0;border-top:1px solid var(--line)}
.aside-welcome li{font-size:9px;color:#c0b7c4;margin:7px 0}
.aside-welcome li:before{content:'✳';font-size:8px;color:var(--orange);margin-right:8px}
@media(max-width:700px){.aside-welcome{grid-row:span 2;padding:15px 12px}.aside-welcome .aside-label{font-size:7px}.welcome-mark{width:39px;height:39px;font-size:19px;margin:14px 0 10px}.aside-welcome h3{font-size:16px}.aside-welcome p{font-size:9px}.aside-welcome ul{margin-top:10px;padding-top:8px}.aside-welcome li{font-size:8px;margin:5px 0}}
.live-layout{grid-template-columns:minmax(0,1fr)}
.radio-window iframe{display:block;width:1160px;max-width:100%;height:600px;overflow:hidden}
.request-copy h2{font-size:25px}
.request-copy>p{font-size:11px}
.request-banner form label{font-size:9px}
.request-input input{font-size:12px}
.request-input button{font-size:10px}
.footer-links a{font-size:10px}
@media(max-width:700px){.request-copy h2{font-size:21px}.request-copy>p{font-size:9px}.request-banner form label{font-size:8px}.request-input input{font-size:10px}.request-input button{font-size:9px}.footer-links a{font-size:7px}}
/* Daha rahat okunması için genel metin ölçüleri */
.nav a{font-size:13px}
.topline{font-size:11px}
.topline-social,.topline-social a{font-size:10px}
.hero-main>p{font-size:15px}
.hero-foot strong{font-size:11px}
.hero-foot small{font-size:10px}
.section-top h2,.community-inner h2{font-size:34px}
.section-top>div>p,.community-copy p{font-size:13px}
.live-status,.window-live,.window-bar>a{font-size:10px}
.live-caption{font-size:10px}
.show-info>span{font-size:8px}
.show-info h3{font-size:15px}
.show-info p{font-size:10px}
.team-intro{font-size:12px}
.dj-card small{font-size:8px}
.dj-card h3{font-size:15px}
.dj-card p{font-size:10px}
.footer>p,.footer-links,.footer-links a{font-size:10px}
@media(max-width:700px){
  .nav a{font-size:13px}
  .topline{font-size:9px}
  .topline-social,.topline-social a{font-size:8px}
  .hero-main>p{font-size:13px}
  .hero-foot strong{font-size:10px}
  .hero-foot small{font-size:9px}
  .section-top h2,.community-inner h2{font-size:26px}
  .section-top>div>p,.community-copy p{font-size:10px}
  .live-status,.window-live,.window-bar>a{font-size:7px}
  .live-caption{font-size:7px}
  .show-info>span{font-size:6px}
  .show-info h3{font-size:13px}
  .show-info p{font-size:8px}
  .team-intro{font-size:8px}
  .dj-card small{font-size:6px}
  .dj-card h3{font-size:13px}
  .dj-card p{font-size:8px}
  .footer>p,.footer-links,.footer-links a{font-size:7px}
}

  </style>
 
 
  <script>
  document.querySelector('#year').textContent = new Date().getFullYear();

const timeFormatter = new Intl.DateTimeFormat('tr-TR', {
  timeZone: 'Europe/Istanbul', hour: '2-digit', minute: '2-digit', hourCycle: 'h23'
});
const dateFormatter = new Intl.DateTimeFormat('tr-TR', {
  timeZone: 'Europe/Istanbul', day: 'numeric', month: 'long', year: 'numeric'
});
function updateClock() {
  const now = new Date();
  const time = document.querySelector('#site-time');
  time.textContent = timeFormatter.format(now);
  time.dateTime = now.toISOString();
  document.querySelector('#site-date').textContent = dateFormatter.format(now);
}
updateClock();
setInterval(updateClock, 30_000);

const themeButtons = document.querySelectorAll('.theme-swatch');
const savedTheme = localStorage.getItem('rota-theme');
const initialTheme = ['sunset', 'ocean', 'forest', 'lavender', 'gray'].includes(savedTheme) ? savedTheme : 'sunset';
document.documentElement.dataset.theme = initialTheme;
themeButtons.forEach(button => {
  const selected = button.dataset.theme === initialTheme;
  button.classList.toggle('active', selected);
  button.setAttribute('aria-pressed', String(selected));
  button.addEventListener('click', () => {
    const theme = button.dataset.theme;
    document.documentElement.dataset.theme = theme;
    localStorage.setItem('rota-theme', theme);
    themeButtons.forEach(swatch => {
      const active = swatch === button;
      swatch.classList.toggle('active', active);
      swatch.setAttribute('aria-pressed', String(active));
    });
  });
});

const menuToggle = document.querySelector('.menu-toggle');
const nav = document.querySelector('.nav');
menuToggle.addEventListener('click', () => {
  const open = nav.classList.toggle('open');
  menuToggle.setAttribute('aria-expanded', String(open));
});
nav.querySelectorAll('a').forEach(link => link.addEventListener('click', () => {
  nav.classList.remove('open');
  menuToggle.setAttribute('aria-expanded', 'false');
}));


  </script>
</body>
</html>

Ekran Görüntüleri:
yapay-zeka-index-turuncu.png


yapay-zeka-index-turkuaz.png


yapay-zeka-index-yesil.png


yapay-zeka-index-lila.png


yapay-zeka-index-gri.png
 

Konuyu toplam 0 üye okuyor. (0 Kayıtlı üye ve 0 Misafir)

Sitemiz bir forum sitesi olduğu için kullanıcılar her türlü görüşlerini önceden onay olmadan anında siteye yazabilmektedir. 5651 sayılı yasaya göre bu yazılardan dolayı doğabilecek her türlü sorumluluk yazan kullanıcılara aittir. 5651 sayılı yasaya göre sitemiz mesajları kontrolle yükümlü olmayıp, yasaya aykırı yada telif hakkı içeren paylaşımlar BURADAN bize ulaşıldığı taktirde, ilgili konu en geç 48 saat içerisinde kaldırılacaktır. Sitemizde Bulunan Videolar YouTube, Facebook, Dailymotion, v.b. video paylaşım sitelerinden alınmaktadır. Telif hakları sorumluluğu bu sitelere aittir. Videoların hiç biri sunucularımızda bulunmamaktadır.
  • Geri
    Üst