diff --git a/.babelrc b/.babelrc
new file mode 100644
index 0000000..3d36bc0
--- /dev/null
+++ b/.babelrc
@@ -0,0 +1,4 @@
+{
+  "presets": ["es2015"],
+  "retainLines": true
+}
diff --git a/.firebaserc b/.firebaserc
new file mode 100644
index 0000000..b98ce49
--- /dev/null
+++ b/.firebaserc
@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "prod": "stories-of-a-lifelong-student"
+  }
+}
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index b726557..0d07930 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,64 +1,60 @@
-
-# Created by https://www.gitignore.io/api/jekyll,sass,node,linux
-
 ### Jekyll ###
 _site/
 .sass-cache/
 .jekyll-metadata
+scripts/
+Gemfile.lock
+.publish/
+css/
+
+### Always-ignore files and folders ###
+*.diff
+*.err
+*.log
+*.orig
+*.rej
+*.swn
+*.swo
+*.swp
+._*
+*~
+
+### Ignore packages ###
+*.7z
+*.dmg
+*.gz
+*.iso
+*.jar
+*.rar
+*.tar
+*.zip
 
+### Packages ###
+node_modules/
+bower_components
 
 ### Sass ###
 .sass-cache/
 *.css.map
-/assets/scss/main.min.css
-
-
-### Node ###
-# Logs
-logs
-*.log
-npm-debug.log*
-/assets/app.min.js
-
-# Runtime data
-pids
-*.pid
-*.seed
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
 
