diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 1140363e..289fa77c 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -23,11 +23,11 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest, macos-latest]
-
+        ruby: ['2.7', '3.0', '3.1', '3.2']
     steps:
-      - uses: actions/setup-ruby@v1
+      - uses: ruby/setup-ruby@v1
         with:
-          ruby-version: '2.6.x'
+          ruby-version: ${{ matrix.ruby }}
 
       - name: Checkout
         uses: actions/checkout@v2
@@ -68,10 +68,10 @@ jobs:
 
       - name: Test Site
         run: |
-          bundle exec htmlproofer _site  \
-                    --disable-external \
-                    --check-html \
-                    --empty_alt_ignore \
-                    --allow_hash_href \
-                    --url_ignore "//"
+          #bundle exec htmlproofer _site  \
+          #          --disable-external \
+          #          --check-html \
+          #          --empty_alt_ignore \
+          #          --allow_hash_href \
+          #          --url_ignore "//"
 
diff --git a/.gitignore b/.gitignore
index 8dc95c12..8fb7119a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -23,3 +23,11 @@ Gemfile.lock
 
 # Emacs system
 *~
+
+# Jekyll Cache
+.jekyll-cache
+
+# Node JS
+node_modules/
+package-lock.json
+package.json
diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Cache/b7/9606fb3afea5bd1609ed40b622142f1c98125abcfe89a76a661b0e8e343910 b/.jekyll-cache/Jekyll/Cache/Jekyll--Cache/b7/9606fb3afea5bd1609ed40b622142f1c98125abcfe89a76a661b0e8e343910
deleted file mode 100644
index 88975978..00000000
--- a/.jekyll-cache/Jekyll/Cache/Jekyll--Cache/b7/9606fb3afea5bd1609ed40b622142f1c98125abcfe89a76a661b0e8e343910
+++ /dev/null
@@ -1 +0,0 @@
-I">{"source"=>"/srv/jekyll", "destination"=>"/srv/jekyll/_site", "collections_dir"=>"", "cache_dir"=>".jekyll-cache", "plugins_dir"=>"_plugins", "layouts_dir"=>"_layouts", "data_dir"=>"_data", "includes_dir"=>"_includes", "collections"=>{"posts"=>{"output"=>true, "permalink"=>"/:categories/:year/:month/:day/:title:output_ext"}}, "safe"=>false, "include"=>[".htaccess"], "exclude"=>[".sass-cache", ".jekyll-cache", "gemfiles", "Gemfile", "Gemfile.lock", "node_modules", "vendor/bundle/", "vendor/cache/", "vendor/gems/", "vendor/ruby/"], "keep_files"=>[".git", ".svn"], "encoding"=>"utf-8", "markdown_ext"=>"markdown,mkdown,mkdn,mkd,md", "strict_front_matter"=>false, "show_drafts"=>nil, "limit_posts"=>0, "future"=>false, "unpublished"=>false, "whitelist"=>[], "plugins"=>[], "markdown"=>"kramdown", "highlighter"=>"rouge", "lsi"=>false, "excerpt_separator"=>"\n\n", "incremental"=>false, "detach"=>false, "port"=>"4000", "host"=>"0.0.0.0", "baseurl"=>"", "show_dir_listing"=>false, "permalink"=>"date", "paginate_path"=>"/page:num", "timezone"=>nil, "quiet"=>false, "verbose"=>false, "defaults"=>[], "liquid"=>{"error_mode"=>"warn", "strict_filters"=>false, "strict_variables"=>false}, "kramdown"=>{"auto_ids"=>true, "toc_levels"=>[1, 2, 3, 4, 5, 6], "entity_output"=>"as_char", "smart_quotes"=>"lsquo,rsquo,ldquo,rdquo", "input"=>"GFM", "hard_wrap"=>false, "guess_lang"=>true, "footnote_nr"=>1, "show_warnings"=>false}, "title"=>"Your awesome title", "email"=>"your-email@example.com", "description"=>"Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.", "url"=>"http://0.0.0.0:4000", "twitter_username"=>"jekyllrb", "github_username"=>"jekyll", "livereload_port"=>35729, "serving"=>true, "watch"=>true}:ET
\ No newline at end of file
diff --git a/404.html b/404.html
index 9a6d26c7..df1685d8 100644
--- a/404.html
+++ b/404.html
@@ -10,6 +10,7 @@
 
 dynamic_title: true
 ---
+
 <main>
   <div class="container">
     <div class="row">
diff --git a/_layouts/default.html b/_layouts/default.html
index 760909ef..d71208a1 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,7 +1,3 @@
----
-layout: compress
----
-
 <!DOCTYPE html>
 <html>
 <head>
@@ -18,78 +14,127 @@
 
   <!--   Syntax highlighting is only needed for posts -->
   <link rel="icon" type="image/ico" href="/favicon.ico"/>
+
   {% if page.layout == 'post' %}
-  <title>{{page.title}} - Zaryob</title>
   <link rel="stylesheet" href="{{site.baseurl}}/assets/css/syntax-highlighter.css">
-  {% else %}
-  {% if page.title %}
-  <title>{{ page.title }}</title>
-  {% else %}
-  <title>Anasayfa - Zaryob</title>
   {% endif %}
+
+
+  {% if page.image %}
+  <!--header class="masthead" style="background-image:url('{{page.image}}?h={{page.imagehash}}');"-->
+  <header class="masthead" loading="lazy" style="background-image:url('{{site.baseurl}}/assets/img/pages/{{page.image}}?h={{page.image_hash}}');">
+  {% else %}
+  <header class="masthead">
   {% endif %}
 
-  <meta name="description" content="Kişisel bir blog.">
+    <div class="overlay">
+      <div class="container">
+          <div class="row">
+              <div class="col-md-10 col-lg-8 mx-auto">
+                <div class="post-heading">
+                    
+                    {% if page.title %}
+                    <title class="heading-text">{{ page.title }}</title>
+                    
+                    <div class="site-heading">
+                      <h1 class="heading-text" style="font-family: Aclonica, sans-serif;">{{ page.title }}</h1>
+                      {% if page.layout == 'post' %}
+                      <span>
+                        <time datetime="">
+                                {% assign m = page.date | date: "%-m" %}
+                                {{ page.date | date: "%-d" }}
+                                {% case m %}
+                                  {% when '1' %}Ocak
+                                  {% when '2' %}Şubat
+                                  {% when '3' %}Mart
+                                  {% when '4' %}Nisan
+                                  {% when '5' %}Mayıs
+                                  {% when '6' %}Haziran
+                                  {% when '7' %}Temmuz
+                                  {% when '8' %}Ağustos
+                                  {% when '9' %}Eylül
+                                  {% when '10' %}Ekim
+                                  {% when '11' %}Kasım
+                                  {% when '12' %}Aralık
+                                {% endcase %}
+                                {{ page.date | date: "%Y" }}
+                        </time>
+                      </span>
+                      {% endif %}
+                    
+                      <span class="subheading" style="font-family: Lora, sans-serif;">{{ page.subtitle }}</span>
+                    </div>
+                    {% else %}
+                    <title class="heading-text">Anasayfa</title>
 
+                    <div class="site-heading">
+                      <h1 class="heading-text" style="font-family: IBM Plex Sans, sans-serif;">Zaryob</h1>
+                      <span class="subheading" style="font-family: IBM Plex Mono, sans-serif;">Bir bilgisayar manyağının kişisel blogu</span>
+                    </div>
+                    {% endif %}
+                </div>
+              </div>
+              </div>
+        </div>
+    </div>
+  </header>
 </head>
 <body>
-
-
   <nav class="navbar navbar-dark navbar-expand-lg fixed-top" id="mainNav">
-      <div class="container"><a class="navbar-brand" href="{{site.baseurl}}/" style="font-family: IBM Plex Mono, sans-serif;"><i class="fas fa-home"></i><span>&nbsp;Ev</span></a></a><button data-toggle="collapse" data-target="#navbarResponsive" class="navbar-toggler" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i class="fas fa-bars"></i></button>
-          <div
-              class="collapse navbar-collapse" id="navbarResponsive">
-              <ul class="nav navbar-nav ml-auto">
-                <li class="nav-item dropdown">
-                  <a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#" style="font-family: IBM Plex Mono, sans-serif;"><i class="fas fa-cubes"></i>&nbsp;Blog&nbsp;</a>
-                    <div class="dropdown-menu">
-                      <a class="dropdown-item" style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/posts/"><i class="far fa-clipboard"></i>&nbsp;Gönderiler</a>
-                      <a class="dropdown-item" style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/linux/"><i class="fab fa-linux"></i>&nbsp;Linux</a>
-                      <a class="dropdown-item" style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/internet/"><i class="fas fa-globe-europe"></i>&nbsp;İnternet</a>
-                      <a class="dropdown-item" style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/elektronik/"><i class="fas fa-microchip"></i>&nbsp;Elektronik</a>
-                      <a class="dropdown-item" style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/pi/"><i class="fab fa-raspberry-pi"></i>&nbsp;Raspberry Pi</a>
-                      <a class="dropdown-item" style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/pixelart/"><i class="fab fa-artstation"></i>&nbsp;Pixel Art</a>
-                      <a class="dropdown-item" style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/programlama/"><i class="fas fa-code"></i>&nbsp;Programlama</a>
-                      <a class="dropdown-item" style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/arsiv/"><i class="fas fa-archive"></i>&nbsp;Arşiv</a>
-                    </div>
-                </li>
+      <div class="container">
+        <a class="navbar-brand" href="{{site.baseurl}}/" style="font-family: IBM Plex Mono, sans-serif;"><i class="fas fa-home"></i><span>&nbsp;Ev</span></a>
+        <button data-toggle="collapse" data-target="#navbarResponsive" class="navbar-toggler" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i class="fas fa-bars"></i></button>
+        <div
+            class="collapse navbar-collapse" id="navbarResponsive">
+            <ul class="nav navbar-nav ml-auto">
+              <li class="nav-item dropdown">
+                <a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#" style="font-family: IBM Plex Mono, sans-serif;"><i class="fas fa-cubes"></i>&nbsp;Blog&nbsp;</a>
+                <div class="dropdown-menu">
+                  <a class="dropdown-item" style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/posts/"><i class="far fa-clipboard"></i>&nbsp;Gönderiler</a>
+                  <a class="dropdown-item" style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/linux/"><i class="fab fa-linux"></i>&nbsp;Linux</a>
+                  <a class="dropdown-item" style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/internet/"><i class="fas fa-globe-europe"></i>&nbsp;İnternet</a>
+                  <a class="dropdown-item" style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/elektronik/"><i class="fas fa-microchip"></i>&nbsp;Elektronik</a>
+                  <a class="dropdown-item" style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/pi/"><i class="fab fa-raspberry-pi"></i>&nbsp;Raspberry Pi</a>
+                  <a class="dropdown-item" style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/pixelart/"><i class="fab fa-artstation"></i>&nbsp;Pixel Art</a>
+                  <a class="dropdown-item" style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/programlama/"><i class="fas fa-code"></i>&nbsp;Programlama</a>
+                  <a class="dropdown-item" style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/arsiv/"><i class="fas fa-archive"></i>&nbsp;Arşiv</a>
+                </div>
+              </li>
 
-                <li class="nav-item" role="presentation"><a style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/kitapligim/"><i class="fas fa-journal-whills"></i>&nbsp;Kitaplığım</a></li>
-                <li class="nav-item" role="presentation"><a style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/kilavuzlar/"><i class="fab fa-guilded"></i>&nbsp;Kılavuzlar</a></li>
-                <li class="nav-item" role="presentation"><a style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/hakkinda/"><i class="fas fa-user"></i>&nbsp;Hakkında</a></li>
-                <li class="nav-item" role="presentation"><a style="font-family: IBM Plex Mono, sans-serif;" href="https://github.com/Zaryob"><i class="fas fa-code-branch"></i>&nbsp;Profil</a></li>
-              </ul>
-          </div>
+              <li class="nav-item" role="presentation"><a style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/kitapligim/"><i class="fas fa-journal-whills"></i>&nbsp;Kitaplığım</a></li>
+              <li class="nav-item" role="presentation"><a style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/kilavuzlar/"><i class="fab fa-guilded"></i>&nbsp;Kılavuzlar</a></li>
+              <li class="nav-item" role="presentation"><a style="font-family: IBM Plex Mono, sans-serif;" href="{{site.baseurl}}/hakkinda/"><i class="fas fa-user"></i>&nbsp;Hakkında</a></li>
+              <li class="nav-item" role="presentation"><a style="font-family: IBM Plex Mono, sans-serif;" href="https://github.com/Zaryob"><i class="fas fa-code-branch"></i>&nbsp;Profil</a></li>
+            </ul>
+        </div>
       </div>
   </nav>
 
   <div class="content">
-  <!--header>
-       <a href="{{site.baseurl}}/"><h1 class="site-title">{{site.title}}</h1></a>
-  </header-->
-  {{ content }}
 
-  <footer class="footer-dark">
-      <div class="row">
-          <div class="col item social">
-            <a href="https://github.com/Zaryob"><i class="fab fa-github"></i></a>
-            <a href="https://gitlab.com/Zaryob"><i class="fab fa-gitlab"></i></a>
-            <a href="https://bitbucket.com/Zaryob"><i class="fab fa-bitbucket"></i></a>
-            <a href="https://linkedin.com/suleyman-poyraz"><i class="fab fa-linkedin-in"></i></a>
-            <a href="https://dev.to/zaryob/"><i class="fab fa-dev"></i></a>
-            <a href="https://zaryob.medium.com/"><i class="fab fa-medium"></i></a>
-  	  </div>
-      </div>
-      <p class="copyright">Sitenin Kaynak Kodları GPLv3 ile lisanslanmıştır<br>Süleyman Poyraz © 2016-2021</p>
+    {{ content }}
+  
+    <footer class="footer-dark">
+        <div class="row">
+            <div class="col item social">
+              <a href="https://github.com/Zaryob"><i class="fab fa-github"></i></a>
+              <a href="https://gitlab.com/Zaryob"><i class="fab fa-gitlab"></i></a>
+              <a href="https://bitbucket.com/Zaryob"><i class="fab fa-bitbucket"></i></a>
+              <a href="https://linkedin.com/suleyman-poyraz"><i class="fab fa-linkedin-in"></i></a>
+              <a href="https://dev.to/zaryob/"><i class="fab fa-dev"></i></a>
+              <a href="https://zaryob.medium.com/"><i class="fab fa-medium"></i></a>
+            </div>
+        </div>
+        <p class="copyright">İş Bu Sitenin Kaynak Kodları GPLv3 ile lisanslanmıştır<br>Süleyman Poyraz © 2016-2023</p>
 
-  </footer>
-  <!--script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script-->
-  <!--script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script-->
-  <!--script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script-->
-  <script src="{{site.baseurl}}/assets/bootstrap/js/jquery.min.js?h=dc5e7f18c8d36ac1d3d4753a87c98d0a"></script>
-  <script src="{{site.baseurl}}/assets/bootstrap/js/script.min.js?h=a454220fc07088bf1fdd19313b6bfd50"></script>
-  <script src="{{site.baseurl}}/assets/bootstrap/js/bootstrap.bundle.min.js?h=6c07da54c4d2d77c149cca568a16930a"></script>
-</div>
+    </footer>
+    <!--script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script-->
+    <!--script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script-->
+    <!--script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script-->
+    <script src="{{site.baseurl}}/assets/bootstrap/js/jquery.min.js?h=dc5e7f18c8d36ac1d3d4753a87c98d0a"></script>
+    <script src="{{site.baseurl}}/assets/bootstrap/js/script.min.js?h=a454220fc07088bf1fdd19313b6bfd50"></script>
+    <script src="{{site.baseurl}}/assets/bootstrap/js/bootstrap.bundle.min.js?h=6c07da54c4d2d77c149cca568a16930a"></script>
+  </div>
 {% include analytics.html %}
 </body>
 </html>
diff --git a/_layouts/page.html b/_layouts/page.html
new file mode 100644
index 00000000..df39fc37
--- /dev/null
+++ b/_layouts/page.html
@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+<div class="col-md-10 col-lg-8 mx-auto">
+{{content}}
+</div>
diff --git a/_layouts/post.html b/_layouts/post.html
index f6779e14..df39fc37 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -2,65 +2,6 @@
 layout: default
 ---
 
-<html>
-
-
-<head>
-  {% if page.image %}
-  <!--header class="masthead" style="background-image:url('{{page.image}}?h={{page.imagehash}}');"-->
-  <header class="masthead" loading="lazy" style="background-image:url('{{site.baseurl}}/assets/img/pages/{{page.image}}?h={{page.image_hash}}');">
-
-  {% else %}
-  <header class="masthead">
-  {% endif %}
-        <div class="overlay"></div>
-        <div class="container">
-            <div class="row">
-                <div class="col-md-10 col-lg-8 mx-auto">
-                  <div class="post-heading">
-                      <h2 class="heading-text">{{page.title}}</h2>
-
-                      <span>
-                          <time datetime="">
-                            {% assign m = page.date | date: "%-m" %}
-                            {{ page.date | date: "%-d" }}
-                            {% case m %}
-                              {% when '1' %}Ocak
-                              {% when '2' %}Şubat
-                              {% when '3' %}Märt
-                              {% when '4' %}Nisam
-                              {% when '5' %}Mayıs
-                              {% when '6' %}Haziran
-                              {% when '7' %}Temmuz
-                              {% when '8' %}Ağustos
-                              {% when '9' %}Eylül
-                              {% when '10' %}Ekim
-                              {% when '11' %}Kasım
-                              {% when '12' %}Aralık
-                            {% endcase %}
-                            {{ page.date | date: "%Y" }}
-                          </time>
-                      </span>
-
-                      <!--div class="post-categories">
-                        {% if post %}
-                          {% assign categories = post.categories %}
-                        {% else %}
-                          {% assign categories = page.categories %}
-                        {% endif %}
-                        {% for category in categories %}
-                        <a href="{{site.baseurl}}/categories/#{{category|slugize}}">{{category}}</a>
-                        {% unless forloop.last %}&nbsp;{% endunless %}
-                        {% endfor %}
-                      </div-->
-
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header>
-</head>
 <div class="col-md-10 col-lg-8 mx-auto">
 {{content}}
 </div>
-</html>
diff --git a/_pages/arsiv.md b/_pages/arsiv.md
index c4fa994c..5e07e076 100644
--- a/_pages/arsiv.md
+++ b/_pages/arsiv.md
@@ -1,31 +1,34 @@
 ---
-layout: post
+layout: page
 title: Arşiv
+subtitle: Geçmişe doğru neler yazdığım...
 permalink: /arsiv/
 image: "archive-bg.jpg"
 image_hash: "cc30914dbb849385dc6c0bf877626671"
 ---
-
-
+  
 <div class="col-lg-8 col-md-10 mx-auto">
 <section id="archive">
-<h2><i class="fa fa-file-archive-o"></i>&nbsp;Bu yılın arşivi</h2>
-{% for post in site.posts %}
-  {% unless post.next %}
-
-  <ul class="this">
-  {% else %}
-  {% capture year %}{{ post.date | date: '%Y' }}{% endcapture %}
-  {% capture nyear %}{{ post.next.date | date: '%Y' }}{% endcapture %}
-  {% if year != nyear %}
+{% assign months = "Ocak|Şubat|Mart|Nisan|Mayıs|Haziran|Temmuz|Ağustos|Eylül|Ekim|Kasım|Aralık" | split: "|" %}
+{% assign grouped_by_year = site.posts | group_by_exp: "post", "post.date | date: '%Y'" %}
+{% for year in grouped_by_year %}
+  <h1>{{ year.name }}</h1>
+  
+  {% assign grouped_by_month = year.items | group_by_exp: "post", "post.date | date: '%-m' | minus: 1 " %}
+  <ul>
+  {% for month in grouped_by_month %}
+    <h2>{{ months[month.name] }}</h2>
+    <ul>
+      {% for post in month.items %}
+        {% assign m = post.date | date: "%-m" | minus: 1 %}
+        {% assign dd = post.date | date: "%d" %}
+        {% assign mm = months[m] %}
+        {% assign yy = post.date | date: "%Y" %}
+        <li class="arch-list"> {{ dd }} {{ mm }} {{ yy }} &raquo; <a href="{{site.baseurl}}{{ post.url }}">{{ post.title }}</a> </li>
+      {% endfor %}
+    </ul>
+  {% endfor %}
   </ul>
-  <h2>{{ post.date | date: '%Y' }}</h2>
-
-  <ul class="past">
-  {% endif %}
-  {% endunless %}
- <li class="arch-list"><a href="{{site.baseurl}}{{ post.url }}">{{ post.title }}</a>&nbsp;<time>{{ post.date | date:"%d %b" }}</time></li>
 {% endfor %}
-  </ul>
 </section>
-</div>
+</div>
\ No newline at end of file
diff --git a/_pages/elektronik.md b/_pages/elektronik.md
index 08c56379..2baafc96 100644
--- a/_pages/elektronik.md
+++ b/_pages/elektronik.md
@@ -1,58 +1,64 @@
 ---
-layout: post
+layout: page
 title: Elektronik
 permalink: /elektronik/
 image: "electronik-bg.jpg"
 image_hash: "fd7fff582b02262c7e3377b981048d36"
 ---
 
+<div class="container">
+  <div class="col-lg-12 col-md-14 mx-auto">
+  {% assign months = "Ocak|Şubat|Mart|Nisan|Mayıs|Haziran|Temmuz|Ağustos|Eylül|Ekim|Kasım|Aralık" | split: "|" %}
+
+  {% for post in site.categories.programlama %}
+  {% assign m = post.date | date: "%-m" | minus: 1 %}
+  {% assign day = post.date | date: "%d" %}
+  {% assign month = months[m] %}
+  {% assign year = post.date | date: "%Y" %}
+  <article class="post-preview">
+    <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}">
+            <h3 class="post-title">{{ post.title }}</h3>
+            {% if post.subtitle %}
+            <h3 class="post-subtitle">{{ post.subtitle }}</h3>
+            {% else %}
+            <a class="post-subtitle">{{ post.excerpt | strip_html | truncatewords: 30 }}</a>
+            {% endif %}
+          </a>
+          <p class="post-meta">
+            {% if post.author %}
+            {{ post.author }}
+            {% else %}
+            {{ site.author }}
+            {% endif %}
+            tarafından
+            {{ day }} {{ month }} {{ year }} tarihinde yayınladı. &middot; {% include read_time.html
+            content=post.content %}
+          </p>
+  </article>
+
+  <hr>
+
+  {% endfor %}
+  </div>
+
+  <!-- Pager -->
+  {% if paginator.total_pages > 1 %}
+
+  <div class="clearfix">
+
+  {% if paginator.previous_page %}
+    <a class="btn btn-primary float-left"
+      href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr;
+      Yeni<span class="d-none d-md-inline"> Gönderiler</span></a>
+  {% endif %}
+
+  {% if paginator.next_page %}
+    <a class="btn btn-primary float-right"
+      href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Eski<span
+        class="d-none d-md-inline"> Gönderiler</span> &rarr;</a>
+  {% endif %}
 
-  <div class="container">
-    {% for post in site.categories.elektronik %}
-
-    <article class="post-preview">
-      <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}">
-        <h2 class="post-title">{{ post.title }}</h2>
-        {% if post.subtitle %}
-        <h3 class="post-subtitle">{{ post.subtitle }}</h3>
-        {% else %}
-        <h3 class="post-subtitle">{{ post.excerpt | strip_html | truncatewords: 15 }}</h3>
-        {% endif %}
-      </a>
-      <p class="post-meta">
-        {% if post.author %}
-        {{ post.author }}
-        {% else %}
-        {{ site.author }}
-        {% endif %}
-        tarafından
-        {{ post.date | date: '%B %d, %Y' }} tarihinde yayınladı. &middot; {% include read_time.html content=post.content %}
-      </p>
-    </article>
-
-    <hr>
-
-    {% endfor %}
-
-    <!-- Pager -->
-    {% if site.categories.linux.total_pages > 1 %}
-
-    <div class="clearfix">
-
-      {% if paginator.previous_page %}
-      <a class="btn btn-primary float-left"
-        href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr;
-        Yeni<span class="d-none d-md-inline"> Gönderiler</span></a>
-      {% endif %}
-
-      {% if paginator.next_page %}
-      <a class="btn btn-primary float-right"
-        href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Eski<span
-          class="d-none d-md-inline"> Gönderiler</span> &rarr;</a>
-      {% endif %}
-
-    </div>
-
-    {% endif %}
   </div>
 
+  {% endif %}
+</div>
diff --git a/_pages/hakkinda.md b/_pages/hakkinda.md
index bc5d5e01..4c12bfa4 100644
--- a/_pages/hakkinda.md
+++ b/_pages/hakkinda.md
@@ -4,167 +4,163 @@ title: Hoşgeldiniz
 permalink: /hakkinda/
 ---
 
-
-<body>
-  <meta charset="utf-8">
-    <link rel="stylesheet" href="{{site.baseurl}}/assets/bootstrap/css/blinking_text.css">
-    <section class="portfolio-block block-intro border-bottom">
-        <div class="avatar" style="background-image:url('{{site.baseurl}}/assets/avatars/avatar.webp');"></div>
-        <div class="containerh">
-            <div class="about-me">
-                <div>
-                    <p style="  font-size: 37px;">Ben Süleyman Poyraz</p>
-                </div>
+<meta charset="utf-8">
+<link rel="stylesheet" href="{{site.baseurl}}/assets/bootstrap/css/blinking_text.css">
+<section class="portfolio-block block-intro border-bottom">
+    <div class="avatar" style="background-image:url('{{site.baseurl}}/assets/avatars/avatar.webp');"></div>
+    <div class="containerh">
+        <div class="about-me">
+            <div>
+                <p style="  font-size: 37px;">Ben Süleyman Poyraz</p>
             </div>
         </div>
-    </section>
-    <section class="portfolio-block cv">
-        <div class="container">
-            <div class="work-experience group">
-                <div class="heading">
-                    <h2 class="text-center">İş Deyimi</h2>
-                </div>
-                <div class="item">
-                    <div class="row">
-                        <div class="col-6">
-                            <h3>VR Teknolji Araştırmacısı</h3>
-                            <h4 class="organization">Adal Grup</h4>
-                        </div>
-                        <div class="col-md-6"><span class="period">31/03/2022 – 01/08/2022</span></div>
+    </div>
+</section>
+<section class="portfolio-block cv">
+    <div class="container">
+        <div class="work-experience group">
+            <div class="heading">
+                <h2 class="text-center">İş Deyimi</h2>
+            </div>
+            <div class="item">
+                <div class="row">
+                    <div class="col-6">
+                        <h3>VR Teknolji Araştırmacısı</h3>
+                        <h4 class="organization">Adal Grup</h4>
                     </div>
