PageSourceSearch

https://ertekprojects.com/

html ertekprojects.com collected 2026-10-01 15:31:19 UTC 20,222 bytes, 362 lines download raw bytes

1<!DOCTYPE html>
2<html lang="tr">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<meta name="robots" content="max-image-preview:large">
7<meta name="description" content="Ertek ailesinin akademik araştırmaları, yayınları, eğitim projeleri, açık kaynak çalışmaları ve müzik arşivi.">
8<meta name="theme-color" content="#2f6bff">
9<title>ErtekProjects | Welcome to the Official Website of Ertek Family</title>
10<link rel="canonical" href="https://ertekprojects.com/">
11<link rel="icon" href="images/favicon.png" sizes="270x270">
12<link rel="preload" href="assets/fonts/poppins-400.ttf" as="font" type="font/ttf" crossorigin>
13<style>
14@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/poppins-400.ttf") format("truetype")}
15@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/poppins-500.ttf") format("truetype")}
16@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/poppins-600.ttf") format("truetype")}
17@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/poppins-700.ttf") format("truetype")}
18@font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url("assets/fonts/poppins-800.ttf") format("truetype")}
19@font-face{font-family:"Poppins";font-style:italic;font-weight:700;font-display:swap;src:url("assets/fonts/poppins-700-italic.ttf") format("truetype")}
20@font-face{font-family:"Poppins";font-style:italic;font-weight:800;font-display:swap;src:url("assets/fonts/poppins-800-italic.ttf") format("truetype")}
21:root{
22  --blue:#2f6bff; --blue-strong:#1f57e6;
23  --ink:#0f1115; --ink-soft:#1a1d24; --gray:#5a6472; --gray-2:#7a8494;
24  --line:#e7e9ee; --chip-bg:#eef3ff; --bg:#ffffff; --panel:#eef3ff;
25  --radius:18px; --maxw:1240px;
26  --font:"Poppins","Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
27}
28*{box-sizing:border-box}
29html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
30body{margin:0; color:var(--ink);
31  background:linear-gradient(180deg,#f6f8fc 0%, #ffffff 460px);
32  font-family:var(--font); line-height:1.65; font-size:17px; -webkit-font-smoothing:antialiased;}
33a{color:var(--blue); text-decoration:none}
34a:hover{text-decoration:underline}
35a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(47,107,255,.35);outline-offset:3px}
36.skip-link{position:fixed;left:18px;top:14px;z-index:200;transform:translateY(-160%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;font-weight:700}
37.skip-link:focus{transform:translateY(0)}
38.wrap{max-width:var(--maxw); margin:0 auto; padding:0 40px}
39
40/* Header */
41.site-header{position:sticky;top:0;z-index:100;background:rgba(247,249,253,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,233,238,.85)}
42.nav-inner{max-width:var(--maxw); margin:0 auto; padding:30px 40px 24px;
43  display:flex; align-items:center; justify-content:space-between; gap:24px;}
44.logo{display:flex; flex-direction:column; line-height:1.2}
45.logo a{color:var(--ink); font-weight:800; font-size:22px; letter-spacing:-.01em}
46.logo small{color:var(--gray-2); font-weight:500; font-size:13px; margin-top:2px}
47nav.main ul{list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:34px; flex-wrap:wrap}
48nav.main a{color:var(--ink-soft); font-size:16px; font-weight:500; padding-bottom:4px;
49  border-bottom:2px solid transparent; transition:.15s}
50nav.main a:hover{color:var(--blue); text-decoration:none}
51nav.main a.active{color:var(--blue); border-bottom-color:var(--blue); font-weight:600}
52.burger{display:none; background:transparent; border:1px solid var(--line); color:var(--ink);
53  font-size:20px; line-height:1; padding:8px 12px; border-radius:10px; cursor:pointer}
54
55/* Hero */
56.hero{padding:70px 0 10px}
57.eyebrow{color:var(--blue); font-size:15px; font-weight:700; letter-spacing:.26em;
58  text-transform:uppercase; margin:0 0 26px}
59.hero h1{font-size:82px; line-height:1.0; margin:0 0 30px; font-weight:800;
60  letter-spacing:-.02em; max-width:15ch}
61.hero h1 em{font-style:normal;
61 color:var(--blue)}
62.hero p.lead{color:var(--gray); font-size:24px; line-height:1.5; margin:0; max-width:44ch}
63.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:34px}
64.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border-radius:12px;font-weight:700;font-size:15px;transition:.16s}
65.button:hover{text-decoration:none;transform:translateY(-1px)}
66.button.primary{background:var(--blue);color:#fff;box-shadow:0 16px 34px -20px rgba(47,107,255,.9)}
67.button.primary:hover{background:var(--blue-strong)}
68.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}
69
70/* Section */
71.section{padding:64px 0 10px}
72.sec-head{display:flex; align-items:center; gap:22px; margin:0 0 34px}
73.sec-head h2{font-size:40px; font-weight:800; letter-spacing:-.02em; margin:0; white-space:nowrap}
74.sec-head .rule{height:1px; background:var(--line); flex:1}
75.hub-banner{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin:0 0 30px;padding:30px 34px;border-radius:20px;color:#fff;background:linear-gradient(115deg,#173a93,#2f6bff 62%,#6791ff);box-shadow:0 26px 60px -36px rgba(24,65,166,.85)}
76.hub-banner:hover{text-decoration:none;transform:translateY(-2px)}
77.hub-kicker{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#cbd8ff;margin-bottom:8px}
78.hub-banner strong{display:block;font-size:27px;line-height:1.25}
79.hub-banner p{margin:8px 0 0;color:#eaf0ff;font-size:15px}
80.hub-cover{width:150px;height:108px;object-fit:cover;object-position:center 26%;border-radius:14px;border:1px solid rgba(255,255,255,.28);box-shadow:0 16px 35px -20px rgba(0,0,0,.65)}
81
82/* Card grid */
83.grid{display:grid; grid-template-columns:repeat(4,1fr); gap:26px}
84.card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;
85  transition:.18s; display:flex; flex-direction:column}
86.card:hover{border-color:var(--blue); box-shadow:0 20px 50px -30px rgba(47,107,255,.55); transform:translateY(-3px)}
87.card .thumb{display:block;aspect-ratio:16/10; background:#e9eef7; overflow:hidden}
88.card .thumb img{width:100%; height:100%; object-fit:cover; display:block;transition:transform .35s ease}
89.card:hover .thumb img{transform:scale(1.035)}
90.card .body{padding:22px 24px 26px; display:flex; flex-direction:column; flex:1}
91.chip{align-self:flex-start; background:var(--chip-bg); color:var(--blue); font-size:12px; font-weight:700;
92  letter-spacing:.12em; text-transform:uppercase; padding:7px 13px; border-radius:8px; margin:0 0 16px}
93.card h3{margin:0 0 10px; font-size:20px; font-weight:700; color:var(--ink); line-height:1.25}
94.card p{margin:0 0 20px; color:var(--gray); font-size:15.5px; line-height:1.55; flex:1}
95.card a.more{color:var(--blue); font-weight:600; font-size:15.5px}
96
97/* Newsletter */
98.news{margin:78px 0 0}
99.news-box{background:var(--panel); border-radius:24px; padding:64px 40px; text-align:center}
100.news-box h2{font-size:40px; font-weight:800; letter-spacing:-.02em; margin:0 0 14px}
101.news-box p{color:var(--gray); font-size:19px; margin:0 0 34px}
102.news-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
103
104/* Footer */
105footer.site{margin-top:70px; padding:56px 0 64px; text-align:center; border-top:1px solid var(--line)}
106footer.site .ftitle{font-weight:800; font-size:26px; letter-spacing:-.01em; color:var(--ink)}
107footer.site .fsub{color:var(--gray); font-size:16px; margin:10px 0 26px}
108footer.site nav ul{list-style:none; margin:0 0 26px; padding:0; display:flex; flex-wrap:wrap; gap:34px; justify-content:center}
109footer.site nav a{color:var(--ink-soft); font-size:16px; font-weight:500}
110footer.site nav a:hover{color:var(--blue); text-decoration:none}
111footer.site .copy{color:var(--gray-2); font-size:14px}
112
113@media (max-width:1100px){ .grid{grid-template-columns:repeat(2,1fr)} .hero h1{font-size:62px} }
114@media (max-width:760px){
115  .wrap,.nav-inner{padding-left:22px; padding-right:22px}
116  .hero h1{font-size:40px} .hero p.lead{font-size:19px}
117  .sec-head h2{font-size:28px} .news-box h2{font-size:28px}
118  .hub-banner{grid-template-columns:1fr;padding:25px 24px}.hub-banner strong{font-size:22px}.hub-cover{width:100%;height:180px;object-position:center 22%}
119  .grid{grid-template-columns:1fr}
120  nav.main{display:none; position:absolute; left:0; right:0; top:80px; z-index:90;
121    background:#fff; border-bottom:1px solid var(--line); padding:12px 22px}
122  nav.main.open{display:block}
123  nav.main ul{flex-direction:column; align-items:flex-start; gap:2px}
124  nav.main a{padding:12px 0; border-bottom:none}
125  .burger{display:block}
126  .nav-inner{position:relative}
127}
128@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
129</style>
130<script
131    src="https://app.rybbit.io/api/script.js"
132    data-site-id="010763f15ac1"
133    defer
134></script>
134
135</head>
136<body>
137<a class="skip-link" href="#main-content">İçeriğe geç</a>
138<header class="site site-header">
139  <div class="nav-inner">
140    <div class="logo">
141      <a href="/">ErtekProjects</a>
142      <small>Welcome to the Official Website of Ertek Family</small>
143    </div>
144    <button class="burger" type="button" aria-label="Menüyü aç" aria-controls="main-navigation" aria-expanded="false">&#9776;</button>
145    <nav class="main" id="main-navigation" aria-label="Ana menü">
146      <ul>
147        <li><a href="/" class="active">Home</a></li>
148        <li><a href="/tumayertek/">Prof. Tümay Ertek</a></li>
149        <li><a href="/about-dr-gurdal-ertek/">About Dr. Gürdal Ertek</a></li>
150        <li><a href="/news/">News &amp; Blog</a></li>
151      </ul>
152    </nav>
153  </div>
154</header>
155
156<main id="main-content">
157<section class="hero">
158  <div class="wrap">
159    <h1>Welcome to the <em>Ertek Family</em> Projects</h1>
160    <p class="lead">Akademik araştırma, yayınlar, açık kaynak yazılımlar, online eğitim ve Türkçe
161    projeler. Ertek ailesinin tüm çalışmalarına buradan ulaşabilirsiniz.</p>
162    <div class="hero-actions">
163      <a class="button primary" href="#projects">Projeleri keşfedin</a>
164      <a class="button secondary" href="/about-dr-gurdal-ertek/">Dr. Gürdal Ertek hakkında</a>
165    </div>
166  </div>
167</section>
168
169<section class="section" id="projects">
170  <div class="wrap">
171    <div class="sec-head"><h2>Publications &amp; Research</h2><div class="rule"></div></div>
172    <a class="hub-banner" href="/gurdal-ertek-publications/">
173      <span>
174        <span class="hub-kicker">Complete archive</span>
175        <strong>Gürdal Ertek Publications</strong>
176        <p>Makaleler, konferans bildirileri ve araştırma projelerinden oluşan kapsamlı yayın arşivini inceleyin.</p>
177      </span>
178      <img class="hub-cover" src="images/gurdal-ertek-publications.webp?v=20260722-1" alt="Dr. Gürdal Ertek — Publications archive" loading="lazy">
179    </a>
180    <div class="grid">
181      <div class="card">
182        <a class="thumb" href="/supply-chain-performance/"><img src="images/supply-chain-performance.jpg?v=20260721-2" alt="Liman ve konteyner terminali — Supply Chain Performance Management" loading="lazy"></a>
183        <div class="body">
184          <span class="chip">Supply Chain</span>
185          <h3>Supply Chain Performance Management</h3>
186          <p>Tedarik zinciri performansını ölçme, görselleştirme ve iyileştirmeye yönelik araştırma projesi.</p>
187          <a class="more" href="/supply-chain-performance/">Read article &rarr;</a>
188        </div>
189      </div>
190      <div class="card">
191        <a class="thumb" href="/new-knowledge-in-strategic-management/"><img src="images/strategic-management.jpg?v=20260721-2" alt="Stratejik planlama toplantısı — New Knowledge in Strategic Management" loading="lazy"></a>
192        <div class="body">
193          <span class="chip">Management</span>
194          <h3>New Knowledge in Strategic Management</h3>
195          <p>Semantik ağlar ve metin madenciliği ile stratejik yönetimde yeni bilgi keşfi.</p>
196          <a class="more" href="/new-knowledge-in-strategic-management/">Read article &rarr;</a>
197        </div>
198      </div>
199      <div class="card">
200        <a class="thumb" href="/wind-turbine-accidents/"><img src="images/wind-turbine.jpg?v=20260721-2" alt="Gün batımında rüzgâr türbinleri" loading="lazy"></a>
201        <div class="body">
202          <span class="chip">Renewable Energy</span>
203          <h3>Wind Turbine Accidents</h3>
204          <p>Rüzgâr türbini kazalarının ortak nedenleri ve yenilenebilir enerji altyapısı üzerine araştırma.</p>
205          <a class="more" href="/wind-turbine-accidents/">Read article &rarr;</a>
206        </div>
207      </div>
208      <div class="card">
209        <a class="thumb" href="/gitex2018/"><img src="images/gitex2018.jpg?v=20260721-2" alt="GITEX 2018 etkinliğinde panel" loading="lazy"></a>
210        <div class="body">
211          <span class="chip">Research</span>
212          <h3>GITEX 2018</h3>
213          <p>Büyük veri analitiği ve GITEX 2018 etkinliğinden araştırma çıktıları ve sunumlar.</p>
214          <a class="more" href="/gitex2018/">Read article &rarr;</a>
215        </div>
216      </div>
217    </div>
218  </div>
219</section>
220
221<section class="section">
222  <div class="wrap">
223    <div class="sec-head"><h2>News &amp; Music</h2><div class="rule"></div></div>
224    <div class="grid">
225      <div class="card">
226        <a class="thumb" href="/news/"><img src="images/blog-news.jpg?v=20260721-2" alt="Gazete sayfaları — ErtekProjects News" loading="lazy"></a>
227        <div class="body">
228          <span class="chip">News</span>
229          <h3>News</h3>
230          <p>Ertek Projects'ten en güncel haberler, duyurular ve akademik gelişmeler.</p>
231          <a class="more" href="/news/">Read more &rarr;</a>
232        </div>
233      </div>
234      <div class="card">
235        <a class="thumb" href="/gurdal-ertek-music/"><img src="images/music.jpg?v=20260721-2" alt="Nota sayfaları — Gürdal Ertek's Music" loading="lazy"></a>
236        <div class="body">
237          <span class="chip">Music</span>
238          <h3>Gürdal Ertek Music</h3>
239          <p>Dr. Gürdal Ertek'in özgün müzik besteleri ve sanatsal çalışmaları.</p>
240          <a class="more" href="/gurdal-ertek-music/">Listen &rarr;</a>
241        </div>
242      </div>
243      <div class="card">
244        <a class="thumb" href="/arabic/"><img src="images/arabic.jpg?v=20260721-2" alt="Dubai şehir manzarası — Arabic Content" loading="lazy"></a>
245        <div class="body">
246          <span class="chip">Arabic</span>
247          <h3>Arabic Projects</h3>
248          <p>İngilizce–Arapça pazarlama terimleri, video dersleri ve araştırma materyalleri.</p>
249          <a class="more" href="/arabic/">Explore &rarr;</a>
250        </div>
251      </div>
252      <div class="card">
253        <a class="thumb" href="/erhu/"><img src="images/erhu.jpg?v=20260721-2" alt="Erhu çalgısı" loading="lazy"></a>
254        <div class="body">
255          <span class="chip">Music Education</span>
256          <h3>Erhu</h3>
257          <p>Erhu enstrümanının yapısı, akordu ve çalma teknikleri için Türkçe dersler.</p>
258          <a class="more" href="/erhu/">Explore &rarr;</a>
259        </div>
260      </div>
261    </div>
262  </div>
263</section>
264
265<section class="section">
266  <div class="wrap">
267    <div class="sec-head"><h2>Türkçe Projeler</h2><div class="rule"></div></div>
268    <div class="grid">
269      <div class="card">
270        <a class="thumb" href="/universitemotivasyon/"><img src="images/motivasyon.jpg?v=20260721-2" alt="Birlikte çalışan üniversite öğrencileri" loading="lazy"></a>
271        <div class="body">
272          <span class="chip">Motivasyon</span>
273          <h3>Üniversite Motivasyon</h3>
274          <p>Üniversite öğrencileri için motivasyon ve başarı odaklı içerikler.</p>
275          <a class="more" href="/universitemotivasyon/">İncele &rarr;</a>
276        </div>
277      </div>
278      <div class="card">
279        <a class="thumb" href="/tumayertek/"><img src="images/tumayertek.jpg?v=20260721-2" alt="Akademik profil temsili" loading="lazy"></a>
280        <div class="body">
281          <span class="chip">Profil</span>
282          <h3>Prof. Tümay Ertek</h3>
283          <p>Prof. Dr. Tümay Ertek'in akademik kariyeri, eserleri ve katkıları.</p>
284          <a class="more" href="/tumayertek/">İncele &rarr;</a>
285        </div>
286      </div>
287      <div class="card">
288        <a class="thumb" href="/temelekonomi/"><img src="images/temelekonomi.jpg?v=20260721-2" alt="Ekonomi ve finans belgeleri" loading="lazy"></a>
289        <div class="body">
290          <span class="chip">Kitap</span>
291          <h3>Temel Ekonomi</h3>
292          <p>Ekonominin temel kavramlarını anlatan kapsamlı Türkçe kaynak.</p>
293          <a class="more" href="/temelekonomi/">İncele &rarr;</a>
294        </div>
295      </div>
296      <div class="card">
297        <a class="thumb" href="/veri-bilimi/"><img src="images/veri-bilimi.jpg?v=20260721-2" alt="Veri analitiği panosu" loading="lazy"></a>
298        <div class="body">
299          <span class="chip">Veri Bilimi</span>
300          <h3>Veri Bilimi</h3>
301          <p>Veri bilimi, analitik ve makine öğrenmesi üzerine Türkçe içerikler.</p>
302          <a class="more" href="/veri-bilimi/">İncele &rarr;</a>
303        </div>
304      </div>
305      <div class="card">
306        <a class="thumb" href="/yurtdisiegitimyasam/"><img src="images/yurtdisiegitim.jpg?v=20260721-2" alt="Bulutların üzerinde uçak kanadı" loading="lazy"></a>
307        <div class="body">
308          <span class="chip">Eğitim</span>
309          <h3>Yurt Dışında Eğitim ve Yaşam</h3>
310          <p>Yurt dışında eğitim alma ve yaşama dair rehber ve deneyimler.</p>
311          <a class="more" href="/yurtdisiegitimyasam/">İncele &rarr;</a>
312        </div>
313      </div>
314    </div>
315  </div>
316</section>
317
318<section class="news">
319  <div class="wrap">
320    <div class="news-box">
321      <h2>Research, Knowledge &amp; Projects</h2>
322      <p>Yeni araştırmaları okuyun, yayın arşivini keşfedin ve güncel proje haberlerine ulaşın.</p>
323      <div class="news-actions">
324        <a class="button primary" href="/news/">News &amp; Blog</a>
325        <a class="button secondary" href="/gurdal-ertek-publications/">Publications Archive</a>
326      </div>
327    </div>
328  </div>
329</section>
330</main>
331
332<footer class="site">
333  <div class="wrap">
334    <div class="ftitle">ErtekProjects</div>
335    <div class="fsub">Academic Research &bull; Publications &bull; Education</div>
336    <nav>
337      <ul>
338        <li><a href="/">Home</a></li>
339        <li><a href="/tumayertek/">Prof. Tümay Ertek</a></li>
340        <li><a href="/about-dr-gurdal-ertek/">About Dr. Gürdal Ertek</a></li>
341        <li><a href="/news/">News &amp; Blog</a></li>
342      </ul>
343    </nav>
344    <div class="copy">&copy; 2026 ErtekProjects. All rights reserved.</div>
345    <div class="credit" style="margin-top:14px;font-size:12px;line-height:1.6;color:#9aa4b2;">
346      Görsel kaynakları: ErtekProjects proje arşivi, <a href="https://unsplash.com" rel="noopener" style="color:inherit;text-decoration:underline;">Unsplash</a>, <a href="https://www.pexels.com" rel="noopener" style="color:inherit;text-decoration:underline;">Pexels</a> ve <a href="https://commons.wikimedia.org" rel="noopener" style="color:inherit;text-decoration:underline;">Wikimedia Commons</a>. <a href="IMAGE-CREDITS.txt" style="color:inherit;text-decoration:underline;">Görsel bilgileri</a>.
347    </div>
348  </div>
349</footer>
350<script>
351(function(){
352  var b=document.querySelector('.burger'); var n=document.querySelector('nav.main');
353  if(b&&n){
354    function setOpen(open){n.classList.toggle('open',open);b.setAttribute('aria-expanded',String(open));b.setAttribute('aria-label',open?'Menüyü kapat':'Menüyü aç');}
355    b.addEventListener('click',function(){setOpen(!n.classList.contains('open'));});
356    n.addEventListener('click',function(e){if(e.target.closest('a'))setOpen(false);});
357    document.addEventListener('keydown',function(e){if(e.key==='Escape')setOpen(false);});
358  }
359})();
360</script>
360
361</body>
362</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.