<!doctype html>
<html lang="tr">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Dr. Öğr. Üyesi Adil Yıldız | Akademik Portfolyo</title>
	<meta name="description" content="Dr. Öğr. Üyesi Adil Yıldız — Trabzon Üniversitesi Dijital Oyun Tasarımı Bölümü. Nörobilişim, EEG, eğitim teknolojileri ve TÜBİTAK 1001 projesi NöroOyun." />
	<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=Sora:wght@300;400;600;700&family=Marcellus&display=swap" rel="stylesheet" />
	<style>
		:root {
			--ink: #10243f;
			--ink-soft: #4a5f7b;
			--accent: #ff6b35;
			--accent-deep: #0f7c8a;
			--paper: #fffdf8;
			--mist: #f2f7ff;
			--card: rgba(255, 255, 255, 0.88);
			--line: rgba(16, 36, 63, 0.13);
			--shadow: 0 18px 45px rgba(16, 36, 63, 0.13);
			--radius-lg: 24px;
			--radius-md: 16px;
		}

		* { box-sizing: border-box; }

		body {
			margin: 0;
			font-family: "Sora", "Segoe UI", sans-serif;
			color: var(--ink);
			background:
				radial-gradient(circle at 8% 10%, rgba(255, 107, 53, 0.18), transparent 30%),
				radial-gradient(circle at 88% 12%, rgba(15, 124, 138, 0.20), transparent 32%),
				linear-gradient(160deg, var(--paper), var(--mist));
			min-height: 100vh;
		}

		body::before {
			content: "";
			position: fixed;
			inset: 0;
			pointer-events: none;
			background-image:
				linear-gradient(rgba(16, 36, 63, 0.03) 1px, transparent 1px),
				linear-gradient(90deg, rgba(16, 36, 63, 0.03) 1px, transparent 1px);
			background-size: 30px 30px;
			z-index: -1;
		}

		.container {
			width: min(1160px, 92%);
			margin: 0 auto;
			padding: 38px 0 72px;
		}

		/* ─── Üst Çubuk ─── */
		.topbar {
			display: flex;
			justify-content: space-between;
			gap: 12px;
			align-items: center;
			margin-bottom: 20px;
			flex-wrap: wrap;
		}

		.brand {
			font-size: 0.88rem;
			font-weight: 700;
			letter-spacing: 0.07em;
			text-transform: uppercase;
			color: var(--ink-soft);
		}

		.quick-links {
			display: flex;
			gap: 8px;
			flex-wrap: wrap;
		}

		.quick-links a {
			text-decoration: none;
			padding: 8px 13px;
			border-radius: 999px;
			border: 1px solid var(--line);
			background: rgba(255, 255, 255, 0.72);
			color: var(--ink);
			font-size: 0.85rem;
			font-weight: 600;
			transition: background 0.18s, border-color 0.18s;
		}

		.quick-links a:hover {
			background: #fff;
			border-color: rgba(15, 124, 138, 0.4);
		}

		/* ─── Hero ─── */
		.hero {
			display: grid;
			grid-template-columns: 1.35fr 0.65fr;
			gap: 18px;
			margin-bottom: 18px;
		}

		.panel {
			background: var(--card);
			border: 1px solid var(--line);
			border-radius: var(--radius-lg);
			box-shadow: var(--shadow);
			backdrop-filter: blur(8px);
		}

		.hero-main { padding: 34px; }

		.badge {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			background: rgba(255, 107, 53, 0.14);
			color: #8a371c;
			border-radius: 999px;
			padding: 7px 12px;
			font-size: 0.82rem;
			font-weight: 700;
			letter-spacing: 0.05em;
			text-transform: uppercase;
		}

		h1 {
			font-family: "Marcellus", Georgia, serif;
			font-size: clamp(2.1rem, 4.5vw, 3.5rem);
			line-height: 1.08;
			margin: 14px 0 14px;
			font-weight: 400;
		}

		.subtitle {
			margin: 0 0 18px;
			font-size: 1.06rem;
			line-height: 1.65;
			color: var(--ink-soft);
		}

		.contact-row {
			display: flex;
			flex-wrap: wrap;
			gap: 14px;
		}

		.contact-row a,
		.contact-row span {
			display: inline-flex;
			align-items: center;
			gap: 6px;
			font-size: 0.9rem;
			color: var(--accent-deep);
			font-weight: 600;
			text-decoration: none;
		}

		.contact-row a:hover { text-decoration: underline; }

		/* ─── Hero kenar panel ─── */
		.hero-aside {
			padding: 26px;
			display: grid;
			gap: 14px;
			align-content: center;
		}

		.metric {
			display: flex;
			justify-content: space-between;
			align-items: baseline;
			border-bottom: 1px dashed rgba(16, 36, 63, 0.20);
			padding-bottom: 11px;
		}

		.metric:last-child { border-bottom: none; padding-bottom: 0; }

		.metric strong {
			font-size: 1.5rem;
			color: var(--accent);
		}

		.metric span {
			font-size: 0.9rem;
			color: var(--ink-soft);
		}

		/* ─── Akademik Özet ─── */
		.academic-summary {
			padding: 28px;
			margin-bottom: 18px;
		}

		.academic-summary > h3 {
			margin: 0 0 6px;
			font-size: 1.18rem;
			font-family: "Marcellus", Georgia, serif;
			font-weight: 400;
		}

		.academic-summary > p {
			margin: 0 0 18px;
			color: var(--ink-soft);
			font-size: 0.93rem;
			line-height: 1.6;
		}

		.summary-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
			gap: 12px;
		}

		.summary-item {
			padding: 14px;
			border-radius: 14px;
			background: rgba(255, 255, 255, 0.78);
			border: 1px solid var(--line);
		}

		.summary-item strong {
			display: block;
			font-size: 0.75rem;
			text-transform: uppercase;
			letter-spacing: 0.05em;
			color: var(--accent-deep);
			margin-bottom: 6px;
		}

		.summary-item span {
			font-size: 0.9rem;
			line-height: 1.6;
		}

		.summary-item em {
			font-style: italic;
			color: var(--ink-soft);
		}

		/* ─── NöroOyun Bandı ─── */
		.noro {
			padding: 26px 28px;
			display: grid;
			grid-template-columns: 1fr auto;
			gap: 20px;
			align-items: center;
			margin-bottom: 18px;
			border-radius: var(--radius-lg);
			background: linear-gradient(125deg, rgba(15, 124, 138, 0.12), rgba(255, 107, 53, 0.10));
			border: 1px solid rgba(15, 124, 138, 0.26);
			box-shadow: var(--shadow);
		}

		.noro-label {
			display: inline-block;
			font-size: 0.75rem;
			font-weight: 700;
			letter-spacing: 0.07em;
			text-transform: uppercase;
			color: var(--accent-deep);
			background: rgba(15, 124, 138, 0.12);
			border-radius: 999px;
			padding: 5px 10px;
			margin-bottom: 10px;
		}

		.noro h2 {
			margin: 0 0 10px;
			font-size: clamp(1.2rem, 2.4vw, 1.8rem);
			font-family: "Marcellus", Georgia, serif;
			font-weight: 400;
		}

		.noro p {
			margin: 0;
			font-size: 0.97rem;
			line-height: 1.62;
			color: var(--ink-soft);
		}

		.cta {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 8px;
			padding: 12px 18px;
			border-radius: 14px;
			text-decoration: none;
			font-weight: 700;
			white-space: nowrap;
			font-size: 0.95rem;
			transition: opacity 0.18s, transform 0.18s;
		}

		.cta:hover { opacity: 0.88; transform: translateY(-1px); }
		.cta.primary { background: var(--ink); color: #fff; }

		/* ─── Çalışmalar Bölümü ─── */
		.section-head {
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 12px;
			margin: 8px 0 16px;
		}

		.section-head h3 {
			margin: 0;
			font-size: 1.0rem;
			letter-spacing: 0.07em;
			text-transform: uppercase;
			color: var(--ink-soft);
		}

		.search {
			width: min(400px, 100%);
			padding: 11px 14px;
			border-radius: 12px;
			font: inherit;
			font-size: 0.93rem;
			border: 1px solid var(--line);
			background: rgba(255, 255, 255, 0.78);
			color: var(--ink);
			transition: border-color 0.2s, box-shadow 0.2s;
		}

		.search:focus {
			outline: none;
			border-color: rgba(15, 124, 138, 0.5);
			box-shadow: 0 0 0 4px rgba(15, 124, 138, 0.13);
		}

		/* ─── Proje Kartları ─── */
		.grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
			gap: 14px;
		}

		.card {
			display: block;
			text-decoration: none;
			color: inherit;
			position: relative;
			background: var(--card);
			border: 1px solid var(--line);
			border-radius: var(--radius-md);
			padding: 18px 18px 16px;
			box-shadow: var(--shadow);
			opacity: 0;
			transform: translateY(16px);
			transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.45s ease, border-color 0.2s;
		}

		.card::after {
			content: "↗";
			position: absolute;
			right: 14px;
			top: 14px;
			color: var(--accent-deep);
			font-weight: 700;
		}

		.card.show { opacity: 1; transform: translateY(0); }

		.card:hover,
		.card:focus-visible {
			transform: translateY(-4px);
			box-shadow: 0 24px 50px rgba(16, 36, 63, 0.18);
			border-color: rgba(15, 124, 138, 0.3);
		}

		.card h4 {
			margin: 0 0 8px;
			font-size: 1.02rem;
			padding-right: 20px;
			line-height: 1.35;
		}

		.card p {
			margin: 0;
			font-size: 0.91rem;
			line-height: 1.58;
			color: var(--ink-soft);
		}

		.pill {
			display: inline-block;
			margin-bottom: 9px;
			padding: 4px 10px;
			border-radius: 999px;
			background: rgba(255, 107, 53, 0.11);
			color: #7a3015;
			font-size: 0.74rem;
			font-weight: 700;
			letter-spacing: 0.04em;
			text-transform: uppercase;
		}

		.empty {
			display: none;
			margin-top: 14px;
			padding: 16px;
			border-radius: 12px;
			border: 1px dashed var(--line);
			background: rgba(255, 255, 255, 0.76);
			color: var(--ink-soft);
			font-size: 0.94rem;
		}

		/* ─── Footer ─── */
		footer {
			margin-top: 52px;
			padding-top: 20px;
			border-top: 1px solid var(--line);
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
			gap: 10px;
			font-size: 0.84rem;
			color: var(--ink-soft);
		}

		footer a { color: var(--accent-deep); text-decoration: none; }
		footer a:hover { text-decoration: underline; }

		/* ─── Responsive ─── */
		@media (max-width: 900px) {
			.hero { grid-template-columns: 1fr; }
			.noro { grid-template-columns: 1fr; }
			.section-head { flex-direction: column; align-items: stretch; }
			.search { width: 100%; }
		}

		@media (max-width: 600px) {
			.topbar { flex-direction: column; align-items: flex-start; }
			.hero-main { padding: 22px; }
			footer { flex-direction: column; align-items: flex-start; }
		}
	</style>