-                    <p class="text-muted">Adal Grup bir mimari proje firmasıdır. Bu firmada gönüllü olarak staj yapıyorum ve Ar-Ge departmanında çalışıyorum.İlk önceliği mimari projeleri artırılmış gerçeklik kullanarak sanal gerçeklik gözlükleriyle kullanıcılara sunmaktır. Sanal gerçeklik gözlükleri ile etkileşimli, gezilebilir ve değişken mimari iç mekan tasarımları ve şehir planları yapılmaktadır.Bu şirkette Oculus gözlüklerini kullanarak VR deneyimi üzerinde çalışıyorum. Oculus Networks ile çok oyunculu erişim üzerinde çalışıyorum. Ayrıca, içinde bulunduğum süreçte gerçek dışı bir motor kullanıyorum. Unreal motoruyla hiper-gerçekçi malzeme ve animasyon oluşturmaya çalışıyorum. Burada içinde bulunduğum projeler aslında bir Ar-Ge projesi ve gelecekte bu tasarımların ve kullanıcı deneyiminin metaversi üzerine gelişmesi hedefleniyor..</p>
+                    <div class="col-md-6"><span class="period">31/03/2022 – 01/08/2022</span></div>
                 </div>
-                <div class="item">
-                    <div class="row">
-                        <div class="col-md-6">
-                            <h3>Bilgi İşlem Stajı</h3>
-                            <h4 class="organization">TÜRASAŞ</h4>
-                        </div>
-                        <div class="col-md-6"><span class="period">27/06/2021 – 15/08/2021</span></div>
+                <p class="text-muted">Adal Grup bir mimari proje firmasıdır. Bu firmada gönüllü olarak staj yapıyorum ve Ar-Ge departmanında çalışıyorum.İlk önceliği mimari projeleri artırılmış gerçeklik kullanarak sanal gerçeklik gözlükleriyle kullanıcılara sunmaktır. Sanal gerçeklik gözlükleri ile etkileşimli, gezilebilir ve değişken mimari iç mekan tasarımları ve şehir planları yapılmaktadır.Bu şirkette Oculus gözlüklerini kullanarak VR deneyimi üzerinde çalışıyorum. Oculus Networks ile çok oyunculu erişim üzerinde çalışıyorum. Ayrıca, içinde bulunduğum süreçte gerçek dışı bir motor kullanıyorum. Unreal motoruyla hiper-gerçekçi malzeme ve animasyon oluşturmaya çalışıyorum. Burada içinde bulunduğum projeler aslında bir Ar-Ge projesi ve gelecekte bu tasarımların ve kullanıcı deneyiminin metaversi üzerine gelişmesi hedefleniyor..</p>
+            </div>
+            <div class="item">
+                <div class="row">
+                    <div class="col-md-6">
+                        <h3>Bilgi İşlem Stajı</h3>
+                        <h4 class="organization">TÜRASAŞ</h4>
                     </div>
-                    <p class="text-muted">TÜRASAŞ, sahip olduğu teknik altyapı, bilgi birikimi ve iş tecrübesi ile demiryolu araçlarının tamir, bakım ve revizyonunun yanı sıra her türlü lokomotif, yolcu vagonu, yük vagonu ve raylı sistem araçları için yedek parça imalatı yapmaktadır. Stajımı iki farklı alt bölümde yaptım. Donanım Destek Bölümü ve Yazılım Teknolojileri Departmanı.Yazılım Teknolojileri Bölümü stajı sırasında Linux üzerine kurulu JBoss sunucuları ve gömülü sistem yazılımları ile uğraştım. ERP yazılımı, veritabanı ve kaynak planlaması, yazılım ve ağ güvenliğinin yazılım tarafından sağlandığını öğreniyorum. Stajımın sonunda bu bölümün desteğiyle tekerlek test üniteleri için sürtünme analizi projesi geliştirdim. Donanım Destek Bölümü stajı sırasında ağ ekipmanları ile çalıştım. Kurumsal ağ yönetimi, LAN ve orta boy WAN üzerinde çalıştım. Cisco'nun akıllı anahtarları, Firebox marka güvenlik duvarları, Huawei Kablosuz distribütörleri ile çalıştım.</p>
+                    <div class="col-md-6"><span class="period">27/06/2021 – 15/08/2021</span></div>
                 </div>
+                <p class="text-muted">TÜRASAŞ, sahip olduğu teknik altyapı, bilgi birikimi ve iş tecrübesi ile demiryolu araçlarının tamir, bakım ve revizyonunun yanı sıra her türlü lokomotif, yolcu vagonu, yük vagonu ve raylı sistem araçları için yedek parça imalatı yapmaktadır. Stajımı iki farklı alt bölümde yaptım. Donanım Destek Bölümü ve Yazılım Teknolojileri Departmanı.Yazılım Teknolojileri Bölümü stajı sırasında Linux üzerine kurulu JBoss sunucuları ve gömülü sistem yazılımları ile uğraştım. ERP yazılımı, veritabanı ve kaynak planlaması, yazılım ve ağ güvenliğinin yazılım tarafından sağlandığını öğreniyorum. Stajımın sonunda bu bölümün desteğiyle tekerlek test üniteleri için sürtünme analizi projesi geliştirdim. Donanım Destek Bölümü stajı sırasında ağ ekipmanları ile çalıştım. Kurumsal ağ yönetimi, LAN ve orta boy WAN üzerinde çalıştım. Cisco'nun akıllı anahtarları, Firebox marka güvenlik duvarları, Huawei Kablosuz distribütörleri ile çalıştım.</p>
             </div>
-            <div class="education group">
-                <div class="heading">
-                    <h2 class="text-center">Öğrenim Geçmişi</h2>
+        </div>
+        <div class="education group">
+            <div class="heading">
+                <h2 class="text-center">Öğrenim Geçmişi</h2>
+            </div>
+            <div class="item">
+                <div class="row">
+                    <div class="col-md-6">
+                        <h3>Bilgisayar Mühendisliği</h3>
+                        <h4 class="organization">Abdullah Gül Üniversitesi</h4>
+                    </div>
+                    <div class="col-md-6"><span class="period">09/2018 - Bugün</span></div>
                 </div>
-                <div class="item">
-                    <div class="row">
-                        <div class="col-md-6">
-                            <h3>Bilgisayar Mühendisliği</h3>
-                            <h4 class="organization">Abdullah Gül Üniversitesi</h4>
-                        </div>
-                        <div class="col-md-6"><span class="period">09/2018 - Bugün</span></div>
+                <p class="text-muted"> 2. sınıf sonbahar dönemi sonu itibarı ile GPA 3.11'dir
+                Abdullah Gül Üniversitesinde 3 senedir okumaktayım. 100% İngilizce olduğu için ilk sene zorunlu hazırlık okulundan dersler aldım.</p>
+            </div>
+            <div class="item">
+                <div class="row">
+                    <div class="col-md-6">
+                        <h3>Lise</h3>
+                        <h4 class="organization">Sivas Fen Lisesi</h4>
                     </div>
-                    <p class="text-muted"> 2. sınıf sonbahar dönemi sonu itibarı ile GPA 3.11'dir
-                    Abdullah Gül Üniversitesinde 3 senedir okumaktayım. 100% İngilizce olduğu için ilk sene zorunlu hazırlık okulundan dersler aldım.</p>
+                    <div class="col-6"><span class="period">09/2014 - 05/2018</span></div>
                 </div>
-                <div class="item">
-                    <div class="row">
-                        <div class="col-md-6">
-                            <h3>Lise</h3>
-                            <h4 class="organization">Sivas Fen Lisesi</h4>
+                <p class="text-muted">Sivas Fen Lisesi'nde, 4 sene boyunca mevcut derslere ek olarak robotik ve linux üzerine bir öğretmenimiz ile çalışma fırsatına sahip oldum. SulinOS projesine burada başladım.</p>
+            </div>
+        </div>
+        <div class="group">
+            <div class="row">
+                <div class="col-md-6">
+                    <div class="skills portfolio-info-card">
+                        <h2>Beceriler</h2>
+                        <h3>C/C++</h3>
+                        <div class="progress">
+                            <div class="progress-bar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"><span class="sr-only">100%</span></div>
+                        </div>
+                        <h3>Python</h3>
+                        <div class="progress">
+                            <div class="progress-bar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"><span class="sr-only">100%</span></div>
+                        </div>
+                        <h3>Linux</h3>
+                        <div class="progress">
+                            <div class="progress-bar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"><span class="sr-only">90%</span></div>
+                        </div>
+                        <h3>Gömülü sistemler</h3>
+                        <div class="progress">
+                            <div class="progress-bar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"><span class="sr-only">90%</span></div>
+                        </div>
+                        <h3>Web Tasarımı (HTML- CSS)</h3>
+                        <div class="progress">
+                            <div class="progress-bar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 40%;"><span class="sr-only">40%</span></div>
                         </div>
-                        <div class="col-6"><span class="period">09/2014 - 05/2018</span></div>
                     </div>
-                    <p class="text-muted">Sivas Fen Lisesi'nde, 4 sene boyunca mevcut derslere ek olarak robotik ve linux üzerine bir öğretmenimiz ile çalışma fırsatına sahip oldum. SulinOS projesine burada başladım.</p>
                 </div>
-            </div>
-            <div class="group">
-                <div class="row">
-                    <div class="col-md-6">
-                        <div class="skills portfolio-info-card">
-                            <h2>Beceriler</h2>
-                            <h3>C/C++</h3>
-                            <div class="progress">
-                                <div class="progress-bar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"><span class="sr-only">100%</span></div>
-                            </div>
-                            <h3>Python</h3>
-                            <div class="progress">
-                                <div class="progress-bar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"><span class="sr-only">100%</span></div>
+                <div class="col-md-6">
+                    <div class="contact-info portfolio-info-card">
+                        <h2>İletişim</h2>
+                        <div class="row">
+                            <div class="col-1"><i class="fas fa-calendar-day"></i></div>
+                            <div class="col-9"><span>10/11/2000</span></div>
+                        </div>
+                        <div class="row">
+                            <div class="col-1"><i class="fas fa-user-circle"></i></div>
+                            <div class="col-9"><span>Süleyman Poyraz</span></div>
+                        </div>
+                        <div class="row">
+                            <div class="col-1">
+                                <i class="fas fa-mail-bulk"></i>
                             </div>
-                            <h3>Linux</h3>
-                            <div class="progress">
-                                <div class="progress-bar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"><span class="sr-only">90%</span></div>
+                            <div class="col-9">
+                                <span>
+                                    <a href="mailto://zaryob.dev@gmail.com">Mail Adresim</a>
+                                </span>
                             </div>
-                            <h3>Gömülü sistemler</h3>
-                            <div class="progress">
-                                <div class="progress-bar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"><span class="sr-only">90%</span></div>
+                        </div>
+                        <div class="row">
+                            <div class="col-1">
+                                <i class="fab fa-github"></i>
                             </div>
-                            <h3>Web Tasarımı (HTML- CSS)</h3>
-                            <div class="progress">
-                                <div class="progress-bar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 40%;"><span class="sr-only">40%</span></div>
+                            <div class="col-9">
+                                <span>
+                                    <a href="https://github.com/Zaryob">Github Projelerim</a>
+                                </span>
                             </div>
                         </div>
-                    </div>
-                    <div class="col-md-6">
-                        <div class="contact-info portfolio-info-card">
-                            <h2>İletişim</h2>
-                            <div class="row">
-                                <div class="col-1"><i class="fas fa-calendar-day"></i></div>
-                                <div class="col-9"><span>10/11/2000</span></div>
-                            </div>
-                            <div class="row">
-                                <div class="col-1"><i class="fas fa-user-circle"></i></div>
-                                <div class="col-9"><span>Süleyman Poyraz</span></div>
+                        <div class="row">
+                            <div class="col-1">
+                                <i class="fab fa-gitlab"></i>
                             </div>
-                            <div class="row">
-                                <div class="col-1">
-                                    <i class="fas fa-mail-bulk"></i>
-                                </div>
-                                <div class="col-9">
-                                    <span>
-                                        <a href="mailto://zaryob.dev@gmail.com">Mail Adresim</a>
-                                    </span>
-                                </div>
+                            <div class="col-9">
+                                <span>
+                                    <a href="https://gitlab.com/Zaryob">Gitlab Hesabım</a>
+                                </span>
                             </div>
-                            <div class="row">
-                                <div class="col-1">
-                                    <i class="fab fa-github"></i>
-                                </div>
-                                <div class="col-9">
-                                    <span>
-                                        <a href="https://github.com/Zaryob">Github Projelerim</a>
-                                    </span>
-                                </div>
+                        </div>
+                        <div class="row">
+                            <div class="col-1">
+                                <i class="fab fa-linkedin-in"></i>
                             </div>
-                            <div class="row">
-                                <div class="col-1">
-                                    <i class="fab fa-gitlab"></i>
-                                </div>
-                                <div class="col-9">
-                                    <span>
-                                        <a href="https://gitlab.com/Zaryob">Gitlab Hesabım</a>
-                                    </span>
-                                </div>
+                            <div class="col-9">
+                                <span>
+                                    <a href="https://www.linkedin.com/in/suleyman-poyraz/">Linkedin Sayfam</a>
+                                </span>
                             </div>
-                            <div class="row">
-                                <div class="col-1">
-                                    <i class="fab fa-linkedin-in"></i>
-                                </div>
-                                <div class="col-9">
-                                    <span>
-                                        <a href="https://www.linkedin.com/in/suleyman-poyraz/">Linkedin Sayfam</a>
-                                    </span>
-                                </div>
+                        </div>
+                        <div class="row">
+                            <div class="col-1">
+                                <i class="fab fa-medium"></i>
                             </div>
-                            <div class="row">
-                                <div class="col-1">
-                                    <i class="fab fa-medium"></i>
-                                </div>
-                                <div class="col-9">
-                                    <span>
-                                        <a href="https://zaryob.medium.com/">Medium Gönderilerim</a>
-                                    </span>
-                                </div>
+                            <div class="col-9">
+                                <span>
+                                    <a href="https://zaryob.medium.com/">Medium Gönderilerim</a>
+                                </span>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
-
+    </div>
+</section>
 <script src="{{site.baseurl}}/assets/bootstrap/js/blinking_text.js"></script>
-
-
diff --git a/_pages/internet.md b/_pages/internet.md
index 4c50bde7..a241f4dd 100644
--- a/_pages/internet.md
+++ b/_pages/internet.md
@@ -1,57 +1,65 @@
 ---
-layout: post
+layout: page
 title: İnternet
 permalink: /internet/
 image: "internet-bg.jpeg"
 image_hash: "a2949bc1310b53ff52b8b97492be4de9"
 ---
 
-  <div class="container">
-    {% for post in site.categories.internet %}
-
-    <article class="post-preview">
-      <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}">
-        <h2 class="post-title">{{ post.title }}</h2>
-        {% if post.subtitle %}
-        <h3 class="post-subtitle">{{ post.subtitle }}</h3>
-        {% else %}
-        <h3 class="post-subtitle">{{ post.excerpt | strip_html | truncatewords: 15 }}</h3>
-        {% endif %}
-      </a>
-      <p class="post-meta">
-        {% if post.author %}
-        {{ post.author }}
-        {% else %}
-        {{ site.author }}
-        {% endif %}
-        tarafından
-        {{ post.date | date: '%B %d, %Y' }} tarihinde yayınladı. &middot; {% include read_time.html content=post.content %}
-      </p>
-    </article>
-
-    <hr>
-
-    {% endfor %}
-
-    <!-- Pager -->
-    {% if site.categories.internet.total_pages > 1 %}
-
-    <div class="clearfix">
-
-      {% if paginator.previous_page %}
-      <a class="btn btn-primary float-left"
-        href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr;
-        Yeni<span class="d-none d-md-inline"> Gönderiler</span></a>
-      {% endif %}
-
-      {% if paginator.next_page %}
-      <a class="btn btn-primary float-right"
-        href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Eski<span
-          class="d-none d-md-inline"> Gönderiler</span> &rarr;</a>
-      {% endif %}
-
-    </div>
-
-    {% endif %}
+<div class="container">
+  <div class="col-lg-12 col-md-14 mx-auto">
+  {% assign months = "Ocak|Şubat|Mart|Nisan|Mayıs|Haziran|Temmuz|Ağustos|Eylül|Ekim|Kasım|Aralık" | split: "|" %}
+
+  {% for post in site.categories.programlama %}
+  {% assign m = post.date | date: "%-m" | minus: 1 %}
+  {% assign day = post.date | date: "%d" %}
+  {% assign month = months[m] %}
+  {% assign year = post.date | date: "%Y" %}
+  <article class="post-preview">
+    <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}">
+            <h3 class="post-title">{{ post.title }}</h3>
+            {% if post.subtitle %}
+            <h3 class="post-subtitle">{{ post.subtitle }}</h3>
+            {% else %}
+            <a class="post-subtitle">{{ post.excerpt | strip_html | truncatewords: 30 }}</a>
+            {% endif %}
+          </a>
+          <p class="post-meta">
+            {% if post.author %}
+            {{ post.author }}
+            {% else %}
+            {{ site.author }}
+            {% endif %}
+            tarafından
+            {{ day }} {{ month }} {{ year }} tarihinde yayınladı. &middot; {% include read_time.html
+            content=post.content %}
+          </p>
+  </article>
+
+  <hr>
+
+  {% endfor %}
+  </div>
+
+  <!-- Pager -->
+  {% if paginator.total_pages > 1 %}
+
+  <div class="clearfix">
+
+  {% if paginator.previous_page %}
+    <a class="btn btn-primary float-left"
+      href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr;
+      Yeni<span class="d-none d-md-inline"> Gönderiler</span></a>
+  {% endif %}
+
+  {% if paginator.next_page %}
+    <a class="btn btn-primary float-right"
+      href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Eski<span
+        class="d-none d-md-inline"> Gönderiler</span> &rarr;</a>
+  {% endif %}
+
   </div>
 
+  {% endif %}
+</div>
+
diff --git a/_pages/kitapligim.md b/_pages/kitapligim.md
index 8fe04f71..9062989c 100644
--- a/_pages/kitapligim.md
+++ b/_pages/kitapligim.md
@@ -1,26 +1,26 @@
 ---
-layout: post
+layout: page
 title: Kitaplığım
 permalink: /kitapligim/
 image: "archive-bg.jpg"
 image_hash: "cc30914dbb849385dc6c0bf877626671"
 ---
 
-
 <section class="portfolio-block projects-cards">
     <div class="container">
-        <div class="heading">
+        <!--div class="heading">
             <h2>Kitaplarım</h2>
-        </div>
+        </div-->
         <div class="row">
             <div class="col-md-6 col-lg-4">
-                <div class="card border-0"><a href="https://github.com/Zaryob/zfs_kitabi"><img class="card-img-top scale-on-hover" src="https://gh-card.dev/repos/Zaryob/zfs_kitabi.svg" alt="zfs_kitabi" /></a>
+                <div class="card border-0">
+                    <a href="https://github.com/Zaryob/zfs_kitabi"><img class="card-img-top scale-on-hover" src="https://gh-card.dev/repos/Zaryob/zfs_kitabi.svg" alt="zfs_kitabi"/></a>
                     <div class="card-body">
                         <h6><a href="https://zaryob-dev.gitbook.io/zfs-kitabi/">ZFS Kitabı</a></h6>
-                        <p class="text-muted card-text">ZFS ve OpenZFS üzerine Türkçe bir kaynak oluşturma çabamın meyvesidir.</p>
+                        <p class="card-text">ZFS ve OpenZFS üzerine Türkçe bir kaynak oluşturma çabamın meyvesidir.</p>
                     </div>
                 </div>
             </div>
-         </div>
+        </div>
     </div>
 </section>
diff --git a/_pages/linux.md b/_pages/linux.md
index f41bafe8..a929ea93 100644
--- a/_pages/linux.md
+++ b/_pages/linux.md
@@ -1,57 +1,65 @@
 ---
-layout: post
+layout: page
 title: Linux
 permalink: /linux/
 image: "code-bg.jpg"
 image_hash: "8da8c95398564475073e06f25143d370"
 ---
 
-  <div class="container">
-    {% for post in site.categories.linux %}
-
-    <article class="post-preview">
-      <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}">
-        <h2 class="post-title">{{ post.title }}</h2>
-        {% if post.subtitle %}
-        <h3 class="post-subtitle">{{ post.subtitle }}</h3>
-        {% else %}
-        <h3 class="post-subtitle">{{ post.excerpt | strip_html | truncatewords: 15 }}</h3>
-        {% endif %}
-      </a>
-      <p class="post-meta">
-        {% if post.author %}
-        {{ post.author }}
-        {% else %}
-        {{ site.author }}
-        {% endif %}
-        tarafından
-        {{ post.date | date: '%B %d, %Y' }} tarihinde yayınladı. &middot; {% include read_time.html content=post.content %}
-      </p>
-    </article>
-
-    <hr>
-
-    {% endfor %}
-
-    <!-- Pager -->
-    {% if site.categories.linux.total_pages > 1 %}
-
-    <div class="clearfix">
-
-      {% if paginator.previous_page %}
-      <a class="btn btn-primary float-left"
-        href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr;
-        Yeni<span class="d-none d-md-inline"> Gönderiler</span></a>
-      {% endif %}
-
-      {% if paginator.next_page %}
-      <a class="btn btn-primary float-right"
-        href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Eski<span
-          class="d-none d-md-inline"> Gönderiler</span> &rarr;</a>
-      {% endif %}
-
-    </div>
-
-    {% endif %}
+<div class="container">
+  <div class="col-lg-12 col-md-14 mx-auto">
+  {% assign months = "Ocak|Şubat|Mart|Nisan|Mayıs|Haziran|Temmuz|Ağustos|Eylül|Ekim|Kasım|Aralık" | split: "|" %}
+
+  {% for post in site.categories.programlama %}
+  {% assign m = post.date | date: "%-m" | minus: 1 %}
+  {% assign day = post.date | date: "%d" %}
+  {% assign month = months[m] %}
+  {% assign year = post.date | date: "%Y" %}
+  <article class="post-preview">
+    <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}">
+            <h3 class="post-title">{{ post.title }}</h3>
+            {% if post.subtitle %}
+            <h3 class="post-subtitle">{{ post.subtitle }}</h3>
+            {% else %}
+            <a class="post-subtitle">{{ post.excerpt | strip_html | truncatewords: 30 }}</a>
+            {% endif %}
+          </a>
+          <p class="post-meta">
+            {% if post.author %}
+            {{ post.author }}
+            {% else %}
+            {{ site.author }}
+            {% endif %}
+            tarafından
+            {{ day }} {{ month }} {{ year }} tarihinde yayınladı. &middot; {% include read_time.html
+            content=post.content %}
+          </p>
+  </article>
+
+  <hr>
+
+  {% endfor %}
   </div>
 
+  <!-- Pager -->
+  {% if paginator.total_pages > 1 %}
+  
+  <div class="clearfix">
+
+  {% if paginator.previous_page %}
+    <a class="btn btn-primary float-left"
+      href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr;
+      Yeni<span class="d-none d-md-inline"> Gönderiler</span></a>
+  {% endif %}
+
+  {% if paginator.next_page %}
+    <a class="btn btn-primary float-right"
+      href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Eski<span
+        class="d-none d-md-inline"> Gönderiler</span> &rarr;</a>
+  {% endif %}
+
+  </div>
+
+  {% endif %}
+</div>
+
diff --git a/_pages/pi.md b/_pages/pi.md
index 8a4553f6..63cbcbe7 100644
--- a/_pages/pi.md
+++ b/_pages/pi.md
@@ -1,36 +1,62 @@
 ---
-layout: post
+layout: page
 title: Raspberry Pi
 permalink: /pi/
 image: "raspberrypi-bg.jpg"
 image_hash: "80738471d1f9b811754aca914194612e"
 ---
 
+<div class="container">
+  <div class="col-lg-12 col-md-14 mx-auto">
+  {% assign months = "Ocak|Şubat|Mart|Nisan|Mayıs|Haziran|Temmuz|Ağustos|Eylül|Ekim|Kasım|Aralık" | split: "|" %}
+
+  {% for post in site.categories.programlama %}
+  {% assign m = post.date | date: "%-m" | minus: 1 %}
+  {% assign day = post.date | date: "%d" %}
+  {% assign month = months[m] %}
+  {% assign year = post.date | date: "%Y" %}
+  <article class="post-preview">
+    <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}">
+            <h3 class="post-title">{{ post.title }}</h3>
+            {% if post.subtitle %}
+            <h3 class="post-subtitle">{{ post.subtitle }}</h3>
+            {% else %}
+            <a class="post-subtitle">{{ post.excerpt | strip_html | truncatewords: 30 }}</a>
+            {% endif %}
+          </a>
+          <p class="post-meta">
+            {% if post.author %}
+            {{ post.author }}
+            {% else %}
+            {{ site.author }}
+            {% endif %}
+            tarafından
+            {{ day }}{{ month }}{{ year }} tarihinde yayınladı. &middot; {% include read_time.html
+            content=post.content %}
+          </p>
+  </article>
+  
+  <hr>
+
+  {% endfor %}
+
+  <!-- Pager -->
+  {% if paginator.total_pages > 1 %}
+
+
+  {% if paginator.previous_page %}
+    <a class="btn btn-primary float-left"
+      href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr;
+      Yeni<span class="d-none d-md-inline"> Gönderiler</span></a>
+  {% endif %}
+
+  {% if paginator.next_page %}
+    <a class="btn btn-primary float-right"
+      href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Eski<span
+        class="d-none d-md-inline"> Gönderiler</span> &rarr;</a>
+  {% endif %}
 
-
-{% for post in site.categories.pi %}
-
-  <div class="list">
-  <div class="post-index">
-    <div class="post-image">
-        <a href="{{post.url}}">
-
-              <i class="fa fa-{{post.icon}} fa-fw"></i>
-
-        </a>
-    </div>
-    <div class="post-content">
-        <p class="post-index-title"><a href="{{site.baseurl}}{{post.url}}">{{post.title}}</a></p>
-        <p>
-
-                <span class="excerpt">{{ post.content | strip_html | strip_newlines | truncate: 90 }}</span>
-
-        </p>
-        <p class="post-detail">{{ post.date | date: '%B %d, %Y' }}
-
-             <a href="{{site.baseurl}}{{post.url}}/index.html#disqus_thread" data-disqus-identifier="{{post.url}}"></a>
-        </p>
-    </div>
   </div>
