---
title: teknolog.ist
---
<!-- Hero / Giriş Bölümü -->
<div class="hero-section">
  <div class="hero-content">
    <h2>Hey, welcome.</h2>
    <p>
      I’m a technologist by trade and a curious thinker by habit. <strong>teknolog.ist</strong> is my personal corner of the web where I document what I learn, build, and ponder along the way.
    </p>
    <p>
      Expect a mix of practical tech insights, quiet philosophical musings, and real-world experiences no fluff, some algorithms, just honest thoughts.
    </p>
  </div>

  <div class="hero-logo">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
      <rect width="512" height="512" rx="112" fill="#18181B"/>
      <text x="100" y="360" font-family="'Inter', sans-serif" font-size="310" font-weight="900" letter-spacing="-8">
        <tspan fill="#FFFFFF">t</tspan>
        <tspan fill="#2563EB">.</tspan>
      </text>
    </svg>
  </div>
</div>

<!-- RECENT POSTS -->
<section class="posts-section">
  <div class="section-header">
    <h3>Recent Posts</h3>
    <a href="/archive.html" class="view-all-link">View all posts →</a>
  </div>

  <div class="posts-list">
    $for(posts)$
      <div class="post-row">
        <a href="$url$" class="post-title-link">$title$</a>
        <div class="post-sub-row">
          <div class="post-tags">
            $if(tags)$ $tags$ $endif$
          </div>
          <span class="post-date">$date$</span>
        </div>
      </div>
    $endfor$
  </div>
</section>

<!-- SHOT ON AIR WIDGET -->
<section class="shots-section">
  <div class="section-header">
    <h3>Shot on Air</h3>
    <a href="shots.html" class="view-all-link">View all shots →</a>
  </div>

  <div class="shots-grid">
    <a href="shots.html" target="_blank" class="shot-card">
      <img src="/images/shots/1.JPG" alt="A view from where i'm lying.">
      <span class="shot-caption">A view from where I'm lying. (<i>2026,Camlica</i>)</span>
    </a>
    <a href="shots.html" target="_blank" class="shot-card">
      <img src="/images/shots/2.JPG" alt="Lighting with clouds, the sea.">
      <span class="shot-caption">Lighting with clouds, the sea. (<i>2024,Bogazkoy</i>)</span>
    </a>
    <a href="shots.html" target="_blank" class="shot-card">
      <img src="/images/shots/3.JPG" alt="Flowers with the sea and sunset.">
      <span class="shot-caption">Flowers with the sea and sunset. (<i>2025,Beykoz</i>)</span>
    </a>
    <a href="shots.html" target="_blank" class="shot-card">
      <img src="/images/shots/4.jpeg" alt="Crescent moon and sky">
      <span class="shot-caption">Crescent moon and sky(<i>2026,Istanbul</i>)</span>
    </a>
  </div>
</section>