</head>
<body>
	<main class="container">

		<!-- ─── Üst Çubuk ─── -->
		<header class="topbar">
			<div class="brand">Trabzon Üniversitesi · Dijital Oyun Tasarımı Bölümü</div>
			<nav class="quick-links">
				<a href="https://akademik.trabzon.edu.tr/adilyildiz" target="_blank" rel="noopener noreferrer">Akademik Profil</a>
				<a href="https://orcid.org/0000-0002-7383-3885" target="_blank" rel="noopener noreferrer">ORCID</a>
				<a href="https://akademik.yok.gov.tr/AkademikArama/AkademisyenGorevOgrenimBilgileri?islem=direct&authorId=BC96B623538C60AC" target="_blank" rel="noopener noreferrer">YÖK Profili</a>
			</nav>
		</header>

		<!-- ─── Hero ─── -->
		<section class="hero">
			<article class="panel hero-main">
				<span class="badge">Akademik Portfolyo</span>
				<h1>Dr. Öğr. Üyesi Adil Yıldız</h1>
				<p class="subtitle">
					Trabzon Üniversitesi Bilgisayar ve Bilişim Bilimleri Fakültesi, Dijital Oyun Tasarımı Bölümü öğretim üyesi.
					Nörobilişim temelli eğitsel oyun tasarımı, EEG ile yönetici işlev analizi, eğitim teknolojileri ve WebRTC
					alanlarında araştırmalar yürütmektedir. TÜBİTAK 1001 projesi yürütücüsü, Dijital Dönüşüm ve Büyük Veri
					koordinatörlükleri koordinatör yardımcısı.
				</p>
				<div class="contact-row">
					<a href="/cdn-cgi/l/email-protection#5a3b3e33362333363e33201a2e283b38203534743f3e2f742e28">✉ <span class="__cf_email__" data-cfemail="b7d6d3dedbcededbd3decdf7c3c5d6d5cdd8d999d2d3c299c3c5">[email&#160;protected]</span></a>
					<span>📞 0462 455 1657</span>
					<a href="https://orcid.org/0000-0002-7383-3885" target="_blank" rel="noopener noreferrer">ORCID: 0000-0002-7383-3885</a>
				</div>
			</article>
			<aside class="panel hero-aside">
				<div class="metric"><strong>20</strong><span>Bildiri</span></div>
				<div class="metric"><strong>4</strong><span>Makale</span></div>
				<div class="metric"><strong>4</strong><span>Kitap Bölümü</span></div>
				<div class="metric"><strong>4</strong><span>Proje</span></div>
			</aside>
		</section>

		<!-- ─── Akademik Özet ─── -->
		<section class="panel academic-summary">
			<h3>Akademik Özet</h3>
			<p>YÖK Akademik Arama (Araştırmacı ID: 31046) profilinden derlenen görev, öğrenim ve araştırma verileri.</p>
			<div class="summary-grid">
				<div class="summary-item">
					<strong>Mevcut Görev</strong>
					<span>
						<b>Dr. Öğr. Üyesi</b> (2025–)<br />
						Trabzon Üniversitesi, Bilgisayar ve Bilişim Bilimleri Fakültesi,<br />
						Dijital Oyun Tasarımı Anabilim Dalı
					</span>
				</div>
				<div class="summary-item">
					<strong>Görev Geçmişi</strong>
					<span>
						2018–2025 · Öğr. Gör. — Trabzon Üniversitesi<br />
						<em>Fatih Eğitim Fakültesi, BÖTE Bölümü</em><br /><br />
						2014–2018 · Öğr. Gör. — Karadeniz Teknik Üniversitesi<br />
						<em>Fatih Eğitim Fakültesi, BÖTE Bölümü</em><br /><br />
						2007–2014 · Öğr. Gör. — Recep Tayyip Erdoğan Üniversitesi<br />
						<em>Ardeşen Meslek Yüksekokulu, Bilgisayar Teknolojileri</em>
					</span>
				</div>
				<div class="summary-item">
					<strong>Eğitim</strong>
					<span>
						<b>Doktora</b> · Trabzon Üniversitesi (2015–2022)<br />
						<em>Eşzamanlı işbirlikli çevrimiçi kodlama ortamının geliştirilmesi ve değerlendirilmesi</em><br /><br />
						<b>Yüksek Lisans</b> · KTÜ (2007–2014)<br />
						<em>OpenSimulator ile 3B sanal kampüs ve sanal sınıf tasarımı</em><br /><br />
						<b>Lisans</b> · KTÜ (2002–2006)
					</span>
				</div>
				<div class="summary-item">
					<strong>İdari Görevler</strong>
					<span>
						Dijital Dönüşüm ve Yazılım Ofisi<br />
						Koordinatör Yardımcısı (2024–2026)<br /><br />
						Büyük Veri ve Yapay Zeka Koordinatörlüğü<br />
						Koordinatör Yardımcısı (2023–2026)
					</span>
				</div>
				<div class="summary-item">
					<strong>Araştırma Alanları</strong>
					<span>
						Dijital Oyun Tasarımı · Nörobilişim &amp; EEG ·
						Eğitim Teknolojileri · WebRTC &amp; Gerçek Zamanlı Sistemler ·
						Üretken Yapay Zeka · Bilgisayarlı Görü · 3B Sanal Ortamlar
					</span>
				</div>
			</div>
		</section>

		<!-- ─── TÜBİTAK 1001 NöroOyun ─── -->
		<section class="noro">
			<div>
				<span class="noro-label">TÜBİTAK 1001 · Proje No: 125K954</span>
				<h2>NöroOyun — Nörobilişsel Oyun Unsuru Uyarlama Modeli</h2>
				<p>
					Yönetici işlevlerin beyin sinyalleriyle (EEG) algılanarak yüz ve duygu analizleriyle ilişkilendirilmesine dayalı,
					dinamik eğitsel dijital oyun ortamları geliştirmeyi hedefleyen TÜBİTAK 1001 araştırma projesi.
					Trabzon Üniversitesi bünyesinde yürütülmekte olup 2025 yılında TÜBİTAK tarafından kabul edilmiştir.
				</p>
			</div>
			<a class="cta primary" href="https://norooyun.com.tr/" target="_blank" rel="noopener noreferrer">NöroOyun Sayfasını Aç ↗</a>
		</section>

		<!-- ─── Çalışmalar ve Uygulamalar ─── -->
		<section>
			<div class="section-head">
				<h3>Çalışmalar ve Uygulamalar</h3>
				<input id="search" class="search" type="search" placeholder="Ara… oyun, EEG, WebRTC, eğitim, mobil" aria-label="Proje ara" />
			</div>

			<div class="grid" id="projectGrid">

				<a class="card" href="retropong/" target="_blank" rel="noopener noreferrer">
					<span class="pill">Oyun</span>
					<h4>PONG Oyunu</h4>
					<p>Klasik retro oyun mekaniğini tarayıcıda yeniden yorumlayan interaktif web uygulaması.</p>
				</a>

				<a class="card" href="EEG/" target="_blank" rel="noopener noreferrer">
					<span class="pill">Nörobilişim</span>
					<h4>EEG Deneyleri</h4>
					<p>Beyin-bilgisayar arayüzü araştırmaları kapsamında EEG sinyallerini işleyen deneysel uygulama ortamı.</p>
				</a>

				<a class="card" href="https://litert-tflite-nesne-tanima-1027174453257.europe-west2.run.app/" target="_blank" rel="noopener noreferrer">
					<span class="pill">Yapay Zeka</span>
					<h4>LiteRT Vision Pro</h4>
					<p>TFLite modellerini istemci taraflı tarayıcınızda açın. Görüntüleri ve web kamerasını yükleyip donanım hızlandırmalı derin öğrenme çıkarımını deneyimleyin.</p>
				</a>

				<a class="card" href="ArtiEgitimCevap/" target="_blank" rel="noopener noreferrer">
					<span class="pill">Eğitim</span>
					<h4>Artı Eğitim Cevap Anahtarı</h4>
					<p>Ölçme-değerlendirme süreçlerini hızlandıran, öğretmenlere yönelik dijital cevap anahtarı aracı.</p>
				</a>

				<a class="card" href="https://ftp-connect-dot-gen-lang-client-0854506962.ew.r.appspot.com/" target="_blank" rel="noopener noreferrer">
					<span class="pill">Web Tabanlı FTP</span>
					<h4>FTP Connect</h4>
					<p>Web tabanlı FTP istemcisi ile uzak dosya yönetimi.</p>
				</a>

				<a class="card" href="eslestir/" target="_blank" rel="noopener noreferrer">
					<span class="pill">Araç</span>
					<h4>Eşleştirme Çekiliş Uygulaması</h4>
					<p>Katılımcıları şeffaf ve adil biçimde eşleştiren, çekiliş tabanlı web uygulaması.</p>
				</a>

				<a class="card" href="egitim_sevinc/" target="_blank" rel="noopener noreferrer">
					<span class="pill">Entegrasyon</span>
					<h4>Tid3B Web Entegrasyonu</h4>
					<p>Kurumsal iş akışlarını web arayüzüyle birleştiren Tid3B sistemi entegrasyon altyapısı.</p>
				</a>

				<a class="card" href="greenjs/" target="_blank" rel="noopener noreferrer">
					<span class="pill">Bilgisayarlı Görü</span>
					<h4>Web Tabanlı Yeşil Perde</h4>
					<p>Ek donanım gerektirmeksizin tarayıcıda gerçek zamanlı yeşil perde (chroma-key) işlemleri.</p>
				</a>

				<a class="card" href="handpipe/gesture/" target="_blank" rel="noopener noreferrer">
					<span class="pill">Etkileşim</span>
					<h4>El Hareketleri Algılama</h4>
					<p>MediaPipe ile kamera girdisinden jest algılayarak dokunmasız kullanıcı etkileşimi sağlayan prototip.</p>
				</a>

				<a class="card" href="megatown/" target="_blank" rel="noopener noreferrer">
					<span class="pill">Çok Oyunculu</span>
					<h4>WebRTC Çok Oyunculu Monopoly Benzeri Oyun</h4>
					<p>WebRTC ile sunucusuz gerçek zamanlı bağlantı üzerinde çalışan çok oyunculu masa oyunu deneyimi.</p>
				</a>

				<a class="card" href="turkce_alpi/" target="_blank" rel="noopener noreferrer">
					<span class="pill">Ses Teknolojileri</span>
					<h4>Alpi Ses Uygulaması</h4>
					<p>Türkçe doğal dil işleme odaklı sesli etkileşim akışları için geliştirilen uygulama prototipi.</p>
				</a>

				<a class="card" href="https://drive.google.com/file/d/1bk29h2F1JlJQTC_l3VVBgYHfcpxzGQTi/view?usp=drive_link" target="_blank" rel="noopener noreferrer">
					<span class="pill">Mobil</span>
					<h4>Sure/Dua Öğren Dinle — Android</h4>
					<p>Android platformunda Kur'an sure ve dualarını öğrenmeye ve dinlemeye yönelik mobil uygulama.</p>
				</a>

			</div>

			<p id="emptyState" class="empty">Arama kriterine uygun çalışma bulunamadı.</p>
		</section>

		<!-- ─── Footer ─── -->
		<footer>
			<span>© 2026 Dr. Öğr. Üyesi Adil Yıldız — Trabzon Üniversitesi</span>
			<span>
				<a href="/cdn-cgi/l/email-protection#3f5e5b56534656535b56457f4b4d5e5d455051115a5b4a114b4d"><span class="__cf_email__" data-cfemail="513035383d28383d35382b11252330332b3e3f7f3435247f2523">[email&#160;protected]</span></a>
				&nbsp;·&nbsp;
				<a href="https://orcid.org/0000-0002-7383-3885" target="_blank" rel="noopener noreferrer">ORCID: 0000-0002-7383-3885</a>
				&nbsp;·&nbsp;
				<a href="https://akademik.yok.gov.tr/AkademikArama/AkademisyenGorevOgrenimBilgileri?islem=direct&authorId=BC96B623538C60AC" target="_blank" rel="noopener noreferrer">YÖK Akademik</a>
			</span>
		</footer>

	</main>

	<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
		const cards = Array.from(document.querySelectorAll(".card"));
		const search = document.getElementById("search");
		const emptyState = document.getElementById("emptyState");

		// Giriş animasyonu
		cards.forEach((card, i) => {
			setTimeout(() => card.classList.add("show"), 65 * i);
		});

		// Canlı arama
		search.addEventListener("input", () => {
			const query = search.value.trim().toLowerCase();
			let visible = 0;

			cards.forEach((card) => {
				const hit = card.textContent.toLowerCase().includes(query);
				card.style.display = hit ? "block" : "none";
				if (hit) visible++;
			});

			emptyState.style.display = visible ? "none" : "block";
		});
	</script>
</body>
</html>