-  </div>
-{% endfor %}
\ No newline at end of file
+
+  {% endif %}
+</div>
\ No newline at end of file
diff --git a/_pages/pixelart.md b/_pages/pixelart.md
index 619b42fa..28f72009 100644
--- a/_pages/pixelart.md
+++ b/_pages/pixelart.md
@@ -1,59 +1,65 @@
 ---
-layout: post
+layout: page
 title: Pixel Art
 permalink: /pixelart/
 image: "pixelart.jpg"
 image_hash: "934bee399ce669974100a5d559925157"
 ---
 
+<div class="container">
+  <div class="col-lg-12 col-md-14 mx-auto">
+  {% assign months = "Ocak|Şubat|Mart|Nisan|Mayıs|Haziran|Temmuz|Ağustos|Eylül|Ekim|Kasım|Aralık" | split: "|" %}
 
+  {% for post in site.categories.programlama %}
+  {% assign m = post.date | date: "%-m" | minus: 1 %}
+  {% assign day = post.date | date: "%d" %}
+  {% assign month = months[m] %}
+  {% assign year = post.date | date: "%Y" %}
+  <article class="post-preview">
+    <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}">
+            <h3 class="post-title">{{ post.title }}</h3>
+            {% if post.subtitle %}
+            <h3 class="post-subtitle">{{ post.subtitle }}</h3>
+            {% else %}
+            <a class="post-subtitle">{{ post.excerpt | strip_html | truncatewords: 30 }}</a>
+            {% endif %}
+          </a>
+          <p class="post-meta">
+            {% if post.author %}
+            {{ post.author }}
+            {% else %}
+            {{ site.author }}
+            {% endif %}
+            tarafından
+            {{ day }} {{ month }} {{ year }} tarihinde yayınladı. &middot; {% include read_time.html
+            content=post.content %}
+          </p>
+  </article>
 
-  <div class="container">
-    {% for post in site.categories.pixelart %}
+  <hr>
 
-    <article class="post-preview">
-      <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}">
-        <h2 class="post-title">{{ post.title }}</h2>
-        {% if post.subtitle %}
-        <h3 class="post-subtitle">{{ post.subtitle }}</h3>
-        {% else %}
-        <h3 class="post-subtitle">{{ post.excerpt | strip_html | truncatewords: 15 }}</h3>
-        {% endif %}
-      </a>
-      <p class="post-meta">
-        {% if post.author %}
-        {{ post.author }}
-        {% else %}
-        {{ site.author }}
-        {% endif %}
-        tarafından
-        {{ post.date | date: '%B %d, %Y' }} tarihinde yayınladı. &middot; {% include read_time.html content=post.content %}
-      </p>
-    </article>
-
-    <hr>
-
-    {% endfor %}
-
-    <!-- Pager -->
-    {% if site.categories.linux.total_pages > 1 %}
-
-    <div class="clearfix">
+  {% endfor %}
+  </div>
 
-      {% if paginator.previous_page %}
-      <a class="btn btn-primary float-left"
-        href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr;
-        Yeni<span class="d-none d-md-inline"> Gönderiler</span></a>
-      {% endif %}
+  <!-- Pager -->
+  {% if paginator.total_pages > 1 %}
+  
+  <div class="clearfix">
 
-      {% if paginator.next_page %}
-      <a class="btn btn-primary float-right"
-        href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Eski<span
-          class="d-none d-md-inline"> Gönderiler</span> &rarr;</a>
-      {% endif %}
+  {% if paginator.previous_page %}
+    <a class="btn btn-primary float-left"
+      href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr;
+      Yeni<span class="d-none d-md-inline"> Gönderiler</span></a>
+  {% endif %}
 
-    </div>
+  {% if paginator.next_page %}
+    <a class="btn btn-primary float-right"
+      href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Eski<span
+        class="d-none d-md-inline"> Gönderiler</span> &rarr;</a>
+  {% endif %}
 
-    {% endif %}
   </div>
 
+  {% endif %}
+</div>
+
diff --git a/_pages/programlama.md b/_pages/programlama.md
index 191e324c..2ee80e78 100644
--- a/_pages/programlama.md
+++ b/_pages/programlama.md
@@ -1,58 +1,64 @@
 ---
-layout: post
+layout: page
 title: Programlama
 permalink: /programlama/
 image: "programming-bg.jpg"
 image_hash: "14e966d46bb6ece26db3432d8171b1b4"
 ---
 
+<div class="container">
+  <div class="col-lg-12 col-md-14 mx-auto">
+  {% assign months = "Ocak|Şubat|Mart|Nisan|Mayıs|Haziran|Temmuz|Ağustos|Eylül|Ekim|Kasım|Aralık" | split: "|" %}
+
+  {% for post in site.categories.programlama %}
+  {% assign m = post.date | date: "%-m" | minus: 1 %}
+  {% assign day = post.date | date: "%d" %}
+  {% assign month = months[m] %}
+  {% assign year = post.date | date: "%Y" %}
+  <article class="post-preview">
+    <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}">
+            <h3 class="post-title">{{ post.title }}</h3>
+            {% if post.subtitle %}
+            <h3 class="post-subtitle">{{ post.subtitle }}</h3>
+            {% else %}
+            <a class="post-subtitle">{{ post.excerpt | strip_html | truncatewords: 30 }}</a>
+            {% endif %}
+          </a>
+          <p class="post-meta">
+            {% if post.author %}
+            {{ post.author }}
+            {% else %}
+            {{ site.author }}
+            {% endif %}
+            tarafından
+            {{ day }} {{ month }} {{ year }} tarihinde yayınladı. &middot; {% include read_time.html
+            content=post.content %}
+          </p>
+  </article>
+  <hr>
+
+  {% endfor %}
+  <div>
+
+  <!-- Pager -->
+  {% if paginator.total_pages > 1 %}
+  
+  <div class="clearfix">
+
+  {% if paginator.previous_page %}
+    <a class="btn btn-primary float-left"
+      href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr;
+      Yeni<span class="d-none d-md-inline"> Gönderiler</span></a>
+  {% endif %}
+
+  {% if paginator.next_page %}
+    <a class="btn btn-primary float-right"
+      href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Eski<span
+        class="d-none d-md-inline"> Gönderiler</span> &rarr;</a>
+  {% endif %}
 
-  <div class="container">
-    {% for post in site.categories.programlama %}
-
-    <article class="post-preview">
-      <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}">
-        <h2 class="post-title">{{ post.title }}</h2>
-        {% if post.subtitle %}
-        <h3 class="post-subtitle">{{ post.subtitle }}</h3>
-        {% else %}
-        <h3 class="post-subtitle">{{ post.excerpt | strip_html | truncatewords: 15 }}</h3>
-        {% endif %}
-      </a>
-      <p class="post-meta">
-        {% if post.author %}
-        {{ post.author }}
-        {% else %}
-        {{ site.author }}
-        {% endif %}
-        tarafından
-        {{ post.date | date: '%B %d, %Y' }} tarihinde yayınladı. &middot; {% include read_time.html content=post.content %}
-      </p>
-    </article>
-
-    <hr>
-
-    {% endfor %}
-
-    <!-- Pager -->
-    {% if site.categories.linux.total_pages > 1 %}
-
-    <div class="clearfix">
-
-      {% if paginator.previous_page %}
-      <a class="btn btn-primary float-left"
-        href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr;
-        Yeni<span class="d-none d-md-inline"> Gönderiler</span></a>
-      {% endif %}
-
-      {% if paginator.next_page %}
-      <a class="btn btn-primary float-right"
-        href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Eski<span
-          class="d-none d-md-inline"> Gönderiler</span> &rarr;</a>
-      {% endif %}
-
-    </div>
-
-    {% endif %}
   </div>
 
+  {% endif %}
+</div>
+
diff --git a/_posts/2021-09-06-internet-alt-aglar.md b/_posts/2021-09-06-internet-alt-aglar.md
index e6ce2076..010ae6d1 100644
--- a/_posts/2021-09-06-internet-alt-aglar.md
+++ b/_posts/2021-09-06-internet-alt-aglar.md
@@ -23,7 +23,7 @@ IP adresleri temel olarak 2 protokol ile dağıtılır. Eski model IPv4 ve daha
 `**ffff:ffff:ffff:ffff:ffff:ffff:ffff:ffff**`
 şeklindedir ve her bir blok 0 ile `**ffff**` hexadecimal değeri (yani 65535 arasında bir sayı değeri) olarak ifade edilir
 