-# nyc test coverage
-.nyc_output
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (http://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules
-jspm_packages
-
-# Optional npm cache directory
-.npm
-
-# Optional REPL history
-.node_repl_history
+### Linux ###
+*~
 
+### OSX ###
+*.DS_Store
+.AppleDouble
+.LSOverride
 
 ### Linux ###
 *~
+.Trash-*
 
-# temporary files which can be created if a process still has a handle open of a deleted file
-.fuse_hidden*
-
-# KDE directory preferences
-.directory
+### Windows ###
+# Windows image file caches
+Thumbs.db
+ehthumbs.db
+Desktop.ini
+$RECYCLE.BIN/
 
-# Linux trash folder which might appear on any partition or disk
-.Trash-*
+### Lighthouse ###
+validate/log.json
diff --git a/.travis.yml b/.travis.yml
index 38a87b4..c8397d1 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -1,20 +1,32 @@
-sudo: false
+sudo: required
+dist: trusty
 
-language: ruby
-rvm:
-- 2.2
+language: node_js
+matrix:
+  include:
+    - node_js: "node"
 
-env:
-  global:
-    # speeds up installation of html-proofer
-  - NOKOGIRI_USE_SYSTEM_LIBRARIES=true
+before_install:
+  - npm install npm -g
+  - bundle update
 
 install:
   - npm install
-  - npm install -g gulp
-  - gem install jekyll jekyll-paginate html-proofer
+  - bundle install
+  - gem install html-proofer
+
+  # Install lighthouse
+  - npm install -g lighthouse local-web-server
+  - export DISPLAY=:99.0
+  - export LIGHTHOUSE_CHROMIUM_PATH="$(pwd)/chrome-linux/chrome"
+  - sh -e /etc/init.d/xvfb start
+  - npm explore -g lighthouse -- ./lighthouse-core/scripts/download-chrome.sh
+  - mv $(npm root -g)/lighthouse/chrome-linux .
+  - $LIGHTHOUSE_CHROMIUM_PATH --version
 
 script:
-  - gulp build
-  - rm -R ./_site/node_modules
-  - htmlproofer ./_site --disable-external
+  - npm run gulp build
+  - cd _site && ws&
+  - htmlproofer ./_site
+  - lighthouse http://127.0.0.1:8000 --output=json --output-path=./validate/log.json
+  - node ./validate/checklog.js ./validate/log.json
diff --git a/404.html b/404.html
new file mode 100644
index 0000000..7fea0e2
--- /dev/null
+++ b/404.html
@@ -0,0 +1,29 @@
+---
+layout: default
+permalink: /404.html
+sitemap: false
+---
+<style>
+  body {
+    margin: 0 auto;
+    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
+    font-size: 1.1em;
+    color: #333;
+  }
+  h1 {
+    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+    font-weight: 300;
+    margin: 1em 0;
+    padding: 0 0 0.25em 0;
+    border-bottom: 1px dotted #ccc;
+    text-align: center;
+    font-size: 3em;
+    line-height: 1.1em;
+  }
+  p {
+    margin: 0 0 0.5em 0;
+    line-height: 1.8em;
+  }
+</style>
+<h1>Page Not Found</h1>
+<p>This specified page was not found on this website. Please check the URL for mistakes and try again.</p>
diff --git a/Gemfile b/Gemfile
new file mode 100644
index 0000000..a3105c5
--- /dev/null
+++ b/Gemfile
@@ -0,0 +1,18 @@
+source "https://rubygems.org"
+ruby RUBY_VERSION
+
+# Hello! This is where you manage which Jekyll version is used to run.
+# When you want to use a different version, change it below, save the
+# file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
+#
+#     bundle exec jekyll serve
+#
+# This will help ensure the proper Jekyll version is running.
+# Happy Jekylling!
+gem "jekyll", "3.3.1"
+gem "jekyll-paginate", "1.1.0"
+
+# If you have any plugins, put them here!
+# group :jekyll_plugins do
+#   gem "jekyll-github-metadata", "~> 1.0"
+# end
diff --git a/LICENSE b/LICENSE
index d3909c0..d816373 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,14 +1,15 @@
-ISC License
+Copyright (c) 2016 Nir Galon
 
-Copyright (c) 2016, Nir Galon
+Permission to use, copy, modify, and/or distribute this software for
+any purpose with or without fee is hereby granted, provided that the
+above copyright notice and this permission notice appear in all
+copies.
 
-Permission to use, copy, modify, and/or distribute this software for any purpose with or
-without fee is hereby granted, provided that the above copyright notice and this permission
-notice appear in all copies.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO
-THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT
-SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR
-ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION
-OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE
-USE OR PERFORMANCE OF THIS SOFTWARE.
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL
+WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE
+AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL
+DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR
+PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
+TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
diff --git a/README.md b/README.md
index 4e022f2..3543ec5 100644
--- a/README.md
+++ b/README.md
@@ -1,16 +1,14 @@
-Stories of a Lifelong Student
-===
+# Stories of a Lifelong Student
 
-[![license](https://img.shields.io/badge/license-ISC-blue.svg)](https://github.com/nirgn975/Stories-of-a-Lifelong-Student/blob/master/LICENSE) [![Build Status](https://travis-ci.org/nirgn975/Stories-of-a-Lifelong-Student.svg?branch=master)](https://travis-ci.org/nirgn975/Stories-of-a-Lifelong-Student) [![Donate](https://img.shields.io/badge/Donate-PayPal-lightgrey.svg)](https://www.paypal.me/nirgn/2)
+[![license][license-image]][license-url] [![Build Status][travis-image]][travis-url] [![Donate][donate-image]][donate-url]
 
-My private blog, written by me. The posts are about computer science (data structures, algorithms, computer networks, operating system, and machine learning), open source (linux, git, arduino, contribution), software development (programming, programming languages, frameworks, design patterns, and architecture), security information (pen testing and whitehat hackers), Google stuff (search, android, chrome, chrome os, and web apps), etc.
+> My private blog, written by me. The posts are about computer science (data structures, algorithms, computer networks, operating system, and machine learning), open source (linux, git, arduino, contribution), software development (programming, programming languages, frameworks, design patterns, and architecture), security information (pen testing and whitehat hackers), Google stuff (search, android, chrome, chrome os, and web apps), etc.
 
 ## Prerequisites
 
 To install this project, you'll need the following things installed on your machine.
 
 1. [Jekyll](http://jekyllrb.com/) - `$ gem install jekyll`
-1. [Jekyll Paginate](https://jekyllrb.com/docs/pagination/) - `$ gem install jekyll-paginate`
 2. [NodeJS](http://nodejs.org) - use the installer.
 
 ## Local Installation
@@ -30,14 +28,27 @@ $ npm run gulp
 
 **Deploy mode**
 
-You can easily deploy your site build to gh-pages branch with the command
+You can easily deploy your site build with the command
 ```shell
 $ npm run gulp deploy
 ```
 
 ## Tests
 
-If you want to run the tests on your local machine please install `gem install html-proofer`. And then run the tests using
+If you want to verify the build output, please install `gem install html-proofer`. And then run it using
 ```shell
-$ htmlproofer ./_site --disable-external
+$ htmlproofer ./_site
 ```
+
+If you want to run PWA tests, please install `npm install -g lighthouse`. And then run the tests using
+```shell
+$ npm run gulp& && lighthouse http://127.0.0.1:3000 --output=json --output-path=./validate/log.json
+$ node ./validate/checklog.js ./validate/log.json
+```
+
+[license-image]: https://img.shields.io/badge/license-ISC-blue.svg
+[license-url]: https://github.com/nirgn975/Stories-of-a-Lifelong-Student/blob/master/LICENSE
+[travis-image]: https://travis-ci.org/nirgn975/Stories-of-a-Lifelong-Student.svg?branch=master
+[travis-url]: https://travis-ci.org/nirgn975/Stories-of-a-Lifelong-Student
+[donate-image]: https://img.shields.io/badge/Donate-PayPal-lightgrey.svg
+[donate-url]: https://www.paypal.me/nirgn/2
diff --git a/_config.yml b/_config.yml
index 76e1ec0..4f4606c 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,11 +1,27 @@
 # Site settings
 title: Stories of a Lifelong Student
-description: A blog writin by Nir Galon. The posts are about computer science (data structures, algorithms, networks, databases, operating systems, programming languages, data mining, machine learning, etc), open source related stuff, software development, security information, etc.
-url: "http://lifelongstudent.net" # the base hostname & protocol for your site
-permalink: pretty
+email: nir@galon.io
+description: A tech blog written by Nir Galon. The posts are about computer science (data structures, algorithms, computer networks, operating system, and machine learning), open source (linux, git, arduino, contribution), software development (programming, programming languages, frameworks, design patterns, and architecture), security information (pen testing and whitehat hackers), Google stuff (search, android, chrome, chrome os, and web apps), etc.
+baseurl: "" # the subpath of your site, e.g. /blog
+url: "http://lifelongstudent.io" # the base hostname & protocol for your site
+twitter_username: nirgn975
+github_username:  nirgn975
 
 # Build settings
 markdown: kramdown
+permalink: pretty
+exclude: [
+  "node_modules",
+  "LICENSE",
+  "package.json",
+  "README.md",
+  "Gemfile",
+  "gulpfile.babel.js",
+  ".babelrc",
+  ".gitignore",
+  "sass",
+  "scss"
+]
 
 # Pagination
 gems: [jekyll-paginate]
diff --git a/_includes/head.html b/_includes/head.html
index 7c172f6..c4cacdf 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -1,33 +1,14 @@
 <head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width" initial-scale="1">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
-  <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
-  <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
+    <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
+    <meta name="description" content="{{ site.description }}">
 
-  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-  <link href="https://fonts.googleapis.com/css?family=Arimo:400,400i,700&subset=hebrew" rel="stylesheet">
-  <link rel="stylesheet" href="{{ "/assets/scss/main.min.css" | prepend: site.baseurl }}">
-  <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
-  <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
-
-  <link rel="apple-touch-icon" sizes="57x57" href="/assets/img/icon/apple-touch-icon-57x57.png">
-  <link rel="apple-touch-icon" sizes="60x60" href="/assets/img/icon/apple-touch-icon-60x60.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="/assets/img/icon/apple-touch-icon-72x72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="/assets/img/icon/apple-touch-icon-76x76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="/assets/img/icon/apple-touch-icon-114x114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="/assets/img/icon/apple-touch-icon-120x120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="/assets/img/icon/apple-touch-icon-144x144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="/assets/img/icon/apple-touch-icon-152x152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/icon/apple-touch-icon-180x180.png">
-  <link rel="icon" type="image/png" href="/assets/img/icon/favicon-32x32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="/assets/img/icon/android-chrome-192x192.png" sizes="192x192">
-  <link rel="icon" type="image/png" href="/assets/img/icon/favicon-96x96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="/assets/img/icon/favicon-16x16.png" sizes="16x16">
-  <link rel="manifest" href="/assets/img/icon/manifest.json">
-  <link rel="mask-icon" href="/assets/img/icon/safari-pinned-tab.svg" color="#F0F0F0">
-  <meta name="msapplication-TileColor" content="#F0F0F0">
-  <meta name="msapplication-TileImage" content="/assets/img/icon/mstile-144x144.png">
-  <meta name="theme-color" content="#F0F0F0">
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Arimo:400,400i,700&subset=hebrew" rel="stylesheet">
+    <link rel="stylesheet" href="{{ "/css/main.css" | relative_url }}">
+    <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
+    <link rel="manifest" href="{{ "/manifest.json" | relative_url }}">
 </head>
diff --git a/_includes/nav.html b/_includes/nav.html
index f8ed394..5076f08 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -1,6 +1,6 @@
 <nav>
   <a href="{{ site.baseurl }}/" class="brand-logo">
-    <img src="/assets/img/Logo.png" alt="{{ site.title }}" />
+    <img src="/images/Logo.png" alt="{{ site.title }}" />
   </a>
   <ul>
     <li><a href="http://nirgn.com" target="_blank">About</a></li>
diff --git a/_layouts/default.html b/_layouts/default.html
index d70b694..1065833 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,22 +1,27 @@
 <!DOCTYPE html>
-<html lang="he">
+<html>
 
   {% include head.html %}
 
   <body>
 
     {% include nav.html %}
-    
-    <div >
-      <div class="container">
-        {{ content }}
-      </div>
+
+    <div class="container">
+      {{ content }}
     </div>
 
     {% include footer.html %}
 
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
-    <script src="/assets/app.min.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
+  <link async href="{{ "/scripts/main.min.js" | relative_url }}">
+  <script>
+  if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.register("{{ "/sw.js" | relative_url }}").then(function() {
+      console.log("Service Worker Registered");
+    });
+  }
+  </script>
   </body>
 
 </html>
diff --git a/_layouts/post.html b/_layouts/post.html
index b2015c3..1800826 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -30,12 +30,9 @@ <h1 class="post-title" itemprop="name headline">{{ page.title }}</h1>
         this.page.url = "{{ page.id }}"; // Replace PAGE_URL with your page's canonical URL variable
         this.page.identifier = "{{ page.url }}"; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
         };
-
         (function() { // DON'T EDIT BELOW THIS LINE
         var d = document, s = d.createElement('script');
-
         s.src = '//lifelongstudent.disqus.com/embed.js';
-
         s.setAttribute('data-timestamp', +new Date());
         (d.head || d.body).appendChild(s);
         })();
diff --git a/_posts/2012-09-16-little-android-bit-grammar.md b/_posts/2012-09-16-little-android-bit-grammar.md
index 9ab42c4..d265670 100644
--- a/_posts/2012-09-16-little-android-bit-grammar.md
+++ b/_posts/2012-09-16-little-android-bit-grammar.md
@@ -16,7 +16,7 @@ category: Android
 **השכבה האדומה: Linux Kernel – (אנדרואיד היא לא לינוקס)**
 
 <div class="left">
-  <img src="/assets/img/posts/android-grammar/Red_Layer.png" alt="Red Layer" style="width: 38rem;">
+  <img src="/images/posts/android-grammar/Red_Layer.png" alt="Red Layer" style="width: 38rem;">
 </div>
 
 ליבת לינוקס ([Linux kernel](http://en.wikipedia.org/wiki/Linux_kernel)) היא הליבה המשמשת במערכות הפעלה ממשפחת לינוקס. השם "לינוקס" מתייחס אל ליבת המערכת, הקרנל (ליבה = בסיס המערכת), ז"א אלפי שורות קוד המהוות את הבסיס של מערכת ההפעלה.  
@@ -49,7 +49,7 @@ category: Android
 ## השכבה הירוקה, הרמה השנייה: (Libraries ( + Android Runtime
 
 <div class="left">
-  <img src="/assets/img/posts/android-grammar/Green_Layer.png" alt="Green Layer" style="width: 38rem;">
+  <img src="/images/posts/android-grammar/Green_Layer.png" alt="Green Layer" style="width: 38rem;">
 </div>
 
 הרמה השנייה (הירוקה), מורכבת כולה מספריות קוד פתוח. הספריות האלו משמשות שירותים שונים של מערכת ההפעלה, ובנוסף גם את המפתחים.
@@ -77,7 +77,7 @@ category: Android
   3. Java VM טוענת את התוכנה לזיכרון (מהדיסק הקשיח) ורק אז יוצרת את האובייקט, שזה הגיוני, מכיוון שהדיסק הקשיח הרבה יותר איטי מה [RAM](http://en.wikipedia.org/wiki/Random-access_memory). דלביק לא עושה זאת, מכיוון שבמכשירים ניידים אין דיסק קשיח, ישנו זיכרון RAM ואחסון פלאש (מהיר מאוד להבדיל מהדיסק הקשיח המכני, ולכן אין סיבה לעשות זאת).
 
 <div class="left">
-  <img src="/assets/img/posts/android-grammar/Java_Bytecode__Dalvik_Bytecode.png" alt="Java Bytecode to Dalvik Bytecode">
+  <img src="/images/posts/android-grammar/Java_Bytecode__Dalvik_Bytecode.png" alt="Java Bytecode to Dalvik Bytecode">
 </div>
 
 &nbsp;
@@ -99,7 +99,7 @@ category: Android
 ### השכבה הכחולה: Applications Framework
 
 <div class="left">
-  <img src="/assets/img/posts/android-grammar/Framework_Layer.png" alt="Framework Layer" style="width: 38rem;">
+  <img src="/images/posts/android-grammar/Framework_Layer.png" alt="Framework Layer" style="width: 38rem;">
 </div>
 
 הרמה השלישית נקראת Application Framework ובמילים אחרות ניתן גם לקרוא לה API Level.
@@ -111,7 +111,7 @@ category: Android
 ### השכבה הכחולה: Applications
 
 <div class="left">
-  <img src="/assets/img/posts/android-grammar/Apploctions_Layer.png" alt="Apploctions Layer" style="width: 38rem;">
+  <img src="/images/posts/android-grammar/Apploctions_Layer.png" alt="Apploctions Layer" style="width: 38rem;">
 </div>
 
 בשכבה הרבעית והאחרונה נמצא את כל האפליקציות המובנות, הבסיסיות, של המערכת (לדוגמה: החייגן, אנשי הקשר, הודעות, דפדפן, הלאנצ'ר וכ'ו).
@@ -121,7 +121,7 @@ category: Android
 כל השכבות יחדיו כפי שאנדרואיד מורכבת:
 
 <div style="text-align: center;">
-  <img src="/assets/img/posts/android-grammar/Android_Architecture.png" alt="Android Architecture">
+  <img src="/images/posts/android-grammar/Android_Architecture.png" alt="Android Architecture">
 </div>
 
 &nbsp;
@@ -131,7 +131,7 @@ category: Android
 ADB(ראשי תיבות שלAndroid Debug Bridge) זוהי תוכנית הרצה משורת הפקודה (cmd / terminal) על המחשב ומתקשרת עם המכשיר או האמלוטר (ובמילים אחרות, תכניות adb פותחת שורת פקודה למכשיר).
 
 <div class="left">
-  <img src="/assets/img/posts/android-grammar/Android_ADB.png" alt="Android ADB">
+  <img src="/images/posts/android-grammar/Android_ADB.png" alt="Android ADB">
 </div>
 
 ה adb משמש מפתחים לניהול מערכת ה Android הישר מהמחשב. הוא מהווה דרייבר בין המכשיר למחשב ומוסיף פקודות לטרמינל ( / cmd) שנותנות למפתחים את היכולת לבצע פעולות שונות, כמו לתת הוראה למכשיר להיכנס למצבים מסויימים, לתת הוראה להתקין אפליקציה מסוימת (שנמצאת על המחשב ולא על המכשיר) וכד'.
@@ -153,7 +153,7 @@ Emulator 2, adb: 5557
 ### Bootloader
 
 <div class="left">
-  <img src="/assets/img/posts/android-grammar/Bootloader.png" alt="Bootloader">
+  <img src="/images/posts/android-grammar/Bootloader.png" alt="Bootloader">
 </div>
 
 ה [Bootloader](http://en.wikipedia.org/wiki/Booting) לא ממש קשור ישירות למערכת ההפעלה של Android , אלא זהו רכיב תוכנה מיוחד שרץ בזמן עליית המערכת (אחרי הדלקת המכשיר ולפני שמערכת האנדרואיד עולה). תפקידו הוא לבצע בדיקות לזיכרון ולהעלות את מערכת ההפעלה (OS) לזיכרון ה RAM ו"להעביר את המושכות" על המכשיר למערכת ההפעלה.
@@ -162,7 +162,7 @@ Emulator 2, adb: 5557
 
 
 <div class="left">
-  <img src="/assets/img/posts/android-grammar/Clockworkmod_Recovery.jpg" alt="Clockworkmod Recovery" style="width: 15rem;">
+  <img src="/images/posts/android-grammar/Clockworkmod_Recovery.jpg" alt="Clockworkmod Recovery" style="width: 15rem;">
 </div>
 
 &nbsp;
@@ -183,7 +183,7 @@ Emulator 2, adb: 5557
 ### APK
 
 <div class="left">
-  <img src="/assets/img/posts/android-grammar/Apk.png" alt="Apk">
+  <img src="/images/posts/android-grammar/Apk.png" alt="Apk">
 </div>
 
 [Apk](http://en.wikipedia.org/wiki/Android_application_package) זהוי סיומת הקובץ בו נשמרות אפליקציות של מערכת האנדרואיד. ניתן להשוות את הסיומת לסיומת bat, jar, exe וכד'. הקובץ עצמו הינו קובץ zip רגיל לחלוטין (ניתן לשנות לו את הסיומת מ app.apk ל app.zip ולפתוח אותו באופן רגיל).  
diff --git a/_posts/2012-10-21-android-security-mechanisms.md b/_posts/2012-10-21-android-security-mechanisms.md
index 219054a..f11623b 100644
--- a/_posts/2012-10-21-android-security-mechanisms.md
+++ b/_posts/2012-10-21-android-security-mechanisms.md
@@ -76,7 +76,7 @@ category: Android
 ### אז איך מפתחים בורחים מ'ארגז החול'?
 
 <div class="left">
-  <img src="/assets/img/posts/android-security-mechanisms/Play_Premission.png" alt="Play Premission">
+  <img src="/images/posts/android-security-mechanisms/Play_Premission.png" alt="Play Premission">
 </div>
 
 הרי בפועל אנחנו לא מרגישים שיש "ארגז חול", לדוגמה באפליקציית פייסבוק אנו מושכים תמונה מהגלריה, או כשאנו עושים צק'-אין אנו משתמשים באפליקציית ה GPS . אז רגע, יש ארגז חול או אין ארגז חול?
@@ -183,7 +183,7 @@ category: Android
 ### DRM - זכויות ניהול דיגיטליות.
 
 <div class="left">
-  <img src="/assets/img/posts/android-security-mechanisms/DRM.png" alt="DRM">
+  <img src="/images/posts/android-security-mechanisms/DRM.png" alt="DRM">
 </div>
 
 ראשי תיבות: Digital Right Management. ב- API 11 אנדרואיד הוסיפה את האפשרות ל'זכויות ניהול דיגיטליות' - זהו ממשק המספק למכשירי OEM אישור לתוכן מסוים. הרעיון הוא להגן על התוכן של המשתמש באמצעות שימוש ברישיונות דיגיטליים לשימוש בתכנים. מה שמספק את ההגנה/החוצץ הזה הוא ה Binder.
diff --git a/_posts/2012-10-7-mobile-communication.md b/_posts/2012-10-7-mobile-communication.md
index 79d0c75..9334bad 100644
--- a/_posts/2012-10-7-mobile-communication.md
+++ b/_posts/2012-10-7-mobile-communication.md
@@ -22,7 +22,7 @@ category: Stuff
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/mobile-networks-communication/GSM-Architecture.png" alt="GSM Architecture" style="width: 30rem;">
+  <img src="/images/posts/mobile-networks-communication/GSM-Architecture.png" alt="GSM Architecture" style="width: 30rem;">
 </div>
 
 ### עקרונות התקשורת הסלולרית
@@ -114,7 +114,7 @@ category: Stuff
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/mobile-networks-communication/Wap_Stack.png" alt="Wap Stack">
+  <img src="/images/posts/mobile-networks-communication/Wap_Stack.png" alt="Wap Stack">
 </div>
 
 **אז איך בנויה מחסנית הפרוטוקולים בשער ה wap?**
@@ -135,7 +135,7 @@ category: Stuff
 **נקודת גישה - APN**
 
 <div class="left">
-  <img src="/assets/img/posts/mobile-networks-communication/APN_Structure.png" alt="APN Structure" style="width: 25rem;">
+  <img src="/images/posts/mobile-networks-communication/APN_Structure.png" alt="APN Structure" style="width: 25rem;">
 </div>
 
 ראשי תיבות של Access Point Name. נקודת הגישה זהו קובץ הגדרות שנועד לזהות ולאמת את המשתמש. כאשר טלפון נייד מגדיר חיבור נתונים (במונחים טכניים הפעולה נקראת להקים קישור [PDP](http://en.wikipedia.org/wiki/GPRS_core_network#PDP_context)), ה APN משמש את שרת ה GGSN כדי לקבוע ולספק את כתובת ה IP.
@@ -205,7 +205,7 @@ category: Stuff
 **CSD**
 
 <div class="left">
-  <img src="/assets/img/posts/mobile-networks-communication/Packets_vs_CSD.png" alt="Packets vs CSD">
+  <img src="/images/posts/mobile-networks-communication/Packets_vs_CSD.png" alt="Packets vs CSD">
 </div>
 
 ראשי תיבות של Circuit Switched Data. או יותר נכון עלי לכתוב CSD ז"ל / אבי הגלישה הסלולרית. הגלישה הסלולרית הזו מתומחרת לפי זמן (בדומה למודמים הישנים, 56KB, מודמים PSTN) ולא לפי נפח כפי שאנו רגילים כיום. הטכנולוגיה הינה הטכנולוגיה הראשונה שאפשרה גלישה "נורמלית" - 9.6KBPS ו 14.4KBPS לתדרים 900 / 1800 בהתאמה.
diff --git a/_posts/2012-11-18-analyze-an-apk-file.md b/_posts/2012-11-18-analyze-an-apk-file.md
index beb6758..2a5c8bd 100644
--- a/_posts/2012-11-18-analyze-an-apk-file.md
+++ b/_posts/2012-11-18-analyze-an-apk-file.md
@@ -96,7 +96,7 @@ category: Android
 במידה וה Framework הותקן בהצלחה, נקבל את התוצאה: `I: Framework installed to yourPath 1.apk`.
 
 <div class="left">
-  <img src="/assets/img/posts/analyze-an-apk-file/Notepad.png" alt="Notepad" style="width: 35rem;">
+  <img src="/images/posts/analyze-an-apk-file/Notepad.png" alt="Notepad" style="width: 35rem;">
 </div>
 
 &nbsp;
@@ -110,7 +110,7 @@ category: Android
 בנוסף, אפליקציות מורכבות מתמונות, אם זה רקע, לחצנים וכד'. ניתן לערוך אותם בעזרת ה Photoshop (או Gimp), בדוגמה מצד ימין פתחתי את האפליקציה של Shazam וצבעתי את הרקע המוכר של האפליקציה (שהינה תמונה) באדום (למה? כי אני יכול (; ).
 
 <div class="left">
-  <img src="/assets/img/posts/analyze-an-apk-file/Red_Background_Shazam.png" alt="GSM Architecture" style="width: 15rem;">
+  <img src="/images/posts/analyze-an-apk-file/Red_Background_Shazam.png" alt="GSM Architecture" style="width: 15rem;">
 </div>
 
 והרי כמו שאמרנו, המערכת מורכבת מקבצי Apk, לכן, ניתן לתרגם כך את כל המערכת (אפליקציית החייגן, הודעות, אנשי קשר, הגדרות וכד'), אם תפתחו (בעזרת Winrar או 7Zip) את ה Rom שהורדתם (שבעצם הינו קובץ zip) תשימו לב שישנה תיקייה בשם system, ובתוכה תיקייה בשם app ובה נמצאים כל קבצי ה Apk שדיברנו עליהם.
diff --git a/_posts/2013-01-01-gummy-bears-safe.md b/_posts/2013-01-01-gummy-bears-safe.md
index 13f0755..d88682e 100644
--- a/_posts/2013-01-01-gummy-bears-safe.md
+++ b/_posts/2013-01-01-gummy-bears-safe.md
@@ -26,7 +26,7 @@ category: Android
 כדי להמחיש את הבעיה מצורפת בעמוד הבא טבלת החלוקה על פי גרסאות (נכון לדצמבר 2012).
 
 <div style="text-align: center;">
-  <img src="/assets/img/posts/gummy-bears-safe/Android_Version_Dec_Chart.png" alt="Android Version Chart">
+  <img src="/images/posts/gummy-bears-safe/Android_Version_Dec_Chart.png" alt="Android Version Chart">
 </div>
 
 גוגל הכריזה בכנס ההכרזה של מוטורולה (הכנס האחרון בו קיבלנו מידע רשמי, והתקיים לפני כ-4 חודשים, בספטמבר האחרון) על 480 מיליון מכשירים שאוקטבו עד היום, בכל העולם (נכון לספטמבר כמובן), בקצב (שהולך וגדל) של 1.3 מיליון מכשירים שמאוקטבים כל יום (תארו לעצמכם כמה מכשירי אנדרואיד יהיו שנה הבאה בקצב גידול שכזה).
@@ -94,13 +94,13 @@ $ adb shell rm /data/system/password.key
 להלן תמונה של הקובץ מהמכשיר שלי, סימנתי את חלק מהדברים:
 
 <div class="left">
-  <img src="/assets/img/posts/gummy-bears-safe/Waze_log.png" alt="Waze log">
+  <img src="/images/posts/gummy-bears-safe/Waze_log.png" alt="Waze log">
 </div>
 
   * [Readitlater](https://play.google.com/store/apps/details?id=com.ideashower.readitlater.pro&feature=search_result#?t=W251bGwsMSwxLDEsImNvbS5pZGVhc2hvd2VyLnJlYWRpdGxhdGVyLnBybyJd) שומרת אתרים וכתבות כדי שנוכל לקרוא אותם אחר כך (ועל הדרך בצורה נוחה), איפה היא שומרת את הכתבות?, בנתיב `\Android\data\com.ideashower.readitlater.pro\files\RIL_offline\RIL_pages`. שם כל הכתבות, התמונות מהכתבות והאתרים עצמם חשופים לכל, דוגמה:
 
 <div class="left">
-  <img src="/assets/img/posts/gummy-bears-safe/ReadItLater.png" alt="ReadItLater">
+  <img src="/images/posts/gummy-bears-safe/ReadItLater.png" alt="ReadItLater">
 </div>
 
   * [WhatsApp](https://play.google.com/store/apps/details?id=com.whatsapp&feature=search_result#?t=W251bGwsMSwxLDEsImNvbS53aGF0c2FwcCJd) כל המידע שהעברנו באפליקציה (תמונות, סרטונים, קבצי קול) פתוח לכל. ובנוסף הגיבויים יושבים על המכשיר עצמו, בנתיב: `WhatsApp\Databases\`, זאת אומרת שבקלות אפשר לקחת את קבצי הגיבוי.   
@@ -149,7 +149,7 @@ $ adb shell rm /data/system/password.key
 ASLR (קיצור של Address Space Layout Randomization) היא שיטת אבטחה שבסיסה הוא סידור אקראי (ועצמאי) של אזור נתונים בזיכרון בכל טעינה שלו מחדש. השיטה הזאת הוטמעה בגרסה JB 4.1 באופן מלא, כך שהמיקום של הספריות, המחסנית, הערמה וגם הלינקר, כולם מסודרים בזיכרון באופן אקראי.
 
 <div class="left">
-  <img src="/assets/img/posts/gummy-bears-safe/ASLR.png" alt="ASLR">
+  <img src="/images/posts/gummy-bears-safe/ASLR.png" alt="ASLR">
 </div>
 
 כמו שניתן לראות בתמונה:
@@ -167,7 +167,7 @@ ASLR (קיצור של Address Space Layout Randomization) היא שיטת אבט
 ההבדל בין סורק הרוגלות הנ"ל ל-Bouncer עליו כתבתי במאמר הקודם (מעבר לכך ש-Bouncer כבר קיים ופועל זמן מה), הוא שה-Bouncer הינו סורק רוגלות בצד השרת של Play, ז"א כל אפליקציה שעולה ל-Play נסרקת על ידו (הוא ממש מדמה פעולה מלאה של האפליקציה על מכשיר אנדרואיד בשרת נפרד), והסורק רוגלות הנוכחי עליו מדובר, סורק את האפליקציות שיותקנו במכשיר. ה-Bouncer מבצע עוד פעולות, הנ"ל הוא הסבר במשפט, רק כדי להזכיר. למידע מלא יש לקרוא את המאמר הקודם.
 
 <div class="left">
-  <img src="/assets/img/posts/gummy-bears-safe/Verify_Apps.png" alt="Verify Apps" style="width: 30%">
+  <img src="/images/posts/gummy-bears-safe/Verify_Apps.png" alt="Verify Apps" style="width: 30%">
 </div>
 
 _שורש הבעיה_
@@ -187,7 +187,7 @@ Hiroshi Lockheimer - סמנכ"ל ההנדסה בצוות אנדרואיד מסב
 בנוסף, בגרסה 4.2 אנו מקבלים כמה שינויים וויזואליים קטנים אך חשובים מאין כמותם. מסך ההרשאות בעת התקנת אפליקציה עבר שינויים וויזואליים ולא יסתיר יותר מידע, בנוסף לכך יהיה ליד כל הרשאה אייקון קטן המתקשר לסוג ההרשאה, ובכך הופך את המעבר עליו לקליל יותר. תמונת מצב (מימין, המצב החדש (גרסה 4.2). משמאל, המצב הישן (גרסה 4.1 ומטה)):
 
 <div class="left">
-  <img src="/assets/img/posts/gummy-bears-safe/Apps_Installation.png" alt="Apps Installation">
+  <img src="/images/posts/gummy-bears-safe/Apps_Installation.png" alt="Apps Installation">
 </div>
 
 &nbsp;
diff --git a/_posts/2013-01-13-with-great-power-comes-great-responsibility.md b/_posts/2013-01-13-with-great-power-comes-great-responsibility.md
index 584335d..af6a88e 100644
--- a/_posts/2013-01-13-with-great-power-comes-great-responsibility.md
+++ b/_posts/2013-01-13-with-great-power-comes-great-responsibility.md
@@ -44,7 +44,7 @@ category: Android
 ### Root
 
 <div class="left">
-  <img src="/assets/img/posts/with-great-power-great-responsibility/Chain_Android.png" alt="Chain Android" style="width: 25%;">
+  <img src="/images/posts/with-great-power-great-responsibility/Chain_Android.png" alt="Chain Android" style="width: 25%;">
 </div>
 
 אנשים טוענים כי ברגע שמכשיר פתוח ויש לך הרשאות root, אתה בעצם גם פותח את עצמך לפגיעות מהעולם החיצוני, אתה פגיע יותר ולכן בשל שיקולי אבטחה אין לתת למשתמש הרשאות root. אז לפני שאתחיל להסביר למה לדעתי זה לא נכון, אבצע יישור קו, על ידי כתיבת התשובה לשאלה המתבקשת: "מה זה root?"
diff --git a/_posts/2013-04-14-array.md b/_posts/2013-04-14-array.md
index d1bf96c..82ebd7a 100644
--- a/_posts/2013-04-14-array.md
+++ b/_posts/2013-04-14-array.md
@@ -16,7 +16,7 @@ Array - מערך, הינו מבנה נתונים בסיסי במדעי המחש
 לשם המחשה, להלן ציור של מבנה הנתונים:
 
 <div>
-  <img src="/assets/img/posts/array/One-dimensional_Array.png" alt="One-dimensional Array">
+  <img src="/images/posts/array/One-dimensional_Array.png" alt="One-dimensional Array">
 </div>
 
   * נהוג לצייר את המערך כשורה של תאים.
diff --git a/_posts/2013-05-19-counting-sort.md b/_posts/2013-05-19-counting-sort.md
index ed9fdea..da00b80 100644
--- a/_posts/2013-05-19-counting-sort.md
+++ b/_posts/2013-05-19-counting-sort.md
@@ -9,7 +9,7 @@ Counting Sort - מיון מניה, מיועד כדי למיין מספרים ש
 
 <!--more-->
 <!-- <div class="left">
-  <img src="/assets/img/posts/counting-sort/counting-sort-animation.gif" alt="Counting Sort Animation">
+  <img src="/images/posts/counting-sort/counting-sort-animation.gif" alt="Counting Sort Animation">
 </div> -->
 בהתחשב בידע זה, אנו יודעים שמערך הקלט מכיל מספרים טבעיים מ 1 עד k, ולכן נוכל ליצור מערך נפרד, בשם C, בגודל k איברים (ונאתחל אותו כך שיכיל את הספרה 0 בכל תא). לאחר מכן נעבור על מערך הקלט ובכל פעם שנקרא איבר ממערך הקלט נעלה באחד את האינדקס שלו במערך C (המערך שיצרנו) (עד כאן ביצענו את שלב a באיור למעלה).
 
diff --git a/_posts/2013-06-09-selection-sort.md b/_posts/2013-06-09-selection-sort.md
index 5eb8e05..b78392a 100644
--- a/_posts/2013-06-09-selection-sort.md
+++ b/_posts/2013-06-09-selection-sort.md
@@ -30,7 +30,7 @@ for (i &lt;- 1 to n-1) do
 ```
 
 <div class="left">
-  <img src="/assets/img/posts/selection-sort/selection-sort-animation.gif" alt="Selection Sort Animation">
+  <img src="/images/posts/selection-sort/selection-sort-animation.gif" alt="Selection Sort Animation">
 </div>
 
 להלן אנימציה (בצד שמאל) של האלגוריתם בפעולה על מערך, כשהמערך ההתחלתי הוא {7 ,8 ,4 ,1, 3, 9, 6, 2, 5, 8}, והמערך המתקבל בסוף הוא {9, 8 ,7, 6, 5, 4, 3, 2, 1, 0}.
diff --git a/_posts/2013-07-14-insertion-sort.md b/_posts/2013-07-14-insertion-sort.md
index 0065a83..f5c7be8 100644
--- a/_posts/2013-07-14-insertion-sort.md
+++ b/_posts/2013-07-14-insertion-sort.md
@@ -31,7 +31,7 @@ for (j &lt;- 2 to length[A]) do
 ```
 
 <div class="left">
-  <img src="/assets/img/posts/insertion-sort/insertion-sort-animation.gif" alt="Insertion Sort Animation">
+  <img src="/images/posts/insertion-sort/insertion-sort-animation.gif" alt="Insertion Sort Animation">
 </div>
 
 להלן אנימציה (בצד שמאל) של האלגוריתם בפעולה על מערך, כשהמערך ההתחלתי הוא {4 ,2, 7, 8, 1, 3, 5, 6}, והמערך המתקבל בסוף הוא {8, 7, 6, 5, 4, 3, 2, 1}.
diff --git a/_posts/2013-08-11-bubble-sort.md b/_posts/2013-08-11-bubble-sort.md
index 8f7f413..101418b 100644
--- a/_posts/2013-08-11-bubble-sort.md
+++ b/_posts/2013-08-11-bubble-sort.md
@@ -31,7 +31,7 @@ for (i &lt;- 1 to length[A]) do
 ```
 
 <div class="left">
-  <img src="/assets/img/posts/bubble-sort/bubble-sort-animation.gif" alt="Bubble Sort Animation">
+  <img src="/images/posts/bubble-sort/bubble-sort-animation.gif" alt="Bubble Sort Animation">
 </div>
 
 להלן אנימציה (בצד שמאל) של האלגוריתם בפעולה על מערך, כשהמערך ההתחלתי הוא {4 ,2, 7, 8, 1, 3, 5, 6}, והמערך המתקבל בסוף הוא {8, 7, 6, 5, 4, 3, 2, 1}.
diff --git a/_posts/2013-09-15-merge-sort.md b/_posts/2013-09-15-merge-sort.md
index 86c4f6e..a631794 100644
--- a/_posts/2013-09-15-merge-sort.md
+++ b/_posts/2013-09-15-merge-sort.md
@@ -10,7 +10,7 @@ Merge Sort - מיון מיזוג. אלגוריתם זה פועל בשיטת הפ
 ### מהי שיטת הפרד ומשול?
 
 <div class="left">
-  <img src="/assets/img/posts/merge-sort/merge-sort-animation.gif" alt="Merge Sort Animation">
+  <img src="/images/posts/merge-sort/merge-sort-animation.gif" alt="Merge Sort Animation">
 </div>
 
 **הפרד:** חלק את הבעיה לכמה תת בעיות.  
diff --git a/_posts/2013-10-01-fun-part-android.md b/_posts/2013-10-01-fun-part-android.md
index d74d3da..ea9ab7e 100644
--- a/_posts/2013-10-01-fun-part-android.md
+++ b/_posts/2013-10-01-fun-part-android.md
@@ -15,7 +15,7 @@ category: Android
 
 מטרת המאמר אינה להסביר כיצד לפתוח קבצי Apk, וכדי לא להאריך את המאמר יתר על המידה, ברשותכם, אפנה אתכם לפוסט שכתבתי המסביר בפירוט כיצד לבצע את זה, בעזרת התוכנה Apktool. [Analyze an Apk file](http://www.lifelongstudent.net/2012/06/848/).
 
-בשביל שנהיה באותו קו, אציין כי החבילה (האפליקציה) שעליה אעבוד בהמשך היא של החייגן, תוכלו להוריד את שלי [מכאן](http://www.lifelongstudent.net/Files/Phone.apk).
+בשביל שנהיה באותו קו, אציין כי החבילה (האפליקציה) שעליה אעבוד בהמשך היא של החייגן, תוכלו להוריד את שלי [מכאן](http://www.lifelongstudent.io/files/Phone.apk).
 
 <!--more-->
 
@@ -56,7 +56,7 @@ category: Android
 **Intent ו Intent Filter -** כל חבילה (אפליקציה) גדולה יחסית תכיל לרוב Service ,Activity ו Broadcast receiver, אלה שלושת מרכיבי הליבה של כל חבילה. שלושת אלה מופעלים באמצעות הודעות הנקראות intents. אובייקט מסוג Intent מייצג כוונה של המשתמש או של מערכת ההפעלה. קיימים 2 סוגים של Intent, הסוג הראשון הוא Intent שמכוון באופן ברור ל Activity או ל Component ספציפי ונקרא Explicit Intent.
 
 <div class="left">
-  <img src="/assets/img/posts/fun-part-of-android/Intent_Filter_Browser.png" alt="Intent Filter Browser">
+  <img src="/images/posts/fun-part-of-android/Intent_Filter_Browser.png" alt="Intent Filter Browser">
 </div>
 
 הסוג השני הוא Intent שלא מכוון באופן ברור ואפשר להגיד שהוא פשוט "נזרק לחלל האוויר". במקרה כזה המערכת (Intent Filter) תאתר את ה Activity (או את הרכיב החומרתי) אליו הוא מכוון בעזרת המאפיינים של ה Intent (שהינם Category ,Action, ו-Data).
@@ -77,7 +77,7 @@ category: Android
 בשביל להבין איך החבילות האלו בנויות מנקודת המבט של המפתחים, בניתי אפליקציה פשוטה שמורכבת מ Activity (מסך אחד). בצד שמאל יש לנו את האקספלורר ובו כל התיקיות והקבצים.
 
 <div>
-  <img src="/assets/img/posts/fun-part-of-android/layout_main.png" alt="Main Layout in Eclipse">
+  <img src="/images/posts/fun-part-of-android/layout_main.png" alt="Main Layout in Eclipse">
 </div>
 
   * **התיקייה src:** התיקייה מכילה את כל הקוד וקבצי המקור שפותח בחבילה, בשפת JAVA.
@@ -88,7 +88,7 @@ category: Android
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/fun-part-of-android/Resolutions.png" alt="Resolutions">
+  <img src="/images/posts/fun-part-of-android/Resolutions.png" alt="Resolutions">
 </div>
 
 **Resources:**
@@ -110,7 +110,7 @@ category: Android
 ### Take a look inside
 
 <div class="left">
-  <img src="/assets/img/posts/fun-part-of-android/dial_num_7_wht.png" alt="Android Dial Number 7 png">
+  <img src="/images/posts/fun-part-of-android/dial_num_7_wht.png" alt="Android Dial Number 7 png">
 </div>
 
 אחרי שפתחנו את הקובץ נקבל תיקייה בשם Phone (בחרתי לקרוא לתיקייה בשם המקורי של החבילה), אך פה נראה שהקובץ שבנוי בצורה קצת שונה ממה שראינו לעיל (מהזווית של המפתח), עכשיו אנו רואים את הפרויקט / חבילה בתצורה הסופית שלה (לאחר שעברה קימפול ע"י הקומפיילר של Dalvik מ bytecode, שהגיע כתוצאה מהקימפול של Java code).
@@ -125,7 +125,7 @@ category: Android
 ואת התמונה של הכפתור לקחתי מהתיקייה `drawable-hdpi` וניתן לראות (לפי ההפניה ב XML שלעיל) שהשם שלה הוא dial\_num\_7_wht (התמונה למעלה בצד שמאל).
 
 <div class="left">
-  <img src="/assets/img/posts/fun-part-of-android/Strings.png" alt="Strings">
+  <img src="/images/posts/fun-part-of-android/Strings.png" alt="Strings">
 </div>
 
 כמו שאמרנו, מחרוזות הטקסט באפליקציה נכתבות במסמך שונה, בקובץ XML בשם strings, וקובץ זה יהיה בתיקייה `values` (לכל שפה ישנה תיקיית values משלה, בצירוף קוד המדינה ב-2 תווים). ה strings.xml בשפה העברית יהיה בתיקייה `values-iw`.
diff --git a/_posts/2013-10-20-binary-search.md b/_posts/2013-10-20-binary-search.md
index 90af142..15513e5 100644
--- a/_posts/2013-10-20-binary-search.md
+++ b/_posts/2013-10-20-binary-search.md
@@ -34,7 +34,7 @@ else return m
 ```
 
 <div class="left">
-  <img src="/assets/img/posts/binary-search/binary_search.png" alt="BFS Algorithm" style="width: 40%;">
+  <img src="/images/posts/binary-search/binary_search.png" alt="BFS Algorithm" style="width: 40%;">
 </div>
 
 התמונה בצד שמאל ממחישה כיצד יראה המערך עליו אנו מחפשים, ואת הערכים שנעביר כשנקרא לעצמנו רקורסיבית.
diff --git a/_posts/2013-11-10-quick-sort.md b/_posts/2013-11-10-quick-sort.md
index 86ae11b..04adefc 100644
--- a/_posts/2013-11-10-quick-sort.md
+++ b/_posts/2013-11-10-quick-sort.md
@@ -43,7 +43,7 @@ if (p &lt; r)
 ```
 
 <div class="left">
-  <img src="/assets/img/posts/quick-sort/quick-sort-animation.gif" alt="Quick Sort Animation">
+  <img src="/images/posts/quick-sort/quick-sort-animation.gif" alt="Quick Sort Animation">
 </div>
 
 להלן אנימציה (בצד שמאל) של האלגוריתם בפעולה על מערך, כשהמערך ההתחלתי הוא {4 ,2, 7, 8, 1, 3, 5, 6}, והמערך המתקבל בסוף הוא {8, 7, 6, 5, 4, 3, 2, 1}.
diff --git a/_posts/2014-02-09-stack.md b/_posts/2014-02-09-stack.md
index f0e4930..a9aec71 100644
--- a/_posts/2014-02-09-stack.md
+++ b/_posts/2014-02-09-stack.md
@@ -14,7 +14,7 @@ category: Data Structures
 <!--more-->
 
 <div class="left">
-  <img src="/assets/img/posts/stack/Stack.png" alt="Stack" style="width: 15rem;">
+  <img src="/images/posts/stack/Stack.png" alt="Stack" style="width: 15rem;">
 </div>
 
 &nbsp;
@@ -65,7 +65,7 @@ else top[S] &lt;- top[S] - 1
 **בנוסף,נדגים את פעולות השינוי Pop ו Push:**
 
 <div style="text-align: center;">
-  <img src="/assets/img/posts/stack/Push__Pop_Example.png" alt="Push & Pop Example">
+  <img src="/images/posts/stack/Push__Pop_Example.png" alt="Push & Pop Example">
 </div>
 
 מימוש המחסנית S מתבצע באמצעות מערך. איברי המחסנית מופיעים רק במשבצות הבהירות. (i) המחסנית S מכילה 4 איברים; האיבר הנמצא בראשה הוא 9. (ii) המחסנית S אחרי הקריאות (PUSH(S,17 ו (PUSH(S,3. בשלב הבא, (iii), המחסנית S אחרי הקריאה (POP(S החזירה את האיבר 3, שהוא האיבר האחרון שהוכנס למחסנית. על אף שהאיבר 3 עדיין מופיע במערך, הוא אינו שייך עוד למחסנית; בראש המחסנית נמצא האיבר 17. (כל אחת מהפעולות האלו מתבצעת בזמן ריצה (O(1).
diff --git a/_posts/2014-03-09-arduino-introduction.md b/_posts/2014-03-09-arduino-introduction.md
index 32547e3..632a4c9 100644
--- a/_posts/2014-03-09-arduino-introduction.md
+++ b/_posts/2014-03-09-arduino-introduction.md
@@ -20,7 +20,7 @@ category: Arduino
 ### נתחיל ברכיבים השונים:
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Arduino_Uno.png" alt="Arduino Uno" style="width: 15rem;">
+  <img src="/images/posts/arduino-0/Arduino_Uno.png" alt="Arduino Uno" style="width: 15rem;">
 </div>
 
 **Arduino Uno**
@@ -30,7 +30,7 @@ category: Arduino
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Breadboard.png" alt="Breadboard" style="width: 15rem;">
+  <img src="/images/posts/arduino-0/Breadboard.png" alt="Breadboard" style="width: 15rem;">
 </div>
 
 **לוח מטריצה - Breadboard**
@@ -42,13 +42,13 @@ category: Arduino
 **לחצן סוללה - Battery Snap**
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/BatterySnap.png" alt="Battery Snap" style="width: 10rem;">
+  <img src="/images/posts/arduino-0/BatterySnap.png" alt="Battery Snap" style="width: 10rem;">
 </div>
 
 משמש לחיבור סוללה 9V לארדואינו או ללוח המטריצה (הארדואינו יכול להיות מחובר לחשמל גם דרך כבל ה USB ולקבל כוח מהמחשב).
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Capacitors.png" alt="Capacitors" style="width: 10rem;">
+  <img src="/images/posts/arduino-0/Capacitors.png" alt="Capacitors" style="width: 10rem;">
 </div>
 
 **קבלים - Capacitors**
@@ -60,7 +60,7 @@ category: Arduino
 **מנוע DC**
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/DC_Motor.png" alt="DC Motor" style="width: 10rem;">
+  <img src="/images/posts/arduino-0/DC_Motor.png" alt="DC Motor" style="width: 10rem;">
 </div>
 
 ממיר את האנרגיה החשמלית לאנרגיה מכנית ,סלילי התיל בתוך המנוע הופכים לממוגנטים כאשר זורם דרכם זרם. השדות המגנטים האלו מושכים והודפים את המגנטים וגורמים למוט להסתובב (או להסתחרר). כשהכיוון של החשמל הפוך, המנוע יסתובב בכיוון ההפוך.
@@ -70,7 +70,7 @@ category: Arduino
 **דיודה - Diode**
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Diode.png" alt="Diode" style="width: 10rem;">
+  <img src="/images/posts/arduino-0/Diode.png" alt="Diode" style="width: 10rem;">
 </div>
 
 הדיודה מבטיחה שהחשמל זורם רק בכיוון אחד (שימושי כאשר יש לנו מנוע או מתח/עומס גבוה אחר במעגל). דיודות הן מקוטבות, כלומר הכיוון שהן ממוקמות במעגל משנה. אם נניח אותן בדרך אחת, הן יאפשרו לזרם לעבור, נניח אותן הפוך, הן יחסמו אותו. הקוטב החיובי (אנודה) בדר"כ מתחברת לנקודה בה האנרגיה במעגל שלנו גבוהה. בעוד הקתודה בדר"כ מתחברת לנקודה בה האנרגיה נמוכה יותר או לקרקע. הקתודה היא בדר"כ עם הסימן של הלקה בצד אחד של גוף הרכיב (פס לקה).
@@ -78,7 +78,7 @@ category: Arduino
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Cellophane.png" alt="Cellophane" style="width: 10rem;">
+  <img src="/images/posts/arduino-0/Cellophane.png" alt="Cellophane" style="width: 10rem;">
 </div>
 
 **נייר צלופן (בצבעים אדום, ירוק, כחול)**
@@ -88,7 +88,7 @@ category: Arduino
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/H-Bridge.png" alt="H-Bridge" style="width: 10rem;">
+  <img src="/images/posts/arduino-0/H-Bridge.png" alt="H-Bridge" style="width: 10rem;">
 </div>
 
 **גשר אייצ'- H Bridge**
@@ -98,7 +98,7 @@ category: Arduino
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Jumper_Wires.png" alt="Jumper Wires" style="width: 10rem;">
+  <img src="/images/posts/arduino-0/Jumper_Wires.png" alt="Jumper Wires" style="width: 10rem;">
 </div>
 
 **חוטי גישור - Jumper Wires**
@@ -108,7 +108,7 @@ category: Arduino
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/LEDs.png" alt="LEDs" style="width: 10rem;">
+  <img src="/images/posts/arduino-0/LEDs.png" alt="LEDs" style="width: 10rem;">
 </div>
 
 **דיודות פולטות אור - LEDs**
@@ -118,7 +118,7 @@ category: Arduino
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/LCD.png" alt="LCD" style="width: 10rem;">
+  <img src="/images/posts/arduino-0/LCD.png" alt="LCD" style="width: 10rem;">
 </div>
 
 **תצוגת גביש נוזלי - LCD**
@@ -128,7 +128,7 @@ category: Arduino
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Male_Header_Pins.png" alt="Male Header Pins" style="width: 10rem;">
+  <img src="/images/posts/arduino-0/Male_Header_Pins.png" alt="Male Header Pins" style="width: 10rem;">
 </div>
 
 **סיכות כותרת זכר - Male Header Pins**
@@ -138,7 +138,7 @@ category: Arduino
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Optocoupler.png" alt="Optocoupler" style="width: 5rem;">
+  <img src="/images/posts/arduino-0/Optocoupler.png" alt="Optocoupler" style="width: 5rem;">
 </div>
 
 **מצמד אופטי - Optocoupler**
@@ -148,7 +148,7 @@ category: Arduino
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Piezo.png" alt="Piezo" style="width: 5rem;">
+  <img src="/images/posts/arduino-0/Piezo.png" alt="Piezo" style="width: 5rem;">
 </div>
 
 **חיישן פיזואלקטריים - Piezo**
@@ -158,7 +158,7 @@ category: Arduino
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Photoresistor.png" alt="Photoresistor" style="width: 2rem;">
+  <img src="/images/posts/arduino-0/Photoresistor.png" alt="Photoresistor" style="width: 2rem;">
 </div>
 
 **נגד תמונה - Photoresistor**
@@ -168,7 +168,7 @@ category: Arduino
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Potentiometer.png" alt="Potentiometer" style="width: 3rem;">
+  <img src="/images/posts/arduino-0/Potentiometer.png" alt="Potentiometer" style="width: 3rem;">
 </div>
 
 **פוטנציומטר - Potentiometer**
@@ -178,7 +178,7 @@ category: Arduino
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Button.png" alt="Button" style="width: 5rem;">
+  <img src="/images/posts/arduino-0/Button.png" alt="Button" style="width: 5rem;">
 </div>
 
 **לחצנים**
@@ -188,7 +188,7 @@ category: Arduino
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Resistors.png" alt="Resistors" style="width: 10rem;">
+  <img src="/images/posts/arduino-0/Resistors.png" alt="Resistors" style="width: 10rem;">
 </div>
 
 **נגדים - Resistors**
@@ -197,13 +197,13 @@ category: Arduino
 להלן טבלת הערכים של הצבעים:
 
 <div style="text-align: center;">
-  <img src="/assets/img/posts/arduino-0/Resistor_Table.png" alt="Resistor Table">
+  <img src="/images/posts/arduino-0/Resistor_Table.png" alt="Resistor Table">
 </div>
 
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Servo_Engine.png" alt="Servo Engine" style="width: 10rem;">
+  <img src="/images/posts/arduino-0/Servo_Engine.png" alt="Servo Engine" style="width: 10rem;">
 </div>
 
 **מנוע סרוו (Servo)**
@@ -213,7 +213,7 @@ category: Arduino
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Temperature_Sensor.png" alt="Temperature Sensor" style="width: 3rem;">
+  <img src="/images/posts/arduino-0/Temperature_Sensor.png" alt="Temperature Sensor" style="width: 3rem;">
 </div>
 
 **חיישן טמפרטורה**
@@ -223,7 +223,7 @@ category: Arduino
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Tilt_Sensor.png" alt="Tilt Sensor" style="width: 2rem;">
+  <img src="/images/posts/arduino-0/Tilt_Sensor.png" alt="Tilt Sensor" style="width: 2rem;">
 </div>
 
 **חיישן הטיה**
@@ -233,7 +233,7 @@ category: Arduino
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Transistors.png" alt="Transistors" style="width: 8rem;">
+  <img src="/images/posts/arduino-0/Transistors.png" alt="Transistors" style="width: 8rem;">
 </div>
 
 **טרנזיסטור**
@@ -243,7 +243,7 @@ category: Arduino
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/USB.png" alt="USB" style="width: 10rem;">
+  <img src="/images/posts/arduino-0/USB.png" alt="USB" style="width: 10rem;">
 </div>
 
 **כבל USB**
@@ -263,11 +263,11 @@ category: Arduino
 **כיצד הלוח בנוי:**
 
 <div style="text-align: center;">
-  <img src="/assets/img/posts/arduino-0/Arduino_Broad.png" alt="Arduino Broad">
+  <img src="/images/posts/arduino-0/Arduino_Broad.png" alt="Arduino Broad">
 </div>
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Serial_Port.png" alt="Serial Port" style="width: 15rem;">
+  <img src="/images/posts/arduino-0/Serial_Port.png" alt="Serial Port" style="width: 15rem;">
 </div>
 
 &nbsp;
@@ -277,13 +277,13 @@ category: Arduino
 על מנת לבדוק שהכל קשורה והמכשיר מזוהה פתחו את ה IDE (סביבת העבודה של ארדואינו &#8211; Sketch), כנסו ל `File` ומשם ל `Examples`, כאן נמצא דוגמאות לקטעי קוד המבצעים פעולות כלשהן כולל הסברים (הערות) בתוך הקוד. כדי לבצע בדיקה פשוטה נבחר ב `Basics` וב `Blink`. יפתח לנו חלון חדש (את הישן ניתן לסגור).
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Tools-Board.png" alt="Tools Board" style="width: 15rem;">
+  <img src="/images/posts/arduino-0/Tools-Board.png" alt="Tools Board" style="width: 15rem;">
 </div>
 
 לא נעבור על הקוד כעת אלה רק נעלה אותו ללוח הארדואינו שלנו, לכן ניכנס ל `Tools` ואז ל `Serial Port` ונבדק שה v נמצא על החיבור שהארדואינו נמצא עליו (כשנבחר את הלוח תקפוץ לנו הודעה קטנה באיזה חיבור הוא נמצא, וככלל אצבע בווינדוס הוא יהיה על ה COM עם המספר הגבוה ביותר). לאחר מכן נוודא שהוא מזהה שיש לנו את הלוח הנכון ע"י כניסה ל `Tools` ול `Board` ובחירת הלוח המתאים (אני משתמש ב Arduino Uno ועליו אבצע את כל הפרויקטים בעתיד).
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-0/Upload.png" alt="Upload" style="width: 15rem;">
+  <img src="/images/posts/arduino-0/Upload.png" alt="Upload" style="width: 15rem;">
 </div>
 
 כעת נלחץ על החצן המצביע לכיוון ימין (כשנעבור מעליו נראה הודעה של Upload) ולאחר מכן נראה שהקוד שלנו מתקמפל ועולה אל הלוח (בבר התחתון שיופיע). לאחר שהעלינו את הקוד, בלי לבצע כל דבר מעבר לכך, הארדואינו שלנו צריך להתחיל להפעיל את הקוד, ונראה שהנורה של פין מס' 13 מהבהבת, זה כל מה שהקוד צריך לעשות. (ניתן לנסות לעבור עליו לבד ולהבין למה, בעתיד נכתוב את הקוד לבד ואסביר אותו).
diff --git a/_posts/2014-03-23-arduino-1.md b/_posts/2014-03-23-arduino-1.md
index 0973a0e..37dc9a9 100644
--- a/_posts/2014-03-23-arduino-1.md
+++ b/_posts/2014-03-23-arduino-1.md
@@ -29,7 +29,7 @@ category: Arduino
 לוח המטריצה זהו המקום העיקרי עליו נבנה את המעגלים (בדומה מאוד ללגו). השורות האופקיות מחוברות יחדיו מתחת לפלסטיק. ובצדדים, השורות האנכיות מחוברות גם הן (ה+/-), להלן תמונה טובה להמחשה:
 
 <div style="text-align: center;">
-  <img src="/assets/img/posts/arduino-1/Breadboard_Strips.png" alt="Breadboard Strips">
+  <img src="/images/posts/arduino-1/Breadboard_Strips.png" alt="Breadboard Strips">
 </div>
 
 כעת נתחיל לבנות את הפרויקט. לאורך כל הפרויקט אציג אילוסטרציה של המעגל החשמלי שנבנה באותו השלב, ואציג גם איור סכמטי (בכל הפרויקטים אשים דגש על הצגת האיור הסכמתי, זה אולי לא יעזור לכם הרבה אך שווה ללמוד ולהכיר את הסימנים, מכיוון שרוב הפרויקטים באינטרנט והאיורים של המעגלים חשמליים נעשים ע"י איור סכמטי).
@@ -41,7 +41,7 @@ category: Arduino
   * **מתג -** המתג קוטע את זרימת החשמל, הוא שובר את המעגל כאשר הוא פתוח וישלים את המעגל כאשר הוא סגור. ישנם סוגים רבים של מתגים אך אלה שאני משתמש בהם נקראים מתגים רגעיים, או לחצנים, מכיוון שהם סוגרים מעגל רק כאשר מופעל עליהם לחץ.
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-1/Button1.png" alt="Button" style="width: 15rem;">
+  <img src="/images/posts/arduino-1/Button1.png" alt="Button" style="width: 15rem;">
 </div>
 
 &nbsp;
@@ -51,7 +51,7 @@ category: Arduino
 להלן הסכמה ואיור להמחשה:
 
 <div style="text-align: center">
-  <img src="/assets/img/posts/arduino-1/ArduinoLED.png" alt="Arduino LED">
+  <img src="/images/posts/arduino-1/ArduinoLED.png" alt="Arduino LED">
 </div>
 
 כעת חברו בחזרה את מקור הכוח. ניתן לראות כי הנורה דולקת תמיד, בנינו מעגל חשמלי שלם והנורה תמיד מקבלת חשמל ולכן תמיד דולקת.
@@ -63,7 +63,7 @@ category: Arduino
 להלן האיור והסכמה:
 
 <div style="text-align: center">
-  <img src="/assets/img/posts/arduino-1/PushButton.png" alt="Push Button">
+  <img src="/images/posts/arduino-1/PushButton.png" alt="Push Button">
 </div>
 
 כעת, נמשיך ל-2 סוגים של חיבורים: מעגל טורי, ומעגל מקבילי. במעגל טורי נחבר את הרכיבים כך שיפעלו אחד אחרי השני, בעוד במעגל מקבילי נחבר את הרכיבים כך שיפעלו אחד לצד השני.
@@ -77,7 +77,7 @@ category: Arduino
 כמו שניתן לראות, חיברנו את המתגים אחד אחרי השני, ועל מנת לחשמל יגיע אל נורית ה LED יש ללחוץ על שניהם כדי שישלימו מעגל חשמלי ביחד. להן האיור והסכמה:
 
 <div style="text-align: center">
-  <img src="/assets/img/posts/arduino-1/TwoButtons.png" alt="Two Buttons">
+  <img src="/images/posts/arduino-1/TwoButtons.png" alt="Two Buttons">
 </div>
 
 ### מעגל מקבילי
@@ -87,7 +87,7 @@ category: Arduino
 להלן האיור והסכמה:
 
 <div style="text-align: center">
-  <img src="/assets/img/posts/arduino-1/TwoButtons_2.png" alt="TwoButtons 2">
+  <img src="/images/posts/arduino-1/TwoButtons_2.png" alt="TwoButtons 2">
 </div>
 
 ### לסיכום
diff --git a/_posts/2014-04-06-arduino-2.md b/_posts/2014-04-06-arduino-2.md
index 5ff0523..97087fb 100644
--- a/_posts/2014-04-06-arduino-2.md
+++ b/_posts/2014-04-06-arduino-2.md
@@ -26,7 +26,7 @@ category: Arduino
 להלן סכמה ואיור להמחשה:
 
 <div style="text-align: center">
-  <img src="/assets/img/posts/arduino-2/Arduino_Project_num2.png" alt="Arduino Project number 2">
+  <img src="/images/posts/arduino-2/Arduino_Project_num2.png" alt="Arduino Project number 2">
 </div>
 
 **כמה הערות לפני כתיבת הקוד**
diff --git a/_posts/2014-04-20-computer-networks-introduction.md b/_posts/2014-04-20-computer-networks-introduction.md
index 1b86d74..d318446 100644
--- a/_posts/2014-04-20-computer-networks-introduction.md
+++ b/_posts/2014-04-20-computer-networks-introduction.md
@@ -36,7 +36,7 @@ category: Computer Networks
 להלן איור עם דוגמאות למבנים טופולוגיים של רשתות:
 
 <div style="text-align: center">
-  <img src="/assets/img/posts/computer-networks/NetworksTypes.png" alt="Networks Types">
+  <img src="/images/posts/computer-networks/NetworksTypes.png" alt="Networks Types">
 </div>
 
 **קריטריון נוסף לסיווג רשתות הוא גודלן:**
@@ -66,7 +66,7 @@ category: Computer Networks
 **חיבור חסר קשר (Connectionless) -** פועל על פי השיטה של הדואר. כל הודעה (מכתב) נושא את כתובת היעד המלאה, בנוסף כל הודעה כזו מנותבת דרך צמתי הביניים בתוך המערכת באופן עצמאי, ללא תלות של ההודעות שלאחר מכן. כאשר כל צומת ביניים צריכה לקבל את ההודעה במלואה, שליחתה אל הצומת הבאה (זה נקרא: Store-and-Forward Switching). כאשר החלופה היא להתחיל את שליחת ההודעה אל הצומת הבאה עוד לפני שההודעה התקבלה במלואה בצומת הנוכחית (נקרא: Cut-Through Switching). שימו לב כי כאן אין צורך בהקמת קשר ישיר עם כתובת היעד.
 
 <div class="left">
-  <img src="/assets/img/posts/computer-networks/Connection_OrientedLess.png" alt="Connection OrientedLess" style="width: 35rem;">
+  <img src="/images/posts/computer-networks/Connection_OrientedLess.png" alt="Connection OrientedLess" style="width: 35rem;">
 </div>
 
 כל שירות יכול להיות מאופיין ע"י האמינות שלו. כאשר חלק מהשירותים אמינים מבחינה זו שהם לעולם לא מאבדים מידע (לרוב, שירות אמין מוטמע ע"י כך שהוא מחייב את המקבל לאשר כל הודעה כך שהשולח בטוח שההודעות התקבלו). לא אלאה אתכם בפרטים, בצד שמאל הוספתי טבלה מסכמת של הגרסאות הקיימות בכל אחד מהשירותים. ולמרות שהקונספט של שימוש בשירות לא אמין יראה מוזר, הרי מדוע שמישהו יעדיף שירות לא אמין על פני שירות אמין? הוא בשימוש רב. תחילה, יתכן כי שירות אמין לא יהיה זמין בשכבה מסוימת (לדוגמה אתרנט לא מספק שירות אמין, מנות יכולות להשתבש בדרך, וזה על פרוטוקולים משכבות גבוהות יותר להתמודד עם הבעיה). בנוסף, הוספתי בטבלה דוגמאות לכל שירות, וניתן לראות כי שיחת וידיאו VoIP היא דוגמה מצויינת לשירות לא אמין, חשוב לנו יותר שלא יהיה דיילי והשיחה לא תקפא בגלל שמנה אחת שהשתבשה או לא הגיעה, מאשר שיהיה גליצ' קטן או שיבוש בפיקסל, לשניה באמצע השיחה.
@@ -96,7 +96,7 @@ category: Computer Networks
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/computer-networks/TCP-IP_OSI_Models.png" alt="TCP-IP OSI Models">
+  <img src="/images/posts/computer-networks/TCP-IP_OSI_Models.png" alt="TCP-IP OSI Models">
 </div>
 
 ### 3. המודלים השונים של חלוקה לשכבות
@@ -164,7 +164,7 @@ category: Computer Networks
 **ה ARPANET**
 
 <div class="left">
-  <img src="/assets/img/posts/computer-networks/TelephoneSystemStructure.png" alt="Telephone System Structure">
+  <img src="/images/posts/computer-networks/TelephoneSystemStructure.png" alt="Telephone System Structure">
 </div>
 
 הסיפור מתחיל בשנים המאוחרות של 1950, בשיא המלחמה הקרה, מחלקת ההגנה של ארה"ב (U.S. DoD, ראשי תיבות: [United States Department of Defense](http://en.wikipedia.org/wiki/United_States_Department_of_Defense)) רצתה רשת לפיקוד ובקרה שתוכל לשרוד התקפה גרעינית (בזמנו כל התקשורת הצבאית השתמשה בתשתית הטלפוניה הציבורית). רשת הטלפוניה הציבורית נחשבה לפגיעה בגלל המבנה שלה, אותו מבנה שניתן לראות בתמונה משמאל, בו ניתן לראות כי ישנם מרכזיות המחברות בין מרכזיות אחרות (או משתמשי קצה וכד') ואם הן נופלות לא ניתן יהיה להמשיך בתקשורת כי זוהי הדרך היחידה בה המרכזיות מחוברות בניהן.
@@ -192,7 +192,7 @@ ARPA הוציאה מכרז לבניה של הרשת (הכולל תיאור מד
 **רשתות סלולריות**
 
 <div class="left">
-  <img src="/assets/img/posts/computer-networks/CellularNetwork.png" alt="Cellular Network" style="width: 30rem">
+  <img src="/images/posts/computer-networks/CellularNetwork.png" alt="Cellular Network" style="width: 30rem">
 </div>
 
 אנשים אוהבים לדבר בטלפון, וזה הפך את הרשת הסלולרית לרשת המצליחה ביותר בעולם. יש כיום יותר מ-4 מילארד מנויים (בעולם) לרשת הסלולרית (כדי לקבל פרספקטיבה, זה בערך 60% מאוכלוסיית העולם). הארכיטקטורה של רשת הסלולר השתנתה רבות ב-40 שנה האחרונות, יד ביד עם הצמיחה האדירה שחוותה. הדור הראשון של המכשירים הסלולריים העביר אותות רצפים אנלוגיים ונקרא AMPS, בעוד הדור השני (הנקרא GSM) היה דיגיטלי לגמרי, והדור השלישי (UMTS) גם הוא היה דיגיטלי וכבר הציע מענה לתופעת הגלישה והשימוש ביישומי אינטרנט גם מהמכשיר הנייד (למרות ששוב, הרשת מוצפת והמעבר לדור הרביעי, LTE, מתחיל לתפוס תאוצה).
@@ -220,7 +220,7 @@ ARPA הוציאה מכרז לבניה של הרשת (הכולל תיאור מד
 כדי למנוע בלבול מיותר בניתי טבלה המסכמת את יחידות המידה בהם כנראה תיתקלו במהלך הפוסטים הבאים:
 
 <div style="text-align: center">
-  <img src="/assets/img/posts/computer-networks/Units.png" alt="Units">
+  <img src="/images/posts/computer-networks/Units.png" alt="Units">
 </div>
 
 כמה נקודות:
diff --git a/_posts/2014-05-04-physical-layer.md b/_posts/2014-05-04-physical-layer.md
index 8fb9456..be51dbb 100644
--- a/_posts/2014-05-04-physical-layer.md
+++ b/_posts/2014-05-04-physical-layer.md
@@ -48,7 +48,7 @@ category: Computer Networks
   * **מידע אנלוגי -** מידע היכול לקבל ערך מתוך קבוצה רציפה של ערכים (לדוגמה גל קול).
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/AnalogVsDigitalSignal.png" alt="Analog Vs Digital Signal">
+  <img src="/images/posts/the-physical-layer/AnalogVsDigitalSignal.png" alt="Analog Vs Digital Signal">
 </div>
 
 על מנת לאפשר את זיהוי האות המקורב שנשלח (שאנו מוציאים ע"י פיתוח פורייה), יש לשדר די רכיבים בפיתוח פורייה, על מנת שניתן יהיה לשחזר את האות שנשלח. ולפיכך לתקשורת כזו דרוש רוחב פס רחב, ואף אם הפס רחב דיו, שידור מספר רב של תדרים כאלו הוא בעייתי, השהיית ההתפשטות של האות ו[ניחות](http://en.wikipedia.org/wiki/Attenuation) (דעיכה) עוצמת האות תלויים בתדר שלו. ז"א שאם נשדר רכיבי תדרים רבים למרחק גדול, התדרים השונים יעוותו בצורה שונה (בגלל הפרשי הפאזה שבהם יגיעו והניחות השונה שנגרמים מההבדלים בעוצמת האותות) ואין הבטחה כי ההרמוניות (או רכיב / איבר) יגיעו על פי הסדר שהן נשלחו דבר זה יקשה את הפענוח של המידע.
@@ -85,7 +85,7 @@ _שימו לב:_
 **חוטים שזורים (Twisted pairs)**
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/TwistedPairCable.png" alt="Twisted Pair Cable" style="width: 20rem">
+  <img src="/images/posts/the-physical-layer/TwistedPairCable.png" alt="Twisted Pair Cable" style="width: 20rem">
 </div>
 
 אחת מהתמסורות הישנות והנפוצות ביותר הוא חוטים שזורים (ראו תמונה מצד שמאל). חוט שזור מכיל 2 חוטי נחושת מבודדים (לרוב בעובי של 1 מ"מ) השזורים ביחד בדומה מאוד למולקולת DNA. השזירה מתבצעת כדי להבטיח כי הגלים מהחוטים השונים יבטלו זה את זה. ולרוב, האות הינו ההפרש במתחים של שני החוטים השזורים. מערכת הטלפוניה ו ADSL יכולות לרוץ על חוטים אלו. חוטים שזורים יכולים לרוץ כמה קילומטרים ללא הצורך בהגברת האות, אך למרחק ארוך יותר, האות דועך ויש להשתמש ברפיטרים על מנת להגביר את האות בחזרה. רוחב הפס תלוי בעובי החוטים ובמרחק שלהם, אך לא בעיה להגיע לכמה מגה ביטים לשניה לכמה קילומטרים (במרבית המקרים).
@@ -95,7 +95,7 @@ _שימו לב:_
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/Coaxial_Cable.png" alt="Coaxial Cable" style="width: 20rem">
+  <img src="/images/posts/the-physical-layer/Coaxial_Cable.png" alt="Coaxial Cable" style="width: 20rem">
 </div>
 
 **כבל קואקסיאלי (Coaxial cable) בל קואקסיאלי**
@@ -109,7 +109,7 @@ _שימו לב:_
 **סיבים אופטיים (Fiber optics)**
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/Fiber_Optics.png" alt="Fiber Optics" style="width: 20rem">
+  <img src="/images/posts/the-physical-layer/Fiber_Optics.png" alt="Fiber Optics" style="width: 20rem">
 </div>
 
 לסיב אופטי יש 3 מרכיבי מפתח, מקור האור, יחידת התמסורת, והגלאי. באופן מקובל, פעימת אור מייצגת ביט 1 והעדר האור מייצג 0, יחידת התמסורת היא סיב זכוכית דק ביותר, והגלאי מייצר פעימה חשמלית כל פעם שפוגע בו אור. בעצם מה שעשינו זה להפוך את הפעימה החשמלית לאור, לשלוח את האור על גבי סיב הזכוכית ובקצה השני להפוך אותו חזרה לפעימה חשמלית.
@@ -125,7 +125,7 @@ _הספקטרום האלקטרומגנטי_
 מספר התנודות לשניה של גל כזה נקרא תדר ונמדד ביחידות הרץ, והמרחק בין שתי נקודות מקסימום (או מינימום) רציפות נקרא אורך הגל (ומיוצג באופן אוניברסלי ע"י האות [למדא](http://en.wikipedia.org/wiki/Lambda)). כשאנטנה בגודל המתאים מחוברת למעגל אלקטרוני היא מסוגלת לשדר את הגלים האלקטרומגנטים ביעילות, ולקלטם בצד המקבל שנמצא במרחק ממנה. (בוואקום, כל הגלים האלקטרומגנטים נעים באותה מהירות, ללא קשר לתנודות שלהם. מהירות זאת היא [מהירות האור](http://en.wikipedia.org/wiki/Speed_of_light). בנחושת או בסיבים, המהירות מאטה עד בערך 2/3 ממהירות האור והופכת באופן מועט לתלויה בתנודת הגל).
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/Spectrum.png" alt="Spectrum" style="width: 35rem">
+  <img src="/images/posts/the-physical-layer/Spectrum.png" alt="Spectrum" style="width: 35rem">
 </div>
 
 כל ספקטרום התדרים של הרדיו, מיקרו-גל, אינפרא אדום, והאור (הנראה) יכולים לשמש להעברת מידע, ע"י [מודולציה](http://en.wikipedia.org/wiki/Modulation) של ה [אמפליטודה](http://en.wikipedia.org/wiki/Amplitude), ה[תדר](http://en.wikipedia.org/wiki/Frequency) או ה[פאזה (מופע)](http://en.wikipedia.org/wiki/Phase_(waves)). (קרני רנטגן, אור אולטרה סגול, וקרני גמא יהיו אפילו טובים יותר בגלל התדר הגבוה עליו הם עובדים, אך קשה להפיק אותם, לבצע להם מודולציה, הם לא עוברים היטב בתוך מבנים, ומהווים סכנה ליצורים חיים).  
@@ -144,13 +144,13 @@ _הספקטרום האלקטרומגנטי_
 **תמסורת רדיו**
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/RadioFrequency.png" alt="Radio Frequency" style="width: 15rem">
+  <img src="/images/posts/the-physical-layer/RadioFrequency.png" alt="Radio Frequency" style="width: 15rem">
 </div>
 
 תדרי רדיו (RF - Radio Frequency) קלים ליצירה ויכולים לנוע לאורך מרחקים ארוכים, הם גם חודרים בניינים בקלות יחסית ובשל כך הם פופולריים ביותר לתקשורת, בתוך הבית ומחוצה לו. בנוסף, גלי רדיו נעים לכל הכיוונים מהמקור, כך שהמשדר והמקלט לא חייבים להיות מיושרים פיזית. המאפיינים של גלי רדיו הינם תלוי תדר. בתדרים נמוכים, גלי רדיו עוברים דרך מכשולים היטב, אך הכוח שלהם נופל בצורה חדה ככל שהמרחק מהמקור גדל. בתדרים גבוהים, גלי רדיו נוטים לנוע בקווים ישרים ולקפוץ ממכשולים. בנוסף, תדרי רדיו גבוהים נבלעים ע"י הגשם ומכשולים אחרים במידה גדולה יותר מתדרים נמוכים.
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/Ionosphereb.png" alt="Ionosphere" style="width: 15rem">
+  <img src="/images/posts/the-physical-layer/Ionosphereb.png" alt="Ionosphere" style="width: 15rem">
 </div>
 
 גלי רדיו בתחומי התדרים ה VLF, LF, MF (או בקיצור התדרים מ-4^10 עד 7^10 הרץ) עוקבים אחר הקרקע (כמו בתמונה משמאל - a). גלים אלו ניתנים לגילוי עבור מרחק של בערך 1,000 ק"מ בתדרים הנמוכים (פחות בתדרים הגבוהים יותר). גלי רדיו ברצועות התדרים האלו יכולים לעבור דרך בניינים בקלות, ולכן מכשירי רדיו ניידים מסוגלים לעבוד בתוך הבתים. הבעיה העיקרית בשימוש ברצועות התדרים האלו לתקשורת נתונים היא רוחב הפס הנמוך שלהם.
@@ -185,7 +185,7 @@ _הספקטרום האלקטרומגנטי_
 **תמסורת אור**
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/LightTransmission.png" alt="Light Transmission" style="width: 20rem">
+  <img src="/images/posts/the-physical-layer/LightTransmission.png" alt="Light Transmission" style="width: 20rem">
 </div>
 
 איתות אופטי בלתי מונחה קיים כבר מאות שנים. אך יישום מודרני שלו הוא חיבור רשתות LAN של שני בניינים באמצעות לייזר שמורכב על גג הבניין. איתות בעזרת לייזר הוא חד כיווני, ז"א שכל בניין צריך לייזר משלו וחיישן קריאה משלו. סכמה זו מציעה רוחב פס גדול מאוד בעלות נמוכה, והיא יחסית מאובטחת (קשה לצותת לקרן לייזר צרה). בנוסף, קל מאוד להתקין את המערכת הנל ושלא כמו מיקרו-גל היא לא דורשת רישיון של ה FCC.
@@ -197,7 +197,7 @@ _הספקטרום האלקטרומגנטי_
 ### 4. תקשורת לווינים
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/VanAllenBelt.png" alt="Van Allen Belts" style="width: 20rem">
+  <img src="/images/posts/the-physical-layer/VanAllenBelt.png" alt="Van Allen Belts" style="width: 20rem">
 </div>
 
 בצורתו הפשוטה, ניתן לחשוב על לווין תקשורת כרפיטר מיקרו-גל הנמצא בשמים. הלווין מכיל כמה [טרנספונדרים](http://en.wikipedia.org/wiki/Transponder) (התקן אלקטרוני הקולט ומשדר אותות), שכל אחד מהם מקשיב לחלק קטן מהספקטרום, מגביר את האות הנכנס, ומשדר אותו חזרה בתדר אחר (כדי למנוע הפרעות עם האותות הנכנסים). על פי [חוקי קפלר](http://en.wikipedia.org/wiki/Kepler's_laws_of_planetary_motion), זמן ההקפה של לויין משתנה על פי הרדיוס של המסלול בחזקת 2/3. או בקיצור, ככל שהלווין גבוה יותר כך זמן ההקפה ארוך יותר. בסמוך לפני כדור הארץ זמן ההקפה הוא בערך 90 דק', ובגובה של 35,800 ק"מ (מעל קו המשווה) זמן ההקפה הוא 24 שעות (בגובה של 384,00 ק"מ זמן ההקפה הוא חודש שלם, זמן ההקפה של הירח).
@@ -217,7 +217,7 @@ _הספקטרום האלקטרומגנטי_
 יש לציין כי לווינים לא נשארים לעד. הלווינים המודרנים די גדולים ושוקלים בסביבות 5,000 ק"ג, וצורכים כמה קילווואטים אחדים של כוח חשמלי המופק מהפנאלים הסולריים. ההשפעה של השמש, הירח, וכוח העבודה הפלנטרי נוטה להרחיק אותם מהמקום ומהאורנטצייה שהוקצאה להם, בשביל להשאיר אותם במקומם ישנו אפקט נגדי שמתבצע ע"י מנועי רקטות שמחוברים ללווין. הכיוונונים הקטנים האלו נקראים [station keeping](http://en.wikipedia.org/wiki/Orbital_station-keeping). אחרי שהמנועים לכיוונינים מתעייפים (אחרי בערך 10 שנים), הלווין מתחיל לנטות ואז יש לכבות אותו. לבסוף הלווין יוצא ממסלולו וחוזר לארץ, בעת החזרה הוא נשרף בכניסה לאטמוספריה (בפעמים נדירות מאוד הוא מתרסק לכדור הארץ).
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/BandTable.png" alt="Band Table" style="width: 25rem">
+  <img src="/images/posts/the-physical-layer/BandTable.png" alt="Band Table" style="width: 25rem">
 </div>
 
 בנוסף, כמות הלווינים היא לא הבעיה היחידה, גם התדרים מהווים בעיה, מכיוון שלעיתים קרובות, תדרי ה Downlink מפריעים לתדרי המיקרו-גל. לכן ה ITU הקצה רצועות תדרים ספציפיות לשימוש לווינים. הראשיים מבינהם מופיעים באיור משמאל.
@@ -227,7 +227,7 @@ _הספקטרום האלקטרומגנטי_
 ללווין מודרני ישנם בסביבות 40 משדרים, ובהתחלה כל משדר היה פועל כצינור עצמאי (רוחב הפס הכולל היה מחולק לרצועות תדרים קטנות באופן קבוע). אך בשנים האחרונות כל קרן של משדר מחולקת לתאי זמן, כשכל משתמש לוקח בתורו תא (נרחיב בהמשך על הטכניקות האלו).
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/VASTs.png" alt="VASTs" style="width: 20rem">
+  <img src="/images/posts/the-physical-layer/VASTs.png" alt="VASTs" style="width: 20rem">
 </div>
 
 אחד מהפיתוחים האחרונים בתחום תקשורת הלווינים היה ה'מיקרו תחנות' הזולות והקטנות שנקראות [VSAT](http://en.wikipedia.org/wiki/Very-small-aperture_terminal) (ראשי תיבות: Very Small Aperture Terminals). למסופים הקטנים האלו יש אנטנה בגודל (בערך) מטר אחד בלבד (לעומת 10 מטר ללוויני GEO סטנדרטים), קצב העלאה שלהם בדר"כ טוב עד 1Mbps, וההורדה עד כמה מגה ביטים לשניה. ברוב הפעמים למערכות ה VSAT אין מספיק כוח כדי לתקשר אחד עם השני ישירות (דרך הלווין), לכן ישנה תחנת קרקע מיוחדת הנקראת hub עם אנטנה גדולה שתפקידה להעביר את התנועה בין ה VSATים. (יש לציין כי טכניקה זו גורמת לעיכוב (delay) גדול יותר אך זה מתבצע תמורת תחנות קצה זולות יותר).
@@ -249,7 +249,7 @@ _הספקטרום האלקטרומגנטי_
 בשלושים השנים הראשונות של עידן הלווין, הגובה הנ"ל של הלווינים היה כמעט ללא שימוש, מפני שבגובה הנמוך הלווינים יצאו מהטווח מהר מאוד. פרויקט מפורסם של לווינים בגובה זה הוא פרויקט ה[אירידיום](http://en.wikipedia.org/wiki/Iridium_Communications) שתוכנן ע"י מוטורולה בשנת 1990 והושק בנובמבר 1998. מוטורולה ביקשה מה FCC לשגר 77 לווינים (ועל כך שם הפרויקט). הרעיון היה לכסות את כל כדור הארץ בלווינים כך שברגע שלווין אחד יוצא מהטווח אחר נכנס להחליפו (על תחנות הקרקע לבצע מעברים, handoffs, מלווין אחד למשנהו כדי לשמור על רציפות התקשורת).
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/Iridium.png" alt="Iridium" style="width: 25rem">
+  <img src="/images/posts/the-physical-layer/Iridium.png" alt="Iridium" style="width: 25rem">
 </div>
 
 לאחר 7 שנים השירות החל לעבוד, אך הדרישה לתקשורת טלפונית לווינית הייתה נמוכה בשל ההתפתחות והגידול של רשתות הטלפונים הנידיים. כתוצאה מכך אירידיום נכשלה והכריזה על פשיטת רגל באוגוסט 1999. הלווינים והנכסים של הפרויקט (ששוים 5 מיליארד דולר) נמכרו במכירה פומבית ב-25 מיליון דולר, והפרויקט יצא שוב לדרך במרץ 2001 ורק גדל מאז. השירות מספק שיחות קוליות, תעבורת מידע, שירות איתור, פקס, וניווט בכל מקום בעולם ביבשה, במים ובאוויר. הלווינים ממקומים בגובה של 750 ק"מ ובמרחק של 32 מעלות זה מזה. לכל לווין יש מקסימום 48 קרנים (לשידורים), וקיבולת של 3840 ערוצים (שכל אחד מהם אחראי על שירות אחר). מה שמעניין בפרויקט הזה הוא שהתקשורת בין שני אנשים מתבצעת בחלל (כמו שניתן לראות באיור a משמאל, בניגוד ל b שמתבצע בקרקע).
@@ -265,7 +265,7 @@ _הספקטרום האלקטרומגנטי_
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/Baseband.png" alt="Baseband" style="width: 25rem">
+  <img src="/images/posts/the-physical-layer/Baseband.png" alt="Baseband" style="width: 25rem">
 </div>
 
 **תמסורת Baseband**
@@ -297,7 +297,7 @@ _הספקטרום האלקטרומגנטי_
 עכשיו, כשאנו מקודדים 1 יש שינוי של המתח ואנחנו נשארים מסונכרנים בצורה עקיפה, גם אם יש רצף של 1ים. אך כשנקבל רצף של 0ים, אנחנו עדיין יכולים לאבד את הסנכרון, כי ברצף של 0 לא מתבצע שינוי והמתח נשאר כשהיה לאורך כל הרצף. קווי טלפון דיגיטליים ישנים בארה"ב, הנקראו T1, דרשו שלא יישלחו יותר מ-15 אפסים רצוף כדי שיוכלו לעבוד בצורה תקינה, אז כדי באמת לתקן את הבעיה אנחנו יכולים לפרק את רצף ה0ים ולמפות אותם לקבוצות קטנות של ביטים כך שלא יהיו המון 0ים רצופים.
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/4B-5B.png" alt="4B-5B" style="width: 20rem">
+  <img src="/images/posts/the-physical-layer/4B-5B.png" alt="4B-5B" style="width: 20rem">
 </div>
 
 הקוד המוכר שמבצע את העובדה הזו נקרא [4B/5B](http://en.wikipedia.org/wiki/4B5B). וכל 4 ביטים ממופים לתבנית של 5 ביטים, כשקיימת טבלת תרגום קבועה. השיטה של 5 ביטים נבחרה כדי שלא יהיה רצף של יותר משלושה אפסים רצופים. ובטבלה משמאל אנו רואים את רצף כל האפשרויות שיכול להיות במיפוי זה. מכיוון שאנו מוסיפים עוד ביט לכל 4 ביטים, אנחנו מוסיפים עוד 25% ביטים, אך זה יותר טוב מהוספה של עוד 100% ביטים שהיינו מוסיפים בקוד מנצסטר.
@@ -318,7 +318,7 @@ _הספקטרום האלקטרומגנטי_
 הערך האבסולוטי של התדר אינו חשוב לקיבולת שלו. זה אומר שאנחנו יכולים להסיט אות בשידור baseband (ראו את טבלת התדרים בסעיף 4) שעובד בתדר 0 עד B הרץ, למעלה כך שבשידור passband הוא יעבוד בתדר S עד S+B הרץ, מבלי לשנות את כמות המידע שהוא יכול לשאת, אפילו אם האות יראה שונה. בצד המקבל אנחנו מסיטים את התדר בחזרה למטה (ל baseband), היכן שיותר נוח לגלות את האותות.
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/Passband.png" alt="Passband" style="width: 20rem">
+  <img src="/images/posts/the-physical-layer/Passband.png" alt="Passband" style="width: 20rem">
 </div>
 
 אפנון מודרני מתבצע באמצעות ויסות או אפנון של האות שיושב ב passband, אנחנו יכולים [לאפנן](http://en.wikipedia.org/wiki/Modulation) את ה[אמפליטודה (משרעת)](http://en.wikipedia.org/wiki/Amplitude_modulation), את ה[תדר](http://en.wikipedia.org/wiki/Frequency_modulation), או את ה[מופע (פאזה)](http://en.wikipedia.org/wiki/Phase_modulation) של האות.
@@ -330,7 +330,7 @@ _הספקטרום האלקטרומגנטי_
 בנוסף, ניתן לשלב בין סוגי האיפנונים וכך לשדר יותר ביטים לאות. אך רק פאזה או תדר יכולים להיות משולבים באותו הזמן, מכיוון שהם קשורים זה לזה, כשהתדר הוא קצב השינוי של הפאזה לאורך זמן.
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/ConstellationDiagram.png" alt="Constellation Diagram" style="width: 20rem">
+  <img src="/images/posts/the-physical-layer/ConstellationDiagram.png" alt="Constellation Diagram" style="width: 20rem">
 </div>
 
 בדרך כלל, אפנון אמפליטודה ופאזה משולבים ביחד. באיור משמאל ניתן לראות 3 דוגמאות לשילוב של פאזה ואמפליטודה. בדוגמאות משמאל אנחנו רואים 3 דיאגרמות, הדיאגרמות האלו נקראות [תרשים קונסטלציה](http://en.wikipedia.org/wiki/Constellation_diagram). ב-a (שהיא דיאגרמת ייצוג ל[QPSK](http://en.wikipedia.org/wiki/Phase-shift_keying#Quadrature_phase-shift_keying_.28QPSK.29)) אנחנו רואים נקודות במרחק שווה אחת מהשניה ב-45, 135, 225 ו-315 מעלות. את הפאזה של הנקודה מודדים על ידי הזווית של הקו מראשית הצירים לנקודה, לפי הכיוון החיובי של ציר ה x. ואת האמפליטודה של הנקודה מודדים לפי המרחק של הנקודה מראשית הצירים. ב-b אנחנו רואים קונסטלציה צפופה יותר. כאן יש 16 שילובים של אמפליטודה ופאזה, כך שסכמת האפנון יכולה לשדר 4 ביטים לאות. תרשים הקונסטלציה הזה נקרא [QAM-16](http://en.wikipedia.org/wiki/Quadrature_amplitude_modulation) (ראשי תיבות: Quadrature Amplitude Modulation). ב-c רואים קונסטלציה הנקראת QAM-64, בעלת 64 שילובים של אמפליטודות ופאזות, כך שכל אות יכול להעביר 6 ביטים.
@@ -345,7 +345,7 @@ _הספקטרום האלקטרומגנטי_
 [ריבוב בחלוקת תדר](http://en.wikipedia.org/wiki/Frequency-division_multiplexing) (או Frequency Division Multiplexing) מנצל את תמסורת ה passband כדי לחלוק את הערוץ. הוא מחלק את הספקטרום (קשת התדרים) לרצועות תדרים, כשלכל משתמש יש רשות בלעדית על רצועה כדי לשלוח את האות שלו. תדרי רדיו AM מדגימים שימוש בריבוב בחלוקה זו. הספקטרום המוקצה הוא באזור ה 1MHz (בערך 500 עד 1500kHz). התדרים השונים מוקצים לערוצים לוגים שונים (תחנות), כל פעולה יושבת על חלק מהספקטרום, כשיש להשאיר רווח בערוץ הפנימי (בתוך הערוץ, בין התדרים) גדול מספיק כדי למנוע הפרעות.
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/FrequencyDivisionMultiplexing.png" alt="Frequency Division Multiplexing" style="width: 25rem">
+  <img src="/images/posts/the-physical-layer/FrequencyDivisionMultiplexing.png" alt="Frequency Division Multiplexing" style="width: 25rem">
 </div>
 
 כמו שניתן לראות בתמונה משמאל, אנחנו רואים ערוץ טלפון (קולי) שעליו מבוצע FDM (ריבוב בחלוקת תדר) ל-3 ערוצים שונים. פילטרים שונים מגבילים את הרוחב פס לבערך 3100Hz לכל רמת ערוץ קול. כשכל הערוצים מתחברים יחדיו לערוץ אחד, לכל ערוץ מוקצב רוחב פס של 4000Hz. העודף הזה (900Hz) נקרא [guard band](http://en.wikipedia.org/wiki/Guard_band), והוא נועד לשמור על הערוצים מופרדים היטב.
@@ -355,7 +355,7 @@ _הספקטרום האלקטרומגנטי_
 בתמונה למעלה משמאל, רואים ב a את רוחב הפס המקורי, לאחר מכן ב b את רוחב הפס מועלה בתדר, וב c את הערוץ המרובב (הסופי). בריבוב זה נעשה שימוש בתעשיית הטלפוניה (כדי לרבב מספר שיחות על אותו התדר) במשך הרבה שנים, אך היום ריבוב בחלוקת זמן הוא המועדף (למרות זאת, FDM נמצא עדיין בשימוש גבוה בתקשורת הטלפוניה, הסלולרית, והלווינית).
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/OrthogonalFrequency-divisionMultiplexing.png" alt="Orthogonal Frequency-division Multiplexing" style="width: 25rem">
+  <img src="/images/posts/the-physical-layer/OrthogonalFrequency-divisionMultiplexing.png" alt="Orthogonal Frequency-division Multiplexing" style="width: 25rem">
 </div>
 
 כששולחים מידע דיגיטלי, ניתן לחלק את הספקטרום ביעילות מבלי להשתמש במגני פס (guard bands) ובכך לא לבזבז רוחב פס יקר, וזה בדיוק מה ש OFDM (ראשי תיבות: [Orthogonal Frequency Division Multiplexing](http://en.wikipedia.org/wiki/Orthogonal_frequency-division_multiplexing)) עושה. רוחב הפס של הערוץ מחולק להמון תתי מובילים שבאופן עצמאי שולחים מידע. התתי מובילים האלו ארוזים ביחד על תחום תדר (כלשהו). כך שהאותות מכל מוביל מתפשטים לסמוכים אליהם. אך כמו שניתן לראות באיור משמאל, תגובת התדר של כל מוביל מתוכננת להיות שווה לאפס במרכז של התתי מובילים הסמוכים אליו. לכן, ניתן לדגום את התתי מובילים במרכז התדר שלהם בלי רעש משכניהם. כדי שזה יעבוד, אנחנו צריכים משתנה זמן כלשהו, שיחזור על עצמו כל חלק זמן קבוע של סמל האות, כך שיהיה להם את תגובת התדר הרצויה. למרות זאת, [התקורה](http://he.wikipedia.org/wiki/%D7%94%D7%95%D7%A6%D7%90%D7%95%D7%AA_%D7%AA%D7%A7%D7%95%D7%A8%D7%94) היא הרבה פחות משנחוצה להרבה מגני פס (guards bands).
@@ -367,7 +367,7 @@ _הספקטרום האלקטרומגנטי_
 **ריבוב בחלוקת זמן**
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/TimeDivistionMultiplexing.png" alt="Time Divistion Multiplexing" style="width: 25rem">
+  <img src="/images/posts/the-physical-layer/TimeDivistionMultiplexing.png" alt="Time Divistion Multiplexing" style="width: 25rem">
 </div>
 
 אלטרנטיבה לריבוב בחלוקת תדר, היא ריבוב בחלוקת זמן - TDM (ראשי תיבות: Time Division Multiplexing). ב TDM המשתמשים משדרים בתורות (במבנה סיבובי) כשכל אחד, בתורו, עושה שימוש בכל רוחב הפס לפרץ זמן קצר וקבוע. ניתן לראות משמאל דוגמה ל-3 משתמשים שמשדרים בשיטה זו.
@@ -387,7 +387,7 @@ CDMA מאפשר לכל תחנה לשדר על כל הספקטרום של התד
 אז כדי לשלוח 1, התחנה צריכה לשלוח את הרצף chipים שלה, וכדי לשלוח 0 היא צריכה לשלוח את ההופכי מהרצף. אלה הן התבניות היחידות הניתנות לשליחה. דוגמה: אם לתחנה A מוקצה רצף הchip הבא (1+, 1+, 1-, 1-, 1+, 1+, 1-, 1-, 1-), אז כדי לשלוח 1 אנו שולחים את הרצף הנל, וכדי לשלוח 0 נשלח את הרצף (1-, 1-, 1+, 1-, 1-, 1+, 1+, 1+) . האמת היא שאותות עם רמות הזרמים האלה נשלחים, אך אנחנו חושבים במונחים של רצף (ניתן לראות את רמות הזרמים ב (b) להבדיל מ (a).
 
 <div style="text-align: center;">
-  <img src="/assets/img/posts/the-physical-layer/WalshCodes.png" alt="Walsh Codes">
+  <img src="/images/posts/the-physical-layer/WalshCodes.png" alt="Walsh Codes">
 </div>
 
 בתמונה לעיל, בסעיף (a), אנו רואים 4 תחנות כשלכל אחת יש קוד בינרי,[אורתוגונלי](http://en.wikipedia.org/wiki/Orthogonality) (הכוונה שחיבור כל האיברים במיקומים הזהים, של 2 תחנות, יתן 0) משלה (בשביל ליצר קוד רצף אורותוגונלי שכזה משתמשים ב [Walsh codes](http://en.wikipedia.org/wiki/Hadamard_code)), (בשביל 4 תחנות לא היינו צריכים m=8 כדי לתת קוד יחודיי לכל תחנה, אך מפני שהתחלנו עם אורך הרצף הנל נמשיך איתו). תוכנת האורתוגונליות תיווכח כקריטית מאוחר יותר. שימו לב שכל S\*S שווה ל-1 (S זהוי תחנה כלשהי). וכל S\*s שווה ל-1- (נהוג לסמן S עם קו מעליו וזהו ההפוכי של S, אך בגלל שאין סימן כזה במקלדת כתבתי s קטנה). כמו כן S\*T שווה ל-0 (T זהוי גם תחנה כלשהי אך שונה מ S).וגם עם ההופכי של T, שזה S\*t שווה ל-0.
@@ -415,7 +415,7 @@ CDMA מאפשר לכל תחנה לשדר על כל הספקטרום של התד
 **מבנה הרשת**
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/PSTN_structure.png" alt="PSTN structure" style="width: 25rem">
+  <img src="/images/posts/the-physical-layer/PSTN_structure.png" alt="PSTN structure" style="width: 25rem">
 </div>
 
 כבר בשנת 1876, כשאלכסנדר גרהם בל רשם פטנט על הטלפון, הייתה דרישה גדולה להמצאה החדשה. השוק הראשוני היה של טלפונים, אנשים קנו טלפונים (נייחים, ביתיים) והמכשירים הגיעו בזוגות. והיה על הלקוח לחברם עם חוט יחיד בינהם. אם בעל טלפון רצה לדבר עם n בעלי טלפונים אחרים, היה עליו למתוח חוטים נפרדים לכל n הבתים. תוך שנה ערים שלמות היו מכוסות בחוטים שנמתחו על גגות הבתים והעצים, מכל טלפון לכל טלפון אחר, כמו שניתן לראות באיור משמאל ב (a).
@@ -432,7 +432,7 @@ CDMA מאפשר לכל תחנה לשדר על כל הספקטרום של התד
 להלן מבנה הרשת:
 
 <div style="text-align: center">
-  <img src="/assets/img/posts/the-physical-layer/LocalLoops.png" alt="Local Loops">
+  <img src="/images/posts/the-physical-layer/LocalLoops.png" alt="Local Loops">
 </div>
 
 &nbsp;
@@ -447,7 +447,7 @@ CDMA מאפשר לכל תחנה לשדר על כל הספקטרום של התד
 **מודם טלפון**
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/modem.png" alt="Modem" style="width: 25rem">
+  <img src="/images/posts/the-physical-layer/modem.png" alt="Modem" style="width: 25rem">
 </div>
 
 כדי לשלוח ביטים ברשת לולאה מקומית (או כל ערוץ פיזי אחר) חייבים להמירם לאותות אנלוגים שיכולים להישלח על גבי הערוץ. ההמרה הזו מושגת באמצעות שיטות האפנון (מודולציה) עליהם דיברנו בסעיף 5 (אפנון וריבוב דיגיטליים). בקצה השני האות האנלוגי מומר חזרה לביטים. המכשיר שמבצע את פעולת האפנון נקרא מודם (modem) - קיצור של [modulator demodulator](http://en.wikipedia.org/wiki/Modem). קיימים המון סוגים של מודמים: מודם טלפון, מודם DSL, מודם קווי, מודם אלחוטי וכ'ו. המודם גם יכול להיות בנוי כחלק מהמחשב (מה שנפוץ היום במודם טלפוני) או כקופסה נפרדת (שנפוץ במודם DSL וקווי). המודם ממוקם בין המחשב (דיגטלי) למערכת הטלפון (אנלוגי) כמו שניתן לראות באיוור משמאל.
@@ -471,7 +471,7 @@ CDMA מאפשר לכל תחנה לשדר על כל הספקטרום של התד
 הסיבה שמודמים כל כך איטיים היא שהטלפונים הומצאו על מנת לשאת קול אנושי, וכל מערכת הטלפוניה, בראש ובראשונה, הותאמה למטרה הזו. שידור מידע, היה האח החורג. כל לולאה מקומית מסתיימת במרכזייה, ושם החוט רץ דרך פילטר שמסנן את כל התדרים מתחת ל 300Hz ומעל 3400Hz (כמובן שהחתך אינו נקי, 300Hz ו 3400Hz הם בתווך ה 3dB כך שרוחב הפס הוא בדר"כ 4000Hz, אפילו שהמרחק אמור להיות 3100Hz). זה נעשה כדי שחברת הטלפוניה תוכל לספק יותר ערוצים (יותר לקוחות) פר מרכזייה, ועל הדרך גם הציוד יכול להיות זול ופשוט יותר (לא צריך לספק רוחב פס גדול).
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/xDSL.png" alt="xDSL" style="width: 25rem">
+  <img src="/images/posts/the-physical-layer/xDSL.png" alt="xDSL" style="width: 25rem">
 </div>
 
 הטריק ב xDSL הוא שחברות הטלפוניה הורידו את הפילטרים, וכך כל רוחב הפס של הלולאה המקומית זמין למשתמשים. ההגבלה הופכת מהגבלה מלאכותית להגבלה שתלויה ביכולת הפיזית של הלולאה המקומית, שתומכת בערך ב 1MHz (ולא ה 3100Hz המלאכותיים שנוצרו ע"י הפילטר). לצערנו, הכושר של הלולאה המקומית נופל די במהירות עם המרחק של הלקוח מהמרכזייה (האות נחלש לאורך הכבל). כמובן שזה גם תלוי בעובי ואיכות החוטים השזורים. באיור מצד שמאל ניתן לראות את רוחב הפס הפוטנציאלי כפונקציה של המרחק (באיור יוצאים מנקודת הנחה ששאר התנאים אופטימלים).
@@ -484,7 +484,7 @@ xDSL תוכנן לכמה מטרות:
   4. הם צרכים להיות פעילים תמיד, עם חיוב חודשי ולא לפי זמן.
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/OFDM.png" alt="OFDM" style="width: 25rem">
+  <img src="/images/posts/the-physical-layer/OFDM.png" alt="OFDM" style="width: 25rem">
 </div>
 
 כדי להשיג את המטרות שהציבו לעצמן חברות הטלפוניה הספקטרום הקיים (בדיוק 1.1MHz) של הלולאה המקומית, חולק ל-256 ערוצים עצמאיים של 4312.5Hz כל אחד (כמו שניתן לראות בתמונה משמאל). סכמת ה [OFDM](http://en.wikipedia.org/wiki/Orthogonal_frequency-division_multiplexing) (ריבוב בחלוקת תדר, דיברנו עליו למעלה), משמשת כדי לשלוח מידע על הערוצים האלו. ערוץ 0 משמש ל POTS (ראשי תיבות: Plain Old Telephone Service). ערוצים 1-5 ללא שימוש כלל, כדי לשמור שהתדרים של הקול ושל המידע לא יפריעו אחד לשני. שאר ה-250 ערוצים משמשים להעלה והורדה של מידע (ספקים מחלקים לרוב את רוחב הפס כך ש80%-90% מהערוצים שלו מיועדים להורדה, מכיוון שלרוב, זהו השימוש העקרי של המשתמשים, ומפה נגזרת האות "A" ב ADSL המייצגת Asynchronous).
@@ -492,7 +492,7 @@ xDSL תוכנן לכמה מטרות:
 הסטנדרט הבינלאומי ADSL (שגם ידוע בתור [G.dmt](http://en.wikipedia.org/wiki/G.992.1)) התקבל בשנת 1999 ואפשר מהירויות הורדה של עד 8Mbps והעלה של עד 1Mbps. הוא הוחלף בשנת 2002 לגרסה השניה שלו שנקראה [ADSL2](http://en.wikipedia.org/wiki/G.992.3), עם שיפור במהירות ההורדה לעד 12Mbps והעלה עד 1Mbps. היום יש לנו את [+ADSL2](http://en.wikipedia.org/wiki/G.992.5), המכפילה את מהירות ההורדה לעד 24Mbps ע"י הכפלת רוחב הפס ל 2.2MHz (חוטים שזורים שונים).
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/Typical_Arrangement_of_ADSL.png" alt="A tpical arrangement of ADSL" style="width: 25rem">
+  <img src="/images/posts/the-physical-layer/Typical_Arrangement_of_ADSL.png" alt="A tpical arrangement of ADSL" style="width: 25rem">
 </div>
 
 בכל ערוץ, מתבצע אפנון QAM (גם עליו דיברנו בסעיף הקודם) בקצב של (בערך) 4000 סמלים/שניה. איכות כל ערוץ מנוטרת באופן סדיר ולפיכך מתאימים את הקונסטלציה של האפנון, ולכן לכל ערוץ יתכן קצב נתונים שונה. בערוץ בעל SNR (יחס אות לרעש) גבוה יכולים להישלח עד 15 ביטים לסמל, ועד ל-2 ביטים, ביט אחד או אפילו 0 ביטים בערוץ בעל SNR נמוך. בתמונה מצד שמאל אנחנו רואים סידור טיפוסי של ADSL. בסכמה הזו, טכנאי חברת הטלפוניה צריך להגיע לבית הלקוח כדי להתקין NID (ראשי תיבות: Network Interface Device), בקרבת מקום ל NID (או לפעמים הם מגיעים ביחד באופן מובנה) ישנו Splitter, המפצל הוא פילטר אנלוגי המפריד בין הרצועה לשימוש ה POTS (טווח 0-4000Hz) לדאטה. הטלפון או הפקס מחוברים אליו ישירות, בעוד המחשב מחובר למודם (בדרך כלל באמצעות כבל Ethernet) שמעבד את האות ומאפנן אותו (OFDM).
@@ -508,7 +508,7 @@ xDSL תוכנן לכמה מטרות:
 כמו החוטי נחושת, גם הלולאות המקומיות מסיבים הן פאסיביות. זה אומר שלא דרוש ציוד חשמלי כדי להגביר את האות או תהליך דומה. הסיב פשוט נושא את האות מהבית למרכזייה. בדרך כלל, הסיב מהבית מתחבר כך שרק סיב אחד מגיע אל המרכזייה (לקבוצה של עד 100 בתים). בצד של ההורדה, קיימים מפצלים אופטיים שמחלקים את האות מהמרכזייה כדי שיגיע לכל הבתים. כמובן שהצפנה היא דבר הכרחי לאבטחה כדי שרק בית אחד יוכל לפענח את האות. בצד של ההעלאה, מחברים אופטיים ממזגים את האות מהבתים לאות אחד שמתקבל במרכזייה.
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/PON.png" alt="PONs" style="width: 25rem">
+  <img src="/images/posts/the-physical-layer/PON.png" alt="PONs" style="width: 25rem">
 </div>
 
 הארכיטקטורה הזו נקראת PON (ראשי תיבות: Passive Optical Network), וניתן לראותה בתמונה משמאל. שיתוף התמסורת בצד ההורדה, ועוד אחד לצד ההעלאה היא דבר נפוץ. אפילו לאחר הפיצול, רוחב הפס האדיר, ואי הדילול של האות הקיים בסיבים מאפשרים ל PON לספק קצב נתונים גבוה למרחק של עד 20 ק"מ. המהירות הממשית תלויה בסוג ה PON, וקיימים 2 סוגים נפוצים: GPONs (ראשי תיבות: Gigabit-capable PONs), שמוגדר ע"י ה ITU. ו EPONs (ראשי תיבות: Ethernet PONs) שמוגדר ע"י ה IEEE. כששניהם מספקים בסביבות האחד גיגה ביט.
@@ -539,7 +539,7 @@ xDSL תוכנן לכמה מטרות:
 TDM (ראשי תיבות: Time Division Multiplexing), מבוסס על PCM, משמש להעביר כמה שיחות על גבי גזעים (Trunks) ע"י שליחת דגימה מכל שיחה, כל 125 מילי שניות. השיטה בה משתמשים בצפון אמריקה ויפן נקראת T1 (יותר נכון DS1, והספקית נקראת T1, אך בתעשייה השם שנקלט הוא פשוט T1 לכן נמשיך איתו) ובה, כל מסגרת מחולקת ל-24 ערוצים המרובבים ביחד. כל אחד מה-24 ערוצים, בתורו, זוכה להכניס 8 ביטים למסגרת. ז"א שהמסגרת מכילה 24*8 = 192 ביטים, ועוד אחד למטרות בקרה, ז"א 193 ביטים כל 125 מילי שניות, מה שנותן 1.544Mbps.
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/TDM.png" alt="TDM" style="width: 25rem">
+  <img src="/images/posts/the-physical-layer/TDM.png" alt="TDM" style="width: 25rem">
 </div>
 
 חלק מהביטים במסגרת משמשים לאיתות ועוד אחרים לסנכרון. בגרסה אחת, הביטים נפרסים לאורך כל המסגרת (מתפרסים לכל אורך 24 הערוצים), שיטה זו נקראת [Extended superframe](http://en.wikipedia.org/wiki/Extended_superframe). שישה ביטים (במקומות ה-4, 8, 12, 16, 20 ו-24) משמשים כדי ליצור את התבנית 001011. ובאופן רגיל, המקבל יחפש את התבנית הזו כדי לא לאבד את הסינכרון. עוד 6 ביטים משמשים כדי לשלוח קוד לבדיקת שגיאות (בהמשך נרחיב על נושא בדיקת השגיאות). 12 הביטים הנותרים משמשים לשליטה במידע ותחזוק רגיל של הרשת (כמו ביצועים טובים יותר, ומנגנוני אישור (עליהם נרחיב בהמשך)).
@@ -547,7 +547,7 @@ TDM (ראשי תיבות: Time Division Multiplexing), מבוסס על PCM, מש
 מחוץ לארה"ב ויפן, מבצעים שימוש בשיטה הנקראת E1 המספקת 2.048Mbps. בשיטה זו ישנם 32 דגימות בנות 8 ביטים כל אחת שארוזות לתוך מסגרת הנשלחת כל 125 מילי שניות. 30 מהערוצים משמשים לשליחת מידע, ועוד 2 משמשים לאיתות וסנכרון. ז"א שכל 4 מסגרות מספקות 64 ביטים לאיתות וסנכרון, חצי מהם משמשים לאיתות והחצי השני משמשים לסנכרון (או במקרים פרטיים לדברים אחרים, כל מדינה והחלטת השימוש שלה).
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/T1-T2-T3-T4.png" alt="T1 to T2 to T3 to T4" style="width: 25rem">
+  <img src="/images/posts/the-physical-layer/T1-T2-T3-T4.png" alt="T1 to T2 to T3 to T4" style="width: 25rem">
 </div>
 
 ריבוב בחלוקת זמן מאפשר לכמה תשתיתי T1 לבצע ריבוב לתשתית גדולה יותר, בדיוק כמו באיור משמאל. בצד השמאלי ביותר אנחנו רואים 4 תשתיות של T1 המרובבים כ-4 ערוצים לתוך T2. הריבוב לתוך T2 נעשה ביט אחרי ביט (ולא בייט אחרי בייט, הרי יש 24 בייטים (כל בייט מכיל 8 ביטים)). כדי לספק מקום ל-4 ערוצי T1, אנחנו צרכים תשתית ברוחב פס של 6.176 (1.544*4), אך בפועל, T2 מספק 6.312Mbps. הביטים אקסטרה שיש לנו משמשים למסגור (בדיוק כמו הביט הראשון בכל מסגרת של T1) ואישוש (במקרה וביטים נאבדים בדרך). ברמה הבאה, 7 T2 מתחברים ל T3, ולאחריו 6 T3 מתחברים ל T4.
@@ -575,7 +575,7 @@ TDM (ראשי תיבות: Time Division Multiplexing), מבוסס על PCM, מש
 * כל הגזעי SONET הם מכפלות של STS-1.
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/SONET.png" alt="SONET" style="width: 25rem">
+  <img src="/images/posts/the-physical-layer/SONET.png" alt="SONET" style="width: 25rem">
 </div>
 
 שלושת העמודות הראשונות של כל פריים שמורות למידע של מערכת הניהול. בבלוק משמאל, שלוש העמודות הראשונות הן תקורה לחלקה, ואחריהן 6 העמודות הבאות משמשות כתקורת שורה. התקורה של החלקה, נוצרת ונבדקת בהתחלה ובסוף של כל חלקה (כל מסגרת SONET שנשלחת כל 125 מילי שניות), בעוד התקורה של השורה נוצרת ונבדקת בתחילת ובסוף כל שורה.
@@ -589,7 +589,7 @@ TDM (ראשי תיבות: Time Division Multiplexing), מבוסס על PCM, מש
 **ריבוב בחלוקת אורך גל**
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/WDM.png" alt="WDM" style="width: 25rem">
+  <img src="/images/posts/the-physical-layer/WDM.png" alt="WDM" style="width: 25rem">
 </div>
 
 נוסף לכל צורת הריבוב שראינו עד כה (חלוקת תדר / חלוקת זמן / חלוקת קוד), ישנה עוד צורת ריבוב בה משתמשים לא מעט, ואפילו ביחד עם ריבוב בחלוקת זמן (TDM) (כדי לרתום את רוחב הפס העצום של סיבים אופטיים) הנקראת WDM (ראשי תיבות: Wavelength Division Multiplexing). את עקרון העבודה הבסיסי של WDM על סיבים, ניתן לראות באיור משמאל.
@@ -611,7 +611,7 @@ TDM (ראשי תיבות: Time Division Multiplexing), מבוסס על PCM, מש
 כיום, משתמשים בשתי שיטות מיתוג שונות: מיתוג מעגל (circuit switching), ומיתוג מנות (packet switching). מערכת הטלפוניה המסורתית מבוססת על מיתוג מעגלי, אך מיתוג מנות מתחיל לחדור עם העליה ב VOIP (ראשי תיבות: Voice Over IP).
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/circuitSwitching.png" alt="Circuit Switching" style="width: 28rem">
+  <img src="/images/posts/the-physical-layer/circuitSwitching.png" alt="Circuit Switching" style="width: 28rem">
 </div>
 
 &nbsp;
@@ -623,7 +623,7 @@ TDM (ראשי תיבות: Time Division Multiplexing), מבוסס על PCM, מש
 בימים הראשונים של תעשיית הטלפון, החיבור נעשה באופן ידני ע"י מרכזניות שחיברו כבל מגשר לשקע של השיחה הנכנסת ולשקע של שיחת היעד. ובמאה ה-19, קצת לאחר המצאת הטלפון, הומצא ציוד המיתוג המעגלי האוטומטי, ע"י קברן בשם [Almon B. Strowger](http://en.wikipedia.org/wiki/Almon_Brown_Strowger), ולהלן הסיפור מאחורי ההמצאה: קצת לאחר המצאת הטלפון, כשמישהו מת אחד הקרובים היה מתקשר למפעילה המקומית ואומר "בבקשה תקשרי אותי עם הקברן", לצערו של מר סטראוג'ר היו 2 קברנים בעיירה, הוא עצמו ועוד בחור. אשתו של הבחור השני הייתה אחת המרכזניות במפעילת הטלפון המקומית, ואתם יכולים לנחש לאן זה הולך. בקיצור, מהר מאוד הוא הבין שאם לא ימציא את ציוד המיתוג האוטומטי הוא יפשוט את הרגל.
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/packetSwitching.png" alt="Packet Switching" style="width: 28rem">
+  <img src="/images/posts/the-physical-layer/packetSwitching.png" alt="Packet Switching" style="width: 28rem">
 </div>
 
 כמובן שמאז הציוד הפיזי השתנה, אך הרעיון המקורי נשאר כשהיה: כששיחה הוקמה, דרך יעודיית בין הצדדים "תיבנה" ותישאר מחוברת (ללא שינוי) כל עוד השיחה מתקיימת. וזוהי תכונה של מיתוג מעגלי, הצורך שלו להקים חיבור שלם, מקצה לקצה, לפני שעוד נשלח איזשהו מידע. בשל תכונה זו, הזמן בין סיום החיוג לתחילת צלצול הטלפון ביעד יכול בקלות להיות 10 שניות, ואפילו יותר במרחקים ארוכים או שיחות בינלאומיות. בזמן הזה, מערכת הטלפון "צדה" אחר דרך קישור, כמו שניתן לראות בתמונה משמאל (a).
@@ -692,7 +692,7 @@ TDM (ראשי תיבות: Time Division Multiplexing), מבוסס על PCM, מש
 במערכת IMTS שהצגנו קודם לכן כל תא מקיף בערך 100 ק"מ, אך בתחום הזה יש רק תדר אחד, בעוד במערכת AMPS יש 100 תאים של 10 ק"מ (באותו אזור של 100 ק"מ ב IMTS) כך שכל 10-15 תאים על אותו תדר (אך חשוב שהם לא יהיו תאים שכנים, כמו שציינו כבר). העיצוב הזה של המערכת מגביר את יכולת המערכת לתמוך ביותר שיחות בו זמנית. תאים קטנים יותר אומר שנדרש פחות כוח וזה מוביל למשדרים קטנים וזולים יותר.
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/Cells.png" alt="Cells" style="width: 28rem">
+  <img src="/images/posts/the-physical-layer/Cells.png" alt="Cells" style="width: 28rem">
 </div>
 
 באיור משמאל ניתן לראות את הרעיון של התאים (a), נהוג לציירם כמשושה אך במציאות הם יותר עגולים וכמובן אינם כה סימטרים. ניתן לראות באיור כי גם כל התאים באותו גודל ומקובצים בקבוצות של 7 תאים. כל אות (בתוך התא) מסמלת קבוצה של תדרים (שימו לב כי לכל קבוצת תדרים הנמצאת בתאים שונים יש 2 תאים המפרידים ביניהם כדי למנוע הפרעות). באזורים בהם מספר המשתמשים גדל עד לנקודה בה יש עומס על המערכת, ניתן להוריד את ההספק של המשדר באנטנה באזור על מנת לחלק את האזור לתאים קטנים יותר (כמובן שיש לפרוס עוד אנטנות ולהתחשב בחילוק של התדרים כך שיהיה חוצץ של 2 תאים לפחות עד לחזרה על אותו סט תדרים). עקרון זה מודגם באיור משמאל ב(b).
@@ -745,7 +745,7 @@ AMPS משתמש בריבוב FDM כדי להפריד בין הערוצים. המ
 GSM החל את חיו בשנות ה-80 כמאמץ לייצר סטנדרט 2G אירופאי אחיד. המערכת הראשונה הונחה כבר בשנת 91 והייתה להצלחה, ונעשה מובן כי GSM לא יהיה סטנדרט אירופאי בלבד. מערכת ה GSM (כמו גם שאר המערכות שנציין בהמשך) מבוססות על מערכות הדור הראשון ומשמרות את החלוקה לתאים, השימוש החוזר בתדרים והניידות מתא לתא באמצעות תהליך המסירה (handoff). השוני בינהם הוא בפרטים. כמו כן ישנם גם הרבה שינויים עליהם לא נדבר כאן, כמו היבטים הנדסיים של המערכת, ובמיוחד העיצוב של המקלט (כדי להתמודד עם התפשטות וריבוי אותות), וסנכרון של המשדרים והמקלטים.
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/AMPS.png" alt="AMPS" style="width: 28rem">
+  <img src="/images/posts/the-physical-layer/AMPS.png" alt="AMPS" style="width: 28rem">
 </div>
 
 באיור משמאל ניתן לראות שהארכיטקטורה של GSM ושל AMPS די דומות, למרות שלרכיבים יש שמות שונים. הטלפון הנייד מחולק לברזל עצמו (המכשיר) ול [SIM](http://en.wikipedia.org/wiki/Subscriber_identity_module) (ראשי תיבות: Subscriber Identity Module), הסים מפעיל את המכשיר ומאפשר לרשת ולטלפון הנייד לזהות אחד את השני, ובנוסף מצפין את השיחות בינהם.
@@ -753,7 +753,7 @@ GSM החל את חיו בשנות ה-80 כמאמץ לייצר סטנדרט 2G א
 הטלפון הנייד "מדבר" עם תחנת הבסיס דרך ממשק אוויר. כל תחנת בסיס מחוברת ל BSC (ראשי תיבות: Base Station Controller) השולטת במשאבי הרדיו של התא ובנוסף מטפלת בתהליך המסירה (handoff). ה BSC מחובר ל MSC שאחראי על ניתוב השיחות ובנוסף מחובר לרשת ה PSTN. כדי לדעת לנתב את השיחות, ה MSC צריך לדעת איפה המנוי נמצא, ולכן הוא שומר מסד נתונים של הטלפונים באזור אותו הוא מנהל, מסד הנתונים הזה נקרא VLR (ראשי תיבות: Visitor Location Register). בנוסף, קיים עוד מסד נתונים המכיל את המיקום האחרון של כל טלפון (ברשת כולה) ונקרא HLR (ראשי תיבות: Home Location Register).
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/Frequency_Range.png" alt="Frequency Range" style="width: 28rem">
+  <img src="/images/posts/the-physical-layer/Frequency_Range.png" alt="Frequency Range" style="width: 28rem">
 </div>
 
 GSM פועלת על טווח עולמי של תדרים הכולל את 900MHz, 1800MHz, 1900MHz. ברשת הנל מוקצה ספקטרום רחב יותר מזה שב AMPS כדי לתמוך במספר גדול יותר של משתמשים. GSM היא מערכת סלולרית המבצעת שימוש בריבוב בחלוקת תדר [Duplex](http://en.wikipedia.org/wiki/Duplex_(telecommunications)) (דו-קומתי) כמו AMPS, זה אומר שכל טלפון נייד משדר על תדר אחד ומקבל בשני (בתדר אחר) גבוה יותר. למרות זאת, שלא כמו AMPS, ב GSM כל זוג תדרים מרובבים ביחד בחלוקת זמן. בדרך זאת זוג התדרים יכולים להיות מחולקים לכמה טלפונים ניידים. כדי לטפל בכמה טלפונים, ערוצי GSM רחבים יותר מהערוצים ב AMPS (רוחב של 200kHz לעומת 30kHz ב AMPS). ניתן לראות ערוץ כזה ברוחב 200kHz בתמונה משמאל.
@@ -761,7 +761,7 @@ GSM פועלת על טווח עולמי של תדרים הכולל את 900MHz,
 למערכת GSM הפועלת באזור ה 900MHz יש 124 זוגות של ערוצים. כל ערוץ ברוחב 200kHz ותומך ב-8 ערוצים (או יותר נכון תתי-ערוצים) (כמו שציינו, בעזרת ריבוב בחלוקת זמן), כל טלפון מוקצה לחריץ זמן בזוג הערוצים. תיאורטית ניתן לספק בכל תא 992 ערוצים, אך הרבה מהערוצים אינם זמינים, וזאת על מנת להימנע מהתנגשות עם התאים השכנים. באיור משמאל 8 תאי הזמן המושחרים שייכים לאותו חיבור, 4 מהם לאותו כיוון.
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/TDM_Slot.png" alt="TDM Slot" style="width: 28rem">
+  <img src="/images/posts/the-physical-layer/TDM_Slot.png" alt="TDM Slot" style="width: 28rem">
 </div>
 
 ה TDM שרואים באיור למעלה משמאל הוא חלק קטן ממערכת מסגור היררכית גדולה יותר. לכל חריץ TDM יש גם מבנה מסוים. באיור משמאל ניתן לראות גרסה פשוטה יותר של ההירככיה הזו. ניתן לראות בתמונה שכל חריץ TDM מכיל 148 ביטים ש"מעסיקים" את הערוץ ל-577 מיקרו שניות (כולל 30 מיקרו שניות השמורות אחרי כל חריץ למרווח ביטחון). כל חריץ כזה מתחיל ומסתיים ב-3 אפסים בשביל תיחום המסגרת, ובנוסף הוא מכיל שני שדות מידע באורך 57 ביטים לקול או מידע. בין 2 שדות המידע יש שדה סנכרון באורך 26 ביטים שבו המקבל מבצע שימוש על מנת להסתנכרן לגבולות המסגרת של השולח.
@@ -794,7 +794,7 @@ CDMA לא משתמש בריבוב TDM או FDM, במקום זאת הוא עוש
 אחרי שטיפלנו בבעיות שמנעו מ CDMA לעבוד, נתאר את שלושת היתרונות העקריים שלו:
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/Soft_Handoff.png" alt="Soft Handoff" style="width: 28rem">
+  <img src="/images/posts/the-physical-layer/Soft_Handoff.png" alt="Soft Handoff" style="width: 28rem">
 </div>
 
   1. בראש ובראשונה CDMA משפר את היכולת ע"י היתרון של שימוש בחלקי זמן קטנים שבהם המשדרים שקטים. בכל שיחת טלפון, צד אחד של השיחה נמצא בשקט (לא מדבר ולפיכך לא משדר מידע) כל זמן שהצד השני מדבר. בממוצע הקו "עסוק" כ40% מהזמן. אך חלקי הזמן האלו הם קטנים וקשה לצפות אותם, ולכן מערכת TDM ו FDM, לא מסוגלות לבצע שימוש בחריצי הזמן השקטים האלו. לעומתם, ב CDMA, בכך שאתה לא משדר, אתה (בתור משתמש אחד) מוריד את ההפרעות למשתמשים האחרים (באותו התא), וברגע שמדובר על כמות של משתמשים שלא מפריעים (כל אחד לזמן קצר, כל פעם) אחוז ההפרעה הכללי בתא יורד, ולכן ניתן לתת שירות למספר גדול יותר של שיחות בו זמנית.
@@ -812,7 +812,7 @@ CDMA לא משתמש בריבוב TDM או FDM, במקום זאת הוא עוש
 **אנטנת טלוויזיה קהילתית**
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/Headend.png" alt="Headend" style="width: 28rem">
+  <img src="/images/posts/the-physical-layer/Headend.png" alt="Headend" style="width: 28rem">
 </div>
 
 חברות הכבלים יזמו בסוף שנות ה-40, דרך לספק קליטה טובה יותר לבתים באזורים מרוחקים או הרריים. תחילה, המערכת הכילה אנטנה גדולה על גבי גבעה (כדי לקלוט את האות של רשתות הטלוויזיה), מגבר הנקרא headend (על מנת לחזק את האות), וכבל קואקסיאלי (כדי להעביר את האות לבתים של האנשים). ניתן לראות את הסכמה של הדרך הראשונית הזו בצד שמאל. בגלל החלוקה הקהילתית של האנטנה, בשנים הראשונות, טלוויזיה בכבלים נקראה אנטנת טלוויזיה קהילתית.
@@ -824,7 +824,7 @@ CDMA לא משתמש בריבוב TDM או FDM, במקום זאת הוא עוש
 **אינטרנט על גבי הכבלים**
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/HFC.png" alt="HFC" style="width: 28rem">
+  <img src="/images/posts/the-physical-layer/HFC.png" alt="HFC" style="width: 28rem">
 </div>
 
 במהלך השנים, מערכת הכבלים גדלה והוחלפה, בין הערים, בסיב ברוחב פס מהיר. מערכות בעלות סיב למרחקים ארוכים וכבל קואקסיאלי לבתים (כמו במערכות הכבלים) נקראות מערכות HFC (ראשי תיבות: [Hybrid Fiber Coax](http://en.wikipedia.org/wiki/Hybrid_fibre-coaxial)).מי שאחראי על הפיכת הממשק מאלקטרוני לאופטי (ולהפך) אלה ה Fiber nodes. מכיוון שרוחב הפס של הסיב יותר גדול מזה של הכבל הקואקסיאלי, כל צומת (Fiber nodes) מספקת מידע לכמה כבלים קואקסיאלים. ניתן לראות מערכת HFC כזו באיור (a) משמאל.
@@ -839,7 +839,7 @@ CDMA לא משתמש בריבוב TDM או FDM, במקום זאת הוא עוש
 ביטול כל ערוצי הטלוויזיה בכבלים, ושימוש של התשתית רק בשביל לספק גישה לאינטרנט, בטח יצור כמות מכובדת של לקוחות זועמים, ובגלל זה חברות הכבלים מהססות בנושא. בנוסף, רוב הערים מבצעות רגולציה כבדה על השימושים של הכבל ומה עובר בו. לכן ספק כבלים לא יורשה לעשות זאת, גם אם ירצה. כתוצאה מכך הם צרכים למצוא דרך לאינטרנט ולטלוויזיה להתקיים ביחד על אותו כבל (אותה תשתית).
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/Spectrum_Allocation.jpg" alt="Spectrum Allocation" style="width: 28rem">
+  <img src="/images/posts/the-physical-layer/Spectrum_Allocation.jpg" alt="Spectrum Allocation" style="width: 28rem">
 </div>
 
 הפתרון הוא לבנות ריבוב בחלוקת תדר. ערוצי הכבלים בצפון אמריקה עובדים על 54MHz &#8211; 550MHz (חוץ מרדיו FM), כל ערוץ ברוחב 6MHz (כולל מגני פס &#8211; guard bands), ויכול לשאת ערוץ טלוויזיה אנלוגי אחד או כמה ערוצי טלוויזיה דיגיטליים. באירופה הקצה התחתון הוא בערך ב 65MHz והערוצים הם ברוחב של 6-8MHz (בגלל הרזולוציה הגבוהה יותר שדורשים PAL ו SECAM), חוץ מזה הסכמה דומה. את סכמת החלוקה ניתן לראות באיור משמאל, וכמו שניתן לראות הערוצי העלאה הינם ברצועה 5-42MHz (קצת יותר גבוה באירופה) ובתדרים הגבוהים משתמשים להורדה.
@@ -862,7 +862,7 @@ CDMA לא משתמש בריבוב TDM או FDM, במקום זאת הוא עוש
 להעלאה, יש יותר הפרעות RF (תדרי רדיו - Radio Frequency) מכיוון שהמערכת לא תוכננה במקור למידע, ורעש מכמה מנויים מתועל אל ה headend כך שדרושה סכמה שמרנית יותר. הסכמות כאן משתנו מ QPSK ועד ל QAM-128, כשכמה מהסמלים משמשים להגנת שגיאות בעזרת אפנון [Trellis Code](http://en.wikipedia.org/wiki/Trellis_modulation). לאחר מכן עושים שימוש ב TDM כדי לחלוק את רוחב הפס בהעלאה לשימוש של כמה מנויים. אחרת השידורים שלהם יתנגשו ב headend. הזמן מחולק למיני חריצים ומנויים שונים שולחים בחריצים שונים. כדי לגרום לזה לעבוד כל מודם קובע את המרחק שלו מה headend ע"י שליחה של מנה מיוחדת אל ה headend ורואה כמה זמן לוקח לו לקבל תשובה (תהליך זה נקרא [ranging](http://en.wikipedia.org/wiki/Ranging)). ה headend מכריז על תחילת סיבוב חדש של מיני חריצים, אך יריית הפתיחה הזאת לא נשמעת בכל המודמים באופן אחיד (באותו הזמן) בגלל המרחק שלהם מה headend וזמן ההגעה שדרוש למנה "לחלחל" בכבל. בכך שכל מודם יודע מה המרחק שלו מה headend, כל מודם יכול לחשב לפני כמה זמן המיני חריץ הראשון התחיל באמת. (מיני חריץ הוא תלוי אורך הרשת, מנה טיפוסית היא 8 בתים).
 
 <div class="left">
-  <img src="/assets/img/posts/the-physical-layer/Upload_Download_Scheme.png" alt="Upload Download Scheme" style="width: 28rem">
+  <img src="/images/posts/the-physical-layer/Upload_Download_Scheme.png" alt="Upload Download Scheme" style="width: 28rem">
 </div>
 
 בזמן האתחול, ה headend מקצה לכל מודם מיני חריץ לשימוש לשם בקשה לרוחב פס להעלאה. וכשהמחשב רוצה לשלוח מנה, הוא מעביר את המנה אל המודם, שמבקש את מס' המיני חריצים הדרושים לו. אם הבקשה התקבלה, ה headend שולח אישור למודם (בערוץ ההורדה) שאומר למודם איזה מיני חריצים שמורים למנה שלו. לאחר מכן המנה נשלחת מתחילת המיני חריץ הראשון השמור לה (ניתן לבקש מיני חריצים נוספים בשביל עוד מנות על גבי הכותרת (header) של המנה - ניגע בזה יותר בשכבות הבאות).
diff --git a/_posts/2014-05-18-queue.md b/_posts/2014-05-18-queue.md
index e3c83cd..ff5fe25 100644
--- a/_posts/2014-05-18-queue.md
+++ b/_posts/2014-05-18-queue.md
@@ -72,7 +72,7 @@ return x
 **כעת, נדגים את פעולות השינוי Enqueue ו Dequeue:**
 
 <div style="text-align: center;">
-  <img src="/assets/img/posts/queue/Dequeue__Enqueue.png" alt="Dequeue & Enqueue">
+  <img src="/images/posts/queue/Dequeue__Enqueue.png" alt="Dequeue & Enqueue">
 </div>
 
 מימוש התור מתבצע באמצעות מערך [Q[1..12. איברי התור מופיעים רק במשבצות הבהירות.
diff --git a/_posts/2014-06-01-arduino-3.md b/_posts/2014-06-01-arduino-3.md
index d216fb3..773d19a 100644
--- a/_posts/2014-06-01-arduino-3.md
+++ b/_posts/2014-06-01-arduino-3.md
@@ -27,7 +27,7 @@ category: Arduino
 להלן סכמה ואיור להמחשה:
 
 <div style="text-align: center;">
-  <img src="/assets/img/posts/arduino-3/Arduino_Project_num3.png" alt="Arduino Project number 3">
+  <img src="/images/posts/arduino-3/Arduino_Project_num3.png" alt="Arduino Project number 3">
 </div>
 
 &nbsp;
diff --git a/_posts/2014-06-15-git-1.md b/_posts/2014-06-15-git-1.md
index 5fa8af6..47119ff 100644
--- a/_posts/2014-06-15-git-1.md
+++ b/_posts/2014-06-15-git-1.md
@@ -159,7 +159,7 @@ $ git commit -m "Add LICENSE and finish README."
 בתמונה משמאל ניסיתי לצייר את ציר הזמן של הענף master, הנקודה הראשונה (לידה כתוב 1) היא ה commit הראשון שביצענו, והשניה (לידה כתוב 2) היא ה commit הנוכחי שביצענו. ליד הפקודה בעצם שמתי תמונה של מצלמה המסמלת את לקיחת ה snapshot, וה snapshot הזה מצביע ל commit השני.
 
 <div class="left">
-  <img src="/assets/img/posts/git-1/Snapshot.png" alt="Snapshot">
+  <img src="/images/posts/git-1/Snapshot.png" alt="Snapshot">
 </div>
 
 אז יש לנו שני commit. אבל איך אנחנו יודעים מה הם? כיצד מסתכלים על ההיסטוריה של ציר הזמן? בשביל זה יש את הפקודה `git log`. וכשנריץ אותה, נראה שיש לנו שני commit, נראה את הכותב של כל אחד, את התאריך, ואת תיאור השינויים שאותו כותב כתב. ואתם יכולים לתאר לעצמכם, כשאתם עובדים על פרויקט בצוות, תיאור ה commit הינו דבר חשוב מאוד, הוא צריך להיות מובן, תמציתי ולתאר בדיוק מהם השינויים (ותנסו לכתוב בלשון הווה ולא עבר, למרות שבעתיד, כנראה שזה יהיה חלק מההיסטוריה).
diff --git a/_posts/2014-07-06-git-2.md b/_posts/2014-07-06-git-2.md
index e011122..eeb3453 100644
--- a/_posts/2014-07-06-git-2.md
+++ b/_posts/2014-07-06-git-2.md
@@ -51,7 +51,7 @@ $ git status
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/git-2/reset.png" alt="Reset">
+  <img src="/images/posts/git-2/reset.png" alt="Reset">
 </div>
 
 עד כה דיברנו על המצב בו התחרטנו לאחר שהוספנו קובץ לאזור ההיערכות, או אפילו התחרטנו על עריכת הקובץ מלכתחילה. אך מה אם ערכנו את הקובץ, הוספנו אותו לאזור ההיערכות, ביצענו commit, ואז התחרטנו! רצינו להוסיף איזה שינוי שאמור להיות כלול בתוך ה commit שעכשיו ביצענו. למזלנו יש את הפקודה `^git reset &#8211;soft HEAD` הפקודה תבטל את ה commit האחרון ותחזיר כל השינויים מה commit הזה אל אזור ההיערכות. בחלק א' הסברנו כי ה HEAD מתייחס ל commit האחרון (בענף הנוכחי, בו אנו נמצאים), אך כאן ישנו גם הסימן ^, הסימן הזה אומר: ל commit שלפני האחרון. ואם נריץ לאחר מכן שוב את הפקודה `git status` נראה כי כל השינויים כרגע, באזור ההיערכות (לפני הביטול של ה commit האחרון. אם היינו מריצים `git status` לא היינו מקבלים דבר, כי לא בוצעו שינויים מה commit האחרון, זה שהעלינו עכשיו, אך משום שביטלנו אותו וחזרנו commit אחד אחורה, ישנם שינויים), כעת ניתן לערוך את הקבצים, להוסיף חדשים וכ'ו, ולבצע commit מחדש.
@@ -80,7 +80,7 @@ $ git status
 
 
 <div class="left">
-  <img src="/assets/img/posts/git-2/newRepository.png" alt="New Repository">
+  <img src="/images/posts/git-2/newRepository.png" alt="New Repository">
 </div>
 
 בעצם מה שאנחנו עושים זה מעלים את הקוד ל repo אחר, מרוחק. או במילים אחרות remote repository. לכן הפקודות יהיו על בסיס `git remote`.
@@ -88,13 +88,13 @@ $ git status
 לפני שנמשיך, ארצה לדבר מעט על GitHub. כדי להעלות את הקוד שלכם ל GitHub, עליכם דבר ראשון להירשם. לאחר שנרשמתם, עליכם לפתוח repo ב github, אז לחצו על ה+ ואז על New repository. לאחר מכן יפתח לכם טופס כמו שזה שלמטה. ב Repository name נכתוב את שם המאגר, וב Description נכתוב את תיאור המאגר/פרויקט.
 
 <div style="text-align: center;">
-  <img src="/assets/img/posts/git-2/Description.png" alt="Description">
+  <img src="/images/posts/git-2/Description.png" alt="Description">
 </div>
 
 מתחת ל Description ישנה אופציה כדי לבחור האם ה repo יהיה פומבי (כולם יוכלו לראות, לקרוא, לבצע fork וכד') או repo פרטי (יש לציין כי רק חשבונות משודרגים, שעולים כסף, יכולים לפתוח repo פרטי). מתחת לזה יש אפשרות ליצור קובץ README ל repo באופן אוטומטי. ב Add .gitgnore אנו נתאר את הז'אנר של הפרויקט שלנו וב Add a license נבחר ברישיון שתחתיו הפרויקט יהיה (זה בעצם יתאר מי, למה, כמה, איך וכד' אנשים אחרים יוכלו לעשות לקוד שהעלינו) (לא ניכנס לזה כרגע, מכיוון שזה לא קשור ל git אולי בפוסטים אחרים).
 
 <div class="left">
-  <img src="/assets/img/posts/git-2/Repo_URL.png" alt="Repository URL" style="width: 40rem;">
+  <img src="/images/posts/git-2/Repo_URL.png" alt="Repository URL" style="width: 40rem;">
 </div>
 
 לאחר שיצרנו את ה repo, נקבל מ GitHub כתובת URL שתהיה הכתובת של ה repo שלנו, ולכתובת הזאת נדחוף את הקבצים. כדי לדחוף את הקבצים, נצטרך להריץ את הפקודה `--..git remote add origin https://github`. בואו נראה מה הפקודה אומרת: המילה add היא הראשונה שאנחנו לא מכירים, היא בעצם אומרת שאנחנו מוסיפים remote חדש. origin הוא השם של ה remote, אנחנו יכולים לתת לו כל שם, אך מקובל לקרוא ל repo, מאגר, הראשי שלנו, זה שכל האנשים משתמשים בו כ origin. ולבסוף יש לנו את הכתובת של ה repo (החליפו את הנקודות בהמשך הכתובת שלכם).
@@ -152,7 +152,7 @@ $ git status
 ### שיתוף פעולה
 
 <div class="left">
-  <img src="/assets/img/posts/git-2/URL.png" alt="URL">
+  <img src="/images/posts/git-2/URL.png" alt="URL">
 </div>
 
 שיתוף פעולה בפרויקטים בין אנשים הוא דבר חשוב, הוא קורה כל הזמן, אם זה כצוות שעובד על אותו הפרויקט, ואם זה כפרויקט קוד פתוח שאנשים שונים תורמים חלקים שונים, מתקנים באגים וכד'. אז בואו נניח שבוב שעובד ביחד עם אליס בצוות, רוצה עותק של ה repo על מנת להתחיל לעבוד על פיצ'ר חדש בפרויקט. כיצד הוא יכול להשיג עותק כזה? פשוט לבצע שיבוט (clone) של ה repo. אם אתם משתמשים ב GitHub לדוגמה, גשו לעמוד של הפרויקט, ובחרו code, למטה קצת מעל ה "Download ZIP" יש קוביית טקסט שהכותרת שלה היא "HTTPS clone URL" (ניתן לראות דוגמה בתמונה משמאל). על מנת לשבט את ה repo אנחנו צריכים את הכתובת שלה, וזה מה שהשגנו כעת. בשביל לשבט נכתוב `<git clone <URL` (את ה URL ביחד עם הסוגרים המשולשים החליפו בכתובת של repo שהעתקתם).
@@ -162,7 +162,7 @@ $ git status
 ברגע שעשינו שיבוט (clone) ל repo. המערכת (git) עושה 3 דברים: הראשון &#8211; מורידה את כל ה repo לתיקייה במחשב שלכם (בשם ה repo ממנו שיבטתם או בשם שנתתם). השני &#8211; מוסיפה לפרויקט המקומי ששיבטנו, remote חדש בשם origin, שמצביע ל URL ממנו שיבטנו (זוכרים כיצד ניתן לבדוק את זה? ע"י הפקודה `git remote -v`). והשלישי &#8211; המערכת תגדיר את הענף הראשי (כנראה יהיה master) ותכוון את ה HEAD שלנו להיות ב commit האחרון.
 
 <div class="left">
-  <img src="/assets/img/posts/git-2/newBranch.png" alt="New Branch">
+  <img src="/images/posts/git-2/newBranch.png" alt="New Branch">
 </div>
 
 &nbsp;
@@ -176,7 +176,7 @@ $ git branch cat
 ```
 
 <div class="left">
-  <img src="/assets/img/posts/git-2/newBranchCommit.png" alt="New Branch Commit" style="width: 7rem;">
+  <img src="/images/posts/git-2/newBranchCommit.png" alt="New Branch Commit" style="width: 7rem;">
 </div>
 
 עכשיו כשאנחנו בענף cat, בואו ניצור קובץ txt חדש בשם cat.txt, ונכתוב בתוכו "schrodinger" (הרי החתול הזה צריך להיות שייך למישהו [; ), נוסיף אותו לאזור ההיערכות (עם הפקודה `git add cat.txt`), נבצע לו commit (עם הפקודה `"git commit -m "Creat quantum cat`). וה commit שביצענו כרגע, יתווסף לענף (/ציר הזמן) של ה cat (כי עליו ביצענו את ה commit).
@@ -184,7 +184,7 @@ $ git branch cat
 עכשיו אם נכתוב בשורת הפקודה `ls` כדי לראות את הקבצים המופיעים בתיקייה שלנו, נראה את cat.txt, אך אם נעבור לענף הראשי (עם הפקודה: `git checkout master`, ונכתוב שוב `ls` לא נראה את הקובץ cat.txt, הוא פשוט לא קיים בענף / ציר הזמן הזה. גם אם נכתוב את הפקודה `git log` לא נראה את ה commit שבוצע ל cat.txt. רק כדי לבדוק שאנחנו לא משוגעים, נחזור לענף cat (בעזרת הפקודה `git checkout cat`, נכתוב `ls` ונראה את הקובץ cat.txt, גם אם נכתוב `git log` נראה את התיעוד של ה commit שביצענו.
 
 <div class="left">
-  <img src="/assets/img/posts/git-2/merge.png" alt="Merge" style="width: 9rem;">
+  <img src="/images/posts/git-2/merge.png" alt="Merge" style="width: 9rem;">
 </div>
 
 &nbsp;
@@ -203,7 +203,7 @@ Fast-forward
 ```
 
 <div class="left">
-  <img src="/assets/img/posts/git-2/checkoutDog.png" alt="Checkout to Branch Dog">
+  <img src="/images/posts/git-2/checkoutDog.png" alt="Checkout to Branch Dog">
 </div>
 
 &nbsp;
@@ -224,7 +224,7 @@ $ git commit -m 'Add German Shepherd'
 ```
 
 <div class="left">
-  <img src="/assets/img/posts/git-2/fixMainJS.png" alt="Fix Main JavaScript">
+  <img src="/images/posts/git-2/fixMainJS.png" alt="Fix Main JavaScript">
 </div>
 
 אך באמצע שבוב עובד עם הענף dog, הוא מקבל sms מהבוס שיש באגים ב master, הם לא סובלים דיחוי וחייבים לתקן אותם במהרה. אז הוא עובר ל master (עם הפקודה `git checkout master`) (ניתן להריץ אח"כ `git branch` בשביל לוודא כי אכן עברנו ל master) לאחר מכן, בוב מושך מה remote repo (המאגר המרוחק) את המידע כדי לוודא שיש לו את הפרויקט העדכני (מי זוכר מתי פעם אחרונה הוא התעסק איתו ואם מישהו בצוות עשה שינויים מאז, עדייף להיות בטוחים מאשר להצטער) עם הפקודה `git pull`. שימו לב שכרגע החץ עם ה HEAD אמור להיות ב commit העדכני ביותר ב master, שלפי התמונה למעלה אמור להיות ה commit השני, ממש לפני הפיצול של dog.
@@ -248,7 +248,7 @@ $ git push
 ```
 
 <div class="left">
-  <img src="/assets/img/posts/git-2/checkoutDog.png" alt="Checkout to Branch Dog" style="width: 8rem">
+  <img src="/images/posts/git-2/checkoutDog.png" alt="Checkout to Branch Dog" style="width: 8rem">
 </div>
 
 עכשיו כשסיימנו לטפל במקרה החירום, הגיע הזמן לחזור לפרויקט שלנו בענף dog עם הפקודה `git checkout dog`, מסיימים את העבודה, ועוברים חזרה ל master (עם הפקודה `git checkout master`) כדי למזג את הפרויקט בעזרת הפקודה `git merge dog`. והפעם, בניגוד למיזוג עם cat, ביצענו שינויים ב master אחרי יצירת הענף החדש, dog, אז כשנמזג בין הענפים יפתח לנו עורך הנקרא VI (אם מוגדר עורך אחר כברירת מחדל הוא יפתח במקומו). העורך נראה כמו בתמונה למטה. בפתיחת העורך git אומרת לנו או קיי, עשיתי את ה commit הזה בשבילך כי אני רואה שאתה מנסה למזג בין 2 הענפים האלו, אך אם אתה צריך להיות ספציפי יותר, בבקשה תוסיף את זה להודעה שלמעלה (ניתן לראות שכתוב בה 'Merge branch 'dog). ניתן לערוך את ההודעה הזאת, וכשסיימנו נכתוב `wq:` (ה w מסמלת write וה q מסמלת quit) כדי לחזור חזרה לשורת הפקודה.
@@ -256,11 +256,11 @@ $ git push
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/git-2/recursiveMerge.png" alt="Recursive Merge" style="width: 8rem">
+  <img src="/images/posts/git-2/recursiveMerge.png" alt="Recursive Merge" style="width: 8rem">
 </div>
 
 <div>
-  <img src="/assets/img/posts/git-2/Vi.png" alt="VI">
+  <img src="/images/posts/git-2/Vi.png" alt="VI">
 </div>
 
 מכיוון שמיזגנו שני ענפים עם שינויים בכל אחד מהם גיט מבצעת "מיזוג רקורסיבי" וכשזה קורה, גיט יוצרת commit בדיוק היכן שהענפים מתמזגים חזרה, לאחר מכן אם נכתוב `git log` נוכל לראות את ה commit שנוצר ע"י המערכת (git).
diff --git a/_posts/2014-08-03-git-3.md b/_posts/2014-08-03-git-3.md
index 567a7a4..0390320 100644
--- a/_posts/2014-08-03-git-3.md
+++ b/_posts/2014-08-03-git-3.md
@@ -29,7 +29,7 @@ hint: See the 'Note about fast-forwards' in 'git push --help' for details.
 ```
 
 <div class="left">
-  <img src="/assets/img/posts/git-3/firstStep.png" alt="First Step">
+  <img src="/images/posts/git-3/firstStep.png" alt="First Step">
 </div>
 
 לכן בוב יצטרך לסנכרן את הפרויקט שלו עם הפקודה `git pull` ורק אז לדחוף את הפרויקט (עם ה commit) שלו ל GitHub עם הפקודה `git push`. אבל האם סנכרון הפרויקט שלו לא פוגע בשינויים שביצע? לא. בואו נראה מה קורה מתחת למכסה המנוע כשאנו מבצעים `git push`:
@@ -47,7 +47,7 @@ From http://github.com/nirgn975/test.git
 ```
 
 <div class="left">
-  <img src="/assets/img/posts/git-3/stepThree.png" alt="Step Three" style="width: 10rem;">
+  <img src="/images/posts/git-3/stepThree.png" alt="Step Three" style="width: 10rem;">
 </div>
 
 2.בצעד השני המערכת ממזגת את הענף origin/master עם הענף master (כמו להריץ את הפקודה `git merge origin/master`). אם אתם זוכרים, בפוסט הקודם כשביצענו איחוד בין 2 ענפים עם commit שונה בכל אחד מהם, המערכת ישר הקפיצה לנו עורך בו היינו צריכים ליצור commit מאוחד. לאחר שיצאנו מהעורך, המערכת הדפיסה לנו טקסט ובאחת השורות נכתב כי בוצע "מיזוג רקורסיבי" (השורה: Merge made by the 'recursive' strategy).
@@ -55,7 +55,7 @@ From http://github.com/nirgn975/test.git
 3.אם נסתכל כעת בציר הזמן (תמונה משמאל) נראה כי ישנו commit חדש, שמו יהיה "merge commit". תשימו לב כי הענף origin/master עדיין לא מודע לשינויים של בוב ול merge commit.
 
 <div class="left">
-  <img src="/assets/img/posts/git-3/stepFour.png" alt="Step Four" style="width: 10rem;">
+  <img src="/images/posts/git-3/stepFour.png" alt="Step Four" style="width: 10rem;">
 </div>
 
 4.בשלב הבא המערכת תבצע `git push` ובשלב הזה origin/master יצביע ל master (ולכן ידע על השינויים וה merge commit), והכל יעודכן.
@@ -90,7 +90,7 @@ nirgn $ git log
 ### תרחיש שני
 
 <div class="left">
-  <img src="/assets/img/posts/git-3/first_scenario.png" alt="First Scenario">
+  <img src="/images/posts/git-3/first_scenario.png" alt="First Scenario">
 </div>
 
 כעת, נניח שאליס ובוב עובדים שוב על אותו הקוד באותו הזמן, רק שהפעם הם עובדים על אותו הקובץ, נניח קובץ ה README. שוב, אליס ביצעה את השינויים ודחפה את ה commit ל repo המרוחק, GitHub, ובוב רק ביצע commit (נשאר באופן מקומי). כעת, כמו בתמונה הראשונה בתרחיש הראשון, יש לנו שתי commit, אחד ב GitHub והשני מקומי, ושניהם שונים אחד מהשני (בעוד אלה שלפניהם זהים).
@@ -109,7 +109,7 @@ nirgn $ git log
 
   1. ביצעתם commit לעבודה שעשיתם, הגיע הזמן לשתף אותה, דחפו אותה לשרת של החברה שלכם (הניחו שזאת לא פעם ראשונה שאתם דוחפים קוד, לכן כבר שמרתם את כתובת ה repo המרוחק).
   2. אופס, הדחיפה שלכם נדחתה, נראה שחבר שלכם לצוות עשה עבודה ודחף אותה, וה repo שלכם כבר אינו מעודכן. סנכרנו את הענף שלכם.
-  3. גיט מדווחת על קונפליקט עם השינויים של חברכם לצוות בקובץ index.html, תשמרו את השינויים שלכם, וכתבו תיאור של השינויים שלו כהערה (comment). להלן [תמונה](https://raw.githubusercontent.com/nirgn975/Stories-of-a-Lifelong-Student/master/assets/img/posts/git-3/git_conflict_3.png) של תוכן הקובץ.
+  3. גיט מדווחת על קונפליקט עם השינויים של חברכם לצוות בקובץ index.html, תשמרו את השינויים שלכם, וכתבו תיאור של השינויים שלו כהערה (comment). להלן [תמונה](https://raw.githubusercontent.com/nirgn975/Stories-of-a-Lifelong-Student/master/images/posts/git-3/git_conflict_3.png) של תוכן הקובץ.
   4. הוסיפו את השינויים שעשיתם (בפתירת הקונפליקט שהיה ב index.html) ל commit.
   5. לבסוף, בצעו commit לשינויים במיזוג (אלה שביצעתם כדי לפתור את הקונפליקט), אל תשכחו להוסיף תיאור כדי שנדע על מה ה commit.
 
@@ -150,7 +150,7 @@ $ git push origin profile
 ```
 
 <div class="left">
-  <img src="/assets/img/posts/git-3/github_branches_tags.png" alt="GitHub Branches Tags" style="width: 15rem;">
+  <img src="/images/posts/git-3/github_branches_tags.png" alt="GitHub Branches Tags" style="width: 15rem;">
 </div>
 
 בואו נגיד שאליס עשתה כמה שינויים, הוסיפה דף בשם profile.html עם הפקודה `git add profile.html`, ביצעה לו commit בעזרת הפקודה `"git commit -a -m "Create profile page`, ואז נבצע push, כי זה ענף שאחריו המערכת כבר עוקבת (עם הפקודה `git push`) ולכן הוא יודע לדחוף את הענף profile המקומי לענף profile המרוחק. אם נקפוץ לאתר GitHub, נשים לב שבתוך הפרויקט שלנו ישנו כפתור בשם -branch", כשנלחץ עליו תפתח לנו רשימה של כל הענפים (בתמונה משמאל ניתן לראות רק ענף אחד, בשם "gh-pages"), כשנלחץ על הענף נראה את תיאור ה commit האחרון ומתחתיו את הקבצים שנמצאים בענף).
diff --git a/_posts/2015-02-01-arduino-9.md b/_posts/2015-02-01-arduino-9.md
index 0d30d07..2a20784 100644
--- a/_posts/2015-02-01-arduino-9.md
+++ b/_posts/2015-02-01-arduino-9.md
@@ -34,7 +34,7 @@ category: Arduino
 להלן סכמה ואיור להמחשה:
 
 <div style="text-align: center;">
-  <img src="/assets/img/posts/arduino-9/Wiring_Sketch.png" alt="Wiring Sketch">
+  <img src="/images/posts/arduino-9/Wiring_Sketch.png" alt="Wiring Sketch">
 </div>
 
 ### הקוד
diff --git a/_posts/2015-02-15-arduino-10.md b/_posts/2015-02-15-arduino-10.md
index 4189fdf..fe10bfa 100644
--- a/_posts/2015-02-15-arduino-10.md
+++ b/_posts/2015-02-15-arduino-10.md
@@ -36,7 +36,7 @@ H-bridge הוא סוג של רכיב הידוע גם כרכיב מעגלים מ
 להלן סכמה ואיור להמחשה:
 
 <div style="text-align: center;">
-  <img src="/assets/img/posts/arduino-10/Wiring_Sketch.png" alt="Wiring Sketch">
+  <img src="/images/posts/arduino-10/Wiring_Sketch.png" alt="Wiring Sketch">
 </div>
 
 ### הקוד
diff --git a/_posts/2015-03-01-arduino-11.md b/_posts/2015-03-01-arduino-11.md
index 1ed3f28..5d2fcc1 100644
--- a/_posts/2015-03-01-arduino-11.md
+++ b/_posts/2015-03-01-arduino-11.md
@@ -32,7 +32,7 @@ category: Arduino
 להלן סכמה ואיור להמחשה:
 
 <div style="text-align: center;">
-  <img src="/assets/img/posts/arduino-11/Wiring_Sketch.png" alt="Wiring Sketch">
+  <img src="/images/posts/arduino-11/Wiring_Sketch.png" alt="Wiring Sketch">
 </div>
 
 &nbsp;
diff --git a/_posts/2015-03-15-binary-tree.md b/_posts/2015-03-15-binary-tree.md
index 5e491a7..b6e8bbe 100644
--- a/_posts/2015-03-15-binary-tree.md
+++ b/_posts/2015-03-15-binary-tree.md
@@ -7,7 +7,7 @@ category: Data_Structures
 ---
 
 <div class="left">
-  <img src="/assets/img/posts/binary-tree/Example_1.png" alt="First example of binary tree" style="width: 20%;">
+  <img src="/images/posts/binary-tree/Example_1.png" alt="First example of binary tree" style="width: 20%;">
 </div>
 
 עץ בינארי הוא מבנה נתונים מופשט, הבנוי / מאורגן בצורת עץ, כשלכל קודקוד יש לכל היותר שני בנים (המתייחסים אליהם כ'בן ימיני' ו'בן שמאלי') ולכל קודקוד (פרט לראשון, הנקרא שורש) יש אב יחיד. העץ הינו מכוון ז"א שישנו כיוון אחד (במקרה שלנו נראה כמו מלמעלה למטה, כאילו אנו יורדים במורד העץ), וזה מתבטא בכך שכל צומת שומר אך ורק את הבנים שלו ולא את האב.
@@ -21,7 +21,7 @@ category: Data_Structures
 אבות ובנים בעץ בינארי מוגדרים כאשר יש קשת מ A ל B. זה אומר ש A הוא אב של B ו B הוא בן של A. ניתן לראות בשתי התמונות למטה דוגמאות של עצים בינארים: הימינית עם אותיות, בה ניתן לראות ש A הוא השורש ו B ו C הם הבנים שלו (וכך הלאה), והשמאלית עם מספרים, בה ניתן לראות ש 1 הוא השורש ו 2 ו 3 הם הבנים שלו (וכך הלאה).
 
 <div class="left">
-  <img src="/assets/img/posts/binary-tree/Example_2.png" alt="Second example of binary tree" style="width: 20%;">
+  <img src="/images/posts/binary-tree/Example_2.png" alt="Second example of binary tree" style="width: 20%;">
 </div>
 
 &nbsp;
@@ -188,7 +188,7 @@ return y
 השגרה מטפלת ב-3 מקרים: אם ל z אין בנים, משנים את אביו [p[z כך שבנו יהיה NIL במקום z. אם לצומת יש רק בן אחד, מסירים את z ע"י יצרת קשר חדש בין אביו לבנו. ואם לצומת יש שני בנים, מסירים את y, העוקב של z אשר לו אין בן שמאלי והמפתח והנתונים הנלווים של z מוחלפים באלה של y. למטה  מצד שמאל, ניתן לראות דוגמה לשלושת המקרים (על פי הסדר שתיארנו כאן).
 
 <div style="text-align: center;">
-  <img src="/assets/img/posts/binary-tree/Tree-Delete.png" alt="Delete from Tree">
+  <img src="/images/posts/binary-tree/Tree-Delete.png" alt="Delete from Tree">
 </div>
 
 בשורות 2-4 האלגוריתם קובע איזה צומת y תוסר. הצומת y היא צומת הקלט z (אם ל z לכל היותר בן אחד) או העוקב של z (אם ל z שני בנים). לאחר מכן, בשורות 5-7, מציבים ב x מצביע לבנו של y שאינו NIL, אם יש כזה, ואם ל y אין בנים מציבים ב x את NIL. בשורות 8-14 מסירים את הצומת y באמצעות שינוי ערכי מצביעים ב [p[y וב x. הסרתו של y מסתבכת קצת עקב הצורך לטפל במקרי קצה בהם x=NIL או y הוא שורש העץ. ולבסוף, אם הצומת שהוסרה הייתה העוקב של z, מעבירים בשורות 15-17 את המפתח ואת הנתונים הנלווים של y אל z במקום המפתח והנתונים הנלווים הקודמים. בשורה 18 מחזירים את הצומת y למתודה הקוראת, כדי שזו תוכל למחזר אותו באמצעות רשימת הפנויים.
diff --git a/_posts/2015-04-05-avl.md b/_posts/2015-04-05-avl.md
index 1ead787..c2627de 100644
--- a/_posts/2015-04-05-avl.md
+++ b/_posts/2015-04-05-avl.md
@@ -14,7 +14,7 @@ category: Data Structures
 ### עקרון האיזון
 
 <div class="left">
-  <img src="/assets/img/posts/avl/AVL_Example.png" alt="AVL Example">
+  <img src="/images/posts/avl/AVL_Example.png" alt="AVL Example">
 </div>
 
 עץ מאוזן אומר שגובה התת עץ השמאלי פחות גובה התת עץ הימיני הוא 0 או 1 או 1-.
@@ -36,7 +36,7 @@ category: Data Structures
 **רוטציה על עץ AVL**
 
 <div class="left">
-  <img src="/assets/img/posts/avl/Left_Rotation.png" alt="Left Rotation">
+  <img src="/images/posts/avl/Left_Rotation.png" alt="Left Rotation">
 </div>
 
 רוטציה (rotation) היא פעולה מקומית בעץ חיפוש בינארי, השומרת על הסדר התוכי של המפתחות. ישנם 2 סוגים של רוטציה: רוטציה שמאלית ורוטציה ימנית. כאשר מפעלים לדוגמה רוטציה, שמאלית על צומת x, שבנו הימיני הוא y, התת עץ שהיה מושרש ב x משתנה כך:
@@ -96,7 +96,7 @@ p[x] <- y
 **מקרה 1:**
 
 <div class="left">
-  <img src="/assets/img/posts/avl/Right_Rotation_On_A.png" alt="Right Rotation On A">
+  <img src="/images/posts/avl/Right_Rotation_On_A.png" alt="Right Rotation On A">
 </div>
 
 כדי לתאר את תהליך איזון העץ נשתמש בסימונים אלה:
@@ -114,7 +114,7 @@ p[x] <- y
 **מקרה 2:**
 
 <div class="left">
-  <img src="/assets/img/posts/avl/Two_Rotations.png" alt="Two Rotations">
+  <img src="/images/posts/avl/Two_Rotations.png" alt="Two Rotations">
 </div>
 מקרה זה מסובך יותר מכיוון שדורש שתי רוטציות. לכן גם נשרטט את מקרה זה בצורה מפורטת יותר:
 
@@ -131,14 +131,14 @@ p[x] <- y
   3. הצומת B הוא עלה, ו k נכנס לעץ כבנו הימני של B.
 
 <div style="text-align: center;">
-  <img src="/assets/img/posts/avl/Rotation_left_and_right.png" alt="Rotation left and right">
+  <img src="/images/posts/avl/Rotation_left_and_right.png" alt="Rotation left and right">
 </div>
 בכל שלושת התת מקרים האלו נדרשת אותה פעולה, צריך לבצע רוטציה שמאלית על B  ולאחר מכן רוטציה ימנית על A. גורם האיזון החדש של A הוא 1-, וגורמי האיזון של B ו C נשארים 0.
 
 בנוסף, נשים לב שלפני ההכנסה של K, גובה התת עץ המושרש ב A היה h+3, ולאחר ההכנסה והאיזון גובה התת עץ נשאר h+3 (לאחר האיזון C הוא השורש החדש של התת עץ). כלומר, גם הפעם גורמי האיזון של כל הצמתים שהיו אבות קדמונים של A לא השתנו בעקבות הכנסת k לעץ.
 
 <div class="left">
-  <img src="/assets/img/posts/avl/Delete_AVL_Example.png" alt="Delete AVL Example" style="width: 20%;">
+  <img src="/images/posts/avl/Delete_AVL_Example.png" alt="Delete AVL Example" style="width: 20%;">
 </div>
 
 &nbsp;
@@ -152,7 +152,7 @@ p[x] <- y
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/avl/Case_A.png" alt="Case A" style="width: 40%;">
+  <img src="/images/posts/avl/Case_A.png" alt="Case A" style="width: 40%;">
 </div>
 
 **מקרה א**
@@ -166,7 +166,7 @@ p[x] <- y
 **מקרה ב**
 
 <div class="left">
-  <img src="/assets/img/posts/avl/Case_B.png" alt="Case B" style="width: 40%;">
+  <img src="/images/posts/avl/Case_B.png" alt="Case B" style="width: 40%;">
 </div>
 
 גורם האיזון של האב היה 1+/- והוא משתנה ל-0. במקרה זה גובהו של התת עץ המושרש באב קטן ב-1, ולכן יש השפעה כל גורם האיזון של הסבא. לכן, צריך לעדכן את גורם האיזון של הסבא, ולהמשיך בהתאם לסוג השינוי בגורם האיזון של הסבא (שינוי מ-0 ל-(1+/-), שינוי מ-(1+/-) ל-0, או שינוי מ-(1+/-) ל-(2+/-).
@@ -178,7 +178,7 @@ p[x] <- y
 **מקרה ג**
 
 <div class="left">
-  <img src="/assets/img/posts/avl/Case_C.png" alt="Case C" style="width: 60%;">
+  <img src="/images/posts/avl/Case_C.png" alt="Case C" style="width: 60%;">
 </div>
 
 גורם האיזון של האב היה 1+/-, והוא משתנה ל-(2+/-). במקרה זה יש צורך לבצע רוטציה על האב כדי לאזן את העץ. לאחר ביצוע הרוטציה, גובה התת עץ המושרש באב עלול לקטון ב-1. וכמו שאמרנו, יש לכך הפשעה על גורם האיזון של הסבא, וצריך לפעול כמו שפעלנו במקרה ב.
diff --git a/_posts/2015-04-19-arduino-12.md b/_posts/2015-04-19-arduino-12.md
index 8b9913a..9b712c0 100644
--- a/_posts/2015-04-19-arduino-12.md
+++ b/_posts/2015-04-19-arduino-12.md
@@ -34,7 +34,7 @@ category: Arduino
 להלן סכמה ואיור להמחשה:
 
 <div style="text-align: center;">
-  <img src="/assets/img/posts/arduino-12/Wiring_Sketch.png" alt="Wiring Sketch">
+  <img src="/images/posts/arduino-12/Wiring_Sketch.png" alt="Wiring Sketch">
 </div>
 
 &nbsp;
diff --git a/_posts/2015-05-03-arduino-13.md b/_posts/2015-05-03-arduino-13.md
index 50a7a94..1ff30c3 100644
--- a/_posts/2015-05-03-arduino-13.md
+++ b/_posts/2015-05-03-arduino-13.md
@@ -28,7 +28,7 @@ category: Arduino
 להלן סכמה ואיור להמחשה:
 
 <div style="text-align: center;">
-  <img src="/assets/img/posts/arduino-13/Wiring_Sketch.png" alt="Wiring Sketch">
+  <img src="/images/posts/arduino-13/Wiring_Sketch.png" alt="Wiring Sketch">
 </div>
 
 &nbsp;
diff --git a/_posts/2015-05-17-arduino-14.md b/_posts/2015-05-17-arduino-14.md
index 91fbe75..752b06b 100644
--- a/_posts/2015-05-17-arduino-14.md
+++ b/_posts/2015-05-17-arduino-14.md
@@ -28,7 +28,7 @@ category: Arduino
 להלן סכמה ואיור להמחשה:
 
 <div style="text-align: center;">
-  <img src="/assets/img/posts/arduino-14/Wiring_Sketch.png" alt="Wiring Sketch">
+  <img src="/images/posts/arduino-14/Wiring_Sketch.png" alt="Wiring Sketch">
 </div>
 
 &nbsp;
@@ -55,7 +55,7 @@ void loop(){
 &nbsp;
 
 <div class="left">
-  <img src="/assets/img/posts/arduino-14/processing-logo.png" alt="Processing Logo">
+  <img src="/images/posts/arduino-14/processing-logo.png" alt="Processing Logo">
 </div>
 
 **התוכנית ל Processing:**
diff --git a/_posts/2015-06-14-bfs.md b/_posts/2015-06-14-bfs.md
index 02e18e3..42d1dfc 100644
--- a/_posts/2015-06-14-bfs.md
+++ b/_posts/2015-06-14-bfs.md
@@ -7,7 +7,7 @@ category: Algorithms
 ---
 
 <div class="left">
-  <img src="/assets/img/posts/bfs/Breadth-First-Search-Algorithm.gif" alt="BFS Algorithm" style="width: 35%;">
+  <img src="/images/posts/bfs/Breadth-First-Search-Algorithm.gif" alt="BFS Algorithm" style="width: 35%;">
 </div>
 
 BFS (ראשי תיבות של Breadth First Search) - חיפוש לרוחב, הוא אלגוריתם המשתמש במבנה נתונים תור (Queue) על מנת לעבור ולהדפיס את הצמתים של עץ בינארי בצורה רוחבית (על פי הייצוג בעץ).
diff --git a/_posts/2015-07-12-why-is-so-hard-to-be-a-new-developer.md b/_posts/2015-07-12-why-is-so-hard-to-be-a-new-developer.md
index 7eb7781..77d0c33 100644
--- a/_posts/2015-07-12-why-is-so-hard-to-be-a-new-developer.md
+++ b/_posts/2015-07-12-why-is-so-hard-to-be-a-new-developer.md
@@ -8,7 +8,7 @@ category: Stuff
 ---
 
 <div class="left">
-  <img src="/assets/img/posts/why-its-so-hard-to-be-a-new-developer/Software_developers_working.jpg" alt="Software Developers Working" style="width: 45%;">
+  <img src="/images/posts/why-its-so-hard-to-be-a-new-developer/Software_developers_working.jpg" alt="Software Developers Working" style="width: 45%;">
 </div>
 
 אתחיל בלהסביר שהפוסט הנל בא כתוצאה מקריאת הכתבה "[Computer science students are in demand and they know it](http://www.itworld.com/article/2945674/careers/computer-science-students-are-in-demand-and-they-know-it.html)" של ITWORLD. הפוסט מציין כי ישנו ביקוש הולך וגובר לבוגרי מדעי המחשב ותחומים דומים, והבוגרים מודעים לכך. ושללכת ללמוד מדעי המחשב זהו צעד חכם, במיוחד בהתחשב במחקרים המראים ביקוש הולך וגובר.
diff --git a/_posts/2015-08-09-pen-testing-introduction.md b/_posts/2015-08-09-pen-testing-introduction.md
index 1bb76df..d9f5d71 100644
--- a/_posts/2015-08-09-pen-testing-introduction.md
+++ b/_posts/2015-08-09-pen-testing-introduction.md
@@ -38,7 +38,7 @@ category: Pen Testing
 * **VPN -** (ראשי תיבות של Virtual Private Network או בעברית רשת פרטית ווירטואלית), היא שיטה להעברת מידע פרטי על גבי רשת ציבורית. ארגונים רבים בעולם משתמשים בשיטה זו על מנת לחבר עובדים באופן מרוחק לרשת הארגונית שלהם. ומשתמשים רבים מבצעים שימוש בחברות המאפשרות להתחבר לרשת שלהם (בתמורה לסכום כספי כלשהו) על מנת שישמשו חוצץ אל מול התקשורת החיצונית (ז"א כדי שהמיקום שלך לא יוודע, אתה מתחבר ל VPN של אותה חברה וגולש דרכם כשהם מנתבים אלייך, דרך הרשת הפנימית שלהם, את המידע שמגיע אליהם מבחוץ (לאחר שעבר הצפנה). כך שמי ששלח את המידע אינו יודע שבפועל זאת הייתה הבקשה שלך). היישומים המפורסמים ביותר של רשתות VPN הם [OpenVPN](https://openvpn.net/) ו [IPsec](https://en.wikipedia.org/wiki/IPsec).
 
 <div class="left">
-  <img src="/assets/img/posts/pen-test-1/Proxy_Concept.png" alt="Proxy Concept">
+  <img src="/images/posts/pen-test-1/Proxy_Concept.png" alt="Proxy Concept">
 </div>
 
 * **Proxy -** בדומה ל VPN, שרת פרוקסי מספק גישה למשאבים חיצוניים ברשת, ז"א שדרכו עוברים כל הבקשות (הנתונים נשלחים אליו והוא שולח אותם אל היעד, היעד מחזיר אליו את התשובה והוא שולח אותה אליכם). משמאל ניתן לראות תמונה המתארת (באופן מושפט למדי) את תהליך התקשורת מול השרת פרוקסי. השרת משמש כנקודת הפרדה בין רשת המחשבים הפנימית של הארגון ובין הרשת החיצונית, ומאפשר ניתוח של המידע לפני כניסתו לרשת הפנימית. Proxy נחשבת לשיטה פחות אמינה בכל הקשור לשמירה על פרטיות (אינני יודע עדיין למה, אך זה מה שעולה מהחפירה הקטנה שלי באינטרנט, ולכן ראיתי שלרוב מבצעים שרשור Proxy). 
@@ -88,7 +88,7 @@ category: Pen Testing
 יש כמה דרכים לנסות לשמור על אנונימיות ברשת. בראש ובראשונה, Proxy בה אנו מנתבים את התקשורת שלנו דרך כמה צמתים אחרים. שיטה זאת יכולה להיות מסוכנת כי איננו יודעים דבר אודות השרת בו החבילות שלנו (Packets) עוברות. שיטה אחרת היא להשתמש ב VPN ולהצפין את המידע העובר בינינו ובין ספק ה VPN. והשיטה בה נעסוק כרגע היא דרך Tor, המנתבת את הגלישה דרך צמתים שונים כאשר כל צומת מוסיף שכבת (המצפינה את החבילה ומוסיפה מידע נחוץ כגון להחזיר אליו את החבילה) עד שלבסוף החבילה יוצאת מאחד הצמתים אל רשת האינטרנט.
 
 <div class="left">
-  <img src="/assets/img/posts/pen-test-1/Tor_logo.png" alt="Tor Logo">
+  <img src="/images/posts/pen-test-1/Tor_logo.png" alt="Tor Logo">
 </div>
 
 תחילה נתקין את tor במשתמש root (אך לא את הדפדפן, כי לא נגלוש דרך המשתמש הזה) עם הפקודה `apt-get install tor -y`. לאחר מכן, כדי לגלוש ב Tor ניצור משתמש חדש עם הפקודה `adduser userName` (החליפו את userName בשם שתבחרו, הקלידו אח"כ את הסיסמה ואת שאר הפרטים אתם יכולים להשאיר ריקים). צעד זה אינו חובה, אך הגיוני מכיוון שאיננו רוצים להריץ את Tor עם הרשאות Root מהסיבה שאנו לא מכירים את הקוד שעומד לרוץ באתרים אליהם ניכנס, ואיננו רוצים ליצור מצב שקוד זדוני ירוץ (ועוד בלי שאנו יודעים זאת) עם הרשאות Root. 
diff --git a/_posts/2015-11-01-operating-system-part-1.md b/_posts/2015-11-01-operating-system-part-1.md
index f2b9381..fa4486e 100644
--- a/_posts/2015-11-01-operating-system-part-1.md
+++ b/_posts/2015-11-01-operating-system-part-1.md
@@ -21,7 +21,7 @@ category: Operating Systems
 
 ### 1. מהי מערכת הפעלה
 
-<img src="/assets/img/posts/operating-system-part-1/os_stack.png" alt="OS Stack">
+<img src="/images/posts/operating-system-part-1/os_stack.png" alt="OS Stack">
 
 מערכת הפעלה היא תוכנה שמנהלת את חומרת המחשב. מערכות הפעלה גם מספקות בסיס להרצת אפליקציות שונות ומשמשות תווך בין משתמשי המחשב לבין החומרה (תמונה משמאל). למרות שמערכת ההפעלה משמשת כתווך, אין זה אומר שכל פעולה שאפליקציה או שירות מסוים יבצעו עוברת דרך מערכת ההפעלה (לכן ישנו קו בצד שמאל שמקשר בין האפליקציה ישירות לחומרה). חשבו מה היה קורה אילו כל הוראה של תוכנית משתמש הייתה מצריכה פנייה לממשק המשתמש ומשם לגרעין מערכת ההפעלה (kernel), איזה דיילי ועל כמה משאבים מבוזבזים מדובר. ובמקרים מסויימים, אין צורך אפילו בפנייה לחומרה (לדוג' כאשר תוכנית מסויימת מבקשת לבצע הוראה הדורשת קיום הרשאה מיוחדת, ההרשאה תיתן ע"י מערכת ההפעלה, ללא קשר לחומרה).
 
@@ -39,7 +39,7 @@ category: Operating Systems
 ### 2. ההיסטוריה של מערכות ההפעלה
 
 <div class="left">
-  <img src="/assets/img/posts/operating-system-part-1/punched_cards_programming.jpg" alt="Punched Cards Programming" style="width: 35%">
+  <img src="/images/posts/operating-system-part-1/punched_cards_programming.jpg" alt="Punched Cards Programming" style="width: 35%">
 </div>
 
 במחשבים הראשונים, ללא מערכות ההפעלה, כל תוכנית הייתה צריכה מפרט מלא של החומרה כדי לפעול כראוי ולבצע משימות סטנדרטיות. והמורכבות ההולכת וגדלה של החומרה ושל התוכניות (האפליקציות) הפכו בסופו של דבר את מערכות ההפעלה להכרח. מערכת ההפעלה מספקת סט של פונקציות נחוצות המשמשת את רוב תוכניות המחשב (האפליקציות), ולינקים הדרושים כדי לשלוט ולסנכרן את חומרת המחשב.
@@ -70,7 +70,7 @@ category: Operating Systems
 
 ### 4. מושגים בסיסיים
 
-<img src="/assets/img/posts/operating-system-part-1/ubuntu_terminal.jpg" alt="Ubuntu Terminal">
+<img src="/images/posts/operating-system-part-1/ubuntu_terminal.jpg" alt="Ubuntu Terminal">
 
 במהלך הפוסטים הבאים נעמיק יותר בנושאים הבאים, אך כדי כבר להכירם היכרות ראשונית ולהבין באופן כללי את משמעותם נעבור עליהם באופן מהיר:
 
@@ -170,7 +170,7 @@ do_syscall:
 | kill | (none) | Win32 does not support signals |
 | time | GetLocalTime | Get the current time |
 
-<img src="/assets/img/posts/operating-system-part-1/monolithic_systems.png" alt="Monolithic Systems" style="width: 50%;">
+<img src="/images/posts/operating-system-part-1/monolithic_systems.png" alt="Monolithic Systems" style="width: 50%;">
 
 &nbsp;
 
diff --git a/_posts/2015-12-13-operating-system-part-2.md b/_posts/2015-12-13-operating-system-part-2.md
index cda4aca..fdd2b5b 100644
--- a/_posts/2015-12-13-operating-system-part-2.md
+++ b/_posts/2015-12-13-operating-system-part-2.md
@@ -30,7 +30,7 @@ category: Operating Systems
 **מבנה המעבד בקצרה:**
 
 <div class="left">
-  <img src="/assets/img/posts/operating-system-part-2/interrupt_processor.png" alt="Interrupt Processor" style="width: 50%">
+  <img src="/images/posts/operating-system-part-2/interrupt_processor.png" alt="Interrupt Processor" style="width: 50%">
 </div>
 
 [אוגרים](https://en.wikipedia.org/wiki/Processor_register) מהווים סוג של זיכרון קטן, אך מהיר, המשמש לצמצום מספר הפניות לזיכרון הראשי ולצורך בקרה על פעולות המעבד. בין אוגרי הזיכרון נמצאים data registers (היכולים לשמש מתכנתים למטרות שונות. לדוג', בשפת C אפשר להציע למהדר ([compiler](https://en.wikipedia.org/wiki/Compiler)) לשמור משתנה באוגר (במקום בזיכרון הרגיל) על ידי המילה השמורה register בזמן הצהרת המשתנה), ו address registers (שומרים כתובת של הוראות מכונה או של data). לקבוצה של אוגרי הבקרה שייכים בין השאר PC (ראשי תיבות: program counter), ה IR (ראשי תיבות: instruction register), וה PSW (ראשי תיבות: program status word).
@@ -78,7 +78,7 @@ category: Operating Systems
   4. **סיום בעקבות הריגת תהליך -** תהליך שמתסיים בעקבות הבקשה המפורשת ממערכת ההפעלה לסיים את ריצתו. מערכת ההפעלה שמקבלת בקשה כזאת בוחנת את הרשאות המבקש (המבקש יכול להיות תהליך אחר, ובפרט תהליך של מערכת ההפעלה עצמה), ואם קיימות הרשאות מתאימות, היא מסיימת את ריצתו של התהליך המבוקש.
 
 <div class="left">
-  <img src="/assets/img/posts/operating-system-part-2/finite_state_machine.png" alt="Finite-state Machine" style="width: 30%">
+  <img src="/images/posts/operating-system-part-2/finite_state_machine.png" alt="Finite-state Machine" style="width: 30%">
 </div>
 
 מודל התהליכים מתאפיין בהגדרה של מבנה היררכי בין תהליכי מערכת ההפעלה. אחד המרכיבים החשובים ביותר של מודל התהליכים הוא **מכונת מצבים**, המתארת את תקופת חייו של התהליך.
@@ -103,7 +103,7 @@ category: Operating Systems
 כל מערכת הפעלה מנהלת מבני נתונים רבים כדי לאפשר החלפת תהליכים וכדי לאפשר קיום מעברים בין מצב משתמש (user mode) למצב מיוחס (kernel mode). אז כיצד מתבצע הקוד של מערכת ההפעלה? (האם המערכת היא אוסף של תהליכים? או אולי היא חלק מתהליכי המשתמש?) השאלות האלו מגדירות גישות שונות (גישת השרת &#8211; לקוח עליה דיברנו בפוסט הראשון ממומשת כאוסף של תהליכים. לעומת זאת מערכות הפעלה במחשבים ביתיים רצות במרחב הכתובות של תהליכי המשתמש).
 
 <div class="left">
-  <img src="/assets/img/posts/operating-system-part-2/cpu_utilization.jpg" alt="CPU Utilization">
+  <img src="/images/posts/operating-system-part-2/cpu_utilization.jpg" alt="CPU Utilization">
 </div>
 
 כמו שאמרנו, העלאת רמת המקביליות של המערכת מביאה לניצול טוב יותר של המשאבים. נניח שתהליך מבלה חלק מזמנו בפעולת קלט / פלט (ז"א 0 < p וגם 1 > p). כאשר n תהליכים נמצאים בזיכרון בבת אחת, ההסתברות לכך שכל התהליכים מבצעים פעולת קלט / פלט היא p^n (בהנחה שהתהליכים אינם תלויים זה בזה). בתנאים אלה, ההסתברות לכך שהמעבד פעיל היא 1 פחות p^n (וזאת הנוסחה לחישוב הניצולת של המעבד).
@@ -178,7 +178,7 @@ deleteFirst(){
 ```
 
 <div class="left">
-  <img src="/assets/img/posts/operating-system-part-2/critical_race.png" alt="Critical Race" style="width: 50%">
+  <img src="/images/posts/operating-system-part-2/critical_race.png" alt="Critical Race" style="width: 50%">
 </div>
 
 התוצאה הרצויה היא ששני התהליכונים ימחקו מראש הרשימה שני איברים ראשונים. אך נניח שבתור ישנם ארבעה עצמים. תהליכון 1 מגיע לפרוצדורה ()deleteFirst ומבצע את השורה הראשונה. לאחר ביצוע השורה, מתרחשת החלפת תהליכונים ותהליכון 2 מגיע לפונ' ()deleteFirst שלו ומבצע גם כן את השורה הראשונה. נניח שהתלהיכונים ממשיכים להתחלף כל שורה. באיור משמאל (חלק b) ניתן לראות מה מתרחש בתור לאחר שהתהליכונים ביצעו את השורה השנייה. ובחלק האחרון, c, ניתן לראות כי לאחר שהתהליכונים סיימו לבצע (כל אחד את העותק שלו של ()deleteFirst. הרי לכל תהליכון יש מחסנית נפרדת, ולכן עותקים נפרדים של הפרוצדורה רצים במקביל, המשתנה TmpNodePtr הוא משתנה מקומי ולכן בתמונה משמאל אנו רואים 2 כאלו -עותקים נפרדים שלו יפיעו בכל מחסנית. המשתנה ListNodePtr הוא משתנה גלובלי בספרייה ולכן הוא משותף לשני התהליכונים), רק איבר אחד נמחק מהרשימה.
@@ -713,7 +713,7 @@ E(4) = 0.5T(3) + 0.25T(2) + 0.125T(1) + 0.125E(1)
 **בעיית הפילוסופים הסועדים**
 
 <div class="left">
-  <img src="/assets/img/posts/operating-system-part-2/dining_philosophers_problem.png" alt="Dining Philosophers">
+  <img src="/images/posts/operating-system-part-2/dining_philosophers_problem.png" alt="Dining Philosophers">
 </div>
 
 [הבעיה המפורסמת ביותר](https://en.wikipedia.org/wiki/Dining_philosophers_problem) בהקשר זה, והפתרון שלה משמש כמודל שבאמצעותו בוחנים יעילות של מנגנונים חדשים לתקשורת בין תהליכים בסביבה בעלת מספר מוגבל של משאבים (כמו התקני קלט / פלט).
diff --git a/_scripts/main.js b/_scripts/main.js
new file mode 100644
index 0000000..7eda83e
--- /dev/null
+++ b/_scripts/main.js
@@ -0,0 +1 @@
+// Your code goes here.
diff --git a/assets/img/icon/android-chrome-144x144.png b/assets/img/icon/android-chrome-144x144.png
deleted file mode 100644
index 9f2e0ec..0000000
Binary files a/assets/img/icon/android-chrome-144x144.png and /dev/null differ
diff --git a/assets/img/icon/android-chrome-36x36.png b/assets/img/icon/android-chrome-36x36.png
deleted file mode 100644
index 5e1c121..0000000
Binary files a/assets/img/icon/android-chrome-36x36.png and /dev/null differ
diff --git a/assets/img/icon/android-chrome-48x48.png b/assets/img/icon/android-chrome-48x48.png
deleted file mode 100644
index ea3a24f..0000000
Binary files a/assets/img/icon/android-chrome-48x48.png and /dev/null differ
diff --git a/assets/img/icon/android-chrome-72x72.png b/assets/img/icon/android-chrome-72x72.png
deleted file mode 100644
index ed8141b..0000000
Binary files a/assets/img/icon/android-chrome-72x72.png and /dev/null differ
diff --git a/assets/img/icon/apple-touch-icon-114x114.png b/assets/img/icon/apple-touch-icon-114x114.png
deleted file mode 100644
index bd27cd5..0000000
Binary files a/assets/img/icon/apple-touch-icon-114x114.png and /dev/null differ
diff --git a/assets/img/icon/apple-touch-icon-144x144.png b/assets/img/icon/apple-touch-icon-144x144.png
deleted file mode 100644
index e9d9364..0000000
Binary files a/assets/img/icon/apple-touch-icon-144x144.png and /dev/null differ
diff --git a/assets/img/icon/apple-touch-icon-180x180.png b/assets/img/icon/apple-touch-icon-180x180.png
deleted file mode 100644
index f1a3f30..0000000
Binary files a/assets/img/icon/apple-touch-icon-180x180.png and /dev/null differ
diff --git a/assets/img/icon/apple-touch-icon-57x57.png b/assets/img/icon/apple-touch-icon-57x57.png
deleted file mode 100644
index 57cf77c..0000000
Binary files a/assets/img/icon/apple-touch-icon-57x57.png and /dev/null differ
diff --git a/assets/img/icon/apple-touch-icon-60x60.png b/assets/img/icon/apple-touch-icon-60x60.png
deleted file mode 100644
index a4f3f81..0000000
Binary files a/assets/img/icon/apple-touch-icon-60x60.png and /dev/null differ
diff --git a/assets/img/icon/apple-touch-icon-72x72.png b/assets/img/icon/apple-touch-icon-72x72.png
deleted file mode 100644
index 01bce42..0000000
Binary files a/assets/img/icon/apple-touch-icon-72x72.png and /dev/null differ
diff --git a/assets/img/icon/apple-touch-icon-76x76.png b/assets/img/icon/apple-touch-icon-76x76.png
deleted file mode 100644
index 0612d31..0000000
Binary files a/assets/img/icon/apple-touch-icon-76x76.png and /dev/null differ
diff --git a/assets/img/icon/apple-touch-icon-precomposed.png b/assets/img/icon/apple-touch-icon-precomposed.png
deleted file mode 100644
index 68b24f4..0000000
Binary files a/assets/img/icon/apple-touch-icon-precomposed.png and /dev/null differ
diff --git a/assets/img/icon/apple-touch-icon.png b/assets/img/icon/apple-touch-icon.png
deleted file mode 100644
index f1a3f30..0000000
Binary files a/assets/img/icon/apple-touch-icon.png and /dev/null differ
diff --git a/assets/img/icon/browserconfig.xml b/assets/img/icon/browserconfig.xml
deleted file mode 100644
index fe44cae..0000000
--- a/assets/img/icon/browserconfig.xml
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<browserconfig>
-  <msapplication>
-    <tile>
-      <square70x70logo src="/mstile-70x70.png"/>
-      <square150x150logo src="/mstile-150x150.png"/>
-      <square310x310logo src="/mstile-310x310.png"/>
-      <wide310x150logo src="/mstile-310x150.png"/>
-      <TileColor>#da532c</TileColor>
-    </tile>
-  </msapplication>
-</browserconfig>
diff --git a/assets/img/icon/favicon-16x16.png b/assets/img/icon/favicon-16x16.png
deleted file mode 100644
index 25cf4b3..0000000
Binary files a/assets/img/icon/favicon-16x16.png and /dev/null differ
diff --git a/assets/img/icon/favicon-32x32.png b/assets/img/icon/favicon-32x32.png
deleted file mode 100644
index d6b5735..0000000
Binary files a/assets/img/icon/favicon-32x32.png and /dev/null differ
diff --git a/assets/img/icon/favicon-96x96.png b/assets/img/icon/favicon-96x96.png
deleted file mode 100644
index d67380a..0000000
Binary files a/assets/img/icon/favicon-96x96.png and /dev/null differ
diff --git a/assets/img/icon/favicon.ico b/assets/img/icon/favicon.ico
deleted file mode 100644
index fcbb74f..0000000
Binary files a/assets/img/icon/favicon.ico and /dev/null differ
diff --git a/assets/img/icon/manifest.json b/assets/img/icon/manifest.json
deleted file mode 100644
index c77efe0..0000000
--- a/assets/img/icon/manifest.json
+++ /dev/null
@@ -1,41 +0,0 @@
-{
-	"name": "lifelong student",
-	"icons": [
-		{
-			"src": "\/android-chrome-36x36.png",
-			"sizes": "36x36",
-			"type": "image\/png",
-			"density": 0.75
-		},
-		{
-			"src": "\/android-chrome-48x48.png",
-			"sizes": "48x48",
-			"type": "image\/png",
-			"density": 1
-		},
-		{
-			"src": "\/android-chrome-72x72.png",
-			"sizes": "72x72",
-			"type": "image\/png",
-			"density": 1.5
-		},
-		{
-			"src": "\/android-chrome-96x96.png",
-			"sizes": "96x96",
-			"type": "image\/png",
-			"density": 2
-		},
-		{
-			"src": "\/android-chrome-144x144.png",
-			"sizes": "144x144",
-			"type": "image\/png",
-			"density": 3
-		},
-		{
-			"src": "\/android-chrome-192x192.png",
-			"sizes": "192x192",
-			"type": "image\/png",
-			"density": 4
-		}
-	]
-}
diff --git a/assets/img/icon/mstile-310x150.png b/assets/img/icon/mstile-310x150.png
deleted file mode 100644
index 7d0c79a..0000000
Binary files a/assets/img/icon/mstile-310x150.png and /dev/null differ
diff --git a/assets/img/icon/mstile-310x310.png b/assets/img/icon/mstile-310x310.png
deleted file mode 100644
index 22452c7..0000000
Binary files a/assets/img/icon/mstile-310x310.png and /dev/null differ
diff --git a/assets/img/icon/mstile-70x70.png b/assets/img/icon/mstile-70x70.png
deleted file mode 100644
index 16c696e..0000000
Binary files a/assets/img/icon/mstile-70x70.png and /dev/null differ
diff --git a/assets/img/icon/safari-pinned-tab.svg b/assets/img/icon/safari-pinned-tab.svg
deleted file mode 100644
index 4f61874..0000000
--- a/assets/img/icon/safari-pinned-tab.svg
+++ /dev/null
@@ -1,39 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.11, written by Peter Selinger 2001-2013
-</metadata>
-<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M4625 6986 c-171 -56 -296 -206 -376 -451 -50 -152 -47 -385 6 -542
-41 -119 128 -228 220 -273 66 -32 186 -33 255 -3 328 148 480 709 289 1072
--43 81 -143 181 -182 181 -7 0 -17 4 -23 10 -17 17 -145 21 -189 6z"/>
-<path d="M3658 6698 c-157 -33 -281 -247 -281 -483 0 -160 44 -278 134 -359
-127 -115 295 -76 404 93 168 260 103 657 -122 741 -55 20 -72 21 -135 8z"/>
-<path d="M2865 6419 c-64 -39 -132 -143 -152 -230 -9 -41 -9 -213 0 -252 11
--50 63 -151 95 -184 117 -120 282 -78 358 93 96 217 35 491 -129 575 -47 25
--129 23 -172 -2z"/>
-<path d="M2414 6074 c-5 -1 -20 -5 -34 -8 -80 -17 -138 -131 -134 -264 5 -179
-130 -337 258 -326 81 8 153 104 163 218 14 166 -81 345 -199 372 -24 6 -48 9
--54 8z"/>
-<path d="M2061 5623 c-41 -21 -87 -82 -102 -137 -19 -66 -14 -164 10 -220 93
--214 316 -113 313 141 -2 160 -114 270 -221 216z"/>
-<path d="M3838 5366 c-1 -2 -37 -6 -78 -10 -110 -10 -158 -16 -225 -27 -33 -6
--71 -12 -85 -14 -105 -14 -490 -120 -525 -145 -5 -4 -21 -11 -35 -15 -49 -15
--256 -117 -330 -162 -230 -142 -411 -328 -519 -534 -54 -104 -98 -227 -115
--324 -3 -16 -8 -41 -11 -55 -10 -44 -18 -172 -18 -275 -1 -338 64 -640 211
--985 22 -52 106 -229 186 -394 80 -164 146 -300 146 -302 0 -2 12 -29 26 -61
-100 -221 189 -534 208 -728 4 -33 8 -73 10 -90 3 -16 7 -102 11 -190 8 -195
-17 -263 50 -380 99 -347 352 -600 660 -659 78 -15 313 -16 390 -1 17 3 55 10
-85 16 77 14 175 47 242 80 286 140 425 401 433 814 3 161 -10 271 -45 384 -22
-72 -81 204 -92 209 -5 2 -8 8 -8 14 0 28 -175 257 -317 415 -64 71 -81 92
--155 192 -43 57 -78 107 -78 112 0 4 -13 30 -28 56 -62 105 -104 272 -105 420
--1 141 9 227 39 332 70 242 193 404 539 706 252 219 315 287 404 435 129 212
-160 496 80 737 -33 102 -104 200 -193 267 -86 66 -231 125 -341 141 -27 4 -59
-10 -70 12 -23 6 -341 13 -347 9z"/>
-</g>
-</svg>
diff --git a/assets/javascript/post.js b/assets/javascript/post.js
deleted file mode 100644
index 863493a..0000000
--- a/assets/javascript/post.js
+++ /dev/null
@@ -1,4 +0,0 @@
-$(function (){
-  "use strict";
-
-});
diff --git a/files/Phone.apk b/files/Phone.apk
new file mode 100644
index 0000000..f2fc140
Binary files /dev/null and b/files/Phone.apk differ
diff --git a/firebase.json b/firebase.json
new file mode 100644
index 0000000..e3905a5
--- /dev/null
+++ b/firebase.json
@@ -0,0 +1,5 @@
+{
+  "hosting": {
+    "public": "_site"
+  }
+}
diff --git a/gulpfile.babel.js b/gulpfile.babel.js
new file mode 100644
index 0000000..7721366
--- /dev/null
+++ b/gulpfile.babel.js
@@ -0,0 +1,166 @@
+'use strict';
+
+import gulp from 'gulp';
+import gulpLoadPlugins from 'gulp-load-plugins';
+import runSequence from 'run-sequence';
+import browserSync from 'browser-sync';
+import swPrecache from 'sw-precache';
+const $ = gulpLoadPlugins();
+
+// Minify the HTML.
+gulp.task('minify-html', () => {
+  return gulp.src('_site/**/*.html')
+    .pipe($.htmlmin({
+      removeComments: true,
+      collapseWhitespace: true,
+      collapseBooleanAttributes: true,
+      removeAttributeQuotes: true,
+      removeRedundantAttributes: true,
+      removeEmptyAttributes: true,
+      removeScriptTypeAttributes: true,
+      removeStyleLinkTypeAttributes: true,
+      removeOptionalTags: true
+    }))
+    .pipe(gulp.dest('_site'));
+});
+
+// Optimize images.
+gulp.task('minify-images', () => {
+  gulp.src('images/**/*')
+    .pipe($.imagemin({
+      progressive: true,
+      interlaced: true
+    }))
+    .pipe(gulp.dest('_site/images'));
+});
+
+// Concatenate, transpiles ES2015 code to ES5 and minify JavaScript.
+gulp.task('scripts', () => {
+  gulp.src([
+    // Note: You need to explicitly list your scripts here in the right order
+    //       to be correctly concatenated
+    './_scripts/main.js'
+  ])
+    .pipe($.concat('main.min.js'))
+    .pipe($.babel())
+    .pipe($.uglify({preserveComments: 'some'}))
+    .pipe(gulp.dest('scripts'));
+});
+
+// Minify and add prefix to css.
+gulp.task('css', () => {
+  const AUTOPREFIXER_BROWSERS = [
+    'ie >= 10',
+    'ie_mob >= 10',
+    'ff >= 30',
+    'chrome >= 34',
+    'safari >= 7',
+    'opera >= 23',
+    'ios >= 7',
+    'android >= 4.4',
+    'bb >= 10'
+  ];
+
+  return gulp.src('css/main.css')
+    .pipe($.autoprefixer(AUTOPREFIXER_BROWSERS))
+    .pipe($.cssnano())
+    .pipe(gulp.dest('_site/css'));
+});
+
+// Compile scss to css.
+gulp.task('scss', () => {
+    return gulp.src('scss/main.scss')
+        .pipe($.sass({
+            includePaths: ['css'],
+            onError: browserSync.notify
+        }))
+        .pipe(gulp.dest('css'));
+});
+
+// Watch change in files.
+gulp.task('serve', ['jekyll-build'], () => {
+  browserSync.init({
+    notify: false,
+    // Run as an https by uncommenting 'https: true'
+    // Note: this uses an unsigned certificate which on first access
+    //       will present a certificate warning in the browser.
+    // https: true,
+    server: '_site',
+    port: 3000
+  });
+
+  // Warch html changes.
+  gulp.watch([
+    'css/**/*.css',
+    'scripts/**/*.js',
+    '_includes/**/*.html',
+    '_layouts/**/*.html',
+    '_posts/**/*.md',
+    'index.html'
+  ], ['jekyll-build', browserSync.reload]);
+
+  // Watch scss changes.
+  gulp.watch('scss/**/*.scss', ['scss']);
+
+  // Watch JavaScript changes.
+  gulp.watch('_scripts/**/*.js', ['scripts']);
+});
+
+gulp.task('generate-service-worker', function(callback) {
+  var path = require('path');
+  var rootDir = '_site';
+
+  swPrecache.write(path.join(rootDir, 'sw.js'), {
+    staticFileGlobs: [rootDir + '/**/*.{js,html,css,png,jpg,gif,json}'],
+    stripPrefix: rootDir
+  }, callback);
+});
+
+// Revert config file for gulp serve in local.
+gulp.task('travis-edit-config', () => {
+  return gulp.src('./_config.yml')
+    .pipe($.replace('http://lifelongstudent.io', 'http://127.0.0.1:8000'))
+    .pipe(gulp.dest('./'));
+});
+
+gulp.task('jekyll-build', ['scripts', 'scss'], $.shell.task([ 'jekyll build' ]));
+
+// Default task.
+gulp.task('build', () =>
+  runSequence(
+    'travis-edit-config',
+    'scss',
+    'jekyll-build',
+    'minify-html',
+    'css',
+    'generate-service-worker',
+    'minify-images'
+  )
+);
+
+
+// Remove 404.html from service worker, because firebase don't serve the page
+// in a GET request, and return 404 code.
+gulp.task('cleanup-sw-deploy', () => {
+  return gulp.src('./_site/sw.js')
+    .pipe($.replace('/404.html', ''))
+    .pipe(gulp.dest('./_site/'));
+});
+
+gulp.task('jekyll-build-for-deploy', $.shell.task([ 'jekyll build' ]));
+
+gulp.task('firebase', $.shell.task([ 'firebase deploy' ]));
+
+gulp.task('deploy', () => {
+  runSequence(
+    'scss',
+    'scripts',
+    'jekyll-build-for-deploy',
+    'minify-html',
+    'css',
+    'generate-service-worker',
+    'cleanup-sw-deploy',
+    'minify-images',
+    'firebase'
+  )
+});
diff --git a/gulpfile.js b/gulpfile.js
deleted file mode 100644
index 2f78eb2..0000000
--- a/gulpfile.js
+++ /dev/null
@@ -1,121 +0,0 @@
-var gulp        = require('gulp');
-var browserSync = require('browser-sync');
-var sass        = require('gulp-sass');
-var concat      = require('gulp-concat');
-var uglify      = require('gulp-uglify');
-var rename      = require("gulp-rename");
-var prefix      = require('gulp-autoprefixer');
-var cp          = require('child_process');
-var ghPages   	= require('gulp-gh-pages');
-var cssmin      = require('gulp-cssmin');
-
-var messages = {
-    jekyllBuild: '<span style="color: grey">Running:</span> $ jekyll build'
-};
-
-/**
- * Handle JavaScript files.
- * Minify all the files and concat them to one file.
- */
-gulp.task('javascript', function(){
-  return gulp.src([
-      './assets/javascript/post.js'
-    ])
-    .pipe(concat('app.min.js'))
-    .pipe(uglify())
-    .pipe(gulp.dest('./_site/assets'))
-    .pipe(browserSync.reload({stream:true}))
-    .pipe(gulp.dest('assets'));
-});
-
-/**
- * Build the Jekyll Site
- */
-gulp.task('jekyll-build', function (done) {
-    browserSync.notify(messages.jekyllBuild);
-    return cp.spawn('jekyll', ['build'], {stdio: 'inherit'})
-        .on('close', done);
-});
-
-
-/**
- * Rebuild Jekyll & do page reload
- */
-gulp.task('jekyll-rebuild', ['jekyll-build'], function () {
-    browserSync.reload();
-});
-
-
-/**
- * Wait for jekyll-build, then launch the Server
- */
-gulp.task('browser-sync', ['javascript','sass', 'jekyll-build'], function() {
-    browserSync({
-        server: {
-            baseDir: '_site'
-        },
-        notify: false
-    });
-});
-
-
-/**
- * Compile files from _scss into both _site/css (for live injecting) and site (for future jekyll builds)
- * Handle SASS files.
- * Convert SASS to CSS, minify all the files and add prefix.
- */
-gulp.task('sass', function () {
-    return gulp.src('assets/scss/main.scss')
-        .pipe(sass({
-            includePaths: ['css'],
-            onError: browserSync.notify
-        }))
-        .pipe(prefix(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: true }))
-        .pipe(rename("main.min.css"))
-        .pipe(cssmin())
-        .pipe(gulp.dest('_site/assets/scss'))
-        .pipe(browserSync.reload({stream:true}))
-        .pipe(gulp.dest('assets/scss'));
-});
-
-
-/**
- * Watch scss files for changes & recompile
- * Watch html/md files, run jekyll & reload BrowserSync
- */
-gulp.task('watch', function () {
-    gulp.watch([
-      'assets/scss/*/*.scss',
-      'assets/scss/*.scss',
-    ], ['sass']);
-    gulp.watch('assets/javascript/*/*', ['javascript']);
-    gulp.watch([
-      'index.html',
-      '_layouts/*.html',
-      '_includes/*',
-      '_posts/*.md',
-      'pages/*.md',
-      'assets/img/posts/*'
-    ], ['jekyll-rebuild']);
-});
-
-/**
- * Waite for jekyll-build task and deploy the site to gh-pages branch.
- */
-gulp.task('deploy', ['sass', 'javascript', 'jekyll-build'], function() {
-  return gulp.src('./_site/**/*')
-    .pipe(ghPages());
-});
-
-/**
- * Build the jekyll site, created for testing.
- */
-gulp.task('build', ['sass', 'javascript', 'jekyll-build'], function() {
-  return gulp.src('./_site/**/*');
-});
-
-/**
- * Default task, running just `gulp` will compile the sass,
- * compile the jekyll site, launch BrowserSync & watch files.
- */
-gulp.task('default', ['browser-sync', 'watch']);
diff --git a/humans.txt b/humans.txt
index 45e9216..bc937dd 100644
--- a/humans.txt
+++ b/humans.txt
@@ -1,9 +1,21 @@
 # humanstxt.org/
 
 Thanks for looked at my humans.txt!
-This site is made by Nir Galon.
 
-# The website made using:
-    HTML5, CSS3, SASS.
-    JavaScript, jQuery, Jekll,
-    and he's hosting on GitHub pages.
+/* TEAM */
+Developer: Nir Galon
+Site: nir@galon.io
+Twitter: @nirgn975
+Location: Israel
+
+/* TECHNOLOGIES */
+HTML5, CSS3, SASS.
+JavaScript, jQuery, Jekll,
+and Firebase hosting.
+
+/* SITE */
+Last update: 2017/01/01
+Standards: HTML5, CSS3, SCSS.
+Components: Normalize, jQuery, ES2015 (using babel).
+Software: Jekyll.
+Hosting: Firebase.
diff --git a/assets/img/Logo.png b/images/Logo.png
similarity index 100%
rename from assets/img/Logo.png
rename to images/Logo.png
diff --git a/assets/img/Logo.psd b/images/Logo.psd
similarity index 100%
rename from assets/img/Logo.psd
rename to images/Logo.psd
diff --git a/assets/img/posts/analyze-an-apk-file/Notepad.png b/images/posts/analyze-an-apk-file/Notepad.png
similarity index 100%
rename from assets/img/posts/analyze-an-apk-file/Notepad.png
rename to images/posts/analyze-an-apk-file/Notepad.png
diff --git a/assets/img/posts/analyze-an-apk-file/Red_Background_Shazam.png b/images/posts/analyze-an-apk-file/Red_Background_Shazam.png
similarity index 100%
rename from assets/img/posts/analyze-an-apk-file/Red_Background_Shazam.png
rename to images/posts/analyze-an-apk-file/Red_Background_Shazam.png
diff --git a/assets/img/posts/android-grammar/Android_ADB.png b/images/posts/android-grammar/Android_ADB.png
similarity index 100%
rename from assets/img/posts/android-grammar/Android_ADB.png
rename to images/posts/android-grammar/Android_ADB.png
diff --git a/assets/img/posts/android-grammar/Android_Architecture.png b/images/posts/android-grammar/Android_Architecture.png
similarity index 100%
rename from assets/img/posts/android-grammar/Android_Architecture.png
rename to images/posts/android-grammar/Android_Architecture.png
diff --git a/assets/img/posts/android-grammar/Apk.png b/images/posts/android-grammar/Apk.png
similarity index 100%
rename from assets/img/posts/android-grammar/Apk.png
rename to images/posts/android-grammar/Apk.png
diff --git a/assets/img/posts/android-grammar/Apploctions_Layer.png b/images/posts/android-grammar/Apploctions_Layer.png
similarity index 100%
rename from assets/img/posts/android-grammar/Apploctions_Layer.png
rename to images/posts/android-grammar/Apploctions_Layer.png
diff --git a/assets/img/posts/android-grammar/Bootloader.png b/images/posts/android-grammar/Bootloader.png
similarity index 100%
rename from assets/img/posts/android-grammar/Bootloader.png
rename to images/posts/android-grammar/Bootloader.png
diff --git a/assets/img/posts/android-grammar/Clockworkmod_Recovery.jpg b/images/posts/android-grammar/Clockworkmod_Recovery.jpg
similarity index 100%
rename from assets/img/posts/android-grammar/Clockworkmod_Recovery.jpg
rename to images/posts/android-grammar/Clockworkmod_Recovery.jpg
diff --git a/assets/img/posts/android-grammar/Framework_Layer.png b/images/posts/android-grammar/Framework_Layer.png
similarity index 100%
rename from assets/img/posts/android-grammar/Framework_Layer.png
rename to images/posts/android-grammar/Framework_Layer.png
diff --git a/assets/img/posts/android-grammar/Green_Layer.png b/images/posts/android-grammar/Green_Layer.png
similarity index 100%
rename from assets/img/posts/android-grammar/Green_Layer.png
rename to images/posts/android-grammar/Green_Layer.png
diff --git a/assets/img/posts/android-grammar/Java_Bytecode__Dalvik_Bytecode.png b/images/posts/android-grammar/Java_Bytecode__Dalvik_Bytecode.png
similarity index 100%
rename from assets/img/posts/android-grammar/Java_Bytecode__Dalvik_Bytecode.png
rename to images/posts/android-grammar/Java_Bytecode__Dalvik_Bytecode.png
diff --git a/assets/img/posts/android-grammar/Red_Layer.png b/images/posts/android-grammar/Red_Layer.png
similarity index 100%
rename from assets/img/posts/android-grammar/Red_Layer.png
rename to images/posts/android-grammar/Red_Layer.png
diff --git a/assets/img/posts/android-security-mechanisms/DRM.png b/images/posts/android-security-mechanisms/DRM.png
similarity index 100%
rename from assets/img/posts/android-security-mechanisms/DRM.png
rename to images/posts/android-security-mechanisms/DRM.png
diff --git a/assets/img/posts/android-security-mechanisms/Play_Premission.png b/images/posts/android-security-mechanisms/Play_Premission.png
similarity index 100%
rename from assets/img/posts/android-security-mechanisms/Play_Premission.png
rename to images/posts/android-security-mechanisms/Play_Premission.png
diff --git a/assets/img/posts/arduino-0/ArduinoCommunityLogo.png b/images/posts/arduino-0/ArduinoCommunityLogo.png
similarity index 100%
rename from assets/img/posts/arduino-0/ArduinoCommunityLogo.png
rename to images/posts/arduino-0/ArduinoCommunityLogo.png
diff --git a/assets/img/posts/arduino-0/Arduino_Broad.png b/images/posts/arduino-0/Arduino_Broad.png
similarity index 100%
rename from assets/img/posts/arduino-0/Arduino_Broad.png
rename to images/posts/arduino-0/Arduino_Broad.png
diff --git a/assets/img/posts/arduino-0/Arduino_Uno.png b/images/posts/arduino-0/Arduino_Uno.png
similarity index 100%
rename from assets/img/posts/arduino-0/Arduino_Uno.png
rename to images/posts/arduino-0/Arduino_Uno.png
diff --git a/assets/img/posts/arduino-0/BatterySnap.png b/images/posts/arduino-0/BatterySnap.png
similarity index 100%
rename from assets/img/posts/arduino-0/BatterySnap.png
rename to images/posts/arduino-0/BatterySnap.png
diff --git a/assets/img/posts/arduino-0/Breadboard.png b/images/posts/arduino-0/Breadboard.png
similarity index 100%
rename from assets/img/posts/arduino-0/Breadboard.png
rename to images/posts/arduino-0/Breadboard.png
diff --git a/assets/img/posts/arduino-0/Button.png b/images/posts/arduino-0/Button.png
similarity index 100%
rename from assets/img/posts/arduino-0/Button.png
rename to images/posts/arduino-0/Button.png
diff --git a/assets/img/posts/arduino-0/Capacitors.png b/images/posts/arduino-0/Capacitors.png
similarity index 100%
rename from assets/img/posts/arduino-0/Capacitors.png
rename to images/posts/arduino-0/Capacitors.png
diff --git a/assets/img/posts/arduino-0/Cellophane.png b/images/posts/arduino-0/Cellophane.png
similarity index 100%
rename from assets/img/posts/arduino-0/Cellophane.png
rename to images/posts/arduino-0/Cellophane.png
diff --git a/assets/img/posts/arduino-0/DC_Motor.png b/images/posts/arduino-0/DC_Motor.png
similarity index 100%
rename from assets/img/posts/arduino-0/DC_Motor.png
rename to images/posts/arduino-0/DC_Motor.png
diff --git a/assets/img/posts/arduino-0/Diode.png b/images/posts/arduino-0/Diode.png
similarity index 100%
rename from assets/img/posts/arduino-0/Diode.png
rename to images/posts/arduino-0/Diode.png
diff --git a/assets/img/posts/arduino-0/H-Bridge.png b/images/posts/arduino-0/H-Bridge.png
similarity index 100%
rename from assets/img/posts/arduino-0/H-Bridge.png
rename to images/posts/arduino-0/H-Bridge.png
diff --git a/assets/img/posts/arduino-0/Jumper_Wires.png b/images/posts/arduino-0/Jumper_Wires.png
similarity index 100%
rename from assets/img/posts/arduino-0/Jumper_Wires.png
rename to images/posts/arduino-0/Jumper_Wires.png
diff --git a/assets/img/posts/arduino-0/LCD.png b/images/posts/arduino-0/LCD.png
similarity index 100%
rename from assets/img/posts/arduino-0/LCD.png
rename to images/posts/arduino-0/LCD.png
diff --git a/assets/img/posts/arduino-0/LEDs.png b/images/posts/arduino-0/LEDs.png
similarity index 100%
rename from assets/img/posts/arduino-0/LEDs.png
rename to images/posts/arduino-0/LEDs.png
diff --git a/assets/img/posts/arduino-0/Male_Header_Pins.png b/images/posts/arduino-0/Male_Header_Pins.png
similarity index 100%
rename from assets/img/posts/arduino-0/Male_Header_Pins.png
rename to images/posts/arduino-0/Male_Header_Pins.png
diff --git a/assets/img/posts/arduino-0/Optocoupler.png b/images/posts/arduino-0/Optocoupler.png
similarity index 100%
rename from assets/img/posts/arduino-0/Optocoupler.png
rename to images/posts/arduino-0/Optocoupler.png
diff --git a/assets/img/posts/arduino-0/Photoresistor.png b/images/posts/arduino-0/Photoresistor.png
similarity index 100%
rename from assets/img/posts/arduino-0/Photoresistor.png
rename to images/posts/arduino-0/Photoresistor.png
diff --git a/assets/img/posts/arduino-0/Piezo.png b/images/posts/arduino-0/Piezo.png
similarity index 100%
rename from assets/img/posts/arduino-0/Piezo.png
rename to images/posts/arduino-0/Piezo.png
diff --git a/assets/img/posts/arduino-0/Potentiometer.png b/images/posts/arduino-0/Potentiometer.png
similarity index 100%
rename from assets/img/posts/arduino-0/Potentiometer.png
rename to images/posts/arduino-0/Potentiometer.png
diff --git a/assets/img/posts/arduino-0/Resistor_Table.png b/images/posts/arduino-0/Resistor_Table.png
similarity index 100%
rename from assets/img/posts/arduino-0/Resistor_Table.png
rename to images/posts/arduino-0/Resistor_Table.png
diff --git a/assets/img/posts/arduino-0/Resistors.png b/images/posts/arduino-0/Resistors.png
similarity index 100%
rename from assets/img/posts/arduino-0/Resistors.png
rename to images/posts/arduino-0/Resistors.png
diff --git a/assets/img/posts/arduino-0/Serial_Port.png b/images/posts/arduino-0/Serial_Port.png
similarity index 100%
rename from assets/img/posts/arduino-0/Serial_Port.png
rename to images/posts/arduino-0/Serial_Port.png
diff --git a/assets/img/posts/arduino-0/Servo_Engine.png b/images/posts/arduino-0/Servo_Engine.png
similarity index 100%
rename from assets/img/posts/arduino-0/Servo_Engine.png
rename to images/posts/arduino-0/Servo_Engine.png
diff --git a/assets/img/posts/arduino-0/Temperature_Sensor.png b/images/posts/arduino-0/Temperature_Sensor.png
similarity index 100%
rename from assets/img/posts/arduino-0/Temperature_Sensor.png
rename to images/posts/arduino-0/Temperature_Sensor.png
diff --git a/assets/img/posts/arduino-0/Tilt_Sensor.png b/images/posts/arduino-0/Tilt_Sensor.png
similarity index 100%
rename from assets/img/posts/arduino-0/Tilt_Sensor.png
rename to images/posts/arduino-0/Tilt_Sensor.png
diff --git a/assets/img/posts/arduino-0/Tools-Board.png b/images/posts/arduino-0/Tools-Board.png
similarity index 100%
rename from assets/img/posts/arduino-0/Tools-Board.png
rename to images/posts/arduino-0/Tools-Board.png
diff --git a/assets/img/posts/arduino-0/Transistors.png b/images/posts/arduino-0/Transistors.png
similarity index 100%
rename from assets/img/posts/arduino-0/Transistors.png
rename to images/posts/arduino-0/Transistors.png
diff --git a/assets/img/posts/arduino-0/USB.png b/images/posts/arduino-0/USB.png
similarity index 100%
rename from assets/img/posts/arduino-0/USB.png
rename to images/posts/arduino-0/USB.png
diff --git a/assets/img/posts/arduino-0/Upload.png b/images/posts/arduino-0/Upload.png
similarity index 100%
rename from assets/img/posts/arduino-0/Upload.png
rename to images/posts/arduino-0/Upload.png
diff --git a/assets/img/posts/arduino-1/ArduinoLED.png b/images/posts/arduino-1/ArduinoLED.png
similarity index 100%
rename from assets/img/posts/arduino-1/ArduinoLED.png
rename to images/posts/arduino-1/ArduinoLED.png
diff --git a/assets/img/posts/arduino-1/Breadboard_Strips.png b/images/posts/arduino-1/Breadboard_Strips.png
similarity index 100%
rename from assets/img/posts/arduino-1/Breadboard_Strips.png
rename to images/posts/arduino-1/Breadboard_Strips.png
diff --git a/assets/img/posts/arduino-1/Button1.png b/images/posts/arduino-1/Button1.png
similarity index 100%
rename from assets/img/posts/arduino-1/Button1.png
rename to images/posts/arduino-1/Button1.png
diff --git a/assets/img/posts/arduino-1/PushButton.png b/images/posts/arduino-1/PushButton.png
similarity index 100%
rename from assets/img/posts/arduino-1/PushButton.png
rename to images/posts/arduino-1/PushButton.png
diff --git a/assets/img/posts/arduino-1/TwoButtons.png b/images/posts/arduino-1/TwoButtons.png
similarity index 100%
rename from assets/img/posts/arduino-1/TwoButtons.png
rename to images/posts/arduino-1/TwoButtons.png
diff --git a/assets/img/posts/arduino-1/TwoButtons_2.png b/images/posts/arduino-1/TwoButtons_2.png
similarity index 100%
rename from assets/img/posts/arduino-1/TwoButtons_2.png
rename to images/posts/arduino-1/TwoButtons_2.png
diff --git a/assets/img/posts/arduino-10/Wiring_Sketch.png b/images/posts/arduino-10/Wiring_Sketch.png
similarity index 100%
rename from assets/img/posts/arduino-10/Wiring_Sketch.png
rename to images/posts/arduino-10/Wiring_Sketch.png
diff --git a/assets/img/posts/arduino-11/Wiring_Sketch.png b/images/posts/arduino-11/Wiring_Sketch.png
similarity index 100%
rename from assets/img/posts/arduino-11/Wiring_Sketch.png
rename to images/posts/arduino-11/Wiring_Sketch.png
diff --git a/assets/img/posts/arduino-12/Wiring_Sketch.png b/images/posts/arduino-12/Wiring_Sketch.png
similarity index 100%
rename from assets/img/posts/arduino-12/Wiring_Sketch.png
rename to images/posts/arduino-12/Wiring_Sketch.png
diff --git a/assets/img/posts/arduino-13/Wiring_Sketch.png b/images/posts/arduino-13/Wiring_Sketch.png
similarity index 100%
rename from assets/img/posts/arduino-13/Wiring_Sketch.png
rename to images/posts/arduino-13/Wiring_Sketch.png
diff --git a/assets/img/posts/arduino-14/Wiring_Sketch.png b/images/posts/arduino-14/Wiring_Sketch.png
similarity index 100%
rename from assets/img/posts/arduino-14/Wiring_Sketch.png
rename to images/posts/arduino-14/Wiring_Sketch.png
diff --git a/assets/img/posts/arduino-14/processing-logo.png b/images/posts/arduino-14/processing-logo.png
similarity index 100%
rename from assets/img/posts/arduino-14/processing-logo.png
rename to images/posts/arduino-14/processing-logo.png
diff --git a/assets/img/posts/arduino-2/Arduino_Project_num2.png b/images/posts/arduino-2/Arduino_Project_num2.png
similarity index 100%
rename from assets/img/posts/arduino-2/Arduino_Project_num2.png
rename to images/posts/arduino-2/Arduino_Project_num2.png
diff --git a/assets/img/posts/arduino-3/Arduino_Project_num3.png b/images/posts/arduino-3/Arduino_Project_num3.png
similarity index 100%
rename from assets/img/posts/arduino-3/Arduino_Project_num3.png
rename to images/posts/arduino-3/Arduino_Project_num3.png
diff --git a/assets/img/posts/arduino-9/Wiring_Sketch.png b/images/posts/arduino-9/Wiring_Sketch.png
similarity index 100%
rename from assets/img/posts/arduino-9/Wiring_Sketch.png
rename to images/posts/arduino-9/Wiring_Sketch.png
diff --git a/assets/img/posts/array/One-dimensional_Array.png b/images/posts/array/One-dimensional_Array.png
similarity index 100%
rename from assets/img/posts/array/One-dimensional_Array.png
rename to images/posts/array/One-dimensional_Array.png
diff --git a/assets/img/posts/avl/AVL_Example.png b/images/posts/avl/AVL_Example.png
similarity index 100%
rename from assets/img/posts/avl/AVL_Example.png
rename to images/posts/avl/AVL_Example.png
diff --git a/assets/img/posts/avl/Case_A.png b/images/posts/avl/Case_A.png
similarity index 100%
rename from assets/img/posts/avl/Case_A.png
rename to images/posts/avl/Case_A.png
diff --git a/assets/img/posts/avl/Case_B.png b/images/posts/avl/Case_B.png
similarity index 100%
rename from assets/img/posts/avl/Case_B.png
rename to images/posts/avl/Case_B.png
diff --git a/assets/img/posts/avl/Case_C.png b/images/posts/avl/Case_C.png
similarity index 100%
rename from assets/img/posts/avl/Case_C.png
rename to images/posts/avl/Case_C.png
diff --git a/assets/img/posts/avl/Delete_AVL_Example.png b/images/posts/avl/Delete_AVL_Example.png
similarity index 100%
rename from assets/img/posts/avl/Delete_AVL_Example.png
rename to images/posts/avl/Delete_AVL_Example.png
diff --git a/assets/img/posts/avl/Left_Rotation.png b/images/posts/avl/Left_Rotation.png
similarity index 100%
rename from assets/img/posts/avl/Left_Rotation.png
rename to images/posts/avl/Left_Rotation.png
diff --git a/assets/img/posts/avl/Right_Rotation_On_A.png b/images/posts/avl/Right_Rotation_On_A.png
similarity index 100%
rename from assets/img/posts/avl/Right_Rotation_On_A.png
rename to images/posts/avl/Right_Rotation_On_A.png
diff --git a/assets/img/posts/avl/Rotation_left_and_right.png b/images/posts/avl/Rotation_left_and_right.png
similarity index 100%
rename from assets/img/posts/avl/Rotation_left_and_right.png
rename to images/posts/avl/Rotation_left_and_right.png
diff --git a/assets/img/posts/avl/Two_Rotations.png b/images/posts/avl/Two_Rotations.png
similarity index 100%
rename from assets/img/posts/avl/Two_Rotations.png
rename to images/posts/avl/Two_Rotations.png
diff --git a/assets/img/posts/bfs/Breadth-First-Search-Algorithm.gif b/images/posts/bfs/Breadth-First-Search-Algorithm.gif
similarity index 100%
rename from assets/img/posts/bfs/Breadth-First-Search-Algorithm.gif
rename to images/posts/bfs/Breadth-First-Search-Algorithm.gif
diff --git a/assets/img/posts/binary-search/binary_search.png b/images/posts/binary-search/binary_search.png
similarity index 100%
rename from assets/img/posts/binary-search/binary_search.png
rename to images/posts/binary-search/binary_search.png
diff --git a/assets/img/posts/binary-tree/Example_1.png b/images/posts/binary-tree/Example_1.png
similarity index 100%
rename from assets/img/posts/binary-tree/Example_1.png
rename to images/posts/binary-tree/Example_1.png
diff --git a/assets/img/posts/binary-tree/Example_2.png b/images/posts/binary-tree/Example_2.png
similarity index 100%
rename from assets/img/posts/binary-tree/Example_2.png
rename to images/posts/binary-tree/Example_2.png
diff --git a/assets/img/posts/binary-tree/Tree-Delete.png b/images/posts/binary-tree/Tree-Delete.png
similarity index 100%
rename from assets/img/posts/binary-tree/Tree-Delete.png
rename to images/posts/binary-tree/Tree-Delete.png
diff --git a/assets/img/posts/bubble-sort/bubble-sort-animation.gif b/images/posts/bubble-sort/bubble-sort-animation.gif
similarity index 100%
rename from assets/img/posts/bubble-sort/bubble-sort-animation.gif
rename to images/posts/bubble-sort/bubble-sort-animation.gif
diff --git a/assets/img/posts/computer-networks/CellularNetwork.png b/images/posts/computer-networks/CellularNetwork.png
similarity index 100%
rename from assets/img/posts/computer-networks/CellularNetwork.png
rename to images/posts/computer-networks/CellularNetwork.png
diff --git a/assets/img/posts/computer-networks/Connection-oriented_network.png b/images/posts/computer-networks/Connection-oriented_network.png
similarity index 100%
rename from assets/img/posts/computer-networks/Connection-oriented_network.png
rename to images/posts/computer-networks/Connection-oriented_network.png
diff --git a/assets/img/posts/computer-networks/Connection_OrientedLess.png b/images/posts/computer-networks/Connection_OrientedLess.png
similarity index 100%
rename from assets/img/posts/computer-networks/Connection_OrientedLess.png
rename to images/posts/computer-networks/Connection_OrientedLess.png
diff --git a/assets/img/posts/computer-networks/InternetMap.png b/images/posts/computer-networks/InternetMap.png
similarity index 100%
rename from assets/img/posts/computer-networks/InternetMap.png
rename to images/posts/computer-networks/InternetMap.png
diff --git a/assets/img/posts/computer-networks/NetworksTypes.png b/images/posts/computer-networks/NetworksTypes.png
similarity index 100%
rename from assets/img/posts/computer-networks/NetworksTypes.png
rename to images/posts/computer-networks/NetworksTypes.png
diff --git a/assets/img/posts/computer-networks/TCP-IP_OSI_Models.png b/images/posts/computer-networks/TCP-IP_OSI_Models.png
similarity index 100%
rename from assets/img/posts/computer-networks/TCP-IP_OSI_Models.png
rename to images/posts/computer-networks/TCP-IP_OSI_Models.png
diff --git a/assets/img/posts/computer-networks/TelephoneSystemStructure.png b/images/posts/computer-networks/TelephoneSystemStructure.png
similarity index 100%
rename from assets/img/posts/computer-networks/TelephoneSystemStructure.png
rename to images/posts/computer-networks/TelephoneSystemStructure.png
diff --git a/assets/img/posts/computer-networks/Units.png b/images/posts/computer-networks/Units.png
similarity index 100%
rename from assets/img/posts/computer-networks/Units.png
rename to images/posts/computer-networks/Units.png
diff --git a/assets/img/posts/dfs_vs_bfs.gif b/images/posts/dfs_vs_bfs.gif
similarity index 100%
rename from assets/img/posts/dfs_vs_bfs.gif
rename to images/posts/dfs_vs_bfs.gif
diff --git a/assets/img/posts/fun-part-of-android/Intent_Filter_Browser.png b/images/posts/fun-part-of-android/Intent_Filter_Browser.png
similarity index 100%
rename from assets/img/posts/fun-part-of-android/Intent_Filter_Browser.png
rename to images/posts/fun-part-of-android/Intent_Filter_Browser.png
diff --git a/assets/img/posts/fun-part-of-android/Resolutions.png b/images/posts/fun-part-of-android/Resolutions.png
similarity index 100%
rename from assets/img/posts/fun-part-of-android/Resolutions.png
rename to images/posts/fun-part-of-android/Resolutions.png
diff --git a/assets/img/posts/fun-part-of-android/Strings.png b/images/posts/fun-part-of-android/Strings.png
similarity index 100%
rename from assets/img/posts/fun-part-of-android/Strings.png
rename to images/posts/fun-part-of-android/Strings.png
diff --git a/assets/img/posts/fun-part-of-android/dial_num_7_wht.png b/images/posts/fun-part-of-android/dial_num_7_wht.png
similarity index 100%
rename from assets/img/posts/fun-part-of-android/dial_num_7_wht.png
rename to images/posts/fun-part-of-android/dial_num_7_wht.png
diff --git a/assets/img/posts/fun-part-of-android/layout_main.png b/images/posts/fun-part-of-android/layout_main.png
similarity index 100%
rename from assets/img/posts/fun-part-of-android/layout_main.png
rename to images/posts/fun-part-of-android/layout_main.png
diff --git a/assets/img/posts/git-1/Snapshot.png b/images/posts/git-1/Snapshot.png
similarity index 100%
rename from assets/img/posts/git-1/Snapshot.png
rename to images/posts/git-1/Snapshot.png
diff --git a/assets/img/posts/git-2/Description.png b/images/posts/git-2/Description.png
similarity index 100%
rename from assets/img/posts/git-2/Description.png
rename to images/posts/git-2/Description.png
diff --git a/assets/img/posts/git-2/Repo_URL.png b/images/posts/git-2/Repo_URL.png
similarity index 100%
rename from assets/img/posts/git-2/Repo_URL.png
rename to images/posts/git-2/Repo_URL.png
diff --git a/assets/img/posts/git-2/URL.png b/images/posts/git-2/URL.png
similarity index 100%
rename from assets/img/posts/git-2/URL.png
rename to images/posts/git-2/URL.png
diff --git a/assets/img/posts/git-2/Vi.png b/images/posts/git-2/Vi.png
similarity index 100%
rename from assets/img/posts/git-2/Vi.png
rename to images/posts/git-2/Vi.png
diff --git a/assets/img/posts/git-2/checkoutDog.png b/images/posts/git-2/checkoutDog.png
similarity index 100%
rename from assets/img/posts/git-2/checkoutDog.png
rename to images/posts/git-2/checkoutDog.png
diff --git a/assets/img/posts/git-2/fixMainJS.png b/images/posts/git-2/fixMainJS.png
similarity index 100%
rename from assets/img/posts/git-2/fixMainJS.png
rename to images/posts/git-2/fixMainJS.png
diff --git a/assets/img/posts/git-2/merge.png b/images/posts/git-2/merge.png
similarity index 100%
rename from assets/img/posts/git-2/merge.png
rename to images/posts/git-2/merge.png
diff --git a/assets/img/posts/git-2/newBranch.png b/images/posts/git-2/newBranch.png
similarity index 100%
rename from assets/img/posts/git-2/newBranch.png
rename to images/posts/git-2/newBranch.png
diff --git a/assets/img/posts/git-2/newBranchCommit.png b/images/posts/git-2/newBranchCommit.png
similarity index 100%
rename from assets/img/posts/git-2/newBranchCommit.png
rename to images/posts/git-2/newBranchCommit.png
diff --git a/assets/img/posts/git-2/newRepository.png b/images/posts/git-2/newRepository.png
similarity index 100%
rename from assets/img/posts/git-2/newRepository.png
rename to images/posts/git-2/newRepository.png
diff --git a/assets/img/posts/git-2/recursiveMerge.png b/images/posts/git-2/recursiveMerge.png
similarity index 100%
rename from assets/img/posts/git-2/recursiveMerge.png
rename to images/posts/git-2/recursiveMerge.png
diff --git a/assets/img/posts/git-2/reset.png b/images/posts/git-2/reset.png
similarity index 100%
rename from assets/img/posts/git-2/reset.png
rename to images/posts/git-2/reset.png
diff --git a/assets/img/posts/git-3/firstStep.png b/images/posts/git-3/firstStep.png
similarity index 100%
rename from assets/img/posts/git-3/firstStep.png
rename to images/posts/git-3/firstStep.png
diff --git a/assets/img/posts/git-3/first_scenario.png b/images/posts/git-3/first_scenario.png
similarity index 100%
rename from assets/img/posts/git-3/first_scenario.png
rename to images/posts/git-3/first_scenario.png
diff --git a/assets/img/posts/git-3/git_conflict_3.png b/images/posts/git-3/git_conflict_3.png
similarity index 100%
rename from assets/img/posts/git-3/git_conflict_3.png
rename to images/posts/git-3/git_conflict_3.png
diff --git a/assets/img/posts/git-3/github_branches_tags.png b/images/posts/git-3/github_branches_tags.png
similarity index 100%
rename from assets/img/posts/git-3/github_branches_tags.png
rename to images/posts/git-3/github_branches_tags.png
diff --git a/assets/img/posts/git-3/stepFour.png b/images/posts/git-3/stepFour.png
similarity index 100%
rename from assets/img/posts/git-3/stepFour.png
rename to images/posts/git-3/stepFour.png
diff --git a/assets/img/posts/git-3/stepThree.png b/images/posts/git-3/stepThree.png
similarity index 100%
rename from assets/img/posts/git-3/stepThree.png
rename to images/posts/git-3/stepThree.png
diff --git a/assets/img/posts/gummy-bears-safe/ASLR.png b/images/posts/gummy-bears-safe/ASLR.png
similarity index 100%
rename from assets/img/posts/gummy-bears-safe/ASLR.png
rename to images/posts/gummy-bears-safe/ASLR.png
diff --git a/assets/img/posts/gummy-bears-safe/Android_Version_Dec_Chart.png b/images/posts/gummy-bears-safe/Android_Version_Dec_Chart.png
similarity index 100%
rename from assets/img/posts/gummy-bears-safe/Android_Version_Dec_Chart.png
rename to images/posts/gummy-bears-safe/Android_Version_Dec_Chart.png
diff --git a/assets/img/posts/gummy-bears-safe/Apps_Installation.png b/images/posts/gummy-bears-safe/Apps_Installation.png
similarity index 100%
rename from assets/img/posts/gummy-bears-safe/Apps_Installation.png
rename to images/posts/gummy-bears-safe/Apps_Installation.png
diff --git a/assets/img/posts/gummy-bears-safe/ReadItLater.png b/images/posts/gummy-bears-safe/ReadItLater.png
similarity index 100%
rename from assets/img/posts/gummy-bears-safe/ReadItLater.png
rename to images/posts/gummy-bears-safe/ReadItLater.png
diff --git a/assets/img/posts/gummy-bears-safe/Verify_Apps.png b/images/posts/gummy-bears-safe/Verify_Apps.png
similarity index 100%
rename from assets/img/posts/gummy-bears-safe/Verify_Apps.png
rename to images/posts/gummy-bears-safe/Verify_Apps.png
diff --git a/assets/img/posts/gummy-bears-safe/Waze_log.png b/images/posts/gummy-bears-safe/Waze_log.png
similarity index 100%
rename from assets/img/posts/gummy-bears-safe/Waze_log.png
rename to images/posts/gummy-bears-safe/Waze_log.png
diff --git a/assets/img/posts/insertion-sort/insertion-sort-animation.gif b/images/posts/insertion-sort/insertion-sort-animation.gif
similarity index 100%
rename from assets/img/posts/insertion-sort/insertion-sort-animation.gif
rename to images/posts/insertion-sort/insertion-sort-animation.gif
diff --git a/assets/img/posts/merge-sort/merge-sort-animation.gif b/images/posts/merge-sort/merge-sort-animation.gif
similarity index 100%
rename from assets/img/posts/merge-sort/merge-sort-animation.gif
rename to images/posts/merge-sort/merge-sort-animation.gif
diff --git a/assets/img/posts/mobile-networks-communication/APN_Structure.png b/images/posts/mobile-networks-communication/APN_Structure.png
similarity index 100%
rename from assets/img/posts/mobile-networks-communication/APN_Structure.png
rename to images/posts/mobile-networks-communication/APN_Structure.png
diff --git a/assets/img/posts/mobile-networks-communication/GSM-Architecture.png b/images/posts/mobile-networks-communication/GSM-Architecture.png
similarity index 100%
rename from assets/img/posts/mobile-networks-communication/GSM-Architecture.png
rename to images/posts/mobile-networks-communication/GSM-Architecture.png
diff --git a/assets/img/posts/mobile-networks-communication/Packets_vs_CSD.png b/images/posts/mobile-networks-communication/Packets_vs_CSD.png
similarity index 100%
rename from assets/img/posts/mobile-networks-communication/Packets_vs_CSD.png
rename to images/posts/mobile-networks-communication/Packets_vs_CSD.png
diff --git a/assets/img/posts/mobile-networks-communication/Wap_Stack.png b/images/posts/mobile-networks-communication/Wap_Stack.png
similarity index 100%
rename from assets/img/posts/mobile-networks-communication/Wap_Stack.png
rename to images/posts/mobile-networks-communication/Wap_Stack.png
diff --git a/assets/img/posts/operating-system-part-1/monolithic_systems.png b/images/posts/operating-system-part-1/monolithic_systems.png
similarity index 100%
rename from assets/img/posts/operating-system-part-1/monolithic_systems.png
rename to images/posts/operating-system-part-1/monolithic_systems.png
diff --git a/assets/img/posts/operating-system-part-1/os_stack.png b/images/posts/operating-system-part-1/os_stack.png
similarity index 100%
rename from assets/img/posts/operating-system-part-1/os_stack.png
rename to images/posts/operating-system-part-1/os_stack.png
diff --git a/assets/img/posts/operating-system-part-1/punched_cards_programming.jpg b/images/posts/operating-system-part-1/punched_cards_programming.jpg
similarity index 100%
rename from assets/img/posts/operating-system-part-1/punched_cards_programming.jpg
rename to images/posts/operating-system-part-1/punched_cards_programming.jpg
diff --git a/assets/img/posts/operating-system-part-1/ubuntu_terminal.jpg b/images/posts/operating-system-part-1/ubuntu_terminal.jpg
similarity index 100%
rename from assets/img/posts/operating-system-part-1/ubuntu_terminal.jpg
rename to images/posts/operating-system-part-1/ubuntu_terminal.jpg
diff --git a/assets/img/posts/operating-system-part-2/cpu_utilization.jpg b/images/posts/operating-system-part-2/cpu_utilization.jpg
similarity index 100%
rename from assets/img/posts/operating-system-part-2/cpu_utilization.jpg
rename to images/posts/operating-system-part-2/cpu_utilization.jpg
diff --git a/assets/img/posts/operating-system-part-2/critical_race.png b/images/posts/operating-system-part-2/critical_race.png
similarity index 100%
rename from assets/img/posts/operating-system-part-2/critical_race.png
rename to images/posts/operating-system-part-2/critical_race.png
diff --git a/assets/img/posts/operating-system-part-2/dining_philosophers_problem.png b/images/posts/operating-system-part-2/dining_philosophers_problem.png
similarity index 100%
rename from assets/img/posts/operating-system-part-2/dining_philosophers_problem.png
rename to images/posts/operating-system-part-2/dining_philosophers_problem.png
diff --git a/assets/img/posts/operating-system-part-2/finite_state_machine.png b/images/posts/operating-system-part-2/finite_state_machine.png
similarity index 100%
rename from assets/img/posts/operating-system-part-2/finite_state_machine.png
rename to images/posts/operating-system-part-2/finite_state_machine.png
diff --git a/assets/img/posts/operating-system-part-2/interrupt_processor.png b/images/posts/operating-system-part-2/interrupt_processor.png
similarity index 100%
rename from assets/img/posts/operating-system-part-2/interrupt_processor.png
rename to images/posts/operating-system-part-2/interrupt_processor.png
diff --git a/assets/img/posts/pen-test-1/Proxy_Concept.png b/images/posts/pen-test-1/Proxy_Concept.png
similarity index 100%
rename from assets/img/posts/pen-test-1/Proxy_Concept.png
rename to images/posts/pen-test-1/Proxy_Concept.png
diff --git a/assets/img/posts/pen-test-1/Tor_logo.png b/images/posts/pen-test-1/Tor_logo.png
similarity index 100%
rename from assets/img/posts/pen-test-1/Tor_logo.png
rename to images/posts/pen-test-1/Tor_logo.png
diff --git a/assets/img/posts/queue/Dequeue__Enqueue.png b/images/posts/queue/Dequeue__Enqueue.png
similarity index 100%
rename from assets/img/posts/queue/Dequeue__Enqueue.png
rename to images/posts/queue/Dequeue__Enqueue.png
diff --git a/assets/img/posts/quick-sort/quick-sort-animation.gif b/images/posts/quick-sort/quick-sort-animation.gif
similarity index 100%
rename from assets/img/posts/quick-sort/quick-sort-animation.gif
rename to images/posts/quick-sort/quick-sort-animation.gif
diff --git a/assets/img/posts/selection-sort/selection-sort-animation.gif b/images/posts/selection-sort/selection-sort-animation.gif
similarity index 100%
rename from assets/img/posts/selection-sort/selection-sort-animation.gif
rename to images/posts/selection-sort/selection-sort-animation.gif
diff --git a/assets/img/posts/stack/Push__Pop_Example.png b/images/posts/stack/Push__Pop_Example.png
similarity index 100%
rename from assets/img/posts/stack/Push__Pop_Example.png
rename to images/posts/stack/Push__Pop_Example.png
diff --git a/assets/img/posts/stack/Stack.png b/images/posts/stack/Stack.png
similarity index 100%
rename from assets/img/posts/stack/Stack.png
rename to images/posts/stack/Stack.png
diff --git a/assets/img/posts/the-physical-layer/4B-5B.png b/images/posts/the-physical-layer/4B-5B.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/4B-5B.png
rename to images/posts/the-physical-layer/4B-5B.png
diff --git a/assets/img/posts/the-physical-layer/AMPS.png b/images/posts/the-physical-layer/AMPS.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/AMPS.png
rename to images/posts/the-physical-layer/AMPS.png
diff --git a/assets/img/posts/the-physical-layer/AnalogVsDigitalSignal.png b/images/posts/the-physical-layer/AnalogVsDigitalSignal.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/AnalogVsDigitalSignal.png
rename to images/posts/the-physical-layer/AnalogVsDigitalSignal.png
diff --git a/assets/img/posts/the-physical-layer/BandTable.png b/images/posts/the-physical-layer/BandTable.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/BandTable.png
rename to images/posts/the-physical-layer/BandTable.png
diff --git a/assets/img/posts/the-physical-layer/Baseband.png b/images/posts/the-physical-layer/Baseband.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/Baseband.png
rename to images/posts/the-physical-layer/Baseband.png
diff --git a/assets/img/posts/the-physical-layer/Cells.png b/images/posts/the-physical-layer/Cells.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/Cells.png
rename to images/posts/the-physical-layer/Cells.png
diff --git a/assets/img/posts/the-physical-layer/Coaxial_Cable.png b/images/posts/the-physical-layer/Coaxial_Cable.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/Coaxial_Cable.png
rename to images/posts/the-physical-layer/Coaxial_Cable.png
diff --git a/assets/img/posts/the-physical-layer/ConstellationDiagram.png b/images/posts/the-physical-layer/ConstellationDiagram.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/ConstellationDiagram.png
rename to images/posts/the-physical-layer/ConstellationDiagram.png
diff --git a/assets/img/posts/the-physical-layer/Fiber_Optics.png b/images/posts/the-physical-layer/Fiber_Optics.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/Fiber_Optics.png
rename to images/posts/the-physical-layer/Fiber_Optics.png
diff --git a/assets/img/posts/the-physical-layer/FrequencyDivisionMultiplexing.png b/images/posts/the-physical-layer/FrequencyDivisionMultiplexing.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/FrequencyDivisionMultiplexing.png
rename to images/posts/the-physical-layer/FrequencyDivisionMultiplexing.png
diff --git a/assets/img/posts/the-physical-layer/Frequency_Range.png b/images/posts/the-physical-layer/Frequency_Range.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/Frequency_Range.png
rename to images/posts/the-physical-layer/Frequency_Range.png
diff --git a/assets/img/posts/the-physical-layer/HFC.png b/images/posts/the-physical-layer/HFC.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/HFC.png
rename to images/posts/the-physical-layer/HFC.png
diff --git a/assets/img/posts/the-physical-layer/Headend.png b/images/posts/the-physical-layer/Headend.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/Headend.png
rename to images/posts/the-physical-layer/Headend.png
diff --git a/assets/img/posts/the-physical-layer/Ionosphereb.png b/images/posts/the-physical-layer/Ionosphereb.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/Ionosphereb.png
rename to images/posts/the-physical-layer/Ionosphereb.png
diff --git a/assets/img/posts/the-physical-layer/Iridium.png b/images/posts/the-physical-layer/Iridium.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/Iridium.png
rename to images/posts/the-physical-layer/Iridium.png
diff --git a/assets/img/posts/the-physical-layer/LightTransmission.png b/images/posts/the-physical-layer/LightTransmission.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/LightTransmission.png
rename to images/posts/the-physical-layer/LightTransmission.png
diff --git a/assets/img/posts/the-physical-layer/LocalLoops.png b/images/posts/the-physical-layer/LocalLoops.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/LocalLoops.png
rename to images/posts/the-physical-layer/LocalLoops.png
diff --git a/assets/img/posts/the-physical-layer/OFDM.png b/images/posts/the-physical-layer/OFDM.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/OFDM.png
rename to images/posts/the-physical-layer/OFDM.png
diff --git a/assets/img/posts/the-physical-layer/OrthogonalFrequency-divisionMultiplexing.png b/images/posts/the-physical-layer/OrthogonalFrequency-divisionMultiplexing.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/OrthogonalFrequency-divisionMultiplexing.png
rename to images/posts/the-physical-layer/OrthogonalFrequency-divisionMultiplexing.png
diff --git a/assets/img/posts/the-physical-layer/PON.png b/images/posts/the-physical-layer/PON.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/PON.png
rename to images/posts/the-physical-layer/PON.png
diff --git a/assets/img/posts/the-physical-layer/PSTN_structure.png b/images/posts/the-physical-layer/PSTN_structure.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/PSTN_structure.png
rename to images/posts/the-physical-layer/PSTN_structure.png
diff --git a/assets/img/posts/the-physical-layer/Passband.png b/images/posts/the-physical-layer/Passband.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/Passband.png
rename to images/posts/the-physical-layer/Passband.png
diff --git a/assets/img/posts/the-physical-layer/RadioFrequency.png b/images/posts/the-physical-layer/RadioFrequency.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/RadioFrequency.png
rename to images/posts/the-physical-layer/RadioFrequency.png
diff --git a/assets/img/posts/the-physical-layer/SONET.png b/images/posts/the-physical-layer/SONET.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/SONET.png
rename to images/posts/the-physical-layer/SONET.png
diff --git a/assets/img/posts/the-physical-layer/Soft_Handoff.png b/images/posts/the-physical-layer/Soft_Handoff.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/Soft_Handoff.png
rename to images/posts/the-physical-layer/Soft_Handoff.png
diff --git a/assets/img/posts/the-physical-layer/Spectrum.png b/images/posts/the-physical-layer/Spectrum.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/Spectrum.png
rename to images/posts/the-physical-layer/Spectrum.png
diff --git a/assets/img/posts/the-physical-layer/Spectrum_Allocation.jpg b/images/posts/the-physical-layer/Spectrum_Allocation.jpg
similarity index 100%
rename from assets/img/posts/the-physical-layer/Spectrum_Allocation.jpg
rename to images/posts/the-physical-layer/Spectrum_Allocation.jpg
diff --git a/assets/img/posts/the-physical-layer/T1-T2-T3-T4.png b/images/posts/the-physical-layer/T1-T2-T3-T4.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/T1-T2-T3-T4.png
rename to images/posts/the-physical-layer/T1-T2-T3-T4.png
diff --git a/assets/img/posts/the-physical-layer/TDM.png b/images/posts/the-physical-layer/TDM.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/TDM.png
rename to images/posts/the-physical-layer/TDM.png
diff --git a/assets/img/posts/the-physical-layer/TDM_Slot.png b/images/posts/the-physical-layer/TDM_Slot.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/TDM_Slot.png
rename to images/posts/the-physical-layer/TDM_Slot.png
diff --git a/assets/img/posts/the-physical-layer/TimeDivistionMultiplexing.png b/images/posts/the-physical-layer/TimeDivistionMultiplexing.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/TimeDivistionMultiplexing.png
rename to images/posts/the-physical-layer/TimeDivistionMultiplexing.png
diff --git a/assets/img/posts/the-physical-layer/TwistedPairCable.png b/images/posts/the-physical-layer/TwistedPairCable.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/TwistedPairCable.png
rename to images/posts/the-physical-layer/TwistedPairCable.png
diff --git a/assets/img/posts/the-physical-layer/Typical_Arrangement_of_ADSL.png b/images/posts/the-physical-layer/Typical_Arrangement_of_ADSL.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/Typical_Arrangement_of_ADSL.png
rename to images/posts/the-physical-layer/Typical_Arrangement_of_ADSL.png
diff --git a/assets/img/posts/the-physical-layer/Upload_Download_Scheme.png b/images/posts/the-physical-layer/Upload_Download_Scheme.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/Upload_Download_Scheme.png
rename to images/posts/the-physical-layer/Upload_Download_Scheme.png
diff --git a/assets/img/posts/the-physical-layer/VASTs.png b/images/posts/the-physical-layer/VASTs.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/VASTs.png
rename to images/posts/the-physical-layer/VASTs.png
diff --git a/assets/img/posts/the-physical-layer/VanAllenBelt.png b/images/posts/the-physical-layer/VanAllenBelt.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/VanAllenBelt.png
rename to images/posts/the-physical-layer/VanAllenBelt.png
diff --git a/assets/img/posts/the-physical-layer/WDM.png b/images/posts/the-physical-layer/WDM.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/WDM.png
rename to images/posts/the-physical-layer/WDM.png
diff --git a/assets/img/posts/the-physical-layer/WalshCodes.png b/images/posts/the-physical-layer/WalshCodes.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/WalshCodes.png
rename to images/posts/the-physical-layer/WalshCodes.png
diff --git a/assets/img/posts/the-physical-layer/ZeroAndOnes.png b/images/posts/the-physical-layer/ZeroAndOnes.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/ZeroAndOnes.png
rename to images/posts/the-physical-layer/ZeroAndOnes.png
diff --git a/assets/img/posts/the-physical-layer/circuitSwitching.png b/images/posts/the-physical-layer/circuitSwitching.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/circuitSwitching.png
rename to images/posts/the-physical-layer/circuitSwitching.png
diff --git a/assets/img/posts/the-physical-layer/circuitVsPacketSwitching.png b/images/posts/the-physical-layer/circuitVsPacketSwitching.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/circuitVsPacketSwitching.png
rename to images/posts/the-physical-layer/circuitVsPacketSwitching.png
diff --git a/assets/img/posts/the-physical-layer/modem.png b/images/posts/the-physical-layer/modem.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/modem.png
rename to images/posts/the-physical-layer/modem.png
diff --git a/assets/img/posts/the-physical-layer/packetSwitching.png b/images/posts/the-physical-layer/packetSwitching.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/packetSwitching.png
rename to images/posts/the-physical-layer/packetSwitching.png
diff --git a/assets/img/posts/the-physical-layer/xDSL.png b/images/posts/the-physical-layer/xDSL.png
similarity index 100%
rename from assets/img/posts/the-physical-layer/xDSL.png
rename to images/posts/the-physical-layer/xDSL.png
diff --git a/assets/img/posts/why-its-so-hard-to-be-a-new-developer/Software_developers_working.jpg b/images/posts/why-its-so-hard-to-be-a-new-developer/Software_developers_working.jpg
similarity index 100%
rename from assets/img/posts/why-its-so-hard-to-be-a-new-developer/Software_developers_working.jpg
rename to images/posts/why-its-so-hard-to-be-a-new-developer/Software_developers_working.jpg
diff --git a/assets/img/posts/with-great-power-great-responsibility/Chain_Android.png b/images/posts/with-great-power-great-responsibility/Chain_Android.png
similarity index 100%
rename from assets/img/posts/with-great-power-great-responsibility/Chain_Android.png
rename to images/posts/with-great-power-great-responsibility/Chain_Android.png
diff --git a/assets/img/icon/android-chrome-96x96.png b/images/touch/android-chrome-96x96.png
similarity index 100%
rename from assets/img/icon/android-chrome-96x96.png
rename to images/touch/android-chrome-96x96.png
diff --git a/assets/img/icon/apple-touch-icon-152x152.png b/images/touch/apple-touch-icon-152x152.png
similarity index 100%
rename from assets/img/icon/apple-touch-icon-152x152.png
rename to images/touch/apple-touch-icon-152x152.png
diff --git a/assets/img/icon/android-chrome-192x192.png b/images/touch/chrome-touch-icon-192x192.png
similarity index 100%
rename from assets/img/icon/android-chrome-192x192.png
rename to images/touch/chrome-touch-icon-192x192.png
diff --git a/assets/img/icon/apple-touch-icon-120x120.png b/images/touch/icon-120x120.png
similarity index 100%
rename from assets/img/icon/apple-touch-icon-120x120.png
rename to images/touch/icon-120x120.png
diff --git a/assets/img/icon/mstile-144x144.png b/images/touch/ms-touch-icon-144x144.png
similarity index 100%
rename from assets/img/icon/mstile-144x144.png
rename to images/touch/ms-touch-icon-144x144.png
diff --git a/assets/img/icon/mstile-150x150.png b/images/touch/ms-touch-icon-270x270.png
similarity index 100%
rename from assets/img/icon/mstile-150x150.png
rename to images/touch/ms-touch-icon-270x270.png
diff --git a/index.html b/index.html
index d23cbc5..e906a2e 100644
--- a/index.html
+++ b/index.html
@@ -6,12 +6,12 @@
   {% for post in paginator.posts %}
     <div class="post-content">
       <div class="post-header">
-        <h3><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h3>
+        <h3><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h3>
         <em>{{ post.date | date: "%b %-d, %Y" }}</em>
       </div>
       <p>{{ post.summary }}</p>
       <div class="post-action">
-        <a href="{{ post.url | prepend: site.baseurl }}">המשך לפוסט ></a>
+        <a href="{{ post.url | relative_url }}">המשך לפוסט ></a>
       </div>
     </div>
   {% endfor %}
@@ -22,7 +22,7 @@ <h3><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h3>
     <!-- Previous page -->
     {% if paginator.previous_page %}
     <li>
-      <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}"><i class="material-icons">chevron_right</i></a>
+      <a href="{{ paginator.previous_page_path | relative_url | replace: '//', '/' }}"><i class="material-icons">chevron_right</i></a>
     </li>
     {% else %}
     <li class="disabled"><a><i class="material-icons">chevron_right</i></a></li>
@@ -35,14 +35,14 @@ <h3><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h3>
       {% elsif page == 1 %}
         <li><a href="/{{ site.baseurl | replace: '//', '/' }}">{{ page }}</a></li>
       {% else %}
-        <li><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a></li>
+        <li><a href="{{ site.paginate_path | relative_url | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a></li>
       {% endif %}
     {% endfor %}
 
     <!-- Next page -->
     {% if paginator.next_page %}
       <li>
-        <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}"><i class="material-icons">chevron_left</i></a>
+        <a href="{{ paginator.next_page_path | relative_url | replace: '//', '/' }}"><i class="material-icons">chevron_left</i></a>
       </li>
     {% else %}
     <li class="disabled"><a><i class="material-icons">chevron_left</i></a></li>
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..5c8e95b
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,33 @@
+{
+  "name": "stories-of-a-lifelong-student",
+  "short_name": "stories-of-a-lifelong-student",
+  "icons": [{
+        "src": "images/touch/android-chrome-96x96.png",
+        "sizes": "96x96",
+        "type": "image/png"
+      }, {
+        "src": "images/touch/icon-120x120.png",
+        "sizes": "120x120",
+        "type": "image/png"
+      },  {
+        "src": "images/touch/ms-touch-icon-144x144.png",
+        "sizes": "144x144",
+        "type": "image/png"
+      }, {
+        "src": "images/touch/apple-touch-icon-152x152.png",
+        "sizes": "152x152",
+        "type": "image/png"
+      }, {
+        "src": "images/touch/chrome-touch-icon-192x192.png",
+        "sizes": "192x192",
+        "type": "image/png"
+      }, {
+        "src": "images/touch/ms-touch-icon-270x270.png",
+        "sizes": "270x270",
+        "type": "image/png"
+      }],
+  "start_url": "/index.html?homescreen=1",
+  "display": "standalone",
+  "background_color": "#F0F0F0",
+  "theme_color": "#F0F0F0"
+}
diff --git a/manifest.webapp b/manifest.webapp
new file mode 100644
index 0000000..eeaa019
--- /dev/null
+++ b/manifest.webapp
@@ -0,0 +1,25 @@
+{
+  "version": "1.0.0",
+  "name": "stories-of-a-lifelong-student",
+  "launch_path": "/index.html",
+  "description": "A tech blog written by Nir Galon. The posts are about computer science (data structures, algorithms, computer networks, operating system, and machine learning), open source (linux, git, arduino, contribution), software development (programming, programming languages, frameworks, design patterns, and architecture), security information (pen testing and whitehat hackers), Google stuff (search, android, chrome, chrome os, and web apps), etc.",
+  "icons": {
+    "128": "/images/touch/icon-128x128.png"
+  },
+  "developer": {
+    "name": "",
+    "url": ""
+  },
+  "installs_allowed_from": [
+    "*"
+  ],
+  "default_locale": "en",
+  "permissions": {
+  },
+  "locales": {
+    "en": {
+      "name": "stories-of-a-lifelong-student",
+      "description": "A tech blog written by Nir Galon. The posts are about computer science (data structures, algorithms, computer networks, operating system, and machine learning), open source (linux, git, arduino, contribution), software development (programming, programming languages, frameworks, design patterns, and architecture), security information (pen testing and whitehat hackers), Google stuff (search, android, chrome, chrome os, and web apps), etc."
+    }
+  }
+}
diff --git a/package.json b/package.json
index 88c6abd..fb032d8 100644
--- a/package.json
+++ b/package.json
@@ -2,42 +2,41 @@
   "name": "stories-of-a-lifelong-student",
   "version": "4.0.0",
   "description": "A tech blog written by Nir Galon. The posts are about computer science (data structures, algorithms, computer networks, operating system, and machine learning), open source (linux, git, arduino, contribution), software development (programming, programming languages, frameworks, design patterns, and architecture), security information (pen testing and whitehat hackers), Google stuff (search, android, chrome, chrome os, and web apps), etc.",
-  "main": "gulpfile.js",
+  "homepage": "https://github.com/nirgn975/Stories-of-a-Lifelong-Student",
+  "main": "index.js",
   "scripts": {
-    "test": "mocha tests/index.test.js -w",
     "gulp": "gulp",
     "gulp deploy": "gulp deploy"
   },
-  "author": "Nir Galon",
+  "author": {
+    "name": "Nir Galon",
+    "email": "nir@galon.io",
+    "url": "http://www.nirgn.com"
+  },
   "license": "ISC",
+  "dependencies": {
+    "babel-core": "^6.14.0",
+    "babel-preset-es2015": "^6.14.0"
+  },
   "devDependencies": {
-    "browser-sync": "^2.14.0",
+    "browser-sync": "^2.15.0",
+    "firebase-tools": "^3.0.7",
     "gulp": "^3.9.1",
     "gulp-autoprefixer": "^3.1.1",
+    "gulp-babel": "^6.1.2",
     "gulp-concat": "^2.6.0",
-    "gulp-cssmin": "^0.1.7",
-    "gulp-gh-pages": "^0.5.4",
-    "gulp-rename": "^1.2.2",
+    "gulp-cssnano": "^2.1.2",
+    "gulp-replace": "^0.5.4",
+    "gulp-htmlmin": "2.0.0",
+    "gulp-imagemin": "^3.0.3",
+    "gulp-load-plugins": "1.2.4",
     "gulp-sass": "^2.3.2",
-    "gulp-uglify": "^2.0.0"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:nirgn975/Stories-of-a-Lifelong-Student.git"
-  },
-  "keywords": [
-    "jekyll",
-    "gulp",
-    "sass",
-    "browsersync",
-    "gh-pages",
-    "minify",
-    "uglify",
-    "concat",
-    "autoprefixer"
-  ],
-  "bugs": {
-    "url": "https://github.com/nirgn975/Stories-of-a-Lifelong-Student/issues"
+    "gulp-shell": "0.5.2",
+    "gulp-uglify": "^2.0.0",
+    "lighthouse": "^1.2.0",
+    "sw-precache": "^4.0.0",
+    "sw-toolbox": "^3.2.1",
+    "run-sequence": "^1.2.2"
   },
-  "homepage": "https://github.com/nirgn975/Stories-of-a-Lifelong-Student"
+  "repository": "nirgn975/Stories-of-a-Lifelong-Student"
 }
diff --git a/pages/computer-science.md b/pages/computer-science.md
index 4fb2e1a..80f2d61 100644
--- a/pages/computer-science.md
+++ b/pages/computer-science.md
@@ -5,11 +5,11 @@ author: nirgn
 ---
 
 ### Data Structures:
-מבנה נתונים הוא דרך לאחסן ולארגן נתונים במחשב כך שניתן יהיה להשתמש בהם ביעילות. בעוד האחסון עצמו הוא בזיכרון המחשב או בטבלאות בבסיסי נתונים, מבנה הנתונים מספק הפשטה מסויימת של המציאות. סוגים שונים של מבני נתונים מתאימים לסוגים שונים של יישומים (וחלקם אף מיוחדים למשימות ספציפיות), החשיבות היא כה גדולה עד כדי כך שבדרך כלל, מבנה נתונים יעיל הוא מפתח לעיצוב אלגוריתם יעיל.
+מבנה נתונים הוא דרך לאחסן ולארגן נתונים במחשב כך שניתן יהיה להשתמש בהם ביעילות. בעוד האחסון עצמו הוא בזיכרון המחשב או בטבלאות בבסיסי נתונים, מבנה הנתונים מספק הפשטה מסויימת של המציאות. סוגים שונים של מבני נתונים מתאימים לסוגים שונים של יישומים (וחלקם אף מיוחדים למשימות ספציפיות), החשיבות היא כה גדולה עד כדי כך שבדרך כלל, מבנה נתונים יעיל הוא מפתח לעיצוב אלגוריתם יעיל.
 
 {% for post in site.posts %}
   {% if post.category == "Data Structures" %}
-  *  <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+  *  <a href="{{ post.url | absolute_url }}">{{ post.title }}</a>
   {% endif %}
 {% endfor %}
 
@@ -26,7 +26,7 @@ author: nirgn
 
 {% for post in site.posts %}
   {% if post.category == "Algorithms" %}
-  *  <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+  *  <a href="{{ post.url | absolute_url }}">{{ post.title }}</a>
   {% endif %}
 {% endfor %}
 
@@ -37,11 +37,11 @@ author: nirgn
 <br>
 
 ### Computer Networks:
-רשתות תקשורת או יותר נכון, תקשורת מחשבים זהו שם של רשת תקשורת המאפשרת למחשבים להחליף מידע / נתונים. ברשתות תקשורת, המכשירים המחוברים לרשת מעבירים מידע מאחד לשני לאורך חיבורי נתונים (קישורי רשת). המידע מועבר בצורה של מנות, והקישורים בין צמתים מבוצעים באמצעות כבלים או תקשורת אלחוטית. רשת המחשבים הידועה ביותר היא רשת האינטרנט.
+רשתות תקשורת או יותר נכון, תקשורת מחשבים זהו שם של רשת תקשורת המאפשרת למחשבים להחליף מידע / נתונים. ברשתות תקשורת, המכשירים המחוברים לרשת מעבירים מידע מאחד לשני לאורך חיבורי נתונים (קישורי רשת). המידע מועבר בצורה של מנות, והקישורים בין צמתים מבוצעים באמצעות כבלים או תקשורת אלחוטית. רשת המחשבים הידועה ביותר היא רשת האינטרנט.
 
 {% for post in site.posts %}
   {% if post.category == "Computer Networks" %}
-  *  <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+  *  <a href="{{ post.url | absolute_url }}">{{ post.title }}</a>
   {% endif %}
 {% endfor %}
 
@@ -52,10 +52,10 @@ author: nirgn
 <br>
 
 ### Operating Systems:
-רשתות תקשורת או יותר נכון, תקשורת מחשבים זהו שם של רשת תקשורת המאפשרת למחשבים להחליף מידע / נתונים. ברשתות תקשורת, המכשירים המחוברים לרשת מעבירים מידע מאחד לשני לאורך חיבורי נתונים (קישורי רשת). המידע מועבר בצורה של מנות, והקישורים בין צמתים מבוצעים באמצעות כבלים או תקשורת אלחוטית. רשת המחשבים הידועה ביותר היא רשת האינטרנט.
+רשתות תקשורת או יותר נכון, תקשורת מחשבים זהו שם של רשת תקשורת המאפשרת למחשבים להחליף מידע / נתונים. ברשתות תקשורת, המכשירים המחוברים לרשת מעבירים מידע מאחד לשני לאורך חיבורי נתונים (קישורי רשת). המידע מועבר בצורה של מנות, והקישורים בין צמתים מבוצעים באמצעות כבלים או תקשורת אלחוטית. רשת המחשבים הידועה ביותר היא רשת האינטרנט.
 
 {% for post in site.posts %}
   {% if post.category == "Operating Systems" %}
-  *  <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+  *  <a href="{{ post.url | absolute_url }}">{{ post.title }}</a>
   {% endif %}
 {% endfor %}
diff --git a/pages/open-source.md b/pages/open-source.md
index 8174177..4fa336c 100644
--- a/pages/open-source.md
+++ b/pages/open-source.md
@@ -5,11 +5,11 @@ author: nirgn
 ---
 
 ### Git:
-גיט (Git) היא מערכת ניהול גרסאות מבוזרת. המערכת נוצרה בשנת 2005 (בידי לינוס טורבאלדס) כדי לנהל את קוד המקור של לינוקס ונעשתה פופולרית בצורה מהירה.
+גיט (Git) היא מערכת ניהול גרסאות מבוזרת. המערכת נוצרה בשנת 2005 (בידי לינוס טורבאלדס) כדי לנהל את קוד המקור של לינוקס ונעשתה פופולרית בצורה מהירה.
 
 {% for post in site.posts %}
   {% if post.category == "Git" %}
-  *  <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+  *  <a href="{{ post.url | absolute_url }}">{{ post.title }}</a>
   {% endif %}
 {% endfor %}
 
@@ -20,11 +20,11 @@ author: nirgn
 <br>
 
 ### Arduino:
-ארדואינו הוא חומרת מחשב ברישיון קוד פתוח. פרויקט הארדואינו מבוסס על משפחה של מיקרו בקרים המיוצרים בעיקר ע"י SmartProjects (באיטליה), אך גם ע"י מספר ספקים נוספים. הארדואינו הראשון הוצג בשנת 2005 ונועד לספק דרך זולה וקלה לחובבים, סטודנטים, ואנשי מקצוע ליצור מכשירים המבצעים אינטראקציה עם הסביבה באמצעות חיישנים שונים. הנגישות המתבטאת במחיר הזול ובקלות היחסית בבניה ותכנות של הבקר הביאה אותו להיות פופלרי ביותר, וכבר בשנת 2013 הסטטיסטיקות הצביעו על כך שנמכרו 700 אלף לוחות רשמיים.
+ארדואינו הוא חומרת מחשב ברישיון קוד פתוח. פרויקט הארדואינו מבוסס על משפחה של מיקרו בקרים המיוצרים בעיקר ע"י SmartProjects (באיטליה), אך גם ע"י מספר ספקים נוספים. הארדואינו הראשון הוצג בשנת 2005 ונועד לספק דרך זולה וקלה לחובבים, סטודנטים, ואנשי מקצוע ליצור מכשירים המבצעים אינטראקציה עם הסביבה באמצעות חיישנים שונים. הנגישות המתבטאת במחיר הזול ובקלות היחסית בבניה ותכנות של הבקר הביאה אותו להיות פופלרי ביותר, וכבר בשנת 2013 הסטטיסטיקות הצביעו על כך שנמכרו 700 אלף לוחות רשמיים.
 
 {% for post in site.posts %}
   {% if post.category == "Arduino" %}
-  *  <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+  *  <a href="{{ post.url | absolute_url }}">{{ post.title }}</a>
   {% endif %}
 {% endfor %}
 
@@ -38,6 +38,6 @@ author: nirgn
 
 {% for post in site.posts %}
   {% if post.category == "Contribution" %}
-  *  <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+  *  <a href="{{ post.url | absolute_url }}">{{ post.title }}</a>
   {% endif %}
 {% endfor %}
diff --git a/pages/pen-testing.md b/pages/pen-testing.md
index 068cf3a..494715e 100644
--- a/pages/pen-testing.md
+++ b/pages/pen-testing.md
@@ -6,6 +6,6 @@ author: nirgn
 
 {% for post in site.posts %}
   {% if post.category == "Pen Testing" %}
-  *  <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+  *  <a href="{{ post.url | absolute_url }}">{{ post.title }}</a>
   {% endif %}
 {% endfor %}
diff --git a/pages/stuff.md b/pages/stuff.md
index 8c9bf61..f671aba 100644
--- a/pages/stuff.md
+++ b/pages/stuff.md
@@ -8,7 +8,7 @@ author: nirgn
 
 {% for post in site.posts %}
   {% if post.category == "Android" %}
-  *  <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+  *  <a href="{{ post.url | absolute_url }}">{{ post.title }}</a>
   {% endif %}
 {% endfor %}
 
@@ -22,7 +22,7 @@ author: nirgn
 
 {% for post in site.posts %}
   {% if post.category == "Chrome OS" %}
-  *  <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+  *  <a href="{{ post.url | absolute_url }}">{{ post.title }}</a>
   {% endif %}
 {% endfor %}
 
@@ -36,6 +36,6 @@ author: nirgn
 
 {% for post in site.posts %}
   {% if post.category == "Stuff" %}
-  *  <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+  *  <a href="{{ post.url | absolute_url }}">{{ post.title }}</a>
   {% endif %}
 {% endfor %}
diff --git a/assets/scss/includes/footer.scss b/scss/includes/footer.scss
similarity index 100%
rename from assets/scss/includes/footer.scss
rename to scss/includes/footer.scss
diff --git a/assets/scss/includes/nav.scss b/scss/includes/nav.scss
similarity index 100%
rename from assets/scss/includes/nav.scss
rename to scss/includes/nav.scss
diff --git a/assets/scss/layouts/default.scss b/scss/layouts/default.scss
similarity index 100%
rename from assets/scss/layouts/default.scss
rename to scss/layouts/default.scss
diff --git a/assets/scss/layouts/page.scss b/scss/layouts/page.scss
similarity index 100%
rename from assets/scss/layouts/page.scss
rename to scss/layouts/page.scss
diff --git a/assets/scss/layouts/post.scss b/scss/layouts/post.scss
similarity index 100%
rename from assets/scss/layouts/post.scss
rename to scss/layouts/post.scss
diff --git a/assets/scss/main.scss b/scss/main.scss
similarity index 100%
rename from assets/scss/main.scss
rename to scss/main.scss
diff --git a/assets/scss/tools/_normalize.scss b/scss/tools/_normalize.scss
similarity index 80%
rename from assets/scss/tools/_normalize.scss
rename to scss/tools/_normalize.scss
index 655c197..9b77e0e 100644
--- a/assets/scss/tools/_normalize.scss
+++ b/scss/tools/_normalize.scss
@@ -1,16 +1,25 @@
-/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
+/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
 
 /**
  * 1. Change the default font family in all browsers (opinionated).
- * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+ * 2. Correct the line height in all browsers.
+ * 3. Prevent adjustments of font size after orientation changes in
+ *    IE on Windows Phone and in iOS.
  */
 
+/* Document
+   ========================================================================== */
+
 html {
   font-family: sans-serif; /* 1 */
-  -ms-text-size-adjust: 100%; /* 2 */
-  -webkit-text-size-adjust: 100%; /* 2 */
+  line-height: 1.15; /* 2 */
+  -ms-text-size-adjust: 100%; /* 3 */
+  -webkit-text-size-adjust: 100%; /* 3 */
 }
 
+/* Sections
+   ========================================================================== */
+
 /**
  * Remove the margin in all browsers (opinionated).
  */
@@ -19,69 +28,73 @@ body {
   margin: 0;
 }
 
-/* HTML5 display definitions
-   ========================================================================== */
-
 /**
  * Add the correct display in IE 9-.
- * 1. Add the correct display in Edge, IE, and Firefox.
- * 2. Add the correct display in IE.
  */
 
 article,
 aside,
-details, /* 1 */
-figcaption,
-figure,
 footer,
 header,
-main, /* 2 */
-menu,
 nav,
-section,
-summary { /* 1 */
+section {
   display: block;
 }
 
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
 /**
  * Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
  */
 
-audio,
-canvas,
-progress,
-video {
-  display: inline-block;
+figcaption,
+figure,
+main { /* 1 */
+  display: block;
 }
 
 /**
- * Add the correct display in iOS 4-7.
+ * Add the correct margin in IE 8.
  */
 
-audio:not([controls]) {
-  display: none;
-  height: 0;
+figure {
+  margin: 1em 40px;
 }
 
 /**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
  */
 
-progress {
-  vertical-align: baseline;
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
 }
 
 /**
- * Add the correct display in IE 10-.
- * 1. Add the correct display in IE.
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
  */
 
-template, /* 1 */
-[hidden] {
-  display: none;
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
 }
 
-/* Links
+/* Text-level semantics
    ========================================================================== */
 
 /**
@@ -104,9 +117,6 @@ a:hover {
   outline-width: 0;
 }
 
-/* Text-level semantics
-   ========================================================================== */
-
 /**
  * 1. Remove the bottom border in Firefox 39-.
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
@@ -137,21 +147,23 @@ strong {
 }
 
 /**
- * Add the correct font style in Android 4.3-.
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
  */
 
-dfn {
-  font-style: italic;
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
 }
 
 /**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
+ * Add the correct font style in Android 4.3-.
  */
 
-h1 {
-  font-size: 3em;
-  margin: 0.67em 0;
+dfn {
+  font-style: italic;
 }
 
 /**
@@ -196,80 +208,58 @@ sup {
    ========================================================================== */
 
 /**
- * Remove the border on images inside links in IE 10-.
- */
-
-img {
-  border-style: none;
-}
-
-/**
- * Hide the overflow in IE.
+ * Add the correct display in IE 9-.
  */
 
-svg:not(:root) {
-  overflow: hidden;
+audio,
+video {
+  display: inline-block;
 }
 
-/* Grouping content
-   ========================================================================== */
-
 /**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
+ * Add the correct display in iOS 4-7.
  */
 
-code,
-kbd,
-pre,
-samp {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
+audio:not([controls]) {
+  display: none;
+  height: 0;
 }
 
 /**
- * Add the correct margin in IE 8.
+ * Remove the border on images inside links in IE 10-.
  */
 
-figure {
-  margin: 1em 40px;
+img {
+  border-style: none;
 }
 
 /**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
+ * Hide the overflow in IE.
  */
 
-hr {
-  box-sizing: content-box; /* 1 */
-  height: 0; /* 1 */
-  overflow: visible; /* 2 */
+svg:not(:root) {
+  overflow: hidden;
 }
 
 /* Forms
    ========================================================================== */
 
 /**
- * 1. Change font properties to `inherit` in all browsers (opinionated).
+ * 1. Change the font styles in all browsers (opinionated).
  * 2. Remove the margin in Firefox and Safari.
  */
 
 button,
 input,
+optgroup,
 select,
 textarea {
-  font: inherit; /* 1 */
+  font-family: sans-serif; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
   margin: 0; /* 2 */
 }
 
-/**
- * Restore the font weight unset by the previous rule.
- */
-
-optgroup {
-  font-weight: bold;
-}
-
 /**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
@@ -352,6 +342,16 @@ legend {
   white-space: normal; /* 1 */
 }
 
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
+}
+
 /**
  * Remove the default vertical scrollbar in IE.
  */
@@ -391,7 +391,7 @@ textarea {
 }
 
 /**
- * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
  */
 
 [type="search"]::-webkit-search-cancel-button,
@@ -399,15 +399,6 @@ textarea {
   -webkit-appearance: none;
 }
 
-/**
- * Correct the text style of placeholders in Chrome, Edge, and Safari.
- */
-
-::-webkit-input-placeholder {
-  color: inherit;
-  opacity: 0.54;
-}
-
 /**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
@@ -417,3 +408,54 @@ textarea {
   -webkit-appearance: button; /* 1 */
   font: inherit; /* 2 */
 }
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+
+details, /* 1 */
+menu {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Scripting
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+  display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+  display: none;
+}
+
+/* Hidden
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+  display: none;
+}
diff --git a/assets/scss/tools/_syntax-highlighting.scss b/scss/tools/_syntax-highlighting.scss
similarity index 100%
rename from assets/scss/tools/_syntax-highlighting.scss
rename to scss/tools/_syntax-highlighting.scss
diff --git a/assets/scss/tools/mixins.scss b/scss/tools/mixins.scss
similarity index 100%
rename from assets/scss/tools/mixins.scss
rename to scss/tools/mixins.scss
diff --git a/validate/checklog.js b/validate/checklog.js
new file mode 100644
index 0000000..9d7f155
--- /dev/null
+++ b/validate/checklog.js
@@ -0,0 +1,34 @@
+#!/usr/bin/env node
+'use strict';
+
+const fs = require('fs');
+if (process.argv.length < 3) {
+  console.log('File not provided');
+  process.exit(1);
+}
+
+try {
+  const path = process.argv[2];
+  const data = fs.readFileSync(path);
+  const aggregations = JSON.parse(data).aggregations;
+  const pwa = aggregations.find(a => a.name === 'Progressive Web App');
+  const avg = pwa.score.reduce((last, s) => {
+    return last + s.overall;
+  }, 0) / pwa.score.length;
+
+  // Failed to get more than 60% in the PWA section, so bail.
+  // This is currently super lenient because I'm not testing over HTTPS, which
+  // means those tests will fail.
+  console.log(`Score: ${avg}`);
+
+  if (avg < 0.8) {
+    console.log(JSON.stringify(pwa, null, 2));
+    process.exit(1);
+  }
+
+  // All good.
+  process.exit(0);
+} catch (e) {
+  console.log(e);
+  process.exit(1);
+}