-![](https://miro.medium.com/max/2000/1*L0a1C8afrEbROjsmjUIDnw.png)Örnek bir IP çıktısı.
+![Örnek bir IP çıktısı](/assets/img/posts/1*L0a1C8afrEbROjsmjUIDnw.png)
 
 Biz öntanımlı bir broadcast (ağ bağlantı adresi) üzerinden ağ sahibi isek yukarıdaki çıktıda gördüğümüz gibi /24 olan bir IPv4 ağımız olacaktır, bu bizim internet adresimizin ilk 24 bitlik kısmının ağ bağlantı noktası son 8 bitlik kısmının ise host portion (ana bilgisayar bağlantı adresini) oluşturduğunu ifade eder. Bu ağda bağlantı kısmı 0 ile 255 arasında olan toplamda 254 (0 ve 255 numaralı hostlar rezerve edilmiştir) cihaz bağlanabilir. Benim ağım özelinde bu şu demektir, benimle aynı ağda bulunan cihazlar:
 
@@ -94,7 +94,7 @@ Bu ağ maskesine ek olarak ağ bağlantı noktası ve ana bilgisayar bağlantı
 
 Derleyip topladığımız zaman karşımıza şöyle bir tablo çıkmakta.
 
-![](https://miro.medium.com/max/20008/0*4gbmhIVjHQwE-GBj.png)
+![](/assets/img/posts/0*4gbmhIVjHQwE-GBj.png)
 
 Alt ağ maskesi, alt ağın boyutunu ve kaç tane IP’ye sahip olacağını belirler. Alt ağ maskesi kullanıcı sayısına ve istenen IP sayısına göre seçilmelidir.
 
diff --git a/_posts/2021-09-07-internet-tcp-ip.md b/_posts/2021-09-07-internet-tcp-ip.md
index 9c50db15..9641e2e0 100644
--- a/_posts/2021-09-07-internet-tcp-ip.md
+++ b/_posts/2021-09-07-internet-tcp-ip.md
@@ -21,7 +21,7 @@ Bu yazımda, birçok uygulamanın desteklediği TCP/IP protokolünü kullanan ba
 Server-Client Mantığı
 =====================
 
-![](https://miro.medium.com/max/20000/0*TEWXb8-YhuXxkPR8.png)
+![](/assets/img/posts/0*TEWXb8-YhuXxkPR8.png)
 
 Bu mantık aslında Unix ekosistemi ile gelen bir mantıktır. Temel olarak her büyük program ve kendi içerisinde haberleşen sistemler işletim sistemi içerisinde aynı bir web sunucusunda olduğu gibi davranır. Yani iletişimini bir soket üzerinden sunucu kullanarak ve bunu alan bir istemci yazılım ile sağlar. Bu temelde performansı azaltsa bile birden fazla kez aynı programı çalıştırmanız durumunda aynı sunucu üzerinden eşzamanlı olarak çalışmak hem deadlock oluşmasını engeller hem de süreçleri manüple etmesi daha zor bir hale getirir. Ayrıca bir sunucu (örneğin Xorg veya DBus gibi — gerçi Dbusun durumu biraz daha farklı ama olsun) üzerinden tüm süreçleri takip edebilmeyi sağlar. Ayrıca pek çok program temelinde Unix soketi üzerinden diğer servislere bağlanarak haberleşir. Unix etki alanı soketi veya IPC soketi, aynı ana bilgisayar işletim sisteminde yürütülen işlemler arasında veri alışverişi için bir veri iletişim uç noktası oluşturur, ve çoğu süreç bazlı istem (fork, veya kill gibi) de bu etki alan soketi üzerinden yapılır.
 
@@ -35,7 +35,7 @@ Bu uygulamalar TCP protokolünü kullanan bir protokoller ailesidir aslında.
 HTTP
 ----
 
-![](https://miro.medium.com/max/20000/0*PSAwLkL4h1I6Rvo8.png)
+![](/assets/img/posts/0*PSAwLkL4h1I6Rvo8.png)
 
 **Köprü Metni Aktarım Protokolü** ( **HyperText Transfer Protocol — HTTP** ) hypermedia bilgi sistemleri dediğimiz, son kullanıcı tarafından okunabilecek forma getirilecek olan verilerin aktarıldığı en temel protokoldür. İlk geliştirildiği dönemde yazı aktarımı yapmak için kullanılmıştır. HTTP veri iletişiminin temelidir World Wide Web (onu da bir sonraki yazıda detaylandırayım), köprü metni adı verdiğimiz şeyler düz yazı, kaynaklara kullanıcı kolayca erişim sağlayan linkler, medya dosyaları veya etkileşim komutu (örneğin fare tıklaması veya bir web tarayıcısında ekrana dokunma işlemi)verilerini taşımakta kullanılır.
 
@@ -63,7 +63,7 @@ Diğer Bazı TCP/IP Uygulamaları
 X Pencere Sistemi
 -----------------
 
-![](https://miro.medium.com/max/20004/0*pbqfDSNqVPgV_zAB)
+![](/assets/img/posts/0*pbqfDSNqVPgV_zAB)
 
 Bilinen en bariz Server-Client mantığına sahip yazılımdır. X Pencere Sistemi veya sadece X, birden fazla istemcinin (uygulamanın) bir sunucu tarafından yönetilen bit eşlemeli ekranı kullanmasına izin veren bir sunucu-istemci uygulamasıdır.
 
@@ -73,7 +73,7 @@ Bilinen en bariz Server-Client mantığına sahip yazılımdır. X Pencere Siste
 
 İnternet üzerinden görüntü paylaşılması durumunda, bağımsız bir çalışma istasyonu, istemci ve sunucu aynı ana bilgisayar üzerindedir ve herhangi bir ağ katılımı olmadan bu ana bilgisayardaki işlemler arası iletişimi kullanarak iletişim kurar. Bu iki uç nokta arasında, aynı ana bilgisayardaki istemcileri ve diğer ana bilgisayarlardaki istemcileri destekleyen bir iş istasyonu bulunur. X, güvenilir, çift yönlü bir TCP gibi akış protokolü (X protokolü TCP üzerine kurulu bir protokoldür, bilinenin aksine UDP gibi güvenilmez bir protokol tasarımına sahip değildir) ile tasarlanmıştır. İstemci ve sunucu arasındaki iletişim, bu bağlantı üzerinden değiş tokuş edilen 8 bitlik baytlardan oluşur. X protokolü, TCP bağlantısı üzerinden istemci ve sunucu arasında değiş tokuş edilen 150'den fazla mesajın biçimine sahiptir.
 
-![](https://miro.medium.com/max/20000/1*nrKWjyMREfKj9sCjwPu0jg.png)
+![](/assets/img/posts/1*nrKWjyMREfKj9sCjwPu0jg.png)
 
 Bir Unix sisteminde, X istemcisi ve X sunucusu aynı ana bilgisayarda olduğunda, TCP yerine normal olarak Unix etki alanı protokolleri kullanılır, çünkü TCP’nin kullanılmasından daha az protokol işlem kullanılır. Unix etki alanı protokolleri daha öncesinde söylediğim gibi, aynı ana bilgisayardaki istemciler ve sunucular arasında kullanılabilen bir süreçler arası iletişim biçimidir.
 
@@ -82,7 +82,7 @@ Bir Unix sisteminde, X istemcisi ve X sunucusu aynı ana bilgisayarda olduğunda
 WhoIS Sistemi
 -------------
 
-![](https://miro.medium.com/max/20000/0*yeajZZEeKkGR3N3o.png)
+![](/assets/img/posts/0*yeajZZEeKkGR3N3o.png)
 
 Whois İnternet içerisinde kullanılan belki de en yaygın bilgi servisidir. Whois kendi protokolü üzerine kurulmuş bir sunucu sistemidir. Herhangi bir site bir Whois sunucusu sağlayabilse de, en yaygın olarak [InterNIC](http://rs.internic.net)’deki sunucusu kullanılır. Bu sunucu, tüm kayıtlı DNS etki alanları ve İnternet’e bağlı sistemlerden sorumlu birçok sistem yöneticisi hakkında bilgi tutar. ([nic.ddn.mil](http://nic.ddn.mil)’de başka bir sunucu sağlanır, ancak yalnızca MILNET hakkında bilgi içerir.). [RFC 954](https://datatracker.ietf.org/doc/html/rfc954) belgesinde Harrenstien, Stahl ve Feinler (1985) tarafından Whois hizmeti belgelenmiştir. Protokol açısından bakıldığında, Whois sunucusunun bağlantı noktası 43 numaralı porttur. Bu port üzerinden istemcilerden gelen bağlantı isteklerini kabul eder ve istemci sunucuya tek satırlık bir sorgu gönderir. Sunucu, mevcut olan bilgilerle yanıt verir ve ardından bağlantıyı kapatır. İstekler ve cevaplar NVT ASCII kullanılarak iletilir. İstekler ve yanıtlar farklı bilgiler içermesine rağmen bu, Finger sunucusu mantığı ile neredeyse aynıdır.
 
diff --git a/_posts/2021-09-09-oyunlar-teknolojinin-hic-anlatilmayan-arka-plani.md b/_posts/2021-09-09-oyunlar-teknolojinin-hic-anlatilmayan-arka-plani.md
index f236fc0b..219e27db 100644
--- a/_posts/2021-09-09-oyunlar-teknolojinin-hic-anlatilmayan-arka-plani.md
+++ b/_posts/2021-09-09-oyunlar-teknolojinin-hic-anlatilmayan-arka-plani.md
@@ -17,7 +17,7 @@ Ve yine aynı tarihlerde AT&T şirketinde bir odada iki kafadar belki de bilgisa
 
 1969 yılı başlarında AT&T şirketi ve Bell Laboratuvarları ortak projeleri olan Multics’ten vazgeçmişti. Uygulamalı matematik konusunda doktora tezini yetiştirmiş ve bir diğer yandan da 2 sene boyunca Multics projesi için AT&T çatısı altında çalışan Dennis Ritchie’ye gün doğmuştu. Resmen yoğun geçen birkaç senin ağırlığından ilk defa fırsat bulmuştu, hala doktora tezine cevap beklerken bütün yorgunluğunu atmaya çalışıyordu. Ancak kafası hala 2 senedir çalıştığı projede de kalmıştı. Senenin ilk aylarında daha projeye yeni son verilmişken, Dennis Ritchie, daha öncesinde Multics için yazdığı araçları ve uygulamaları karıştırmakta, yangından ne kurtarsak kardır mantığıyla geliştirdiği şeyleri karıştırmakta idi.
 
-![](https://miro.medium.com/max/2000/0*G4Qg0YSgTI72U9g_.png)Space Travel oyunundan bir kesit.
+![](/assets/img/posts/0*G4Qg0YSgTI72U9g_.png)Space Travel oyunundan bir kesit.
 
 Zamanında beraber Multics projesinde çalıştığı Ken Thompson da bu işletim sistemi içerisinde çalışabilen basit bir oyun yazmış ancak iki şirketin bu projeden el çekmesi ile bu projesi de rafa kalkmıştı. Ancak Thompson bu projeyi sonlandırmak istemiyordu da, çünkü kısa dönemde bu uygulamayı jetonlu oyunlar arasında pazarlaması hem kendi için hem çalıştığı şirket içinde de karlı olacağına inanıyordu. Nitekim her şey de ona göre hazırdı. Sadece yarım kalan oyunun birkaç detayını tamamlayıp üstlerine sunacaktı. Fikrini üstlerine sunup çalışma onayı aldıktan sonra Ritchie ile beraber bu proje üzerinde yoğunlaşmaya başlamıştı. Hele ki tam da Apollo projesi konuşulurken ve uzay temalı filmlerine bilet dahi bulunamıyor, bilim kurgu eserlerinin tirajları bu kadar yükselmiş ve insanlar uzaya bu kadar merak duyuyorken, uzay temalı olan bu Space Travel oyunu elbette sağlam kar elde ettirirdi. Bu oyun bir güneş sistemi simulasyonu gibiydi. Uzay gemisi ile gezegenden ayrılıyor, güneş sisteminde bir tur atıp gezegene iniş yapıyorduk. Tam bir Apollo 11 teması yani. Kim bilir ne kadar çok kar elde ettirirdi. Adı da belirlenmişti. **“Space Travel”…**
 
@@ -27,7 +27,7 @@ Tabi ki oyun projesinin tek sorunu donanım değildi. Her bilgisayar projesinde
 
 Daha proje ilk geliştirildiğinde farklı bir bilgisayar için kavramsal olarak tasarlanmış ve modülleri assembly ile yazılmış olan bu oyun GeckOS için bir daha yazılmış, şimdi bir daha yazılmış ve tekrar bir daha yazılmış… yarın satışa çıkacak olsa satışa çıkacağı sistem için uygun olacak şekilde bir daha yazılacaktı… Her bir cihaz için sıfırdan programlamayı gerektiren bu projeyle uğraştırmak ekibin canını sıkmıştı. Çünkü basit bir oyun adaptasyonu olan bu proje gitgide içinden çıkılamaz bir hal almış ve etrafında 4 kişilik bir ekip oluşmasına sebep olmuştu. Tamamı Multics ekibinden olan bu 4'lü bu projeden beklentisi biraz vakit geçirmek ve hazır sayılan bir oyunu yayınlayabilecek kıvama getirip kar elde etmek iken şidmi herkes oturup bu oyun projesinin nereye evrileceğini görmeye çalışıyordu. Çünkü geliştirme ilerledikçe sorunlar da karmaşıklaşıyor ve sorunlar da karmaşıklaştıkça bir şekilde bulmaları gereken çözümler de evrilmesi gerekiyordu.
 
-![](https://miro.medium.com/max/2000/0*5KKFdzj7iHlF-nY-)
+![](/assets/img/posts/0*5KKFdzj7iHlF-nY-)
 
 Artık assembly ile bu oyunun işinden çıkan ekip kolları sıvayıp yeniden yazmaya hazırdı ve diğer departmanlardan da bu iş için PDP-7 kullanmış kişilerden yardım istiyorlardı. Bu aşamada Ken Thompson’ın hadi başka dille yazalım önerisi herhalde herkesi kötü hissettirmiş olsa gerek. Ancak burada Ken Thompson’un getirdiği öneri hayli ilginç idi. Projeyi Multics için geliştirilirken yarım bırakılan bir dil olan B dili ile yapmayı önermişti. B dili yorumlanarak çalıştırılan bir dildi, Fortran gibi. Ancak işlerine bir hayli yarayabilirdi çünkü Fortranın aksine geliştirebilecekleri bir dildi, ticari hiçbir engel yoktu önlerinde. Hayli yavaş olan ve daha değişken tanımlama işlemlerine sahip olmayan bir dil bir hayli elden geçirilerek C dili oluşturuldu. C dili için bir derleyici yazıldı, oyun projesi için sancılı geçen kış artık yaza evriliyordu denilebilirdi.
 
@@ -35,7 +35,7 @@ Artık assembly ile bu oyunun işinden çıkan ekip kolları sıvayıp yeniden y
 
 Tabi yine “oyun geliştirmek için” farklı farklı gereksinimlere ihtiyaç duyduklarını farkettiler. Bu oyunu bir işaretçiyi yöneterek oynayacakları için kullanacakları bir girdi cihazı olacaktı, onu da aygıt yönetiminden anlayan Bell Laboratuvarlarından bir mühendisten sipariş ettiler, sonra bir başka bir şeye ihtiyaç duydular ve onu da şirket içinden bir mühendisden yazması için rica ettirdiler, sonra başka bir şey ve bambaşka bir şeye daha ihtiyaç duydular derken oyuna için (!) gerekli her şey üzerinde ilk defa bu kadar yoğun bir şekilde çalışmaya başlamışlardı. Kimisi derleyici üzerinde çalışıyor, kimisi derlenen kodu PDP-7 üzerinde çalıştıracak uygulamaları yazıyor, kimisi oyunu ve derleyiciyi donanım bazında yönetecek çekirdek modülleri yazıyor, Bell laboratuvarlarından bazı mühendisler gerek bu çekirdek modülüne aygıtların bağlanarak oyun kontrolcülerini yönetecek aygıt yöneticisini yazıyordu, gerekse oyun verilerini tutmak için bir dosya sistemine ihtiyaç olduğunu anlayınca hiyerarşik bir dosya sistemi de geliştirmeye koyulmuşlardı. Her iki şirket de bir anda bir oyun projesine odaklarını çevirmişlerdi. Ve iki şirkette de çalışan mühendisler aslında bir oyun projesi üzerinde çalışmayı çoktan bıraktıklarını anladıklarında Apollo 11 çoktan ay yüzeyinden başarılı bir kalkış yaparak evin yolunu tutmuştu…
 
-![](https://miro.medium.com/max/2000/0*XVI8f4OK8iqB-7Jt)
+![](/assets/img/posts/0*XVI8f4OK8iqB-7Jt)
 
 Olayın sonraki kısımlarını da biliyorsunuz herhalde…
 
@@ -45,13 +45,13 @@ Bilgisayar teknolojisini kökünden değiştiren ve geleceğin işletim sistemle
 
 İlk kişisel bilgisayarların gelişimi IBM ile oldu denilebilir, hatta PC isminin de babası IBM’den başkası değildir. IBM, Motorola derken 70'lerin sonuna gelirken Atari oyun için bilgisayar kavramını kafalarımıza sokmaya başladı. Ancak asıl bomba 80'lerde idi. Bu bomba C64 tipi bir bombaydı, yani bugün bile adını duyduğumuz Commodore 64, kocaman beyaz kasalı, mekanik klavyeli ve tüplü televizyonlara bağlanan şu oyun aleti.
 
-![](https://miro.medium.com/max/20000/0*VpYnJCHhH0gq7_xG.jpg)
+![](/assets/img/posts/0*VpYnJCHhH0gq7_xG.jpg)
 
 Zamanındaki bilgisayarları bir düşünün. Şu an bunu okuduğunuz telefonunuz veya bilgisayarınızın özelliklerini az çok biliyorsunuz. O zamanki bilgisayarlarda sadece 64 kilobayt bir depolama ve 8 bit bir işlemci vardı ve bu bilgisayarlar için çıkan oyunlar. İrili ufaklı bir sürü oyun. Avrupa’da o dönemde pek çok kişi bilgisayara ulaşabilmişti (bu Avrupa’ya Türkiye’yi de dahil ediyorum). Bir yerde bilgisayar bile tamamen oyun oynamak için var olan bir alet halindeydi. Hatta oyunlar bilgisayarlardan daha hızlı yayıldı diyebilirim. Takarsın kartuşunu ve oyunu oynarsın sonra geri kapatırsın. Ama oyunların da bir handikapı vardı. Herkesin ulaşabileceği fiyatlarda değildi. O yüzden sürekli bir oyun bitti gideyim yenisini alayım lüksü yoktu, bir oyun sen alır bir oyun ben alırdım ve bu oyunlar bir bölgedeki tüm bilgisayar sahipleri arasında gezerdi.
 
 Bu aşamada bir şey ortaya çıktı, kopya koruma. Pek çok program da bu kopya koruması ile geliyordu. Aslında kopya koruması olayının tarihi daha da eskiye dayanır ve yine bu sahipli yazılım muhabbeti, özgür yazılımın çıkışına sebep vermiştir. Ama o başka bir zamanın konusu. Şimdi önünüzde bir yazılım var, bu yazılımı başkalarının kullanımına açmak için örneğin bir arkadaşınızla paylaşmak istiyorsunuz ve araştırmaya başlıyorsunuz. Uğraşıp didinirken bunu kırıyorsunuz da. Şimdi bu aşamada temel bir psikolojik hile var. Bu çalışmanızı bir şekilde taçlandırmanız lazım çünkü sizin için önemli olan bir şeyi “**kırdınız**”.
 
-![](https://miro.medium.com/max/2000/0*m7HPIfYS-cnharI6)
+![](/assets/img/posts/0*m7HPIfYS-cnharI6)
 
 Temel olarak her insan adının daha geniş kitlelerce duyulmasından ego temelli bir zevk duyar. Nitekim böyle de oldu. Her yeni oyunu veya programı kıran kişi bu benim diye kendi isimlerini ve nickname’lerini ortada dolaştırmaya başladı. Başlangıçta program kıran kişiler, yazılımın içerisine ek olarak basit bir yazı ile işte bunu yapan benim yazdı. Ancak kişiler ustalaştı ve ustalaştıkça basit yazılar yetersiz gelmeye başladı. Kayan yazılar (en zor şeylerden birisi idi), bazı şarkı ve ezgilerin melodilerinin 8 bitlik ses kartı üzerinden çalınması derken 3B dönen küpler, aklınıza gelebilecek en şaşaalı şekilde bunu ben yaptım diye göstermeye başladılar.
 
@@ -71,19 +71,19 @@ Tarihler 1996'yı gösterdiğinde 80'lerin yetersiz donanımları, yerini daha p
 
 Tam o dönemde gelen israrlar iki devi karşı karşıya getirdi. Bir tarafta tarihin en güçlü satranç oyuncusu Garry Kasparov, diğer tarafta Amerika’nın gururlu şirketi IBM’in geliştirdiği zamanının en güçlü bilgisayarlarından birisi olan DeepBlue.
 
-![](https://miro.medium.com/max/20000/0*3PJFYCBG1Ug_r5vh.png)
+![](/assets/img/posts/0*3PJFYCBG1Ug_r5vh.png)
 
 **Kasparov Dünyaya Karşı** programı ile dünyada onlarca kişiyle kapışan ve tarumar eden Kasparov’a ve satranca ilgiyi bilgisayar sektörü görmüş ve işe koyulmuştu. Amaç insanı yenen bir bilgisayar yaratmaktı. Ve bunu yapmak için saniyede 200 milyon pozisyon deneyerek karşısındaki dünya şampiyonunu yenecek bir yazılım ve bu yazılımı kullanan zamanının en komplike bilgisayarı olan DeepBlue geliştirildi. Pek çok satranç ustasını kolayca eleyen Deep Blue artık Kasparov’un önüne çıkmaya hazırdı.
 
 İlk karşılaşmalar 1996'da yapıldı. Ancak Deep Blue için sonuç hüsrandı. 6 setlik maçta Deep Blue 4–2 yenilmiş. 1997'de yapılan bu müsabakanın rövanşı için IBM iyi hazırlanmıştı. Deep Blue’nun saniyede yaptığı hesaplama miktarı artırılmış ve daha güçlü bir donanım kullanmaktaydı. Ayrıca bu donanıma emir veren birisi de vardı. Nasıl mı? İkinci rövanşta karşılaşma bütün hızı ile devam etmekteydi. 2. oyunun 37. hamlesine gelince bir terslik olmuştu.
 
-![](https://miro.medium.com/max/2000/0*jMULuakdUUUJdl5A.jpeg)
+![](/assets/img/posts/0*jMULuakdUUUJdl5A.jpeg)
 
 Çoğu bilgisayar satranç oynarken bir ağaç yapısı kullanır. Bu ağaç yapısında o anki satranç tahtasında sonraki adımların bütün olasılıkları hesaplanır, buna karşılık olarak kazanmayı getirecek dallarda bilgisayar ilerler. Temel motivasyonlardan çoğu ise tehdit oluşturan taşları egale ederek merkez karolar üzerinde olan baskıyı azaltmaya dayanır. Bunu Kasparov iyi bilmekteydi ve düşmanına karşı onun ağaç yapısındaki oyun aritmetiğine uygun hareketler yapmaktaydı.
 
 Ancak bu maçta hiç beklenmeyen bir şey oldu. 37. hamlede bütün bu motivasyonla hareket eden bilgisayarın oynaması gereken hamle vezirini b6'ya çekerek piyon kazanmak olması gerekirdi. Böylece merkez taşlar üzerinde e5'deki piyon ile hakimiyet kuran Kasparov, olası bir galibiyete oynayacak, bu olmazsa bile beraberlik durumunda daha avantajlı bir konuma sahip olacaktı. Ama bilgisayar bunu yapmadı. Filini e4'e oynarak taşın önünü kapattı ve oyunun temposunu alışkın olunmayan bir şekilde değiştirerek ilerleyen hamlelerde siyahı köşeye sıkıştırıp mat etti.
 
-![](https://miro.medium.com/max/20000/0*LngJNCj5zNroN-Td.jpg)
+![](/assets/img/posts/0*LngJNCj5zNroN-Td.jpg)
 
 Herkes Deep Blue’nun galibiyetini konuşurken bu hamle Kasparov’un gözünden kaçmamıştı ve satranç komitesine bu durumu iletti. Pek çok satranç komitesi önceki maçlarını izledikleri deep blue’nun algoritmasının bu şekilde olduğunu belgelendirdi ve IBM’den inceleme talep etti. Ancak IBM hiçbir şekilde bu itirazlara kulak asmadı. Dahası yeni maç önerisini de reddederek bu kadar büyük başarıya ulaşmış Deep Blue projesinin fişini çekti.
 
diff --git a/_posts/2021-09-09-uctan-uca-okunuyoruz.md b/_posts/2021-09-09-uctan-uca-okunuyoruz.md
index a1162e89..a945a4ce 100644
--- a/_posts/2021-09-09-uctan-uca-okunuyoruz.md
+++ b/_posts/2021-09-09-uctan-uca-okunuyoruz.md
@@ -42,7 +42,7 @@ Birinci çelişki burada, bunu garanti ederek sunduğun bir uygulama var. Bunun
 
 Şimdi WhatsApp’ı kabul etmek için okuduğumuz ve **onayladığımız** WhatsApp Hizmet Şartlarına bir bakış atalım isterseniz. Öncelikle bizden topladıkları verilere dair
 
-![](https://miro.medium.com/max/20000/1*GbCveLny21zktZDCRwqUWA.png)
+![](/assets/img/posts/1*GbCveLny21zktZDCRwqUWA.png)
 
 Yani bu şu demek, bazı bilgilerimiz toplanıyor. Peki nedir bu bilgiler:
 
@@ -56,7 +56,7 @@ Yani bu şu demek, bazı bilgilerimiz toplanıyor. Peki nedir bu bilgiler:
 
 Peki nasıl kullanılıyor. Bunun iki boyutu var (2 sayısına çok kafayı taktım bugün). Verilerimizin ilk kullanım alanı kendi hizmetlerini güncel tutmak ve kullanıcılara dair tanımlama bilgileri (cihaz, konum vs.) kaydederek servisi bu verilerle beslemek ve hizmetlerini iyileştirmek. Bu amaçla evet verilerimizi Facebook servisine **entegre ediyor,** çünkü bunu biz **kabul ettik.** İkincisi ise WhatsApp’ın kendini savunduğu alan. Hizmet şartlarında şunlar yazmakta.
 
-![](https://miro.medium.com/max/20000/1*-fr_MGT57XnTYqAIehWs1Q.png)
+![](/assets/img/posts/1*-fr_MGT57XnTYqAIehWs1Q.png)
 
 Yani biz topladığımız bilgilerin tamamını (mesajlarınızdan, konumunuza, cihazınıza hatta rehber listenize kadar) WhatsApp **yasal olarak:**
 
@@ -97,7 +97,7 @@ Peki etik midir? Bu soru çok yönlü bir soru. Hiçbir insan özel mesajların
 
 Buradaki katakulli şu: bize sözleşmeyi okutup imzalatırken gri alanlar bırakılmış. Yani direk Hizmet Sözleşmesi’nden bir örnek
 
-![](https://miro.medium.com/max/20000/1*s7_1LL_VPE-OXWRuIYZQMw.png)
+![](/assets/img/posts/1*s7_1LL_VPE-OXWRuIYZQMw.png)
 
 İşte bunlara gri alan diyoruz. Hani biz yapmayız ama yapabiliriz de demek gri alandır.
 
@@ -136,4 +136,4 @@ En En Son Söz:
 
 Başlığa ilham kaynağım olan tweet.
 
-![](https://miro.medium.com/max/20000/1*t4VIBsMp__8YmBIjyndx-w.png)
+![](/assets/img/posts/1*t4VIBsMp__8YmBIjyndx-w.png)
diff --git a/_posts/2021-09-12-internetin-yeni-cagi-quic-protokolu.md b/_posts/2021-09-12-internetin-yeni-cagi-quic-protokolu.md
index 895be3ab..ce7c03ae 100644
--- a/_posts/2021-09-12-internetin-yeni-cagi-quic-protokolu.md
+++ b/_posts/2021-09-12-internetin-yeni-cagi-quic-protokolu.md
@@ -29,17 +29,17 @@ Quic temel olarak TCP ile UDP’nin iyi yönlerini birleştirir. Sunucu ile iste
 
 Quic protokolü bir de UDP protokolünün güvensizliğine bir çözüm getirmiştir. İletişimde ilk olarak UDP üzerinden bağlantı sağlanır. Ardından UDP’de olduğu gibi iletişim yapılır. Ancak Quic burada UDP üzerine ek bir katman ekler. Öntanımlı olarak açık olan “Quic Handshake” dalgasıdır bu. Şimdi temelde TCP protokolü şu şekilde iletişim yapar.
 
-![](https://miro.medium.com/max/2000/1*iI0AErSF6T8vyoCmz7me6w.png)
+![](/assets/img/posts/1*iI0AErSF6T8vyoCmz7me6w.png)
 
 TCP 3 adımda iletişime başlar. “SYN” bayraklı paket sunucuya gönderilir, sunucu “SYN+ACK” ile paketin kabul edildiğini verir ardından istemci “ACK” bayraklı paket göndererek iletişime başlanır. Buraya kadar her şey tamam. Ancak TCP iletişimini korumak için TLS altyapısı da son 15 senedir kullanılmakta. Temel fark yanda gördüğünüz üzere burada 5 adımda bir doğrulama yapılmakta. “SYN+ACK” alındıktan sonra istemci TLS 1.3 ile şifreleme için “ClientKeyExchange” paketi gönderir. Ardından “KeyChipherSpec” paketi onaylandığı taktirde (“**verified**” bayraklı paket alınması halinde) veri iletişimi başlar. TLS 1.2 zamanlarında ise bu 3adımda doğrulamaya ek 2 adım daha uzun bir TLS el sıkışması var ve hala da kullanılmakta. Peki bu neye sebep oluyor.
 
-![](https://miro.medium.com/max/2000/1*I5lLuHopIII1pqF1lMHKTQ.png)
+![](/assets/img/posts/1*I5lLuHopIII1pqF1lMHKTQ.png)
 
 Yanda TCP/TLS1.3 kullanarak bir HTTP iletişimi var. Server tarafından oturum açılması için ayrı bir işlem süresi ki o bu grafikte yok, sonra TLS el sıkışması için ayrı bir süre, HTTP request alınması için ayrı bir işlem derken veri aktarımına başlarken resmen 300ms kaybediliyor.
 
 Quic işte tam bu sorunu çözmek amacıyla başlanılan bir proje oldu. Quick temelde iletişim için UDP bağlantısı kuruyor. Kurulan UDP bağlantısı üzerinden de kendi 2 adımlı QUIC el sıkışmasını yapıyor. Bu el sıkışmasının ardından gönderilen veri sunucu ile istemci arasında şifrelenmiş olarak gidiyor ve TCP-TLS’de olduğundan çok daha kısa sürede paket teslimi yapılabiliyor.
 
-![](https://miro.medium.com/max/2000/1*IujXHZ4VWHXa2v6WNzEf3w.png)
+![](/assets/img/posts/1*IujXHZ4VWHXa2v6WNzEf3w.png)
 
 2 adımda UDP bağlantısı başlatıldıktan sonra yanda görüldüğü üzere QUIC handshake yapılarak veri transferi başlamakta. Bu da 4 adımda bir iletişim yapmaya kadir olmak demek
 
diff --git a/_posts/2021-09-19-hileler-101-tanrilarin-dili-regex.md b/_posts/2021-09-19-hileler-101-tanrilarin-dili-regex.md
index 9a1d1635..2fbd4994 100644
--- a/_posts/2021-09-19-hileler-101-tanrilarin-dili-regex.md
+++ b/_posts/2021-09-19-hileler-101-tanrilarin-dili-regex.md
@@ -81,7 +81,7 @@ Bir regex genellikle bu `**/abc/**` biçiminde gelir, burada arama modeli iki e
 **m (çok satırlı)** etkinleştirildiğinde `^` ve `$` tüm dize yerine satırın başlangıcı ve sonuyla eşleşir.
 **i (duyarsız)** tüm ifadeyi büyük/küçük harfe duyarlı yapmaz (örneğin `/aBc/’`i, **abc**, **ABC** veya **AbC** ile eşleştirir)
 
-![](https://miro.medium.com/max/20000/0*LZfT4uqWBNY0sYE6.jpg)Bu ifadeler sıklıkla kullanılan regex ifadeleridir.
+![](/assets/img/posts/0*LZfT4uqWBNY0sYE6.jpg)Bu ifadeler sıklıkla kullanılan regex ifadeleridir.
 
 **Orta Düzey İfadeler**
 =======================
@@ -124,7 +124,7 @@ Daha esnek bir çözümün kullanımından kaçınması regexte önem arz eder.
 
 `**<[^<>+]>**` **:** < ve > -> içinde bir veya daha fazla kez bulunan < veya > dışında herhangi bir karakterle eşleşir.
 
-![](https://miro.medium.com/max/2000/0*TpFV74av7jhTCoSU)
+![](/assets/img/posts/0*TpFV74av7jhTCoSU)
 
 Gelişmiş Birkaç Kullanım
 ========================
@@ -161,7 +161,7 @@ Olumsuzlama operatörünü de şu şekilde kullanabilirsiniz!
 `**d(?!r)**` **:** d ile yalnızca ardından r gelmiyorsa eşleşir, ancak r genel regex eşleşmesinin bir parçası olmaz.
 `**(?<=!r)d**` **:** d ile yalnızca başında bir r yoksa eşleşir, ancak r genel regex eşleşmesinin bir parçası olmayacaktır.
 
-![](https://miro.medium.com/max/20000/0*2nuLRDorKE0hZyJh.jpg)
+![](/assets/img/posts/0*2nuLRDorKE0hZyJh.jpg)
 
 Sonuç
 =====
diff --git a/_posts/2021-10-02-windowsunuzu-cekilir-kilin.md b/_posts/2021-10-02-windowsunuzu-cekilir-kilin.md
index 16ed59a2..2242cff7 100644
--- a/_posts/2021-10-02-windowsunuzu-cekilir-kilin.md
+++ b/_posts/2021-10-02-windowsunuzu-cekilir-kilin.md
@@ -23,14 +23,14 @@ Kurulum esnasında kesinlikle ama kesinlikle adınızı Türkçe karakter içere
 
 Bir diğer tavsiyem de kurulum sırasında şöyle bir ekran çıkıyor
 
-![](https://miro.medium.com/max/20000/0*QgQO-3BRQWAg_CFW.png)
+![](/assets/img/posts/0*QgQO-3BRQWAg_CFW.png)
 
 Benim yegane tavsiyem bunların tamamını kapatın. Gerek yok yani boşuna bunlarla uğraşmaya “bence”. Kaç kere Cortana kullanıyorsunuz ki normal hayatınızda, veya kaç kere cihazımı bul özelliğini kullanıyorsunuz ki. Ben kullanmadım hiç gerek de duymadım. Bu yüzden kapatıyorum.
 
 İlk ve En Temel Sorun
 =====================
 
-![](https://miro.medium.com/max/2000/1*O7CnEokQJ_GeKiRBHmw-Fg.png)
+![](/assets/img/posts/1*O7CnEokQJ_GeKiRBHmw-Fg.png)
 
 Yani şundan nasıl kurtulunulacağını anlattırmayın bana.
 
@@ -39,28 +39,28 @@ Temalama
 
 Etkinleştirmeyi hallettikten sonra en önemli işlerden birisi temalama oldu benim için. Abi açık renkli (light) temalardan nefret ediyorum. Bu yüzden karanlık tema mutlaka benim gibi rahatsız olan insanlar için birebir. Öncelikle sağ tıklayıp kişiselleştir diyoruz, ardından Renkler sekmesinden renginizi seçiniz kısmına gelip koyu rengi seçiyoruz, işte şöyle:
 
-![](https://miro.medium.com/max/20000/1*wHPO1UbeJX85rGE3TL4aBQ.png)
+![](/assets/img/posts/1*wHPO1UbeJX85rGE3TL4aBQ.png)
 
 Temizlik
 ========
 
-![](https://miro.medium.com/max/20004/1*zj9Oy9x7WVvDr9IEMR4Xzg.jpeg)
+![](/assets/img/posts/1*zj9Oy9x7WVvDr9IEMR4Xzg.jpeg)
 
 Başlat menüsünde şu yandaki gibi görünen bir sürü gereksiz simge var. Eminim son kullanıcı da bu simgelerden neredeyse çoğunu kullanmıyordur. Bu simgeler gereksiz yere arka planda veri çekiyor (Finans, Hava Durumu, Önerilen Uygulamalar, Haber ve dahası), bazı durumlarda gereksiz yere başlat menüsünün yavaş açılmasına sebep veriyor. Öncelikli olarak ben bu simgelerden kurtularak şöyle temiz bir başlat menüsü görünümü elde ettim.
 
-![](https://miro.medium.com/max/2000/1*7rPMTeJe71iDm077Xe-LbA.png)
+![](/assets/img/posts/1*7rPMTeJe71iDm077Xe-LbA.png)
 
 Ardından alt panele gelelim. Alt panelde de çoğunlukla benim kullanmadığım bazı şeyler var. Hava durumu, Cortana düğmesi ve Arama Çubuğu gibi. Aşağıda görüldüğü gibi:
 
-![](https://miro.medium.com/max/20000/1*tE5TgrhBwtbONImddFCYBg.png)
+![](/assets/img/posts/1*tE5TgrhBwtbONImddFCYBg.png)
 
 Zaten Windows’ta rendering her manada kütük gibi çalışıyor (Hatta böyle bir şeyin olduğuna bile şüpheliyim, hele hele MacOSX kullandıktan sonra daha da şüphe etmeye başladım). O yüzden bunları sıra sıra kapatıyoruz. Bunun içinse Görev Çubuğuna sağ tıklamak yeterli oluyor.
 
-![](https://miro.medium.com/max/20008/1*krQUdLP47lK8vhQcyyDgqg.png)Bunda öntanımlı açık olan “Arama kutusunu göster” seçeneğidir. Bunu “Gizli” yapın![](https://miro.medium.com/max/20008/1*BiiXJ006NM0UDdtE0TdT6w.png)Bunda öntanımlı olan ise “Simge ve metin göster” seçeneğidir. Bunu da “Kapat” yapın![](https://miro.medium.com/max/2000/1*oZ5RAkznYgG5ymstcxRYRQ.png)En son ise şu “Cortana düğmesini göster” seçeneğini kapatın
+![](/assets/img/posts/1*krQUdLP47lK8vhQcyyDgqg.png)Bunda öntanımlı açık olan “Arama kutusunu göster” seçeneğidir. Bunu “Gizli” yapın![](/assets/img/posts/1*BiiXJ006NM0UDdtE0TdT6w.png)Bunda öntanımlı olan ise “Simge ve metin göster” seçeneğidir. Bunu da “Kapat” yapın![](/assets/img/posts/1*oZ5RAkznYgG5ymstcxRYRQ.png)En son ise şu “Cortana düğmesini göster” seçeneğini kapatın
 
 Bunlar ile çalışma alanımı daha temiz bir hale getirdiğimi düşünüyorum. Sonuç aşağıdadır:
 
-![](https://miro.medium.com/max/20000/1*mxIX5_SUntDSsEYYdYITXA.png)Gereksizliklerden arındırılmış, sade bir görünüm…
+![](/assets/img/posts/1*mxIX5_SUntDSsEYYdYITXA.png)Gereksizliklerden arındırılmış, sade bir görünüm…
 
 Pano
 ====
@@ -69,15 +69,15 @@ Windows’un bir diğer özelliği ise pano. KDE’de güzel bir panomuz vardı
 
 Panoyu açmak için **“Windows — V”** tuşlarına basıyoruz.
 
-![](https://miro.medium.com/max/2000/1*6iECHDycXzZreehN-KU7ww.png)
+![](/assets/img/posts/1*6iECHDycXzZreehN-KU7ww.png)
 
 Geçmiş gösterilemiyor diyecek çünkü bu özellik kapalı. Hemen açalım, “Aç” tuşuna tıklayınca ayarlara yönlendirecek ve şu pencere açılacak:
 
-![](https://miro.medium.com/max/20000/1*E21tdAaSFyioHcmBmm7IXA.png)
+![](/assets/img/posts/1*E21tdAaSFyioHcmBmm7IXA.png)
 
 Buradan pano geçmişini açıyoruz.
 
-![](https://miro.medium.com/max/2000/1*WceSXzaCVzlJmaYui1XENQ.png)
+![](/assets/img/posts/1*WceSXzaCVzlJmaYui1XENQ.png)
 
 Gördüğünüz gibi yüzen bir pencere oluşmuş olacak.
 
@@ -88,17 +88,17 @@ Powershell ve Windows Terminal
 
 Geliştiriciyseniz bazen farklı araçlara işiniz düşmüyor değil. Şimdi hacılar benim de bazen PowerShell’e işim düşüyor. Her PowerShell açtığımda çıkan şu bildirimden bıktım:
 
-![](https://miro.medium.com/max/2000/1*_B2Mldo8t4VaDSlqXunBlA.png)
+![](/assets/img/posts/1*_B2Mldo8t4VaDSlqXunBlA.png)
 
 Bunun gelmesinin temel sebebi PowerShell’in yeni bir sürümünün oluşu ancak lisans kısıtlamaları sebebiyle bu sürümünü kurulum isosu içerisinde dağıtamaması (gözünü seveyim açık kaynak lisanslarının) Öncelikle tavsiyem yeni sürüm PowerShell kullanmanız çünkü yeni sürümleri eskiye nazaran hem çok daha hızlı hem de daha güzel özelliklere sahip. Ayrıca çapraz platform, yani diğer platformlarda da PowerShell (son sürümleri ile beraber) kullanılabiliyor.
 
 Bir diğer konu ise benim gibi GNU ekosisteminden çıkanların yaşadığı konulardan birisi. Neden Windows’un bir terminali yok. CMD veya PowerShell demiyorum. Terminal diyorum. Onu da Windows Mağaza’dan çözüyoruz. Karşınızda Windows Terminal:
 
-![](https://miro.medium.com/max/20000/1*vPw_1Zsjt9tPS6hOats1Tw.png)
+![](/assets/img/posts/1*vPw_1Zsjt9tPS6hOats1Tw.png)
 
 Bu uygulamanın en güzel yanı sekmeler özelliği.
 
-![](https://miro.medium.com/max/2000/1*BgNyVG9k2B6wgm6UKd0nbQ.png)
+![](/assets/img/posts/1*BgNyVG9k2B6wgm6UKd0nbQ.png)
 
 Özellikle Azure ve WSL kullanan insanlar için oldukça yararlı bu sekmeler, ayrıca kendi sekmenizi de ekleyebiliyorsunuz.
 
@@ -111,7 +111,7 @@ WSL
 
 Yani herkes duymuştur sanırım. **WSL** veya **Windows için Linux Alt Sistemi** dediğimiz araç Hypervisor kullanarak sanallaştırılmış bir Linux çekirdeğini kullanarak Windows altında bir Linux ekosistemi kullanmaya yarıyor. Özellikle çapraz platform uygulama geliştirirken (C# artık çapraz platform, ona da bir sonraki yazımda değinirim) oldukça işe yarar bir şey bu WSL.
 
-![](https://miro.medium.com/max/20008/1*nPDoil8V-RZIxR2RwbFwxQ.png)
+![](/assets/img/posts/1*nPDoil8V-RZIxR2RwbFwxQ.png)
 
 WinGet
 ======
@@ -127,11 +127,11 @@ GitHub - microsoft/winget-cli: Windows Package Manager CLI (aka winget)
 
 github.com
 
-](https://github.com/microsoft/winget-cli)![](https://miro.medium.com/max/20000/1*fBbSQYj-mfj-yeuEV8SmeQ.png)winget çıktısı
+](https://github.com/microsoft/winget-cli)![](/assets/img/posts/1*fBbSQYj-mfj-yeuEV8SmeQ.png)winget çıktısı
 
 Bu araç üzerinden istediğiniz herhangi bir paketi kolaylıkla kurabiliyoruz. 3. parti dağıtılanlar da dahil.
 
-![](https://miro.medium.com/max/20000/1*v6iQ8teWRC6-moU7Tce1nA.png)Biraz apt-get vari ama güzel bir paket yönetim sistemi bence.
+![](/assets/img/posts/1*v6iQ8teWRC6-moU7Tce1nA.png)Biraz apt-get vari ama güzel bir paket yönetim sistemi bence.
 
 PowerToys
 =========
@@ -143,20 +143,20 @@ Kurulumu ise hemen winget ile yapalım :D
 ```
 **winget install PowerToys --source winget**
 ```
-![](https://miro.medium.com/max/20004/1*uYpaxedA_tNZN75jrLr6ew.png)
+![](/assets/img/posts/1*uYpaxedA_tNZN75jrLr6ew.png)
 
-![](https://miro.medium.com/max/2000/1*530ikyR6dvDO7GrXk2wjeQ.png)
+![](/assets/img/posts/1*530ikyR6dvDO7GrXk2wjeQ.png)
 
 Ve hemen başlat üzerinden açalım, unutmadan Administrator olarak açmakta yarar var:
 
-![](https://miro.medium.com/max/20000/1*elXE9FTZ9X0AZnWDgQoh3g.png)
+![](/assets/img/posts/1*elXE9FTZ9X0AZnWDgQoh3g.png)
 
 VSCode
 ======
 
 Çok fazla anlatmaya gerek yok herhalde. Eski Visual Studio aklımda canlandıkça midem bulanıyor.
 
-![](https://miro.medium.com/max/20000/1*lZNY6e2VKvh_StKCuOdb7A.png)
+![](/assets/img/posts/1*lZNY6e2VKvh_StKCuOdb7A.png)
 
 Hadi bu da son ekran alıntısı olsun
 
diff --git a/_posts/2021-10-06-pypy-pythonun-kuyrugunu-yiyen-yilan.md b/_posts/2021-10-06-pypy-pythonun-kuyrugunu-yiyen-yilan.md
index ecf86187..3f823a9a 100644
--- a/_posts/2021-10-06-pypy-pythonun-kuyrugunu-yiyen-yilan.md
+++ b/_posts/2021-10-06-pypy-pythonun-kuyrugunu-yiyen-yilan.md
@@ -25,7 +25,7 @@ Python, bir programlama dilidir. Normalde C veya C++ gibi dillerin resmi spesifi
 CPython Nedir?
 ==============
 
-![](https://miro.medium.com/max/20000/0*DRK0fZ4oaBSKHeVB.png)
+![](/assets/img/posts/0*DRK0fZ4oaBSKHeVB.png)
 
 CPython, geleneksel Python yorumlayıcıdır. Python’da yazdığımız betikler başta bytecode’lara çevrilir ve kabuk ortamla etkileşim sağlayacak şekilde çalıştırılır. Bu olay daha öncesinde anlattığım JVM gibi bir durum değildir. CPython bytecode’yi adım adım yorumlar ve herhangi bir interrupt yiyene kadar (bytecode’de sona gelinmesi de interrupt olarak kabul edilir) kodları işletir.
 
@@ -45,7 +45,7 @@ Bir diğer hangikap ise Python’un üst düzey bir programlama dili oluşundan
 PyPy
 ====
 
-![](https://miro.medium.com/max/20000/0*nwV1ynDPLFg_5WMv.jpg)
+![](/assets/img/posts/0*nwV1ynDPLFg_5WMv.jpg)
 
 Özellikle Python’un bellek tahsisi ve init sürelerini kısaltmak için 2007 yılında yapılan PyPy isminde bir proje var. Bu proje Python kodunu derleyerek derleme esnasında makine diline çevirmek suretiyle çalışır ki bu yönteme de çalışma zamanı (JIT) derleme yöntemi denilir. Yani PyPy’de bir nevi Python yorumlayıcısıdır. Ancak tamamen CPython alternatifi olarak göremeyiz. Yalnızca Python Dil Referansının ve CPython’un yeniden yorumlanmış bir halidir diyebiliriz.
 
@@ -60,7 +60,7 @@ Hız Karşılaştırması
 
 Şimdi üstteki kod ile 1000 tane sayının toplamını başta CPython ile hesaplayalım.
 
-![](https://miro.medium.com/max/2000/1*f6dDwhO9isDji6G_uxDAAw.png)Python3 çıktısı![](https://miro.medium.com/max/2000/1*48gjbZap23p28FLvxoZgZw.png)PyPy çıktısı
+![](/assets/img/posts/1*f6dDwhO9isDji6G_uxDAAw.png)Python3 çıktısı![](/assets/img/posts/1*48gjbZap23p28FLvxoZgZw.png)PyPy çıktısı
 
 Son Düşünceler
 ==============
diff --git a/_posts/2021-10-12-mini-mini-birler-microservices.md b/_posts/2021-10-12-mini-mini-birler-microservices.md
index b638fc84..5381463a 100644
--- a/_posts/2021-10-12-mini-mini-birler-microservices.md
+++ b/_posts/2021-10-12-mini-mini-birler-microservices.md
@@ -16,13 +16,13 @@ Microservice Architecture
 
 Microservice yapısı veya mikrohizmet yapısı büyük bir uygulamayı bir hizmet koleksiyonu olarak yapılandıran bir mimari stildir. Bir çeşit Servis Odaklı Hizmet Mimarisidir (SOA). Temelde bir microservice hizmeti birden fazla irili ufaklı hizmeti birleştirerek tek bir temel uygulama oluşturmakta kullanılır. Örneğin farklı programlama dilleri, veri tabanları, donanım ve yazılım çözümleri kullanılarak bir servisin gerektirdiği her bir hizmet ayrı ayrı oluşturularak bunlar **gevşek bağlanma** olarak adlandırılan bir yöntemle birbirine bağlanır ve eş zamanlı çalışabilir hale getirilir.
 
-![](https://miro.medium.com/max/2000/1*MOA-XcKkT9i1TkX3Q0ox3A.png)Monolitik uygulama mimarisi
+![](/assets/img/posts/1*MOA-XcKkT9i1TkX3Q0ox3A.png)Monolitik uygulama mimarisi
 
 Bu aşamada çokça karıştırılan bir olgu var. Bir microservice sanılanın aksine monolitik bir uygulamadaki küçük bir bölüm değildir. Monolitik servisler genelde bütünü ile kullanıcı arayüzünden veri tabanına her şeyi içerisinde bulunduran ve denetleme işini de yine kendisi yapan bir uygulama yönetimi şeklidir.
 
 Microservice mantığı ise bundan tamamen farklı bir yapıdır. Aslında mimarisi ve felsefesi itibariyle Unix’e de benzeyen bir mimaridir microservice mimarisi. Unix’te temel felsefe “Bir işi yapacaksan onu en iyi şekilde yap” olmuştur. Microservice altyapısında da aynı durum söz konusu. Her bir hizmet kendi alanında özelleştirilmek suretiyle hazırlanılır. Ayrıca gevşek bağlama konusunda da Unix’e benzer bir yapı sunmaktadır. Hizmetler arasındaki koordinasyon basitlik sağlamak için Unix benzeri zamanlama ve boru hatları ile yapılır. Burada tabi ki boru hatlarından kastettiğimiz iki farklı şeydir. Ya bir servisi diğerine gerçek bir veri hattı ile bağlarsınız veya Web özelinde konuşmak gerekirse her bir servis bir diğerine REST API olarak tasarlanmış bir API kullanarak bağlanır. Yani anlayacağınız üzere infrastructure konusunda microservice küçük küçük dizayn edilmiş servislerin hepsini tutan bir hizmet yapısı olarak ifade edildiği için küçük yapılardır şeklinde düşünülse de, sanılanın aksine monolitik sistemlerden daha esnek oluşu ile büyük çaplı işler için oldukça başarılı bir mimari mantığına sahiptir.
 
-![](https://miro.medium.com/max/20000/1*u-TiVCgdJJdLPKnWj_iruA.png)Mikroservice Architecture
+![](/assets/img/posts/1*u-TiVCgdJJdLPKnWj_iruA.png)Mikroservice Architecture
 
 Sonuç olarak mikro hizmetler, esnek, bağımsız olarak dağıtılabilir yazılım sistemleri oluşturmak için kullanılan hizmet odaklı mimariler (SOA) için bir uygulama yaklaşımının uzmanlığıdır. Microservices, büyük ve karmaşık uygulamaların hızlı, sık ve güvenilir bir şekilde teslim edilmesini sağlar. Ayrıca bir kuruluşun teknoloji yığınını geliştirmesini sağlar.
 
@@ -45,7 +45,7 @@ Microservices yapısı ile alakalı düşülen en temel ve bilindik yanılgı se
 
 Doğruyu söylemek gerekirse, ben de araştırırken, çeşitli yazıları okurken nerdeyse tamamında mikro hizmet tanımını yaptıktan sonra yazarın REST API’leri hakkında yazdığı güzel dokümanları ve bol bol Kubernetes yönergelerini görüyorum. Ama abi burada bir saçmalık var. Tanım olarak, REST API’leri kullanarak tek başına mikro hizmet mimarisi oluşturamayız, bunları her biri tek bir sorumluluğu üstlenen birden çok küçük öğeye bölseniz bile sadece milyon tane REST API oluşturmuş olursunuz. Çünkü tanımı gereği bir REST API’sini doğrudan kullanabilmeniz için bunu bilmeniz gerekir.
 
-![](https://miro.medium.com/max/20004/0*COkmyE8KhWUdl6Ti)
+![](/assets/img/posts/0*COkmyE8KhWUdl6Ti)
 
 Bir yan not olarak şunu da ifade edetim ki iki tür REST geliştiricisi vardır (yani geliştiriciler REST API’leri iki farklı şekilde oluştururlar):
 
@@ -63,7 +63,7 @@ Yani microservices yapısındaki ilk ve en önemli adım bağımsız bileşenler
 
 İletişim konusunda en etkili ve mantıklı yöntemlerden birisi de: Asenkron mesajlaşma. Bu seçenek, istemciyi ve hizmetlerimizi doğrudan bağlamaz, bunun yerine, mesajların istemci ve hizmetler arasında birbirlerini bilmelerine gerek kalmadan iletilmesiyle ilgilenen merkezi bir mesaj veriyolu gerektirir. RESTAPI ile beraber asenkron mesajlaşma kullanarak ne elde ettiğimizi görebiliyor musun? Basit bir paradigma değişikliği ile istemciyi ve sunucuyu tamamen ayırdık.
 
-![](https://miro.medium.com/max/20000/0*iQCpDJyy2I2YWG9t.png)
+![](/assets/img/posts/0*iQCpDJyy2I2YWG9t.png)
 
 Bu mesajlaşma yöntemi ile arkada neler olduğunu, kaç hizmetin dahil olduğunu veya olacağını bilmek zorunda bile değiliz, ki bu harika bir yapı sunuyor bize. Bu da, karmaşık istek dizilerini düzenlemenin artık istemcinin sorumluluklarının bir parçası olmadığı anlamına gelir. Sonuç olarak da bir şekilde istemci sunucudan istediğini alır, “bir şekilde diyorum” çünkü bu senkron bir iletişim modeli değil, nasıl çalıştığına bakılırsa asenkron olması gerekiyor. Bunu bir sorun olarak görseniz dahi bir sorun değil, sadece istemcilerimizi (ve diğer mikro servislerimizi de, birbirleriyle bu şekilde konuşabileceklerini göz önünde bulundurarak) kodlama şeklimizde bir değişiklik gerektiriyor. Bir saniyeliğine gerçekçi olalım: Mesaj yolu tabanlı bir iletişim modeli, hizmetlerinize doğru bir şekilde “microservices” diyebilmeniz için yeterli değildir, ayrıca bazı güzel avantajlar da sağlar: İstemci uygulamalarınız da dahil olmak üzere tüm mimariniz reaktif hale gelir. Özellikle doğası gereği çözülmesi uzun zaman alan taleplerle uğraşıyorsanız bu harika bir çözüm olacaktır. Belki çok karmaşık hesaplamalarla uğraşıyorsunuz, bazı ML modelleri çalıştırıyorsunuz veya yalnızca diğer üçüncü taraf API’lerinden veri topluyorsunuz. İşte bu durumda asenkron olarak haberleşmek oldukça karlı olacaktır. Yanı sonuç olarak sebep ne olursa olsun, istemcileriniz, zaman aşımına uğramayacağını umarak aktif bir bağlantıyla kilitlenmek yerine, yanıtı beklerken başka bir şey yapmaya devam edebilir.
 
@@ -77,7 +77,7 @@ Buraya kadar mimariye dair pek çok noktadan bahsettim ve hala ikna olmadınız
 
 Kendiniz olun, ihtiyaçlarınızı algılayın, ona göre aksiyon alın…
 
-![](https://miro.medium.com/max/20008/0*R9xmaIvO7E0Mr1jL.jpg)
+![](/assets/img/posts/0*R9xmaIvO7E0Mr1jL.jpg)
 
 Kaynaklar
 =========
diff --git a/_posts/2021-10-21-yazilimda-telemetri.md b/_posts/2021-10-21-yazilimda-telemetri.md
index 8bf1faca..5972e328 100644
--- a/_posts/2021-10-21-yazilimda-telemetri.md
+++ b/_posts/2021-10-21-yazilimda-telemetri.md
@@ -52,7 +52,7 @@ Bu aşamaya kadar temel telemetri mantığına dair bilgileri verdim. Şimdi ola
 
 Pek çok kişi işletim sistemlerinin bizden veriler topladığını bilir. Hatta Windows 10 ve sonrası için şöyle bir telemetri olarak bunları işleyeceğiz ama “isterseniz” kapatabilirsiniz seçeneği bile sunuyorlar (ne kadar da nezaketli bir hareket)
 
-![](https://miro.medium.com/max/20000/0*mdgpLe66q1Lxp0L4.jpg)
+![](/assets/img/posts/0*mdgpLe66q1Lxp0L4.jpg)
 
 Bu tip işletim sistmei telemetrileri sayesinde geliştiriciler veya şirketler ürün süreçlerini daha yakından takip edip sonuç odaklı çalışabilmekte. Hani benim verilerimle ne yapacak diyoruz ya işte neler yaptıklarına bir örnek geliştirme süreçlerini yapılandırmak. Aslında bu kısıma gizlilik boyutunda geleceğim.
 
@@ -64,11 +64,11 @@ Bu süreç işletim sistemleri için aslında önemli bir süreç, yani yazılı
 
 Apple fanboyları telemetri konusunda “Moruk Apple ürün satmıyor, teknoloji satıyor, tutup da bizim verimizi işlemez diyorlar”. Bunu diyenlere direk cevabı Apple’ın güvenlik sayfasının linkini aşağıya bırakarak veriyorum.
 
-![](https://miro.medium.com/max/20000/0*TsaAnIXFyn1k8HJC.png)Apple telefonlarının ve Google Android cihazların telemetri veri listesi.
+![](/assets/img/posts/0*TsaAnIXFyn1k8HJC.png)Apple telefonlarının ve Google Android cihazların telemetri veri listesi.
 
 Sizden veri toplamayı, bunları tutmayı ve bunları yaparken “emin olun dostum tamamen aramızda kalacak” demeyi “Privacy” ismindeki parlatılmış bir kapta sunup etrafına bu kadar mürit toplayan Apple’ye helal olsun. Ama yine Apple iyi de sayılır ki Google Android’de yapılan son araştırmalarda iOS’tan 20 kat daha fazla veri topladığı raporlandı.
 
-![](https://miro.medium.com/max/20000/0*AhjHHJPVJkPZAmTd.png)
+![](/assets/img/posts/0*AhjHHJPVJkPZAmTd.png)
 
 Bunu okuyup gülen Linux kullanıcıları size geldim şimdi. Dağıtımların da hepsi telemetri toplamakta ve hatta Linux çekirdeği de. Ancak burada bir fark var. Linux çekirdeği dmesg çıktıları ile, dağıtımlar ise gerek “systemd” gerek diğer servis yöneticileri ile işletim sistemi içerisindeki her olayı ayrı ayrı günlükler. Bu günlükler genellikle “systemd” tarafında “journald” isimli servis tarafından tasnif edilir ve kullanıcılar bu günlükleri, sorunlarına çözüm olması için takip ederler. Linux’ta bu tip günlüklerin tutulması diğer işletim sistemlerinde olduğu gibi ek bir süreç ile değil, her bir program/servis tarafından veya servis yöneticileri tarafından yapılır. Bugün Linux’un ktread kernel servisi bile günlük oluşturuyor en basitinden. Ancak aradaki fark şu. Apple ve Windows bu günlükleri kendi amaçları doğrultusunda kullanmak için uzak sunuculara yüklerken ve bu yüklemede her ne kadar size “bunu yüklemek ister misin” diye sormasına rağmen işin arka planında sizi umursamadan bunu yapıyor.
 
@@ -87,7 +87,7 @@ zaryob.medium.com
 
 Linux’ta ise bu olay sadece enterprise destek veya topluluk desteği içeren dağıtımlarda (örneğin RHEL veya Ubuntu) ve gerçekten kullanıcı onayına bağlı olarak var.
 
-![](https://miro.medium.com/max/20000/1*AAOmXsjBSGrQT-XHF-NaRw.png)RedHat telemetri
+![](/assets/img/posts/1*AAOmXsjBSGrQT-XHF-NaRw.png)RedHat telemetri
 
 Ayrıca Linux dağıtımları telemetri konusunda şeffaf davranmak zorunda kalıyor. Çünkü daha öncesinde Ubuntu’nun arama barında Amazon alışveriş sitesinden arama yapıp önümüze veriler çıkardığı için topluluk ile Canonical arasında bayaa sorunlar yaşanmıştı. Ayrıca Çin menşeyli Deepin’de benzeri bir şey yaptığı için mükemmel ötesi olarak lanse edilen ve benim de hoşuma giden masaüstü ortamına rağmen kullanıcılar tarafından diri diri gömüldü. Sebebi ise bu telemetrileri Çinli sitelere göndermesi idi.
 
diff --git a/_posts/2021-10-26-thinkpad.md b/_posts/2021-10-26-thinkpad.md
index b66c39b4..f3dbe47f 100644
--- a/_posts/2021-10-26-thinkpad.md
+++ b/_posts/2021-10-26-thinkpad.md
@@ -16,13 +16,13 @@ Ayrıca yine 90'larda depolama teknolojileri de değişiyordu. İnteraktif Kompa
 
 Bu dönemde aslında piyasa iki uçtan farklı şirketler tarafından ele geçirilmişti. Bir tarafta Motorola’nın güçlü işlemcileri ile donatılmış Machintosh cihazlar yüksek fiyatları ile endüstri tarafına hitap ederken bir diğer uçta daha ucuz yollu Compaq cihazlar son kullanıcı ile buluşmuştu.
 
-![](https://miro.medium.com/max/20000/0*OJk1EUeLELUMM_UL.jpg)
+![](/assets/img/posts/0*OJk1EUeLELUMM_UL.jpg)
 
 Harvard Üniversitesinde ise farklı bir ihtiyaç oluşmuştu. Hiç işletme okuyan tanıdığınız var mı bilmem (benim var) ama bu insanlar günlerinin büyük bölümünü satırlar sutünlar çizip bunları hesaplayarak geçirirler 😂 Gözlemlerime göre bölümde ilk senelerinin ilk dönemlerinde kağıt üzerine bir sürü satır ve sutünlar ile onlarca veriyi elle giriyorlar (çoğunlukla frekans tabloları oluşturup sonrasında sadeleştirilmiş bu tabloları yansıtıyorlar) ve bu hesaplamaları basit bir hesap makinesi ile grafiklere veya tablolara döküyorlar. Sonraki senelerde ise elle yapılan bu zulüm dolu işlem hesaplarını, bilgisayarda Excel kullanarak yapıyorlar. İşte dikkatimi çeken şey bu bilgisayar serisinin yaratılmasının sebebi de işletmeciler. 90'ların başında Harvard’da okuyan öğrenciler oldukça uzun ve yorucu olan bu elle hesaplama yöntemlerini bilgisayar kullanarak hesaplamayı akıl etmişlerdi.
 
 Aslında bu tip hesaplamalar için bilgisayarın kullanılması yeni bir konsept değil. Neredeyse 70'lerden beri tablo hesaplama uygulamaları kullanılmakta. VisiCalc ve halefi olan Lotus, özellikle borsacılar ve istatistik bilimi ile uğraşanlar için başucu yazılımı haline gelmişti. Saatler süren hesaplama cetvellerini bir program yardımı ile oldukça basit bir şekilde yeniden ifade etmek, işlem hatalarından kurtulmak için oldukça iyi bir çözüm sonuçta. Harvard öğretmenleri ve öğrencileri de bu amaçla kullanabilecekleri ancak daha portatif cihazlara sahip olma fikri ile çeşitli çözümler arayışına girmişlerdi. Bu alanda çözüm olarak piyasaya efsanevi Toshiba 1100 çıkmıştı
 
-![](https://miro.medium.com/max/20000/0*UtWpqtnMEHfPQRyp.jpg)
+![](/assets/img/posts/0*UtWpqtnMEHfPQRyp.jpg)
 
 Bu bilgisayar tarihinin ilk taşınabilir bilgisayarı idi. 1985'de çıkan bu bilgisayar siyah-beyaz bir ekran paneli ve bu ekranın üzerine katlanabileceği entegre klavye ile gelen hayli sade bir bilgisayar modelidir. Daha çok taşınabilir bir bilgisayar modeli de diyebiliriz
 
@@ -30,39 +30,39 @@ Harvard öğrencileri de bu hayli taşınabilir olan bilgisayarı tablo hesaplam
 
 Ortada güzel bir pazar var, ayrıca bir sorun var. Bu sorun için halihazırda geliştirilmiş bir çözüm de var. IBM aslında tam da bu aşamada geliştirilmiş çözümü daha güzel bir paketle sunmayı amaçladı. Diğer sistemlerin aksine oldukça sade bir görünüme sahip, dayanıklı ve güçlü bir sistemi taşınabilir bir pakete sığdırmayı hedef olarak ortaya koydu. Bu planlarını da IBM’in ünlü “Düşün” (Think) kapaklı defterleri ile tasarım ekibine yolladı.
 
-![](https://miro.medium.com/max/20000/0*8NpVBE74M_WMu0PL.jpg)IBM’in ünlü defterlerinden birisi
+![](/assets/img/posts/0*8NpVBE74M_WMu0PL.jpg)IBM’in ünlü defterlerinden birisi
 
 Bu planlar üzerine çalışacak ekip IBM’nin kişisel bilgisayar misyonunda çalışan bir ekipti. Unutmadan söylememiz gerekmekte, IBM Thinkpad’den önce herkes için bilgisayar mottosu ile kişisel bilgisayar üretimi için hayli bütçe, zaman ve insan ayırmış bir şirket. Bu şirketin kişisel bilgisayar geliştirme ekibinin başında da IBM’in ünlü mühendisi (şu anda Lenovo’da sorumlu olan) **_Naito Arimasa_**  vardı. Ayrıca bu projenin yetkililerinden birisi ise hiç yabancı bir isim değil. Kendisi eskide Compaq markası altında yine taşınabilir bilgisayarlar alanında çalışmış, 12 senedir de yine IBM çatısı altında bu alanda lojistik müdürlüğü yapmış olan Tim Cook. Şimdi daha çok “şu ısırılmış marka”nın CEO’su olarak tanınıyor.
 
 Neyse artık, sonuç olarak sağlam bir ekip ilk tasarımlara başladı. Tasarım olarak yenilikçi ve basit bir tasarım planlandı. Ekibin başı Arimasa, bu cihaz için Japonların yemek kapları olan _bento_dan ilham alarak bir tasarım yaptı.
 
-![](https://miro.medium.com/max/20000/0*WaXLyx3x_DLiA_L5.jpg)
+![](/assets/img/posts/0*WaXLyx3x_DLiA_L5.jpg)
 
 Bu tasarım önceki taşınabilir bilgisayar modellerini aksine daha keskin ve kutu gibi hatlara sahipti. Tasarımı ile müstesna. Ayrıca farklı fikirleri de beraberinde tasarlamışlardı. Örneğin CD okuyucusu için uygun bir yer bırakılmış ve Media cihazı olarak da ThinkPad’in kullanılabileceği bir alan bırakılmıştı. Ayrıca toplu farelere alternatif niteliğinde olan tarihin ilk laptop faresi sayılabilecek ve hala da ThinkPad’lerin imzası niteliğinde olan TrackPoint de ilk modelde fare alternatifi işaretçi olarak kullanılmak üzere ortaya atıldı. İlk tasarımı ile oldukça sade ve taşınabilir özellikte bir bilgisayar çıkartılmış olundu.
 
-![](https://miro.medium.com/max/20000/0*JDw9i-0Ltjx6uqHJ.jpg)İlk ThinkPad üzerinde çalışan bir grafik uygulaması
+![](/assets/img/posts/0*JDw9i-0Ltjx6uqHJ.jpg)İlk ThinkPad üzerinde çalışan bir grafik uygulaması
 
 Ayrıca ilk tasarımının dallanmış modelleri farklı amaçlarla kullanılabilecek ek modülleri de içeriyordu. Örneğin tasarlanan ve bir süre Japonya’da da satılan faks makinesi ve çıktı aygıtı da içeren modelleri de yine tasarımın ilk dönemlerinde planlandı.
 
-![](https://miro.medium.com/max/20000/0*9x4pLerbHJ841jjy.jpg)Japonyada 1993–1995 aralığında satılan bir ThinkPad modeli. Beraberinde Canon’un oldukça başarılı bir çıktı veren modülünü de getiriyordu.
+![](/assets/img/posts/0*9x4pLerbHJ841jjy.jpg)Japonyada 1993–1995 aralığında satılan bir ThinkPad modeli. Beraberinde Canon’un oldukça başarılı bir çıktı veren modülünü de getiriyordu.
 
 Bütün bu planların tamamı üzerinde “Düşün” yazan not defterleri ile birimler arasında gidip geliyordu. IBM bu cihaz için tüm hazırlıklarını tamamlamıştı. 1991'de ilk prototip başarı ile test edildikten sonra bu cihazlar için model isimlendirilmesi yapıldı. Bu seriye 700 kodu verilecekti. İlk olarak piyasaya IBM 700 ve IBM 700C sürülecek ardından 700T olarak adlandırılan bir tablet modeli de ürün gamına eklenecekti (evet bir tablet modeli).
 
 Ancak işte o dönemde isimlendirme üzerine bir tartışma oldu. IBM’nin mühendislerinden Denny Wainwright üzerinde “Düşün” yazan bu defterlerden esinlenerek modele “ThinkPad” (“Think”= Düşün, “Pad”=Notepad yani defterden kökenini alacak şekilde) ismi verilmesi için tavsiyede bulundu. Bütün ekip için oldukça parlak bir fikir olarak görünen bu şey IBM tarafında pek iyi karşılanmadı denilebilir. IBM yöneticileri o döneme kadar piyasadaki bütün modellere sadece sayısal model isimleri verilmesi sebebiyle karşı çıksalar da bir yerde “Hele böyle çıksın sonra nasıl olsa sayısala geri döner” diyerek bu fikre onay verdi. Ve IBM ThinkPad bir anda piyasaya bomba gibi düştü.
 
-![](https://miro.medium.com/max/20000/0*fmQ2sKeimQ6n_O8E.jpg)“Annesi bir bilgisayardı. Babası da bir Maserati” başlıklı ThinkPad haberi. Bilinen ilk ThinkPad reklamı denebilir.
+![](/assets/img/posts/0*fmQ2sKeimQ6n_O8E.jpg)“Annesi bir bilgisayardı. Babası da bir Maserati” başlıklı ThinkPad haberi. Bilinen ilk ThinkPad reklamı denebilir.
 
 Taşınabilir oluşu, sonraki modeli olan 770 ile beraber gelecek olan CD okuyuculu modeli ile kısa sürede bir tarafta öğrencileri, diğer tarafta iş dünyasını ve hepsinden önemlisi ise endüstriyi kasıp kavurdu. Bu işin bazı önemli kopuş noktaları var.
 
 ThinkPad sadece tasarımı ile doğru noktada doğru bir tasarım yapması ile değil pazarlama stratejisi ile, kalitesi ile ve tabiki teknolojiyi yeniden yorulması sayesinde oldukça sağlam bir konuma kendisini getirdi. İlk olarak kullanılabilirlik tarafı. ThinkPad tek parça halinde bir bilgisayar olmayı başarmış ilk bilgisayardır diyebiliriz. Commodore gibi cihazların aksine kendi ekranına sahip, Machintosh gibi ek bir işaretçi cihazına gerek duymadan TrackPoint ile farenin işlerini yapacak bir işaretçiye sahipti. Ayrıca bütüm bu paket küçücük bir kasa içerisinde açılır kapanır bir panel ile sunulmuştu.
 
-![](https://miro.medium.com/max/20000/0*USrFMdCkGncrwmb-.jpg)
+![](/assets/img/posts/0*USrFMdCkGncrwmb-.jpg)
 
 Tasarımının sadeliği ve ürettiği çözümler bakımından ThinkPad zamanın ötesinde bir tasarıma ve kullanışlılığa sahipti. Nitekim çıktığı sene ve sonrasındaki senelerde 300'den fazla tasarım ve kalite ödülüne sahip olması da şaşırtıcı olmadı.
 
 İkinci ve en önemli olarak ThinkPad’ler sağlam bir pazarlama politikası sayesinde pazarda çok kısa sürede kendine yer buldu. IBM, ThinkPad’i erken müşteri pilot programları, lansman öncesi yaptığı tamamen “brief” diyebileceğimiz duyuruları ile sorun-çözüm ilişkilerini oldukça iyi bir tanıtım yaptı. Ayrıca kapsamlı bir ödünç verme programı ile bu bilgisayara ihtiyaç duyan ve önemli işler yapan pek çok kişinin projesinde ThinkPad’i kullanmasına olanak sağladı. Burada arkeolojiden tutun uzay çalışmalarına kadar geniş bir alandan bahsediyorum. IBM ilk olarak Mısır’da Leontopolis antik kenti kazılarında yer alan arkelog ekibe ThinkPad sağladı. Ardından içlerinde IBM Japonya’nın Yamoto Labotuvarlarının da görev aldığı İtalya-Japonya yüksek kaliteli telefon aktarımı projesi için IBM finansman olarak bu bilgisayarları ortaya koydu. Sonuç olarak ThinkPad en zorlo koşullardan, teknolojinin en uç noktalarına kadar her yerde kullanılabileceğine dair rüştünü daha doğar doğmaz kanıtlamış oldu.
 
-![](https://miro.medium.com/max/20000/1*J-jPuBzOouLW7u5PalHm-A.jpeg)Mısırda bir kazı- Tamamen görsel amaçlı
+![](/assets/img/posts/1*J-jPuBzOouLW7u5PalHm-A.jpeg)Mısırda bir kazı- Tamamen görsel amaçlı
 
 Oldukça sağlam ve kaliteli bir ürün olarak, güzel bir reklam politikası ile ortaya çıkan ThinkPad 2000'lerin başına kadar her alanda bilgisayar dünyasını domine etti ve pek çok model için mihenk taşı oldu. Pek çok halefi en temelde onun sade tasarımını hedef alarak geliştirildi.
 
@@ -70,7 +70,7 @@ Ancak hepsinden önce ThinkPad ailesi her zaman teknolojiyi en uçta insanların
 
 Buraya kadar söylediklerim benim ThinkPad’i sevmemden dolayı yağdırdığım övgüler olarak görülebilir. Ama doğrudur 😂. Yani arkadaşlar NASA bile 1998 2015 arasında sadece ThinkPad kullandıysa uzayda bir bildiği vardır.
 
-![](https://miro.medium.com/max/20000/0*IqtYP1Li16uiSWjs.jpg)STS modülü içinde bir ThinkPad bilgisayar
+![](/assets/img/posts/0*IqtYP1Li16uiSWjs.jpg)STS modülü içinde bir ThinkPad bilgisayar
 
 Hepsi bir yana geriye kalan hikayeyi az çok biliyorsunuzdur.
 
diff --git a/_posts/2021-11-06-kopyala-yapistir.md b/_posts/2021-11-06-kopyala-yapistir.md
index f9d5960b..b973fa68 100644
--- a/_posts/2021-11-06-kopyala-yapistir.md
+++ b/_posts/2021-11-06-kopyala-yapistir.md
@@ -18,7 +18,7 @@ Olayı biliyorsunuzdur diye kısa keseceğim. Yapay zeka dediğimiz şey basitç
 
 Microsoft da yapay zeka destekli bir programlama asistanı olan GitHub Copilot’u duyurdu. Temel amacını IDE’lerin otomatik tamamlama ve eksikler için öneride bulunma özelliğinin biraz daha büyük boyutlusunu düşünün. Ama adamlar burada sadece basir bir kelime değil komple fonksiyon implementasyonu önerisinde bulunuyor.
 
-![](https://miro.medium.com/max/20000/1*1rGPuRxePDwgQDodWFKFhQ.png)ama hala sorting için bubble sort öneriyor o başka tabi
+![](/assets/img/posts/1*1rGPuRxePDwgQDodWFKFhQ.png)ama hala sorting için bubble sort öneriyor o başka tabi
 
 GitHub Copilot, temelde GitHub’daki açık kaynak projeleri ve mevcut kodunuzu kullanan bir veri tarama motoru ve IDE üzerinden mevcut kodunuza destek atan bir eklenti olarak iki kısımdan oluşmakta.
 
@@ -31,7 +31,7 @@ Analiz
 
 Ana sorumuz şu. Kodlamaya ne kadar zaman harcıyoruz?
 
-![](https://miro.medium.com/max/20000/0*BFM5dw974jClyk1b)
+![](/assets/img/posts/0*BFM5dw974jClyk1b)
 
 Küçük geliştiriciler olarak bizim yaptığımız şeyler genellikle ortaya bir amaca hizmet eden bir uygulama ortaya koymak. Büyük kütüphanelerden bahsetmiyorum. Örneğin PDF’leri birleştiren basit bir komut satırı dosyası gibi şeyler genellikle yaptığımız. Yazılım şirketlerinde çalışan arkadaşlarımdan gözlemle onların yaptıkları ise önceden yazılmış bir koddaki olası hataları ortaya çıkartmak ve gerekli olması halinde yeni özellikler eklemek. Şimdi biraz gerçekçi olalım. Aslında çoğu yazılım şirketinde kod yazmak için harcadığımız zaman, genel yazılım geliştirme döngüsünün çok çok küçük bir kısmı. Bir yazılımın ortaya çıkış sürecinde, ihtiyaçlardan ve buna ait çözümleri ortaya raporlamakla başlayan bir süreç var. Bu sürecin sonunda bir yol haritası konularak çalışılmaya ve ilk ürün çıkarılmaya çalışılır. Bu sırada tabi ki kodlamada ihtiyacımıza yönelik sektörde kullanılan çözümleri inceleriz bazen hazır kodlar arasında dolaşıp bunu projeye ekleyebilir miyim deriz. Hatta aptalca gibi görünse bile basit bir string concatenation operasyonu için bile araştırma yaparız. Ardından bir ürün çıkartırız ancak bu aşamadan sonra ise çok dhaa büyük bir süreç başlar, test aşaması. Defalarca kere farklı durumlar için yazılımımızı test ederiz, bazen kullanıcı feedbackleri ile tasarımsal değişimler yapılırken bazen bir hatayı supress etmek için kodun bazı kısımlarında büyük çaplı değişimler yaparız.
 
@@ -54,7 +54,7 @@ Her iş için böyle gerçi böyle ama dünyanın ve sektörün hızlı değişe
 
 Neyse konu dağıldı. Sonuç olarak hızlı kod yazmanın bir alameti farikası bence yok.
 
-![](https://miro.medium.com/max/20000/0*-l23657-Yp_ciSq0)
+![](/assets/img/posts/0*-l23657-Yp_ciSq0)
 
 Gelgelelim yapay zeka konusunda, CoPilot hala erken bir seviyede. Bu seviyesinden bakarak gelecekte programcılar kod yazacak demek, 50 sene öncesinde gelecek 50 yılda Jetgiller gibi bir geleceğimiz olacak umudu gibi geliyor bana.
 
diff --git a/_posts/2021-11-26-tabut.md b/_posts/2021-11-26-tabut.md
index 36daebed..0aa00ef6 100644
--- a/_posts/2021-11-26-tabut.md
+++ b/_posts/2021-11-26-tabut.md
@@ -18,7 +18,7 @@ Ya özellikle bakıyorum tamam mı. Adam yazmış “C için yolun sonu”, aç
 *   C’de modern uygulamalar yazılmıyor, C sadece gömülü programlama için kullanılabilir.
 *   C programlama dili günün ihtiyaçlarına karşılık veremiyor. OOP (nesne yönelimli programlama) bile yok
 
-![](https://miro.medium.com/max/2000/0*mpf5ZkTwkGF7bGhp)Tepkim ektedir.
+![](/assets/img/posts/0*mpf5ZkTwkGF7bGhp.jpg)Tepkim ektedir.
 
 Peki çözümü nedir,
 
@@ -45,7 +45,7 @@ Bir diğer farklı olay ise 90'ların favori dili Pascal tarafında oldu. Eski P
 
 Sözkonusu pascal gibi eski ve modern olmayan bir dil olduğunda bile 30 sene içerisinde sektörde vazgeçilmesi zor bir konumu oluyor.
 
-![](https://miro.medium.com/max/2000/0*3BKvlbyZ_lTeOkHN.jpg)
+![](/assets/img/posts/0*3BKvlbyZ_lTeOkHN.jpg)
 
 Bu durumu ise bir tek kuralla anlatmamız mümkün: **“Çalışıyorsa dokunma”**. Her ne kadar biz faniler Rust’un gelişi ile her şeyi “oksidize” etmeye çalışsak da bir işi iyi yapan bir yöntem mutlaka vardır. Eğer ki bu yöntem o anki işimizi görmekte yeterli ise yeniden bir kütüphane oluşturmak ekstra bir özellik katmayacaksa bizlere, angarya iş çıkaracaktır manasına gelir. Case specisific (yazılarımı İngilizce düşünüp Türkçe yazdığım için nasıl çevireceğimi bilemedim) problemler için geliştirilen bir çözüm bütün sorunlarımızı sihirli değnek değmiş gibi çözmeyecektir.
 
diff --git a/_posts/2022-01-02-ai-ml-ve-dl.md b/_posts/2022-01-02-ai-ml-ve-dl.md
index b96d3752..6458f1ed 100644
--- a/_posts/2022-01-02-ai-ml-ve-dl.md
+++ b/_posts/2022-01-02-ai-ml-ve-dl.md
@@ -1,7 +1,7 @@
 ---
 layout: post
 title: "Yanlış Bilinenleri ile: AI ML ve DL"
-date: 2021-11-26 12:23:43 +0300
+date: 2022-01-02 12:23:43 +0300
 categories: [genel, internet]
 image: "2022-01-02-ai-ml-ve-dl.png"
 image_hash: "8c882204fc4b0bfbda252d10112d8a9c"
@@ -15,9 +15,9 @@ Artifical Intelligence — Yapay Zeka
 ===================================
 
 Zeka, bir varlığın nesnel gerçekleri algılama, kavrama ve çıkarımlar yapma yeteneğidir.
-<div class="responsive">
-![](https://miro.medium.com/max/20000/1*QHSpKVS5QQTdpVz0ez_chw.gif)
-</div>
+
+![](/assets/img/posts/1*QHSpKVS5QQTdpVz0ez_chw.gif)
+
 
 Zeka, insanlar ve hayvanlarda biyolojik olarak sağlanır. Beyin bir donanım, bilinç ise bu donanımın içerisindeki yazılım gibi düşünülürse; beyine gönderilen her yeni girdi, beyin içerisinde elektriksel sinyaller olarak iletilip, işlenerek bir sonraki tecrübe için çıkarımda bulunabilme yeteneği sağlamak amacıyla depolanır.
 
@@ -26,13 +26,13 @@ Yapay zeka ise bu işlemin makineler tarafından yapılmasıdır. Sorun çözme,
 Yapay zeka geçmişi itibariyle felsefede Aristo’dan beri yer bulmuştur. Aristo’nun **syllogism** metodu, mekanik düşünce yeteneğininin temel motivasyonu olmuşken, bilgisayarların düşünebileceğine dair ilk teori modern bilgisayarların babası olarak da bilinen Alan Turing tarafından atılmıştır.
 
 2\. Dünya Savaşında, Naziler tarafından kullanılan Enigma algoritmasını çözmek için çalışan matematikçiler, 1940'lı yıllarda bu şifreleri çözmek için ürettikleri Kripto analiz cihazları ile gerek modern bilgisayarların gerekse yapay zekanın temelini atmışlardır. O zamana kadar doğrusal işlemler yapmak için kullanılan aritmetik işlem ünitelerinin (ALU) karmaşık işlemler yapıp yapamayacağına dair araştırmalar hep merak kaynağı olmuştu.
-<div class="responsive">
-![](https://miro.medium.com/max/20000/0*rLOhf_-yVpZn9VSr)
-</div>
+
+![](/assets/img/posts/0*rLOhf_-yVpZn9VSr.jpg)
+
 İşte tam bu dönemde ünlü matematikçi Alan Turing iki önemli çalışması ile bilgisayarların geleceğine imza attı. İlki karmaşık problemlerin hesaplanmasına dair yazdığı “Saptama Problemi Hakkında Bir Uygulamayla Birlikte Hesaplanabilir Sayılar” makalesinde problem çözümüne yönelik ürettiği sanal makinedir. Bu makine ile teorik ve matematiksel temellere dayalı olarak, her türlü matematiksel hesabın yapılabileceği Turing tarafından iddia edilmişti.
-<div class="responsive">
-![](https://miro.medium.com/max/2000/0*YSFaPCjywv3mrlEW.png)
-</div>
+
+![](/assets/img/posts/0*YSFaPCjywv3mrlEW.png)
+
 
 Diğer önemli çalışması ise Turing testidir. Turing kendi kurguladığı bilişsel deneyde şunu iddia etmişti. Makineler ile insanların kendi arasında yazıyla konuşacağı bir ortamda, herhangi bir duygusal geribildirim almaksızın bir insan sorular sorar ve karşı taraf ise sorularına cevap verir. Herhangi bir ek iletişim olmaksızın ve karşı tarafa insan olup olmadığı sorulmaksızın yapılan bu teste Turing Testi denilmekte. Turing testinin amacı, bir makinenin düşünebildiğini söyleyebilmenin mantıksal olarak mümkün olup olmadığıdır. Eğer bir makine soru soran kişi tarafından insan olduğu değerlendirilirse, bu durumda bu makine Turing Testini geçmiş demektir, yani düşünebilmektedir.
 
@@ -42,14 +42,14 @@ Diğer önemli çalışması ise Turing testidir. Turing kendi kurguladığı bi
 
 **Machine Learning — Makine Öğrenmesi**
 =======================================
-<div class="responsive">
-![](https://miro.medium.com/max/20002/1*CRAKEE_bQ_sohQP3eXMwwQ.png)
-</div>
+
+![](/assets/img/posts/1*CRAKEE_bQ_sohQP3eXMwwQ.png)
+
 
 Bilgisayarlar kendilerine atanan basit görevler için, makineye eldeki sorunu çözmek için gereken tüm adımları nasıl uygulayacağını bildiren algoritmalar ile programlanırlar. Böylece siz bir defa örneğin bir matriks çarpma işlemini programlar ve bundan sonra yapılacak her matriks işleminde sadece matriksi girerek sonuç alırsınız. Bu tip basit işlerin bilgisayar tarafında öğrenilmesine gerek yoktur. Ancak bu yöntemde daha gelişmiş görevler için gerekli algoritmaları elle oluşturmak çok zordur. Beyin ise bu tip şeyleri yapmak için biyolojik olarak yeni nöral bağlar kurar ve böylece bir işlemi bir defa öğrendikten sonra onun bir modelini beyinde tutarak işe yarayacağı zaman tekrar kullanır.
-<div class="responsive">
-![](https://miro.medium.com/max/2000/0*Pp9kg5c7lo5YUaB5)
-</div>
+
+![](/assets/img/posts/1*Ak0Di_bMrAgQkrhUUzWdfg.webp)
+
 
 İşte bundan hareketler Arthur Samuel tarafından şu ortaya atıldı. Biz elimizdeki makineyi bir dama oyununa dair örnekler ile yeteri kadar beslersek, belirli bir yerden sonra bu makine kendi kendine dama oynayacak hale gelecektir. Veya biz bu makineyi yeterince köpek fotoğrafı ile beslersek, fotoğraftaki bir köpeği algılayabilecektir. (yandaki fotoğrafta görüldüğü üzere 😂)
 
@@ -59,9 +59,9 @@ Her ne kadar AI altında düşünen makineler oluşturma amacıyla yola çıkmı
 
 Deep Learning — Derin Öğrenme
 =============================
-<div class="responsive">
-![](https://miro.medium.com/max/20000/1*GGV7JZjMyBsVXeaZ2PPGlw.png)
-</div>
+
+![](/assets/img/posts/1*GGV7JZjMyBsVXeaZ2PPGlw.png)
+
 
 İlk makine öğrenimi çalışmaları daha karmaşık işlemler silsilesini hedef alarak geliştirildi. Ve onlarca yıl boyunca basit işleri bile makineye öğretmesi kalabalık bir takım işlemler olmaya devam etti. Peki neden makineler bu kadar öğrenemez durumdayken insan beyni bu kadar çabuk öğrenebiliyor.
 
diff --git a/_posts/2022-03-05-nedir-bu-opencv.md b/_posts/2022-03-05-nedir-bu-opencv.md
new file mode 100644
index 00000000..95ec4d5e
--- /dev/null
+++ b/_posts/2022-03-05-nedir-bu-opencv.md
@@ -0,0 +1,56 @@
+---
+layout: post
+title: "Nedir Bu OpenCV?"
+date: 2022-03-05 12:23:43 +0300
+categories: [genel, internet]
+image: "2022-03-05-nedir-bu-opencv.webp"
+image_hash: "8c882204fc4b0bfbda252d10112d8a9c"
+---
+
+
+Her fani bilgisayar mühendisliği öğrencisi bir gün çok bilmiş birisi tarafından “yav şu opencv varya çok acaip yeuw” lafını duyacaktır.
+
+Peki nedir bu OpenCV? İşte dilim döndüğünce bir şeyler karalayacağım bu blog postta. İyi okumalar.
+
+OpenCV veya Open Source Computer Vision, resmi tanımı ile, resimler ve videolarla çalışmak için güçlü bir araçtır. Görüntü işleme, bilgisayar görüşü ve makine öğrenimi için geniş bir işlevsellik yelpazesi sağlayan açık kaynaklı bir kitaplıktır. OpenCV ( Open Source Computer Vision Library) ilk olarak 1999 yılında Intel tarafından yayınlandı.
+
+
+![](/assets/img/posts/0*Zs2vmh1zXm1aAQGk.webp)
+
+Intel’in Rusya’daki araştırma laboratuvarında (ki bu laboratuvar ayrı bir gönderi konusu, Pentium işlemcilerden tutun da aklınızı alacak pek çok şey bu labatuvardan çıkmıştır) bilgisayarlı görü üzerinde çalışan bir grup araştırmacı ve mühendis tarafından geliştirilmiştir. Kitaplık, bilgisayarlı görü görevleri için açık kaynaklı ve kapsamlı bir araç olacak şekilde tasarlandı ve o zamandan beri dünyanın en yaygın kullanılan ve popüler bilgisayarlı görü kitaplıklarından biri haline geldi.
+
+OpenCV’nin ilk sürümü, görüntü filtreleme, özellik algılama ve nesne izleme gibi görüntü işleme ve bilgisayarla görme görevleri için bir dizi temel işlev içeriyordu. Yıllar geçtikçe kitaplık, makine öğrenimi, derin öğrenme, 3B yeniden yapılandırma ve video işleme gibi çok çeşitli ek özellik ve yetenekleri içerecek şekilde büyüdü.
+
+![](/assets/img/posts/0*sFX4E8vejMTzvRHf.png)
+
+OpenCV, güvenlik sistemleri, sürücüsüz arabalar, artırılmış gerçeklik, tıbbi görüntüleme ve robotik dahil olmak üzere çeşitli uygulamalarda kullanılmıştır. Akademik araştırmalarda da yaygın olarak kullanılmaktadır ve birçok üniversite ve araştırma kurumu tarafından bilgisayarla görü eğitimi için bir araç olarak benimsenmiştir.
+
+OpenCV ilk büyük adımını 2013 yılında aldı. GPU hızlandırma, geliştirilmiş makine öğrenimi ve derin öğrenme desteği ve yeni bir C++ API gibi yeni özellikleri içeren büyük bir güncelleme olan sürüm 2.4 aldı. 2015'de, C++ API’sinde büyük bir güncelleme, iyileştirilmiş performans ve derin öğrenme için DNN modülü ve OpenVX hızlandırma desteği gibi yeni işlevler içeren OpenCV 3.x piyasaya sürüldü.
+
+
+2018 yılında, yeni bir modüler yapıya, iyileştirilmiş performansa, yeni işlevselliğe ve OpenCL, CUDA ve CUDA DNN gibi yeni teknolojiler için ek desteğe sahip OpenCV 4.x piyasaya sürüldü. Bugün hala 4.x altında ilerleyen OpenCV’nin çok yakında 5.x sürümünü göreceğiz.
+
+OpenCV, geniş ve büyüyen bir geliştiriciler ve araştırmacılar topluluğu tarafından aktif olarak geliştirilmekte ve sürdürülmektedir ve sürekli eklenen yeni özellikler ve yeteneklerle gelişmeye ve gelişmeye devam etmektedir.
+
+**Avantajlar**
+
+Şimdiii, gel gelelim kuru fasulyenin faydalarına. OpenCV kullanmanın ana avantajlarından biri, çok çeşitli görüntü ve video formatlarıyla çalışabilmesidir. JPEG, PNG ve BMP dahil olmak üzere birçok farklı dosya biçimindeki görüntüleri okuyabilir ve yazabilir. Ayrıca AVI, MP4 ve MPEG dahil olmak üzere çok çeşitli video formatlarını destekler.
+
+![](/assets/img/posts/1*Ak0Di_bMrAgQkrhUUzWdfg.webp)
+
+OpenCV’nin bir başka vitamini de çok çeşitli görüntü işleme işlemlerini gerçekleştirebilmesidir. Kırpma, yeniden boyutlandırma ve renk ayarlamaları gibi temel işlemleri saymıyorum bile. Görüntü filtreleme, nesne algılama ve görüntü tanıma gibi daha gelişmiş görüntü işleme özelliklerinden görüntü ve video işleme için çok çeşitli makine öğrenimi algoritmalarına kadar pek çok ek özellik sağlar. TensorFlow ve Caffe gibi popüler makine öğrenimi kitaplıklarıyla entegre edilerek nesne algılama, yüz tanıma ve görüntü sınıflandırma gibi çeşitli görevler için çok çeşitli önceden eğitilmiş modeller sunar.
+
+Ayrıca OpenCV ile kendi modellerinizi kolayca eğitebilir ve uygulamanızda kullanabilirsiniz. OpenCV, güvenlik sistemleri, robotik ve otonom araçlar dahil olmak üzere çeşitli uygulamalarda yaygın olarak kullanılmaktadır. Bak uzun uzun saymaya devam ederim de dilim ağrıdı artık. Kütüphane sürekli olarak güncellenmekte ve geliştirilmekte ve sürekli olarak yeni işlevler ve yetenekler eklenmektedir. Ve açık kaynak oluşu sebebiyle sizler gibi zeki mühendislerin geliştireceği özelliklerle bir isveç çakısı gibi yeni özelliklere sahip olabilecektir.
+
+**Sonuç**
+=========
+
+Genel olarak OpenCV, resimler ve videolarla çalışmak için güçlü bir araçtır ve birçok uygulamada yaygın olarak kullanılmaktadır. Görüntü işleme, bilgisayar görüşü ve makine öğrenimi için geniş bir işlevsellik yelpazesi sunar ve geniş ve aktif bir geliştiriciler ve kullanıcılar topluluğu tarafından desteklenir. Her zamanki huyum, 3–5 link bırakıp bir başka blog post’a kadar ortalardan kayboluyorum.
+
+Kaynaklar
+=========
+
+1.  OpenCV belgeleri ( [https://docs.opencv.org/](https://docs.opencv.org/) ) — kitaplık tarafından sağlanan işlevler ve sınıflar hakkında ayrıntılı bilgiler içeren kitaplığın resmi belgeleri.
+2.  PyImageSearch ( [https://www.pyimagesearch.com/](https://www.pyimagesearch.com/) ) — Python kullanımına odaklanarak OpenCV ve diğer bilgisayarla görme araçlarını kullanma hakkında eğitimler ve makaleler sağlayan bir web sitesi.
+3.  Eğitim Noktası ( [https://www.tutorialspoint.com/opencv/index.htm](https://www.tutorialspoint.com/opencv/index.htm) )
+4.  LearnOpenCV ( OpenCV’ye Başlarken [LearnOpenCV](https://learnopencv.com/getting-started-with-opencv/) )
diff --git a/_posts/2023-03-15-soguk-savas.md b/_posts/2023-03-15-soguk-savas.md
new file mode 100644
index 00000000..10ae9161
--- /dev/null
+++ b/_posts/2023-03-15-soguk-savas.md
@@ -0,0 +1,90 @@
+---
+layout: post
+title: "Soğuk Savaşın Mirası: Sovyetler Birliği’nin Bilgisayar Teknolojisi"
+date: 2023-03-15 12:23:43 +0300
+categories: [genel, internet]
+image: "2022-03-05-nedir-bu-opencv.webp"
+image_hash: "8c882204fc4b0bfbda252d10112d8a9c"
+---
+
+Takvimler 25 Aralık 1991'i gösterdiğinde dünya tarihinin en önemli olaylarından birisi yaşandı. 40 yıldan uzun süredir devam eden soğuk savaş Sovyet Sosyalist Cumhuriyetler Birliği’nin yıkılması ile son buldu. Bu zamana kadar pek çok kişi SSCB’nin yıkılmasının ekonomik sosyal ve kültürel sonuçlarını irdelemişken kimse 90'ların “patlayan teknolojik gelişmelerini” incelemedi.
+
+Bu yazımda sizlerle Sovyetler sonrasında teknolojideki atılımları irdeleyeceğim. Zannetmeyin ki , bazı YouTube kanallarının çokbilmiş sahipleri gibi Sovyet Rusya’nın şöyle güçlü teknolojisi vardı böyle yenilmezdi bunlar sayesinde Amerika bugün böyle filan diyeceğim. Aslında Sovyet Rusya’da var olan en önemli kaynak yetişmiş insan gücüydü. Bugün kullandığımız teknolojilerin pek çoğunun temelinde Sovyet Rusya’nın eğittiği donanımlı insanlar var. İşte bu insanları anarak Sovyetlerin bilgisayar teknolojilerine katkısı ve Sovyetlerin dağılmasının 90'larda teknolojiye olan etkilerini açıklamaya çalışacağım.
+
+90'lara Kadar Sovyetlerde Bilgisayar
+====================================
+
+Aslında bilgisayar bilimleri Sovyet Rusya’da Batı’dakine benzer şekilde gelişim gösterdi desek pek yalan olmaz. İlk analog bilgisayarlar 1800'lerde spesifik görevleri gerçekleştirmek için yapılmış otomatik işlem makineleri iken 20. yüzyıla gelindiğinde I. Dünya Savaşı sonrası, askeri alan başta olmak üzere pek çok alanda analog bilgisayarlar kullanılmaya başlandı.
+
+1930'ların ortasına kadar, elektrik mühendisleri matematiksel ve mantık problemlerini çözmek için elektronik devreler inşa ediyorlardı, ancak çoğu devre herhangi bir teorik titizlikten yoksun bir şekilde belirli bir görev için yapıldı. Genellikle bu tip makineler bir fizikçi önderliğinde çalışan onlarca katip tarafından kullanılır ve sürekli değerlerle hesaplama yapılırdı. Bu makineler _analog_ makineler olarak bilinir. Bir şaft dönüş açısı veya elektrik potansiyelindeki fark gibi sürekli sayısal miktarları hesaplamada kullanan makineler ticaret, hükümet ve araştırma kuruluşlarında, kimi zaman astronomik takvim hazırlamak için, kimi zaman balistik füze hesaplamaları yapmak için kullanıldı.
+
+Vladimir Lukyanov tarafından yapılan ilk analog bilgisayar, Su Entegratörü
+
+1936'da Amerika’da Alan Turing, Evrensel Turing Makineleri üzerine çalışırken, Rusya’da bir başka bilim adamı Vladimir Lukyanov ise Sovyetlerin ilk analog bilgisayarını Bu bilgisayarı özel yapan şey ise kısmi diferansiyel denklemleri çözmek için dünyanın ilk bilgisayarı yine bu bilgisayardı.
+
+Daha öncesinde söylemiştim analog bilgisayarlar spesifik amaçlarla yapılmaktadır. Bugünün modern bilgisayarları ise dijital olarak programlanabilir bilgisayarlardır. İşte bu aşamada Rusya II. Dünya Savaşı’ndan sonra dijital bilgisayarlara sahip olmaya başladı. 1941 yılında John V. Atanasoff ve öğrencisi Clifford Berry tarafından ilk dijital bilgisayar olan Atanasoff-Berry bilgisayarı yapıldı. Bu tarihten sonra 50'lere kadar Amerika’da ve Avrupa’da Alan Turing’in çalışmalarını esas alan Turing-complate dijital bilgisayarlar üretilmeye başlandı. 1941'de ise Konrad Zuse, tarafından yapılan Z4 ismini tarihe ilk ticari bilgisayarlar olarak yazdırmıştır.
+
+İşte tam bu aşamada II. Dünya Savaşının bitimi ile dijital bilgisayarlar önem kazanmaya başladı. Pek çok yeni disiplin savaşın ardından gelişmeye başladı, radyo haberleşme, roket bilimi gibi konularda ufuk açıcı çalışmalar yapılmaya başlandı (o da bir başka yazının konusu desem yanlış olmaz) ve bu tip çalışmalar için gerekli olan en önemli şey ise hatasız hesap yapabilmektir.
+
+İşte bu dönemde Batı dijital bilgisayarların öneminin farkına vararak bilgisayar teknolojisine ağırlık verirken Sovyet Rusya’da bir başka durum vardı. Her despot yönetimde olduğu üzere şüpheler…
+
+1950 yılında Sovyet Rusya’nın ilk dijital ve programlanabilir bilgisayarı olan MESM (Малая Электронно-Счетная Машина, Küçük Elektronik Hesaplama Makinesi), Sergey Lebedev öncülüğünde bir ekip tarafından üretildiğinde, Sovyet yetkililerinin bilgisayarlara karşı tutumu pek akılcı değildi. Josef Stalin bilgisayarı kapitalizmin şeytani bir ürünü olarak görüyordu, hükümet yetkililerinin pek çoğu ise sibernetikin, işçi haklarını daha da zayıflatmaya yönelik kapitalist bir girişim olarak tasvir ediyordu. Hatta bu propaganda o kadar ileri gitti ki bugn sibernetikin babası olarak bilinen **Norbert Wiener**’ın **“Cybernetics: Or Control and Communication in the Animal and the Machine**” isimli kitabı Literaturnaya Gazeta’da yerden yere vuruldu. Sibernetikin şeytani bir kapitalizm oyunu olduğu propagandası ile bu kitap Sovyet araştırma kütüphanelerinden toplatıldı.
+
+Ancak bütün bu tutumlara rağmen Soğuk Savaş’ta Sovyet biliminsanları bilgisayarın öneminin farkındaydı. Birileri gibi “efendim hükümet desteklemiyor vazgeçelim” demediler.
+
+1953'de Stalin’in ölümü ile kurulan yeni hükümet biliminsanlarını dinleyerek bilgisayar sistemlerine gerekli önemin verilmesi talimatını verdi. 1955'te Darmstadt Konferansı’nda ilk büyük ölçekli bilgisayar olan **BESM-1** tanıtıldı. Ardından Radyo Teknolojisi Bakanlığı tarafından **Minsk** ve **Ural** isimli bilgisayar sistemleri tasarlandı. Aynı dönemde Enstrüman Yapımı Bakanlığı PDP-8'e tabanlı **ASVT** isimli bilgisayar sistemi ile bilgisayar alanına girdi.
+
+Strela
+
+Tarihler 1956'yı gösterdiğinde ise bir bilgisayar ilk defa bir insanı uzaya taşıyacaktı, 1961 yılında Yuri Gagarin’i uzaya taşıyan ve sağ salim indiren bilgisayar **Strela** tam bu tarihte **Y. Y. Bazilevsky** öncülüğünde geliştirildi.
+
+1970'lerde Sovyet’ler bilgisayar konusunda bir darboğaza girdi. Dokuzuncu beş yıllık plana (1971–1975) göre, Sovyet bilgisayar üretimi 2,6 kat artmalıydı. Ancak 1970'lerin başında, çevre birimlerinde ve dijital kapasitede ortak standartların olmaması, Sovyetleri Batılı üreticilerin gerisinde bırakmaya başladı, Donanım sınırlamaları, Sovyet programcılarını 1970'lerin başına kadar makine kodu kullanmaya mecbur bıraktı. Bununla beraber bilgisayarlarda yapılan yerel değişiklikler bilgisayarlar arasında program transferini neredeyse imkansız hale getirmeye başladı.Bir de bunun üzerine 1970'lerde hükümet içi pek çok çatışma yaşandı. Radyo Teknolojisi Bakanlığı bilgisayar kullanma önceliğine sahipken, Enstrüman Yapımı Bakanlığı’nın yarışa girmesi hükümet için dengeleri değiştirdi. Baştan beri bilimsel amaçlar için savaşan ve Stalin’in baskılarına göğüs geren Sovyet Bilimler Akademisi, güçlü bakanlıkların siyasi etkisiyle rekabet edemedi ve bir izleme rolüne düşürüldü. Donanım araştırma ve geliştirme, bakanlıklara bağlı araştırma enstitülerinin sorumluluğu haline geldi. İşte bu aşamada Rusya’nın yarıiletken ve mikroişlemci endüstri Zelenograd, yabancı teknoloji tasarımları yasal veya başka türlü ithal ederek kullanmaya başladı. Ancak bu hamle bile bilgisayar darboğazını kırmaya yetmedi. Her ne kadar yeni donanımlar üretilse de seri üretim birkaç bin üniteye bile çıkmadı.
+
+Kişisel bilgisayarlar Amerika Birleşik Devletleri’ndeki ve çoğu Batı ülkesindeki ofislere ve endüstrilere yayıldıkça, Sovyetler Birliği buna ayak uyduramadı; Radyo Teknolojisi Bakanlığı, Sovyet bilgisayarlarının önde gelen üreticisi olmasına rağmen, bakanlık prototipik bir kişisel bilgisayarın gelişimini derin bir şüphecilikle irdeledi ve bir bilgisayarın asla kişisel olamayacağını ilan ederek bilgisayarın gelişimine ket vurdu. 1984'de ülkede 200.000'den fazla bilgisayar vardı ancak hükümet politikası olarak yaklaşık 300.000 öğrenci programcı olarak eğitim almıştı. Tahmin edersiniz ki, üretken olmak için yeterli ekipmana sahip değillerdi.
+
+Perestroyka
+-----------
+
+Perestroyka denilince pek çok kişinin aklına Sovyetlerin ekonomiyi kurtarmak için oluşturduğu bir takım yenilikler gelir. Temel amaç ekonomiyi kurtarmaksa tabi ki bilgisayarlar da bu Yenilik hareketinde yer almalıdır. Gorbaçov Sovyet okullarında bilgisayar okuryazarlığını genişletmeye yönelik bir program ilan etti. Nitekim bu program ayrıca Perestroyka’nın ilk girişimlerden biriydi. Okullarda ve tüketici ürünü olarak yaygın olarak kullanılan ilk Sovyet kişisel bilgisayarı Elektronika BK-0010, birkaç binden fazla ünitede üretilerek tek Sovyet kişisel bilgisayarı olarak satışa sunuldu. Perestroyka ve 12. Beşyıllık Plan kapsamında, bir milyondan fazla kişisel bilgisayarın ve 10 milyon disketin üretilmesini gerektiriyordu. 1986–1988 yılları arasında Sovyet okullarına 86binden fazla bilgisayar dağıtıldı.
+
+Bu dönemde Sovyet bilgisayarları Batılı meslektaşlarının çalışmalarını klonladı. Bir Agat, Vector-1986C, BK-256 gibi pek çok girişim başarısızlıkla sonuçlandı. IBM donanımlarına uyumlu Sovyet yapımı bilgisayarlar 1980'lerin sonlarında tanıtıldı, ancak maliyetleri onları Sovyet hanelerinin ulaşamayacağı bir yere koydu. 1989'da piyasaya sürülen Poisk, IBM uyumlu en yaygın Sovyet bilgisayarıydı. Üretim zorlukları nedeniyle, hiçbir kişisel bilgisayar modeli binlerce ünite seri üretim görmedi. Hep az miktarda ve yerel olarak kaldı.
+
+Mayıs 1987'de Kooperatifler Kanunu’nun kabul edilmesi, bilgisayar ve donanım bileşenleri ticareti yapan şirketlerin hızla çoğalmasına neden oldu. 1988 yılına kadar tüm Sovyet programcılarının beşte birini istihdam eden birçok yazılım kooperatifi kuruldu. Artyom Taraso vtarafından kurulan _Tekhnika_ kooperatifi, Gossnab (Malzeme Bakanlığı) da dahil olmak üzere devlet kurumlarına kendi yazılımını satmayı başardı.
+
+Batı teknoloji ambargoları Perestroyka döneminin sonunda gevşetildikçe, Sovyetler giderek daha fazla yabancı sistemi benimsedi. 1989'da Moskova Termal Teknoloji Enstitüsü, 70 mikroişlemcili 100 ila 8086 IBM XT-AT sistemi satın aldı. Yerli üretimin düşük kalitesi, ülkenin Tayvan’dan 50 binden fazla kişisel bilgisayar ithal etmesine neden oldu.
+
+Batılı üreticilerle giderek daha büyük ithalat anlaşmaları imzalandı, ancak Sovyet ekonomisi çözüldükçe, şirketler onlar için ödeme yapmakta zorlandı ve anlaşmalar ertelendi veya iptal edildi. Batı’daki insan hakları grupları, Sovyet hükümetine göç etmek isteyen tüm bilgisayar uzmanlarına çıkış vizesi vermesi için baskı yaptı. Sovyet yetkilileri sonunda buna uydular ve bilgisayar alanında büyük bir yetenek kaybına yol açtı.
+
+Ağustos 1990'da Helsinki üzerinden EUnet’e bağlanan ve Usenet’e erişim sağlayan RELCOM ağı kuruldu. Eylül 1990'da **.su** alan adı oluşturuldu. 1991'in sonunda yaklaşık 20.000 kullanıcısı vardı. Bu ağın kullanıcılarından olan Boris Yeltsin’i yine internetin gücü kurtardı diyebilirim. Kendisine yapılacak darbeyi e-posta üzerinden haber alarak olası bir darbe girişimini engelledi. Nitekim bu sayede tarihte ilk defa bir darbe internet sayesinde engellendi.
+
+Ancak bu gelişmelere rağmen Sovyetler Birliği’nin çöküşüne giden yolda hiçbir gelişme yeterli ilerleme kat edemedi.
+
+Sovyetler Birliği’nin çöküşüyle birlikte, birçok önde gelen Sovyet bilgisayar geliştiricisi ve mühendisi yurtdışına taşındı. Sovyet ordusu için bilgisayar üreten büyük şirketler ve tesisler ortadan kalktı.
+
+90'lar
+======
+
+Sovyetler’in dağılması ile birlikte tüm gelişmeler Amerika bloğuna kaydı. Rusya’nın kapitalizme dönmesi ile AMD ve Intel gibi firmalar kalan Rus mühendislerle çalışabilmek için Moskova’ya araştırma merkezleri kurdu. Nitekim bahsetmiştim OpenCV bu merkezin bir ürünü olarak çıktı.
+
+Pek çoğunuz en azından 2000 öncesi doğanlar Pentium efsanesini bilir. Intel Pentium işlemciler, 1993 yılında piyasaya sürülen bir oyun değiştirici idi. Pentium işlemciler, Intel’in önceki işlemci ailelerine göre önemli bir gelişmeydi; daha yüksek saat hızları, daha iyi performans ve gelişmiş yetenekler sunuyordu. İşte bu işlemcilerde Rusya’nın Elbrus Projesinin lideri Vladimir Pentkovski’nin ve Elbrus’un etkisi olduğu iddia ediliyor. (Nitekim Pentium ismine Pentkovski’nin soyisminden esinlenildiği de bir başka iddia).
+
+Bu tonton dedemiz Vladimir Pentkovski
+
+Tetris’in yazarı Pajitnov’u Microsoft kendi ekibine transfer ederken, pek çok farklı bilgisayar bilimcisi de Amerikan üniversiteleri ve şirketlerinde kendine yer buldu.
+
+Değerlendirme
+=============
+
+Açıkçası kim Amerika’da bilgisayar teknolojileri Sovyetler Birliği’nin dağılmasından sonra yükseldi derse spekülasyon yapmış olur. Çünkü Batı‘nın Rusya’dan yıllar yıllar önde olduğu gerçeği ortada. Ancak burada bir değerlendirme bence çok önem arz ediyor. Rusya tüm bu teknolojik geriliğine rağmen yetişmiş adam gücüne sahipti. Bu gücü maalesef kendi eliyle kaybetti. Bilim insanlarına şüphecilik yüzünden yeterli destek verilmemesi ayrı bir sebep, Sovyetlerin son dönem ekonomik buhranları ayrı bir sebep derken yetişniş insan gücü ülkeden göç etti.
+
+Bugün Rusya’nın yeniden teknoloji devi olmak için verdiği savaşı görüyoruz. Belki bir başka yazıda da Rusya’nın Mig’ler ile göklerin hakimi olduktan sonra bugün neden Su57'lerin seri üretiminde bu kadar başarısız oldu irdeleriz. Ancak onun da sonucunda şunu söyleyeceğimiz aşikar. Bir ülkenin gelişimi ve ilerlemesi yetişmiş insan gücü, o gücü elinde tutabilme potansiyeli ve yetişmiş insanlarına sağlayabildikleri ile ölçülür. Sovyetlerde bir bilgisayar mühendisi bir donanım istediğinde alınıp getirilmesi bazen ayları bulabilirken, Batı’daki meslektaşı ile yarışabilmesi sizce de oldukça zor değil mi? Peki bunca zorluk içerisinde bu başarılar insanların özverilerinin bir başka vesikası olmaz mı?
+
+Kaynakça
+========
+
+* [History of computing in the Soviet Union - Wikipedia](https://en.wikipedia.org/wiki/History_of_computing_in_the_Soviet_Union?source=post_page-----7f5bc7bae9dd--------------------------------)
+* [Vladimir Pentkovski - Wikipedia](https://en.wikipedia.org/wiki/Vladimir_Pentkovski?source=post_page-----7f5bc7bae9dd--------------------------------)
+* [History of computer science - Wikipedia](https://en.wikipedia.org/wiki/History_of_computer_science?source=post_page-----7f5bc7bae9dd--------------------------------)
+* [Vadim Gerasimov - Wikipedia](https://en.wikipedia.org/wiki/Vadim_Gerasimov?source=post_page-----7f5bc7bae9dd--------------------------------)
+* [Alexey Pajitnov - Wikipedia](https://en.wikipedia.org/wiki/Alexey_Pajitnov?source=post_page-----7f5bc7bae9dd--------------------------------)
+* [Sovyetler Birliği'nin dağılması - Vikipedi](https://tr.wikipedia.org/wiki/Sovyetler_Birli%C4%9Fi%27nin_da%C4%9F%C4%B1lmas%C4%B1?source=post_page-----7f5bc7bae9dd--------------------------------)
\ No newline at end of file
diff --git a/assets/img/pages/0*FJSY-0LAVdDx0IBC.webp b/assets/img/pages/0*FJSY-0LAVdDx0IBC.webp
new file mode 100644
index 00000000..a4c117e8
Binary files /dev/null and b/assets/img/pages/0*FJSY-0LAVdDx0IBC.webp differ
diff --git a/assets/img/posts/0*2nuLRDorKE0hZyJh.jpg b/assets/img/posts/0*2nuLRDorKE0hZyJh.jpg
new file mode 100644
index 00000000..072b4cc1
Binary files /dev/null and b/assets/img/posts/0*2nuLRDorKE0hZyJh.jpg differ
diff --git a/assets/img/posts/0*3BKvlbyZ_lTeOkHN.jpg b/assets/img/posts/0*3BKvlbyZ_lTeOkHN.jpg
new file mode 100644
index 00000000..746b40a4
Binary files /dev/null and b/assets/img/posts/0*3BKvlbyZ_lTeOkHN.jpg differ
diff --git a/assets/img/posts/0*3PJFYCBG1Ug_r5vh.png b/assets/img/posts/0*3PJFYCBG1Ug_r5vh.png
new file mode 100644
index 00000000..e02d4bc4
Binary files /dev/null and b/assets/img/posts/0*3PJFYCBG1Ug_r5vh.png differ
diff --git a/assets/img/posts/0*4gbmhIVjHQwE-GBj.png b/assets/img/posts/0*4gbmhIVjHQwE-GBj.png
new file mode 100644
index 00000000..cde95149
Binary files /dev/null and b/assets/img/posts/0*4gbmhIVjHQwE-GBj.png differ
diff --git a/assets/img/posts/0*8NpVBE74M_WMu0PL.jpg b/assets/img/posts/0*8NpVBE74M_WMu0PL.jpg
new file mode 100644
index 00000000..032b38ee
Binary files /dev/null and b/assets/img/posts/0*8NpVBE74M_WMu0PL.jpg differ
diff --git a/assets/img/posts/0*9x4pLerbHJ841jjy.jpg b/assets/img/posts/0*9x4pLerbHJ841jjy.jpg
new file mode 100644
index 00000000..54691fe3
Binary files /dev/null and b/assets/img/posts/0*9x4pLerbHJ841jjy.jpg differ
diff --git a/assets/img/posts/0*AhjHHJPVJkPZAmTd.png b/assets/img/posts/0*AhjHHJPVJkPZAmTd.png
new file mode 100644
index 00000000..3b2f8c5a
Binary files /dev/null and b/assets/img/posts/0*AhjHHJPVJkPZAmTd.png differ
diff --git a/assets/img/posts/0*DRK0fZ4oaBSKHeVB.png b/assets/img/posts/0*DRK0fZ4oaBSKHeVB.png
new file mode 100644
index 00000000..d7cdb672
Binary files /dev/null and b/assets/img/posts/0*DRK0fZ4oaBSKHeVB.png differ
diff --git a/assets/img/posts/0*G4Qg0YSgTI72U9g_.png b/assets/img/posts/0*G4Qg0YSgTI72U9g_.png
new file mode 100644
index 00000000..2677e7c5
Binary files /dev/null and b/assets/img/posts/0*G4Qg0YSgTI72U9g_.png differ
diff --git a/assets/img/posts/0*IqtYP1Li16uiSWjs.jpg b/assets/img/posts/0*IqtYP1Li16uiSWjs.jpg
new file mode 100644
index 00000000..fb4746f6
Binary files /dev/null and b/assets/img/posts/0*IqtYP1Li16uiSWjs.jpg differ
diff --git a/assets/img/posts/0*JDw9i-0Ltjx6uqHJ.jpg b/assets/img/posts/0*JDw9i-0Ltjx6uqHJ.jpg
new file mode 100644
index 00000000..83adfe34
Binary files /dev/null and b/assets/img/posts/0*JDw9i-0Ltjx6uqHJ.jpg differ
diff --git a/assets/img/posts/0*LZfT4uqWBNY0sYE6.jpg b/assets/img/posts/0*LZfT4uqWBNY0sYE6.jpg
new file mode 100644
index 00000000..fc0ee574
Binary files /dev/null and b/assets/img/posts/0*LZfT4uqWBNY0sYE6.jpg differ
diff --git a/assets/img/posts/0*LngJNCj5zNroN-Td.jpg b/assets/img/posts/0*LngJNCj5zNroN-Td.jpg
new file mode 100644
index 00000000..4d4c7f50
Binary files /dev/null and b/assets/img/posts/0*LngJNCj5zNroN-Td.jpg differ
diff --git a/assets/img/posts/0*OJk1EUeLELUMM_UL.jpg b/assets/img/posts/0*OJk1EUeLELUMM_UL.jpg
new file mode 100644
index 00000000..93b9e2c7
Binary files /dev/null and b/assets/img/posts/0*OJk1EUeLELUMM_UL.jpg differ
diff --git a/assets/img/posts/0*PSAwLkL4h1I6Rvo8.png b/assets/img/posts/0*PSAwLkL4h1I6Rvo8.png
new file mode 100644
index 00000000..d421bc93
Binary files /dev/null and b/assets/img/posts/0*PSAwLkL4h1I6Rvo8.png differ
diff --git a/assets/img/posts/0*QgQO-3BRQWAg_CFW.png b/assets/img/posts/0*QgQO-3BRQWAg_CFW.png
new file mode 100644
index 00000000..dd6f6625
Binary files /dev/null and b/assets/img/posts/0*QgQO-3BRQWAg_CFW.png differ
diff --git a/assets/img/posts/0*R9xmaIvO7E0Mr1jL.jpg b/assets/img/posts/0*R9xmaIvO7E0Mr1jL.jpg
new file mode 100644
index 00000000..d22d2439
Binary files /dev/null and b/assets/img/posts/0*R9xmaIvO7E0Mr1jL.jpg differ
diff --git a/assets/img/posts/0*TEWXb8-YhuXxkPR8.png b/assets/img/posts/0*TEWXb8-YhuXxkPR8.png
new file mode 100644
index 00000000..6d093d60
Binary files /dev/null and b/assets/img/posts/0*TEWXb8-YhuXxkPR8.png differ
diff --git a/assets/img/posts/0*TsaAnIXFyn1k8HJC.png b/assets/img/posts/0*TsaAnIXFyn1k8HJC.png
new file mode 100644
index 00000000..0ac8d4bf
Binary files /dev/null and b/assets/img/posts/0*TsaAnIXFyn1k8HJC.png differ
diff --git a/assets/img/posts/0*USrFMdCkGncrwmb-.jpg b/assets/img/posts/0*USrFMdCkGncrwmb-.jpg
new file mode 100644
index 00000000..d50f8ff5
Binary files /dev/null and b/assets/img/posts/0*USrFMdCkGncrwmb-.jpg differ
diff --git a/assets/img/posts/0*UtWpqtnMEHfPQRyp.jpg b/assets/img/posts/0*UtWpqtnMEHfPQRyp.jpg
new file mode 100644
index 00000000..0320a6b0
Binary files /dev/null and b/assets/img/posts/0*UtWpqtnMEHfPQRyp.jpg differ
diff --git a/assets/img/posts/0*VpYnJCHhH0gq7_xG.jpg b/assets/img/posts/0*VpYnJCHhH0gq7_xG.jpg
new file mode 100644
index 00000000..cb11423c
Binary files /dev/null and b/assets/img/posts/0*VpYnJCHhH0gq7_xG.jpg differ
diff --git a/assets/img/posts/0*WaXLyx3x_DLiA_L5.jpg b/assets/img/posts/0*WaXLyx3x_DLiA_L5.jpg
new file mode 100644
index 00000000..563eeddb
Binary files /dev/null and b/assets/img/posts/0*WaXLyx3x_DLiA_L5.jpg differ
diff --git a/assets/img/posts/0*YSFaPCjywv3mrlEW.png b/assets/img/posts/0*YSFaPCjywv3mrlEW.png
new file mode 100644
index 00000000..2347c71f
Binary files /dev/null and b/assets/img/posts/0*YSFaPCjywv3mrlEW.png differ
diff --git a/assets/img/posts/0*Zs2vmh1zXm1aAQGk.webp b/assets/img/posts/0*Zs2vmh1zXm1aAQGk.webp
new file mode 100644
index 00000000..ea12a6d4
Binary files /dev/null and b/assets/img/posts/0*Zs2vmh1zXm1aAQGk.webp differ
diff --git a/assets/img/posts/0*fmQ2sKeimQ6n_O8E.jpg b/assets/img/posts/0*fmQ2sKeimQ6n_O8E.jpg
new file mode 100644
index 00000000..c22569c4
Binary files /dev/null and b/assets/img/posts/0*fmQ2sKeimQ6n_O8E.jpg differ
diff --git a/assets/img/posts/0*iQCpDJyy2I2YWG9t.png b/assets/img/posts/0*iQCpDJyy2I2YWG9t.png
new file mode 100644
index 00000000..90ea0ade
Binary files /dev/null and b/assets/img/posts/0*iQCpDJyy2I2YWG9t.png differ
diff --git a/assets/img/posts/0*mdgpLe66q1Lxp0L4.jpg b/assets/img/posts/0*mdgpLe66q1Lxp0L4.jpg
new file mode 100644
index 00000000..ba6d83b6
Binary files /dev/null and b/assets/img/posts/0*mdgpLe66q1Lxp0L4.jpg differ
diff --git a/assets/img/posts/0*mpf5ZkTwkGF7bGhp.jpg b/assets/img/posts/0*mpf5ZkTwkGF7bGhp.jpg
new file mode 100644
index 00000000..63662392
Binary files /dev/null and b/assets/img/posts/0*mpf5ZkTwkGF7bGhp.jpg differ
diff --git a/assets/img/posts/0*nwV1ynDPLFg_5WMv.jpg b/assets/img/posts/0*nwV1ynDPLFg_5WMv.jpg
new file mode 100644
index 00000000..1abdda80
Binary files /dev/null and b/assets/img/posts/0*nwV1ynDPLFg_5WMv.jpg differ
diff --git a/assets/img/posts/0*rLOhf_-yVpZn9VSr.jpg b/assets/img/posts/0*rLOhf_-yVpZn9VSr.jpg
new file mode 100644
index 00000000..151410d6
Binary files /dev/null and b/assets/img/posts/0*rLOhf_-yVpZn9VSr.jpg differ
diff --git a/assets/img/posts/0*sFX4E8vejMTzvRHf.png b/assets/img/posts/0*sFX4E8vejMTzvRHf.png
new file mode 100644
index 00000000..2eaddc83
Binary files /dev/null and b/assets/img/posts/0*sFX4E8vejMTzvRHf.png differ
diff --git a/assets/img/posts/0*yeajZZEeKkGR3N3o.png b/assets/img/posts/0*yeajZZEeKkGR3N3o.png
new file mode 100644
index 00000000..c0b7df38
Binary files /dev/null and b/assets/img/posts/0*yeajZZEeKkGR3N3o.png differ
diff --git a/assets/img/posts/1*-fr_MGT57XnTYqAIehWs1Q.png b/assets/img/posts/1*-fr_MGT57XnTYqAIehWs1Q.png
new file mode 100644
index 00000000..ed457dbf
Binary files /dev/null and b/assets/img/posts/1*-fr_MGT57XnTYqAIehWs1Q.png differ
diff --git a/assets/img/posts/1*1rGPuRxePDwgQDodWFKFhQ.png b/assets/img/posts/1*1rGPuRxePDwgQDodWFKFhQ.png
new file mode 100644
index 00000000..8428732f
Binary files /dev/null and b/assets/img/posts/1*1rGPuRxePDwgQDodWFKFhQ.png differ
diff --git a/assets/img/posts/1*48gjbZap23p28FLvxoZgZw.png b/assets/img/posts/1*48gjbZap23p28FLvxoZgZw.png
new file mode 100644
index 00000000..aed5c613
Binary files /dev/null and b/assets/img/posts/1*48gjbZap23p28FLvxoZgZw.png differ
diff --git a/assets/img/posts/1*530ikyR6dvDO7GrXk2wjeQ.png b/assets/img/posts/1*530ikyR6dvDO7GrXk2wjeQ.png
new file mode 100644
index 00000000..cd25fb5a
Binary files /dev/null and b/assets/img/posts/1*530ikyR6dvDO7GrXk2wjeQ.png differ
diff --git a/assets/img/posts/1*6iECHDycXzZreehN-KU7ww.png b/assets/img/posts/1*6iECHDycXzZreehN-KU7ww.png
new file mode 100644
index 00000000..e9f8db99
Binary files /dev/null and b/assets/img/posts/1*6iECHDycXzZreehN-KU7ww.png differ
diff --git a/assets/img/posts/1*7rPMTeJe71iDm077Xe-LbA.png b/assets/img/posts/1*7rPMTeJe71iDm077Xe-LbA.png
new file mode 100644
index 00000000..8605054f
Binary files /dev/null and b/assets/img/posts/1*7rPMTeJe71iDm077Xe-LbA.png differ
diff --git a/assets/img/posts/1*AAOmXsjBSGrQT-XHF-NaRw.png b/assets/img/posts/1*AAOmXsjBSGrQT-XHF-NaRw.png
new file mode 100644
index 00000000..b30f243e
Binary files /dev/null and b/assets/img/posts/1*AAOmXsjBSGrQT-XHF-NaRw.png differ
diff --git a/assets/img/posts/1*Ak0Di_bMrAgQkrhUUzWdfg.webp b/assets/img/posts/1*Ak0Di_bMrAgQkrhUUzWdfg.webp
new file mode 100644
index 00000000..1a054df9
Binary files /dev/null and b/assets/img/posts/1*Ak0Di_bMrAgQkrhUUzWdfg.webp differ
diff --git a/assets/img/posts/1*BgNyVG9k2B6wgm6UKd0nbQ.png b/assets/img/posts/1*BgNyVG9k2B6wgm6UKd0nbQ.png
new file mode 100644
index 00000000..12e5477b
Binary files /dev/null and b/assets/img/posts/1*BgNyVG9k2B6wgm6UKd0nbQ.png differ
diff --git a/assets/img/posts/1*CRAKEE_bQ_sohQP3eXMwwQ.png b/assets/img/posts/1*CRAKEE_bQ_sohQP3eXMwwQ.png
new file mode 100644
index 00000000..974ee006
Binary files /dev/null and b/assets/img/posts/1*CRAKEE_bQ_sohQP3eXMwwQ.png differ
diff --git a/assets/img/posts/1*E21tdAaSFyioHcmBmm7IXA.png b/assets/img/posts/1*E21tdAaSFyioHcmBmm7IXA.png
new file mode 100644
index 00000000..9a9f8f7f
Binary files /dev/null and b/assets/img/posts/1*E21tdAaSFyioHcmBmm7IXA.png differ
diff --git a/assets/img/posts/1*GGV7JZjMyBsVXeaZ2PPGlw.png b/assets/img/posts/1*GGV7JZjMyBsVXeaZ2PPGlw.png
new file mode 100644
index 00000000..de3b7c64
Binary files /dev/null and b/assets/img/posts/1*GGV7JZjMyBsVXeaZ2PPGlw.png differ
diff --git a/assets/img/posts/1*GbCveLny21zktZDCRwqUWA.png b/assets/img/posts/1*GbCveLny21zktZDCRwqUWA.png
new file mode 100644
index 00000000..16d6bdb8
Binary files /dev/null and b/assets/img/posts/1*GbCveLny21zktZDCRwqUWA.png differ
diff --git a/assets/img/posts/1*I5lLuHopIII1pqF1lMHKTQ.png b/assets/img/posts/1*I5lLuHopIII1pqF1lMHKTQ.png
new file mode 100644
index 00000000..6917dcd1
Binary files /dev/null and b/assets/img/posts/1*I5lLuHopIII1pqF1lMHKTQ.png differ
diff --git a/assets/img/posts/1*IujXHZ4VWHXa2v6WNzEf3w.png b/assets/img/posts/1*IujXHZ4VWHXa2v6WNzEf3w.png
new file mode 100644
index 00000000..b0e15744
Binary files /dev/null and b/assets/img/posts/1*IujXHZ4VWHXa2v6WNzEf3w.png differ
diff --git a/assets/img/posts/1*L0a1C8afrEbROjsmjUIDnw.png b/assets/img/posts/1*L0a1C8afrEbROjsmjUIDnw.png
new file mode 100644
index 00000000..2d636f9c
Binary files /dev/null and b/assets/img/posts/1*L0a1C8afrEbROjsmjUIDnw.png differ
diff --git a/assets/img/posts/1*MOA-XcKkT9i1TkX3Q0ox3A.png b/assets/img/posts/1*MOA-XcKkT9i1TkX3Q0ox3A.png
new file mode 100644
index 00000000..5c823d7a
Binary files /dev/null and b/assets/img/posts/1*MOA-XcKkT9i1TkX3Q0ox3A.png differ
diff --git a/assets/img/posts/1*O7CnEokQJ_GeKiRBHmw-Fg.png b/assets/img/posts/1*O7CnEokQJ_GeKiRBHmw-Fg.png
new file mode 100644
index 00000000..ef5c534a
Binary files /dev/null and b/assets/img/posts/1*O7CnEokQJ_GeKiRBHmw-Fg.png differ
diff --git a/assets/img/posts/1*QHSpKVS5QQTdpVz0ez_chw.gif b/assets/img/posts/1*QHSpKVS5QQTdpVz0ez_chw.gif
new file mode 100644
index 00000000..189477c9
Binary files /dev/null and b/assets/img/posts/1*QHSpKVS5QQTdpVz0ez_chw.gif differ
diff --git a/assets/img/posts/1*WceSXzaCVzlJmaYui1XENQ.png b/assets/img/posts/1*WceSXzaCVzlJmaYui1XENQ.png
new file mode 100644
index 00000000..11e1bca0
Binary files /dev/null and b/assets/img/posts/1*WceSXzaCVzlJmaYui1XENQ.png differ
diff --git a/assets/img/posts/1*_B2Mldo8t4VaDSlqXunBlA.png b/assets/img/posts/1*_B2Mldo8t4VaDSlqXunBlA.png
new file mode 100644
index 00000000..a32dde29
Binary files /dev/null and b/assets/img/posts/1*_B2Mldo8t4VaDSlqXunBlA.png differ
diff --git a/assets/img/posts/1*elXE9FTZ9X0AZnWDgQoh3g.png b/assets/img/posts/1*elXE9FTZ9X0AZnWDgQoh3g.png
new file mode 100644
index 00000000..497a2072
Binary files /dev/null and b/assets/img/posts/1*elXE9FTZ9X0AZnWDgQoh3g.png differ
diff --git a/assets/img/posts/1*fBbSQYj-mfj-yeuEV8SmeQ.png b/assets/img/posts/1*fBbSQYj-mfj-yeuEV8SmeQ.png
new file mode 100644
index 00000000..96f63315
Binary files /dev/null and b/assets/img/posts/1*fBbSQYj-mfj-yeuEV8SmeQ.png differ
diff --git a/assets/img/posts/1*gIhcdTDp8vnPoEBU_WlNMA.png b/assets/img/posts/1*gIhcdTDp8vnPoEBU_WlNMA.png
new file mode 100644
index 00000000..5a1a8943
Binary files /dev/null and b/assets/img/posts/1*gIhcdTDp8vnPoEBU_WlNMA.png differ
diff --git a/assets/img/posts/1*iI0AErSF6T8vyoCmz7me6w.png b/assets/img/posts/1*iI0AErSF6T8vyoCmz7me6w.png
new file mode 100644
index 00000000..27f119f1
Binary files /dev/null and b/assets/img/posts/1*iI0AErSF6T8vyoCmz7me6w.png differ
diff --git a/assets/img/posts/1*krQUdLP47lK8vhQcyyDgqg.png b/assets/img/posts/1*krQUdLP47lK8vhQcyyDgqg.png
new file mode 100644
index 00000000..81b32646
Binary files /dev/null and b/assets/img/posts/1*krQUdLP47lK8vhQcyyDgqg.png differ
diff --git a/assets/img/posts/1*lZNY6e2VKvh_StKCuOdb7A.png b/assets/img/posts/1*lZNY6e2VKvh_StKCuOdb7A.png
new file mode 100644
index 00000000..6e1890d0
Binary files /dev/null and b/assets/img/posts/1*lZNY6e2VKvh_StKCuOdb7A.png differ
diff --git a/assets/img/posts/1*mxIX5_SUntDSsEYYdYITXA.png b/assets/img/posts/1*mxIX5_SUntDSsEYYdYITXA.png
new file mode 100644
index 00000000..14c4ed5e
Binary files /dev/null and b/assets/img/posts/1*mxIX5_SUntDSsEYYdYITXA.png differ
diff --git a/assets/img/posts/1*nPDoil8V-RZIxR2RwbFwxQ.png b/assets/img/posts/1*nPDoil8V-RZIxR2RwbFwxQ.png
new file mode 100644
index 00000000..0cbb05bf
Binary files /dev/null and b/assets/img/posts/1*nPDoil8V-RZIxR2RwbFwxQ.png differ
diff --git a/assets/img/posts/1*nrKWjyMREfKj9sCjwPu0jg.png b/assets/img/posts/1*nrKWjyMREfKj9sCjwPu0jg.png
new file mode 100644
index 00000000..0b589101
Binary files /dev/null and b/assets/img/posts/1*nrKWjyMREfKj9sCjwPu0jg.png differ
diff --git a/assets/img/posts/1*oZ5RAkznYgG5ymstcxRYRQ.png b/assets/img/posts/1*oZ5RAkznYgG5ymstcxRYRQ.png
new file mode 100644
index 00000000..f8e576b7
Binary files /dev/null and b/assets/img/posts/1*oZ5RAkznYgG5ymstcxRYRQ.png differ
diff --git a/assets/img/posts/1*s7_1LL_VPE-OXWRuIYZQMw.png b/assets/img/posts/1*s7_1LL_VPE-OXWRuIYZQMw.png
new file mode 100644
index 00000000..a1375cf7
Binary files /dev/null and b/assets/img/posts/1*s7_1LL_VPE-OXWRuIYZQMw.png differ
diff --git a/assets/img/posts/1*t4VIBsMp__8YmBIjyndx-w.png b/assets/img/posts/1*t4VIBsMp__8YmBIjyndx-w.png
new file mode 100644
index 00000000..37885ccd
Binary files /dev/null and b/assets/img/posts/1*t4VIBsMp__8YmBIjyndx-w.png differ
diff --git a/assets/img/posts/1*tE5TgrhBwtbONImddFCYBg.png b/assets/img/posts/1*tE5TgrhBwtbONImddFCYBg.png
new file mode 100644
index 00000000..eb7c9f35
Binary files /dev/null and b/assets/img/posts/1*tE5TgrhBwtbONImddFCYBg.png differ
diff --git a/assets/img/posts/1*u-TiVCgdJJdLPKnWj_iruA.png b/assets/img/posts/1*u-TiVCgdJJdLPKnWj_iruA.png
new file mode 100644
index 00000000..90a8a3fc
Binary files /dev/null and b/assets/img/posts/1*u-TiVCgdJJdLPKnWj_iruA.png differ
diff --git a/assets/img/posts/1*uYpaxedA_tNZN75jrLr6ew.png b/assets/img/posts/1*uYpaxedA_tNZN75jrLr6ew.png
new file mode 100644
index 00000000..205246d0
Binary files /dev/null and b/assets/img/posts/1*uYpaxedA_tNZN75jrLr6ew.png differ
diff --git a/assets/img/posts/1*v6iQ8teWRC6-moU7Tce1nA.png b/assets/img/posts/1*v6iQ8teWRC6-moU7Tce1nA.png
new file mode 100644
index 00000000..607e8c31
Binary files /dev/null and b/assets/img/posts/1*v6iQ8teWRC6-moU7Tce1nA.png differ
diff --git a/assets/img/posts/1*vPw_1Zsjt9tPS6hOats1Tw.png b/assets/img/posts/1*vPw_1Zsjt9tPS6hOats1Tw.png
new file mode 100644
index 00000000..6b6f3c8c
Binary files /dev/null and b/assets/img/posts/1*vPw_1Zsjt9tPS6hOats1Tw.png differ
diff --git a/assets/img/posts/1*wHPO1UbeJX85rGE3TL4aBQ.png b/assets/img/posts/1*wHPO1UbeJX85rGE3TL4aBQ.png
new file mode 100644
index 00000000..d1343b18
Binary files /dev/null and b/assets/img/posts/1*wHPO1UbeJX85rGE3TL4aBQ.png differ
diff --git a/index.html b/index.html
index d39fd7cc..b813639d 100644
--- a/index.html
+++ b/index.html
@@ -1,36 +1,26 @@
 ---
-title: Hoşgeldiniz
 layout: default
+image: "home-bg.jpg"
+image_hash: "519d7460af34e87e71835178cf862552"
 ---
 
-<html>
 
 <body>
-  <meta charset="utf-8">
-  <header class="masthead" style="background-image:url('/assets/img/pages/home-bg.jpg?h=519d7460af34e87e71835178cf862552');">
-    <!-- Photo by Sai Kiran Anagani on Unsplash -->
-    <div class="overlay"></div>
-    <div class="container">
-      <div class="row">
-        <div class="col-md-10 col-lg-8 mx-auto">
-          <div class="site-heading">
-              <h1 class="heading-text" style="font-family: IBM Plex Sans, sans-serif;">Zaryob</h1><span class="subheading"
-                style="font-family: IBM Plex Mono, sans-serif;">Bir bilgisayar manyağının kişisel blogu</span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </header>
-
   <div class="container">
     <div class="intro">
       <h2 class="text-center">Son Gönderilerim</h2>
       <!--p class="text-center"></p-->
     </div>
     <div class="row">
-      <div class="col-lg-8 col-md-10 mx-auto">
+      <div class="col-lg-12 col-md-14 mx-auto">
+        {% assign months = "Ocak|Şubat|Mart|Nisan|Mayıs|Haziran|Temmuz|Ağustos|Eylül|Ekim|Kasım|Aralık" | split: "|" %}
+
         <!-- Home Post List -->
         {% for post in site.posts limit : 5 %}
+        {% assign m = post.date | date: "%-m" | minus: 1 %}
+        {% assign day = post.date | date: "%d" %}
+        {% assign month = months[m] %}
+        {% assign year = post.date | date: "%Y" %}
 
         <article class="post-preview">
           <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}">
@@ -48,7 +38,7 @@ <h3 class="post-subtitle">{{ post.subtitle }}</h3>
             {{ site.author }}
             {% endif %}
             tarafından
-            {{ post.date | date: '%B %d, %Y' }} tarihinde yayınladı. &middot; {% include read_time.html
+            {{ day }} {{ month }} {{ year }} tarihinde yayınladı. &middot; {% include read_time.html
             content=post.content %}
           </p>
         </article>
@@ -102,7 +92,7 @@ <h2 class="text-center">Galerim</h2>
       <p class="text-center">Son amatör fotoğrafçılık facialarım.</p>
     </div>
     <div class="row">
-      <div class="col-lg-8 col-md-10 mx-auto">
+      <div class="col-lg-12 col-md-14 mx-auto">
         <section id="portfolio" class="p-0">
           <div class="container-fluid p-0">
             <div class="row no-gutters popup-gallery">
@@ -161,7 +151,7 @@ <h2 class="text-center">Galerim</h2>
         </section>
       </div>
     </div-->
-    <!--div class="col-lg-8 col-md-10 mx-auto">
+    <!--div class="col-lg-12 col-md-14 mx-auto">
       <hr>
       <div class="clearfix">
         <a class="btn btn-primary float-right" href="{{"/galeri" | relative_url }}">Tüm Fotoğraflarım &rarr;</a>
@@ -178,7 +168,7 @@ <h2 class="text-center">Galerim</h2>
       <p class="text-center">Son amatör fotoğrafçılık facialarım.</p>
     </div>
     <div class="row">
-      <div class="col-lg-8 col-md-10 mx-auto">
+      <div class="col-lg-12 col-md-14 mx-auto">
         <section id="portfolio" class="p-0">
           <div class="container-fluid p-0">
             <div class="row no-gutters popup-gallery">
@@ -239,7 +229,7 @@ <h2 class="text-center">Galerim</h2>
         </section>
       </div>
     </div>
-    <div class="col-lg-8 col-md-10 mx-auto">
+    <div class="col-lg-12 col-md-14 mx-auto">
       <hr>
       <div class="clearfix">
         <a class="btn btn-primary float-right" href="{{" /galeri" | relative_url }}">Tüm Fotoğraflarım &rarr;</a>
@@ -251,4 +241,3 @@ <h2 class="text-center">Galerim</h2>
 
 </body>
 
-</html>
diff --git a/posts/index.html b/posts/index.html
index 4e9bcec9..043671d2 100644
--- a/posts/index.html
+++ b/posts/index.html
@@ -1,82 +1,84 @@
 ---
 layout: default
 title: Gönderiler
+subtitle: Geçmişe doğru neler yazdığım...
+image: "home-bg.jpg"
+image_hash: "519d7460af34e87e71835178cf862552"
 ---
 
-<html>
-
-<body>
-  <meta charset="utf-8">
-  <header class="masthead" style="background-image:url('{{site.baseurl}}/assets/img/pages/home-bg.jpg?h=519d7460af34e87e71835178cf862552');">
-    <!-- Photo by Sai Kiran Anagani on Unsplash -->
-    <div class="overlay"></div>
-    <div class="container">
-      <div class="row">
-        <div class="col-md-10 col-lg-8 mx-auto">
-          <div class="site-heading">
-            <h1 class="heading-text" style="font-family: Aclonica, sans-serif;">Gönderiler</h1><span class="subheading"
-              style="font-family: Lora, sans-serif;">Geçmişe doğru neler yazdığım...</span>
-          </div>
+<meta charset="utf-8">
+<!--header class="masthead" style="background-image:url('{{site.baseurl}}/assets/img/pages/?h=');">
+  <div class="overlay"></div>
+  <div class="container">
+    <div class="row">
+      <div class="col-md-10 col-lg-8 mx-auto">
+        <div class="site-heading">
+          <h1 class="heading-text" style="font-family: Aclonica, sans-serif;">Gönderiler</h1>
+          <span class="subheading" style="font-family: Lora, sans-serif;">Geçmişe doğru neler yazdığım...</span>
         </div>
       </div>
     </div>
-  </header>
-  <div class="container">
-    <div class="intro">
-      <h2 class="text-center">Son Gönderilerim</h2>
-      <!--p class="text-center"></p-->
-    </div>
-    <div class="row">
-      <div class="col-lg-8 col-md-10 mx-auto">
-      {% for post in paginator.posts %}
+  </div>
+</header-->
+<div class="container">
+  <div class="intro">
+    <h2 class="text-center">Son Gönderilerim</h2>
+    <!--p class="text-center"></p-->
+  </div>
+  <div class="row">
+    <div class="col-lg-12 col-md-14 mx-auto">
+      
+    {% assign months = "Ocak|Şubat|Mart|Nisan|Mayıs|Haziran|Temmuz|Ağustos|Eylül|Ekim|Kasım|Aralık" | split: "|" %}
 
-      <article class="post-preview">
-        <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}">
-          <h3 class="post-title">{{ post.title }}</h3>
-          {% if post.subtitle %}
-          <h3 class="post-subtitle">{{ post.subtitle }}</h3>
-          {% else %}
-          <a class="post-subtitle">{{ post.excerpt | strip_html | truncatewords: 30 }}</a>
-          {% endif %}
-        </a>
-        <p class="post-meta">
-          {% if post.author %}
-          {{ post.author }}
-          {% else %}
-          {{ site.author }}
-          {% endif %}
-          tarafından
-          {{ post.date | date: '%B %d, %Y' }} tarihinde yayınladı. &middot; {% include read_time.html
-          content=post.content %}
-        </p>
-      </article>
+    {% for post in paginator.posts %}
+    {% assign m = post.date | date: "%-m" | minus: 1 %}
+    {% assign day = post.date | date: "%d" %}
+    {% assign month = months[m] %}
+    {% assign year = post.date | date: "%Y" %}
+    <article class="post-preview">
+      <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}">
+        <h3 class="post-title">{{ post.title }}</h3>
+        {% if post.subtitle %}
+        <h3 class="post-subtitle">{{ post.subtitle }}</h3>
+        {% else %}
+        <a class="post-subtitle">{{ post.excerpt | strip_html | truncatewords: 30 }}</a>
+        {% endif %}
+      </a>
+      <p class="post-meta">
+        {% if post.author %}
+        {{ post.author }}
+        {% else %}
+        {{ site.author }}
+        {% endif %}
+        tarafından
+        {{ day }} {{ month }} {{ year }} tarihinde yayınladı. &middot; {% include read_time.html
+        content=post.content %}
+      </p>
+    </article>
 
-      <hr>
-      {% endfor %}
-      </div>
+    <hr>
+    {% endfor %}
     </div>
   </div>
-  <!-- Pager -->
-  {% if paginator.total_pages > 1 %}
+</div>
+<!-- Pager -->
+{% if paginator.total_pages > 1 %}
 
-  <div class="clearfix">
+<div class="clearfix">
 
-    {% if paginator.previous_page %}
-    <a class="btn btn-primary float-left"
-      href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr;
-      Yeni<span class="d-none d-md-inline"> Gönderiler</span></a>
-    {% endif %}
+  {% if paginator.previous_page %}
+  <a class="btn btn-primary float-left"
+    href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr;
+    Yeni<span class="d-none d-md-inline"> Gönderiler</span></a>
+  {% endif %}
 
-    {% if paginator.next_page %}
-    <a class="btn btn-primary float-right"
-      href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Eski<span
-        class="d-none d-md-inline"> Gönderiler</span> &rarr;</a>
-    {% endif %}
+  {% if paginator.next_page %}
+  <a class="btn btn-primary float-right"
+    href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Eski<span
+      class="d-none d-md-inline"> Gönderiler</span> &rarr;</a>
+  {% endif %}
 
-  </div>
+</div>
 
-  {% endif %}
-  </div>
-</body>
+{% endif %}
 
-</html>
