diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 110623ca..5bce8be1 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -2,7 +2,7 @@
 
 This lesson covers the basics of programming languages. The topics covered here apply to most modern programming languages today. In the 'Tools of the Trade' section, you'll learn about useful software that helps you as a developer.
 
-![Intro Programming](webdev101-programming.png)
+![Intro Programming](/sketchnotes/webdev101-programming.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Pre-Lecture Quiz
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.es.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.es.md
index 5f72225d..e882d21c 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.es.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.es.md
@@ -2,7 +2,7 @@
 
 Esta lección cubre los conceptos básicos de los lenguajes de programación. Los temas que aprenderemos aquí se aplican a la mayoría de los lenguajes de programación modernos en la actualidad. En la sección 'Herramientas del oficio', aprenderás sobre software y herramientas que te ayudarán como desarrollador.
 
-![Intro Programming](../webdev101-programming.png)
+![Intro Programming](/sketchnotes/webdev101-programming.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## [Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1)
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.fr.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.fr.md
index 6ea9c45d..f04fed52 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.fr.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.fr.md
@@ -2,7 +2,7 @@
 
 Cette leçon couvre les bases des langages de programmation. Les sujets abordés ici s'appliquent à la plupart des langages de programmation modernes d'aujourd'hui. Dans la section «Outils du métier», vous découvrirez des logiciels utiles qui vous aideront en tant que développeur.
 
-![Intro Programming](webdev101-programming.png)
+![Intro Programming](/sketchnotes/webdev101-programming.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Pre-Lecture Quiz
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.gr.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.gr.md
index 82421a8f..4c924dca 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.gr.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.gr.md
@@ -2,7 +2,7 @@
 
 Αυτό το μάθημα καλύπτει τα βασικά των γλωσσών προγραμματισμού. Τα θέματα που καλύπτονται εδώ ισχύουν για τις περισσότερες σύγχρονες γλώσσες προγραμματισμού σήμερα. Στην ενότητα 'Εργαλεία του Εμπορίου', θα μάθετε για χρήσιμο λογισμικό που σας βοηθά ως προγραμματιστές.
 
-![Intro Programming](../webdev101-programming.png)
+![Intro Programming](/sketchnotes/webdev101-programming.png)
 > Σκίτσο από [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Pre-Lecture Quiz
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.id.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.id.md
index 13a99727..c84fcc25 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.id.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.id.md
@@ -2,7 +2,7 @@
 
 Pelajaran ini mencakup dasar-dasar bahasa pemrograman. Topik yang dibahas di sini berlaku untuk sebagian besar bahasa pemrograman modern saat ini. Di bagian 'Alat Keterampilan', Anda akan belajar tentang perangkat lunak yang berguna yang membantu Anda sebagai pengembang.
 
-![Pemrograman Intro](../webdev101-programming.png)
+![Pemrograman Intro](/sketchnotes/webdev101-programming.png)
 > Catatan sketsa oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Kuis Pra-Kuliah
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.it.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.it.md
index baac5411..ebceea1b 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.it.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.it.md
@@ -2,7 +2,7 @@
 
 Questa lezione tratta delle basi dei linguaggi di programmazione. Gli argomenti trattati qui si applicano alla maggior parte dei moderni linguaggi di programmazione di oggi. Nella sezione 'Strumenti Necessari' conoscerete utili software che vi aiuteranno come programmatore.
 
-![Introduzione alla  Programmazione](../webdev101-programming.png)
+![Introduzione alla  Programmazione](/sketchnotes/webdev101-programming.png)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Quiz Pre-Lezione
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ja.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ja.md
index b0361fba..401c664e 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ja.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ja.md
@@ -4,7 +4,7 @@
 ここで取り上げた特徴は、最新のプログラミング言語のほとんどに当てはまります。
 次にツールセクションでは、開発者にとって有用なソフトウェアを紹介します。
 
-![Intro Programming](../webdev101-programming.png)
+![Intro Programming](/sketchnotes/webdev101-programming.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## 事前クイズ
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ko.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ko.md
index bea6837a..0abd4d60 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ko.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ko.md
@@ -2,7 +2,7 @@
 
 이 강의에서는 프로그래밍 언어의 기초를 다룹니다. 여기에서 다루는 주제는 오늘 날 많은 최신 프로그래밍 언어에 적용됩니다. 'Tools of the Trade' 세션에서는 개발자에게 도움이 되는 유용한 소프트웨어에 대해 알아보겠습니다.
 
-![Intro Programming](../webdev101-programming.png)
+![Intro Programming](/sketchnotes/webdev101-programming.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## 강의 전 퀴즈
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ms.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ms.md
index 44914eb6..1b649a80 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ms.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.ms.md
@@ -2,7 +2,7 @@
 
 Pelajaran ini merangkumi asas bahasa pengaturcaraan. Topik yang anda akan belajar di sini dapat mengaplikasikan untuk kebanyakan bahasa pengaturcaraan moden hari ini. Pada bahagian 'Alat Perdagangan', anda akan belajar bagaimana mengenai perisian berguna yang membantu anda sebagai pembangun.
 
-![Intro Programming](../webdev101-programming.png)
+![Intro Programming](/sketchnotes/webdev101-programming.png)
 > Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Kuiz Pra-Kuliah
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.nl.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.nl.md
index a8ee6cbf..504a5143 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.nl.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.nl.md
@@ -2,7 +2,7 @@
 
 Deze les beschrijft de basis over programmeertalen. De onderwerpen zijn van toepassing op de meeste hedendaagse programeertalen. In het 'Vakgereedschap' onderdeel leert u over nuttige toepassingen die u helpen als web ontwikkelaar.
 
-![Introductie Programmeren](../webdev101-programming.png)
+![Introductie Programmeren](/sketchnotes/webdev101-programming.png)
 > Sketchnote door [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Pre-Lecture Quiz
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.zh-tw.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.zh-tw.md
index 43d62c98..29b71a3e 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.zh-tw.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.zh-tw.md
@@ -2,7 +2,7 @@
 
 這堂課程解釋程式語言的基礎。這項主題能應用到當代多數的程式語言。關於必備工具的部分，你會學到許多實用的開發者軟體。
 
-![關於程式語言](../webdev101-programming.png)
+![關於程式語言](/sketchnotes/webdev101-programming.png)
 > 由[Tomomi Imura](https://twitter.com/girlie_mac) 繪製。
 
 ## 課前測驗
diff --git a/1-getting-started-lessons/2-github-basics/README.md b/1-getting-started-lessons/2-github-basics/README.md
index 0b89459c..9f7645ac 100644
--- a/1-getting-started-lessons/2-github-basics/README.md
+++ b/1-getting-started-lessons/2-github-basics/README.md
@@ -2,7 +2,7 @@
 
 This lesson covers the basics of GitHub, a platform to host and manage changes to your code.
 
-![Intro to GitHub](images/webdev101-github.png)
+![Intro to GitHub](/sketchnotes/webdev101-github.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Pre-Lecture Quiz
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.es.md b/1-getting-started-lessons/2-github-basics/translations/README.es.md
index 21fb0b99..48dee394 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.es.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.es.md
@@ -2,7 +2,7 @@
 
 Esta lección cubre los conceptos básicos de GitHub, una plataforma para alojar y administrar cambios en tu código.
 
-![Intro to GitHub](../images/webdev101-github.png)
+![Intro to GitHub](/sketchnotes/webdev101-github.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/3)
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.id.md b/1-getting-started-lessons/2-github-basics/translations/README.id.md
index 15e4b819..d01a1b2c 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.id.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.id.md
@@ -2,7 +2,7 @@
 
 Pelajaran ini mencakup dasar-dasar GitHub, platform untuk menghosting dan mengelola perubahan pada kode Anda.
 
-![Dasar-dasar GitHub](images/webdev101-github.png)
+![Dasar-dasar GitHub](/sketchnotes/webdev101-github.png)
 > Catatan sketsa oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Kuis Pra-Kuliah
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.it.md b/1-getting-started-lessons/2-github-basics/translations/README.it.md
index 8244de43..dbc795c1 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.it.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.it.md
@@ -2,7 +2,7 @@
 
 Questa lezione tratta delle basi di GitHub, una piattaforma per ospitare e gestire modifiche al proprio codice.
 
-![Intro to GitHub](../images/webdev101-github.png)
+![Intro to GitHub](/sketchnotes/webdev101-github.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Quiz Pre-lezione
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.ko.md b/1-getting-started-lessons/2-github-basics/translations/README.ko.md
index e91452ed..9363d5c9 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.ko.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.ko.md
@@ -2,7 +2,7 @@
 
 이 강의에서는 코드 변경점을 호스팅하고 관리하는 플랫폼인 GitHub의 기본 사항을 다룹니다.
 
-![Intro to GitHub](../images/webdev101-github.png)
+![Intro to GitHub](/sketchnotes/webdev101-github.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## 강의 전 퀴즈
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.ms.md b/1-getting-started-lessons/2-github-basics/translations/README.ms.md
index 0cb56e2f..2af6937f 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.ms.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.ms.md
@@ -2,7 +2,7 @@
 
 Pelajaran ini merangkumi pengetahuan asas tentang GitHub, dan adalah salah satu platform untuk menjadi tuan rumah dan menguruskan perubahan pada kod anda.
 
-![Intro to GitHub](../images/webdev101-github.png)
+![Intro to GitHub](/sketchnotes/webdev101-github.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Kuiz Pra-Kuliah
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.nl.md b/1-getting-started-lessons/2-github-basics/translations/README.nl.md
index c156bd6b..92a820c6 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.nl.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.nl.md
@@ -2,7 +2,7 @@
 
 Deze les behandelt de basisprincipes van GitHub, een platform voor het hosten en beheren van wijzigingen in uw code.
 
-![Intro to GitHub](../images/webdev101-github.png)
+![Intro to GitHub](/sketchnotes/webdev101-github.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Quiz voorafgaand aan de lezing
diff --git a/1-getting-started-lessons/2-github-basics/translations/README.zh-tw.md b/1-getting-started-lessons/2-github-basics/translations/README.zh-tw.md
index d4047417..bcf3bf2a 100644
--- a/1-getting-started-lessons/2-github-basics/translations/README.zh-tw.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.zh-tw.md
@@ -2,7 +2,7 @@
 
 這堂課程講述一個提供加設與管理程式碼的平台 ── Github的基本功能。
 
-![GitHub 簡介](../images/webdev101-github.png)
+![GitHub 簡介](/sketchnotes/webdev101-github.png)
 > 由[Tomomi Imura](https://twitter.com/girlie_mac) 繪製
 
 ## 課前測驗
diff --git a/1-getting-started-lessons/3-accessibility/README.md b/1-getting-started-lessons/3-accessibility/README.md
index b0664840..089302e9 100644
--- a/1-getting-started-lessons/3-accessibility/README.md
+++ b/1-getting-started-lessons/3-accessibility/README.md
@@ -1,6 +1,6 @@
 # Creating Accessible Webpages
 
-![All About Accessibility](webdev101-a11y.png)
+![All About Accessibility](/sketchnotes/webdev101-a11y.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Pre-Lecture Quiz
diff --git a/1-getting-started-lessons/3-accessibility/translations/README.es.md b/1-getting-started-lessons/3-accessibility/translations/README.es.md
index d977db82..3b3d8705 100644
--- a/1-getting-started-lessons/3-accessibility/translations/README.es.md
+++ b/1-getting-started-lessons/3-accessibility/translations/README.es.md
@@ -1,6 +1,6 @@
 # Creación de páginas web accesibles
 
-![Todo sobre accesibilidad](../webdev101-a11y.png)
+![Todo sobre accesibilidad](/sketchnotes/webdev101-a11y.png)
 > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/5)
diff --git a/1-getting-started-lessons/3-accessibility/translations/README.id.md b/1-getting-started-lessons/3-accessibility/translations/README.id.md
index f5310d9b..d3238408 100644
--- a/1-getting-started-lessons/3-accessibility/translations/README.id.md
+++ b/1-getting-started-lessons/3-accessibility/translations/README.id.md
@@ -1,6 +1,6 @@
 # Membuat Halaman Web yang Dapat Diakses (oleh Semua Orang)
 
-![Semua Tentang Aksesibilitas](../webdev101-a11y.png)
+![Semua Tentang Aksesibilitas](/sketchnotes/webdev101-a11y.png)
 > Catatan sketsa oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Kuis Pra-Kuliah
diff --git a/1-getting-started-lessons/3-accessibility/translations/README.it.md b/1-getting-started-lessons/3-accessibility/translations/README.it.md
index 032ba5ec..a4b5f051 100644
--- a/1-getting-started-lessons/3-accessibility/translations/README.it.md
+++ b/1-getting-started-lessons/3-accessibility/translations/README.it.md
@@ -1,6 +1,6 @@
 # Creare Pagine Web Accessibili
 
-![Tutto quanto riguarda l'Accessibilità](../webdev101-a11y.png)
+![Tutto quanto riguarda l'Accessibilità](/sketchnotes/webdev101-a11y.png)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Quiz Pre-Lezione
diff --git a/1-getting-started-lessons/3-accessibility/translations/README.ja.md b/1-getting-started-lessons/3-accessibility/translations/README.ja.md
index f30838d3..c2a31987 100644
--- a/1-getting-started-lessons/3-accessibility/translations/README.ja.md
+++ b/1-getting-started-lessons/3-accessibility/translations/README.ja.md
@@ -1,6 +1,6 @@
 # アクセシブルな Web ページの作成
 
-![All About Accessibility](../webdev101-a11y.png)
+![All About Accessibility](/sketchnotes/webdev101-a11y.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## レッスン前の小テスト
diff --git a/1-getting-started-lessons/3-accessibility/translations/README.ko.md b/1-getting-started-lessons/3-accessibility/translations/README.ko.md
index 6a239e10..fed53308 100644
--- a/1-getting-started-lessons/3-accessibility/translations/README.ko.md
+++ b/1-getting-started-lessons/3-accessibility/translations/README.ko.md
@@ -1,6 +1,6 @@
 # 접근 가능한 웹 페이지 생성하기
 
-![All About Accessibility](../webdev101-a11y.png)
+![All About Accessibility](/sketchnotes/webdev101-a11y.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## 강의 전 퀴즈
diff --git a/1-getting-started-lessons/3-accessibility/translations/README.ms.md b/1-getting-started-lessons/3-accessibility/translations/README.ms.md
index 1c7e44bd..47071921 100644
--- a/1-getting-started-lessons/3-accessibility/translations/README.ms.md
+++ b/1-getting-started-lessons/3-accessibility/translations/README.ms.md
@@ -1,6 +1,6 @@
 # Membuat Halaman Web yang Boleh Diakses
 
-![Semua Tentang Kebolehcapaian](../webdev101-a11y.png)
+![Semua Tentang Kebolehcapaian](/sketchnotes/webdev101-a11y.png)
 > Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Kuiz Pra Kuliah
diff --git a/1-getting-started-lessons/3-accessibility/translations/README.nl.md b/1-getting-started-lessons/3-accessibility/translations/README.nl.md
index 0c791d0b..d2e3017f 100644
--- a/1-getting-started-lessons/3-accessibility/translations/README.nl.md
+++ b/1-getting-started-lessons/3-accessibility/translations/README.nl.md
@@ -1,6 +1,6 @@
 # Toegankelijke webpagina's maken
 
-![Alles over toegankelijkheid](../webdev101-a11y.png)
+![Alles over toegankelijkheid](/sketchnotes/webdev101-a11y.png)
 > Sketchnote door [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Quiz voorafgaand aan de lezing
diff --git a/1-getting-started-lessons/3-accessibility/translations/README.zh-tw.md b/1-getting-started-lessons/3-accessibility/translations/README.zh-tw.md
index 4d75ea63..cbb85d2a 100644
--- a/1-getting-started-lessons/3-accessibility/translations/README.zh-tw.md
+++ b/1-getting-started-lessons/3-accessibility/translations/README.zh-tw.md
@@ -1,6 +1,6 @@
 # 建立無障礙網頁
 
-![關於網頁親和力](../webdev101-a11y.png)
+![關於網頁親和力](/sketchnotes/webdev101-a11y.png)
 > 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製
 
 ## 課前測驗
diff --git a/2-js-basics/1-data-types/README.md b/2-js-basics/1-data-types/README.md
index 1d4b8eda..c1ecefcb 100644
--- a/2-js-basics/1-data-types/README.md
+++ b/2-js-basics/1-data-types/README.md
@@ -1,6 +1,6 @@
 # JavaScript Basics: Data Types
 
-![JavaScript Basics - Data types](images/webdev101-js-datatypes.png)
+![JavaScript Basics - Data types](/sketchnotes/webdev101-js-datatypes.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Pre-Lecture Quiz
diff --git a/2-js-basics/1-data-types/translations/README.id.md b/2-js-basics/1-data-types/translations/README.id.md
index 257fd03b..df199f6c 100644
--- a/2-js-basics/1-data-types/translations/README.id.md
+++ b/2-js-basics/1-data-types/translations/README.id.md
@@ -1,6 +1,6 @@
 # Dasar-dasar JavaScript: Tipe Data
 
-![Dasar-dasar JavaScript - Tipe data](../images/webdev101-js-datatypes.png)
+![Dasar-dasar JavaScript - Tipe data](/sketchnotes/webdev101-js-datatypes.png)
 
 > Catatan sketsa oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/2-js-basics/1-data-types/translations/README.it.md b/2-js-basics/1-data-types/translations/README.it.md
index e5b8af86..027c4771 100644
--- a/2-js-basics/1-data-types/translations/README.it.md
+++ b/2-js-basics/1-data-types/translations/README.it.md
@@ -1,6 +1,6 @@
 # Nozioni di base su JavaScript: tipi di dato
 
-![Nozioni di base su JavaScript: tipi di dati](../images/webdev101-js-datatypes.png)
+![Nozioni di base su JavaScript: tipi di dati](/sketchnotes/webdev101-js-datatypes.png)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Quiz pre-lezione
diff --git a/2-js-basics/1-data-types/translations/README.ja.md b/2-js-basics/1-data-types/translations/README.ja.md
index 71594a0b..5d3b17a1 100644
--- a/2-js-basics/1-data-types/translations/README.ja.md
+++ b/2-js-basics/1-data-types/translations/README.ja.md
@@ -1,6 +1,6 @@
 # JavaScript の基本: データ型
 
-![JavaScript Basics - Data types](../images/webdev101-js-datatypes.png)
+![JavaScript Basics - Data types](/sketchnotes/webdev101-js-datatypes.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## レッスン前の小テスト
diff --git a/2-js-basics/1-data-types/translations/README.ko.md b/2-js-basics/1-data-types/translations/README.ko.md
index 275f42f1..1d104ce0 100644
--- a/2-js-basics/1-data-types/translations/README.ko.md
+++ b/2-js-basics/1-data-types/translations/README.ko.md
@@ -1,6 +1,6 @@
 # JavaScript 기초: 데이터 타입
 
-![JavaScript Basics - Data types](../images/webdev101-js-datatypes.png)
+![JavaScript Basics - Data types](/sketchnotes/webdev101-js-datatypes.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## 강의 전 퀴즈
diff --git a/2-js-basics/1-data-types/translations/README.ms.md b/2-js-basics/1-data-types/translations/README.ms.md
index 9453a556..efae955e 100644
--- a/2-js-basics/1-data-types/translations/README.ms.md
+++ b/2-js-basics/1-data-types/translations/README.ms.md
@@ -1,6 +1,6 @@
 # Asas JavaScript: Jenis Data
 
-![Asas JavaScript: Jenis Data](../images/webdev101-js-datatypes.png)
+![Asas JavaScript: Jenis Data](/sketchnotes/webdev101-js-datatypes.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Kuiz Pra Kuliah
diff --git a/2-js-basics/1-data-types/translations/README.nl.md b/2-js-basics/1-data-types/translations/README.nl.md
index a0e0fd75..ab2a13aa 100644
--- a/2-js-basics/1-data-types/translations/README.nl.md
+++ b/2-js-basics/1-data-types/translations/README.nl.md
@@ -1,6 +1,6 @@
 # JavaScript Basics: Gegevenstypen
 
-![JavaScript Basics - Data types](../images/webdev101-js-datatypes.png)
+![JavaScript Basics - Data types](/sketchnotes/webdev101-js-datatypes.png)
 > Sketchnote door [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Quiz voorafgaand aan de lezing
diff --git a/2-js-basics/1-data-types/translations/README.zh-tw.md b/2-js-basics/1-data-types/translations/README.zh-tw.md
index 29d2294a..e7d2008e 100644
--- a/2-js-basics/1-data-types/translations/README.zh-tw.md
+++ b/2-js-basics/1-data-types/translations/README.zh-tw.md
@@ -1,6 +1,6 @@
 # JavaScript 入門 - 資料型態
 
-![JavaScript 入門 - 資料型態](../images/webdev101-js-datatypes.png)
+![JavaScript 入門 - 資料型態](/sketchnotes/webdev101-js-datatypes.png)
 > 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製
 
 ## 課前測驗
diff --git a/2-js-basics/2-functions-methods/README.md b/2-js-basics/2-functions-methods/README.md
index b270f4b5..7c6828f3 100644
--- a/2-js-basics/2-functions-methods/README.md
+++ b/2-js-basics/2-functions-methods/README.md
@@ -1,6 +1,6 @@
 # JavaScript Basics: Methods and Functions
 
-![JavaScript Basics - Functions](images/webdev101-js-functions.png)
+![JavaScript Basics - Functions](/sketchnotes/webdev101-js-functions.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Pre-Lecture Quiz
diff --git a/2-js-basics/2-functions-methods/translations/README.id.md b/2-js-basics/2-functions-methods/translations/README.id.md
index 44d8fe0c..93c651c3 100644
--- a/2-js-basics/2-functions-methods/translations/README.id.md
+++ b/2-js-basics/2-functions-methods/translations/README.id.md
@@ -1,6 +1,6 @@
 # Dasar-dasar JavaScript: Metode dan Fungsi
 
-![Dasar-dasar JavaScript - Fungsi](../images/webdev101-js-functions.png)
+![Dasar-dasar JavaScript - Fungsi](/sketchnotes/webdev101-js-functions.png)
 
 > Catatan sketsa oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/2-js-basics/2-functions-methods/translations/README.it.md b/2-js-basics/2-functions-methods/translations/README.it.md
index e3065a4a..3428fcf6 100644
--- a/2-js-basics/2-functions-methods/translations/README.it.md
+++ b/2-js-basics/2-functions-methods/translations/README.it.md
@@ -1,6 +1,6 @@
 # Nozioni di base su JavaScript: Metodi e Funzioni
 
-![Nozioni di base su JavaScript - Funzioni](../images/webdev101-js-functions.png)
+![Nozioni di base su JavaScript - Funzioni](/sketchnotes/webdev101-js-functions.png)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Quiz pre-lezione
diff --git a/2-js-basics/2-functions-methods/translations/README.ja.md b/2-js-basics/2-functions-methods/translations/README.ja.md
index 94681031..ef8ec065 100644
--- a/2-js-basics/2-functions-methods/translations/README.ja.md
+++ b/2-js-basics/2-functions-methods/translations/README.ja.md
@@ -1,6 +1,6 @@
 # JavaScript の基本: メソッドと関数
 
-![JavaScript Basics - Functions](../images/webdev101-js-functions.png)
+![JavaScript Basics - Functions](/sketchnotes/webdev101-js-functions.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## レッスン前の小テスト
diff --git a/2-js-basics/2-functions-methods/translations/README.ko.md b/2-js-basics/2-functions-methods/translations/README.ko.md
index 367eb2d0..7c5a5a73 100644
--- a/2-js-basics/2-functions-methods/translations/README.ko.md
+++ b/2-js-basics/2-functions-methods/translations/README.ko.md
@@ -1,6 +1,6 @@
 # JavaScript 기초: 메소드와 함수
 
-![JavaScript Basics - Functions](../images/webdev101-js-functions.png)
+![JavaScript Basics - Functions](/sketchnotes/webdev101-js-functions.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## 강의 전 퀴즈
diff --git a/2-js-basics/2-functions-methods/translations/README.ms.md b/2-js-basics/2-functions-methods/translations/README.ms.md
index e1139e79..a437bdb3 100644
--- a/2-js-basics/2-functions-methods/translations/README.ms.md
+++ b/2-js-basics/2-functions-methods/translations/README.ms.md
@@ -1,6 +1,6 @@
 # Asas JavaScript: Kaedah dan Fungsi
 
-![Asas JavaScript - Fungsi](../images/webdev101-js-functions.png)
+![Asas JavaScript - Fungsi](/sketchnotes/webdev101-js-functions.png)
 > Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Kuiz Pra Kuliah
diff --git a/2-js-basics/2-functions-methods/translations/README.zh-tw.md b/2-js-basics/2-functions-methods/translations/README.zh-tw.md
index 76b6aa90..9c6d0404 100644
--- a/2-js-basics/2-functions-methods/translations/README.zh-tw.md
+++ b/2-js-basics/2-functions-methods/translations/README.zh-tw.md
@@ -1,6 +1,6 @@
 # JavaScript 入門 - 函式與方法
 
-![JavaScript 入門 - 函式](../images/webdev101-js-functions.png)
+![JavaScript 入門 - 函式](/sketchnotes/webdev101-js-functions.png)
 > 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製
 
 ## 課前測驗
diff --git a/2-js-basics/3-making-decisions/README.md b/2-js-basics/3-making-decisions/README.md
index 04dc2af0..89df8ae1 100644
--- a/2-js-basics/3-making-decisions/README.md
+++ b/2-js-basics/3-making-decisions/README.md
@@ -1,6 +1,6 @@
 # JavaScript Basics: Making Decisions
 
-![JavaScript Basics - Making decisions](images/webdev101-js-decisions.png)
+![JavaScript Basics - Making decisions](/sketchnotes/webdev101-js-decisions.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Pre-Lecture Quiz
diff --git a/2-js-basics/3-making-decisions/translations/README.id.md b/2-js-basics/3-making-decisions/translations/README.id.md
index 3f325be9..43910d4f 100644
--- a/2-js-basics/3-making-decisions/translations/README.id.md
+++ b/2-js-basics/3-making-decisions/translations/README.id.md
@@ -1,6 +1,6 @@
 # Dasar-dasar JavaScript: Membuat Keputusan
 
-![Dasar-dasar JavaScript - Membuat Keputusan](../images/webdev101-js-decisions.png)
+![Dasar-dasar JavaScript - Membuat Keputusan](/sketchnotes/webdev101-js-decisions.png)
 
 > Sketsa oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/2-js-basics/3-making-decisions/translations/README.it.md b/2-js-basics/3-making-decisions/translations/README.it.md
index 3170511a..580e9e04 100644
--- a/2-js-basics/3-making-decisions/translations/README.it.md
+++ b/2-js-basics/3-making-decisions/translations/README.it.md
@@ -1,6 +1,6 @@
 # Nozioni di base su JavaScript: Prendere Decisioni
 
-![Nozioni di base su JavaScript - Prendere decisioni](../images/webdev101-js-decisions.png)
+![Nozioni di base su JavaScript - Prendere decisioni](/sketchnotes/webdev101-js-decisions.png)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Quiz Pre-Lezione
diff --git a/2-js-basics/3-making-decisions/translations/README.ja.md b/2-js-basics/3-making-decisions/translations/README.ja.md
index 93e0e701..9368c398 100644
--- a/2-js-basics/3-making-decisions/translations/README.ja.md
+++ b/2-js-basics/3-making-decisions/translations/README.ja.md
@@ -1,6 +1,6 @@
 # JavaScript の基本: 意思決定
 
-![JavaScript Basics - Making decisions](../images/webdev101-js-decisions.png)
+![JavaScript Basics - Making decisions](/sketchnotes/webdev101-js-decisions.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## レッスン前の小テスト
diff --git a/2-js-basics/3-making-decisions/translations/README.ko.md b/2-js-basics/3-making-decisions/translations/README.ko.md
index 44fc5242..37db58a0 100644
--- a/2-js-basics/3-making-decisions/translations/README.ko.md
+++ b/2-js-basics/3-making-decisions/translations/README.ko.md
@@ -1,6 +1,6 @@
 # JavaScript 기초: 결정하기
 
-![JavaScript Basics - Making decisions](../images/webdev101-js-decisions.png)
+![JavaScript Basics - Making decisions](/sketchnotes/webdev101-js-decisions.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## 강의 전 퀴즈
diff --git a/2-js-basics/3-making-decisions/translations/README.ms.md b/2-js-basics/3-making-decisions/translations/README.ms.md
index 242257a7..0bc347a0 100644
--- a/2-js-basics/3-making-decisions/translations/README.ms.md
+++ b/2-js-basics/3-making-decisions/translations/README.ms.md
@@ -1,6 +1,6 @@
 # Asas JavaScript: Membuat Keputusan
 
-![Asas JavaScript - Membuat Keputusan](../images/webdev101-js-decisions.png)
+![Asas JavaScript - Membuat Keputusan](/sketchnotes/webdev101-js-decisions.png)
 > Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Kuiz Pra Kuliah
diff --git a/2-js-basics/3-making-decisions/translations/README.zh-tw.md b/2-js-basics/3-making-decisions/translations/README.zh-tw.md
index 4991693f..be63a694 100644
--- a/2-js-basics/3-making-decisions/translations/README.zh-tw.md
+++ b/2-js-basics/3-making-decisions/translations/README.zh-tw.md
@@ -1,6 +1,6 @@
 # JavaScript 入門 - 做出決定
 
-![JavaScript 入門 - 做出決定](../images/webdev101-js-decisions.png)
+![JavaScript 入門 - 做出決定](/sketchnotes/webdev101-js-decisions.png)
 > 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製
 
 ## 課前測驗
diff --git a/2-js-basics/4-arrays-loops/README.md b/2-js-basics/4-arrays-loops/README.md
index 6fcd4fd7..9fc66df1 100644
--- a/2-js-basics/4-arrays-loops/README.md
+++ b/2-js-basics/4-arrays-loops/README.md
@@ -1,6 +1,6 @@
 # JavaScript Basics: Arrays and Loops
 
-![JavaScript Basics - Arrays](images/webdev101-js-arrays.png)
+![JavaScript Basics - Arrays](/sketchnotes/webdev101-js-arrays.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Pre-Lecture Quiz
diff --git a/2-js-basics/4-arrays-loops/translations/README.id.md b/2-js-basics/4-arrays-loops/translations/README.id.md
index 4a52c874..8fe286ef 100644
--- a/2-js-basics/4-arrays-loops/translations/README.id.md
+++ b/2-js-basics/4-arrays-loops/translations/README.id.md
@@ -1,6 +1,6 @@
 # Dasar-dasar JavaScript: Array dan Loop
 
-![Dasar-dasar JavaScript - Array](../images/webdev101-js-arrays.png)
+![Dasar-dasar JavaScript - Array](/sketchnotes/webdev101-js-arrays.png)
 
 > Sketsa oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/2-js-basics/4-arrays-loops/translations/README.it.md b/2-js-basics/4-arrays-loops/translations/README.it.md
index 1a02a71e..8b59cca5 100644
--- a/2-js-basics/4-arrays-loops/translations/README.it.md
+++ b/2-js-basics/4-arrays-loops/translations/README.it.md
@@ -1,6 +1,6 @@
 # Nozioni di base di JavaScript: Array e Cicli
 
-![Nozioni di base su JavaScript - Array](../images/webdev101-js-arrays.png)
+![Nozioni di base su JavaScript - Array](/sketchnotes/webdev101-js-arrays.png)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Quiz Pre-Lezione
diff --git a/2-js-basics/4-arrays-loops/translations/README.ja.md b/2-js-basics/4-arrays-loops/translations/README.ja.md
index fd1eb9a3..593ee840 100644
--- a/2-js-basics/4-arrays-loops/translations/README.ja.md
+++ b/2-js-basics/4-arrays-loops/translations/README.ja.md
@@ -1,6 +1,6 @@
 # JavaScript の基本: 配列とループ
 
-![JavaScript Basics - Arrays](../images/webdev101-js-arrays.png)
+![JavaScript Basics - Arrays](/sketchnotes/webdev101-js-arrays.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## レッスン前の小テスト
diff --git a/2-js-basics/4-arrays-loops/translations/README.ko.md b/2-js-basics/4-arrays-loops/translations/README.ko.md
index be4aabc0..dbf5f2b0 100644
--- a/2-js-basics/4-arrays-loops/translations/README.ko.md
+++ b/2-js-basics/4-arrays-loops/translations/README.ko.md
@@ -1,6 +1,6 @@
 # JavaScript 기초: 배열과 반복
 
-![JavaScript Basics - Arrays](../images/webdev101-js-arrays.png)
+![JavaScript Basics - Arrays](/sketchnotes/webdev101-js-arrays.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## 강의 전 퀴즈
diff --git a/2-js-basics/4-arrays-loops/translations/README.ms.md b/2-js-basics/4-arrays-loops/translations/README.ms.md
index baeb4ee9..f46fa7d2 100644
--- a/2-js-basics/4-arrays-loops/translations/README.ms.md
+++ b/2-js-basics/4-arrays-loops/translations/README.ms.md
@@ -1,6 +1,6 @@
 # Asas JavaScript: Array dan Loop
 
-![Asas JavaScript - Array](../images/webdev101-js-arrays.png)
+![Asas JavaScript - Array](/sketchnotes/webdev101-js-arrays.png)
 > Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Kuiz Pra Kuliah
diff --git a/2-js-basics/4-arrays-loops/translations/README.zh-tw.md b/2-js-basics/4-arrays-loops/translations/README.zh-tw.md
index b686dc5d..d0e80d46 100644
--- a/2-js-basics/4-arrays-loops/translations/README.zh-tw.md
+++ b/2-js-basics/4-arrays-loops/translations/README.zh-tw.md
@@ -1,6 +1,6 @@
 # JavaScript 入門 - 矩陣與迴圈
 
-![JavaScript 入門 - 矩陣](../images/webdev101-js-arrays.png)
+![JavaScript 入門 - 矩陣](/sketchnotes/webdev101-js-arrays.png)
 > 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製
 
 ## 課前測驗
diff --git a/3-terrarium/1-intro-to-html/README.md b/3-terrarium/1-intro-to-html/README.md
index 36ca71fe..167ff4a2 100644
--- a/3-terrarium/1-intro-to-html/README.md
+++ b/3-terrarium/1-intro-to-html/README.md
@@ -1,6 +1,6 @@
 # Terrarium Project Part 1: Introduction to HTML
 
-![Introduction to HTML](images/webdev101-html.png)
+![Introduction to HTML](/sketchnotes/webdev101-html.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Pre-Lecture Quiz
diff --git a/3-terrarium/1-intro-to-html/translations/README.es.md b/3-terrarium/1-intro-to-html/translations/README.es.md
index 52e2ed47..1cdbd918 100644
--- a/3-terrarium/1-intro-to-html/translations/README.es.md
+++ b/3-terrarium/1-intro-to-html/translations/README.es.md
@@ -1,6 +1,6 @@
 # Terrarium Project Parte 1: Introducción a HTML
 
-![Introducción a HTML](images/webdev101-html.png)
+![Introducción a HTML](/sketchnotes/webdev101-html.png)
 > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/15)
diff --git a/3-terrarium/1-intro-to-html/translations/README.it.md b/3-terrarium/1-intro-to-html/translations/README.it.md
index 6ba2c573..579a730e 100644
--- a/3-terrarium/1-intro-to-html/translations/README.it.md
+++ b/3-terrarium/1-intro-to-html/translations/README.it.md
@@ -1,6 +1,6 @@
 # Progetto Terrario Parte 1: Introduzione all'HTML
 
-![Introduzione all'HTML](../images/webdev101-html.png)
+![Introduzione all'HTML](/sketchnotes/webdev101-html.png)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Quiz Pre-Lezione
diff --git a/3-terrarium/1-intro-to-html/translations/README.ja.md b/3-terrarium/1-intro-to-html/translations/README.ja.md
index fcbf0ecf..07906c59 100644
--- a/3-terrarium/1-intro-to-html/translations/README.ja.md
+++ b/3-terrarium/1-intro-to-html/translations/README.ja.md
@@ -1,6 +1,6 @@
 # テラリウムプロジェクト その1: HTML 入門
 
-![Introduction to HTML](../images/webdev101-html.png)
+![Introduction to HTML](/sketchnotes/webdev101-html.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## レッスン前の小テスト
diff --git a/3-terrarium/1-intro-to-html/translations/README.ko.md b/3-terrarium/1-intro-to-html/translations/README.ko.md
index a6231c53..ea02cdc2 100644
--- a/3-terrarium/1-intro-to-html/translations/README.ko.md
+++ b/3-terrarium/1-intro-to-html/translations/README.ko.md
@@ -1,6 +1,6 @@
 # Terrarium 프로젝트 파트 1: HTML 소개
 
-![Introduction to HTML](../images/webdev101-html.png)
+![Introduction to HTML](/sketchnotes/webdev101-html.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## 강의 전 퀴즈
diff --git a/3-terrarium/1-intro-to-html/translations/README.ms.md b/3-terrarium/1-intro-to-html/translations/README.ms.md
index 1faaba20..f0210601 100644
--- a/3-terrarium/1-intro-to-html/translations/README.ms.md
+++ b/3-terrarium/1-intro-to-html/translations/README.ms.md
@@ -1,6 +1,6 @@
 # Projek Terrarium Bahagian 1: Pengenalan Kepada HTML
 
-![Pengenalan Kepada HTML](images/webdev101-html.png)
+![Pengenalan Kepada HTML](/sketchnotes/webdev101-html.png)
 > Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Kuiz Pra Kuliah
diff --git a/3-terrarium/1-intro-to-html/translations/README.zh-tw.md b/3-terrarium/1-intro-to-html/translations/README.zh-tw.md
index 54412d38..ff840d1a 100644
--- a/3-terrarium/1-intro-to-html/translations/README.zh-tw.md
+++ b/3-terrarium/1-intro-to-html/translations/README.zh-tw.md
@@ -1,6 +1,6 @@
 # 盆栽盒專案 Part 1： HTML 簡介
 
-![HTML 簡介](../images/webdev101-html.png)
+![HTML 簡介](/sketchnotes/webdev101-html.png)
 > 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製
 
 ## 課前測驗
diff --git a/3-terrarium/2-intro-to-css/README.md b/3-terrarium/2-intro-to-css/README.md
index b117df31..c10541f6 100644
--- a/3-terrarium/2-intro-to-css/README.md
+++ b/3-terrarium/2-intro-to-css/README.md
@@ -1,6 +1,6 @@
 # Terrarium Project Part 2: Introduction to CSS
 
-![Introduction to CSS](images/webdev101-css.png)
+![Introduction to CSS](/sketchnotes/webdev101-css.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Pre-Lecture Quiz
diff --git a/3-terrarium/2-intro-to-css/translations/README.es.md b/3-terrarium/2-intro-to-css/translations/README.es.md
index 1a84fb6f..22b39702 100644
--- a/3-terrarium/2-intro-to-css/translations/README.es.md
+++ b/3-terrarium/2-intro-to-css/translations/README.es.md
@@ -1,6 +1,6 @@
 # Terrarium Project Parte 2: Introducción a CSS
 
-![Introducción a CSS](../images/webdev101-css.png)
+![Introducción a CSS](/sketchnotes/webdev101-css.png)
 > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/17)
diff --git a/3-terrarium/2-intro-to-css/translations/README.it.md b/3-terrarium/2-intro-to-css/translations/README.it.md
index cbb9e55e..fb8be60f 100644
--- a/3-terrarium/2-intro-to-css/translations/README.it.md
+++ b/3-terrarium/2-intro-to-css/translations/README.it.md
@@ -1,6 +1,6 @@
 # Progetto Terrario Parte 2: Introduzione a CSS
 
-![Introduzione a CSS](../images/webdev101-css.png)
+![Introduzione a CSS](/sketchnotes/webdev101-css.png)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Quiz Pre-Lezione
diff --git a/3-terrarium/2-intro-to-css/translations/README.ja.md b/3-terrarium/2-intro-to-css/translations/README.ja.md
index 329afbff..0ee764ef 100644
--- a/3-terrarium/2-intro-to-css/translations/README.ja.md
+++ b/3-terrarium/2-intro-to-css/translations/README.ja.md
@@ -1,6 +1,6 @@
 # テラリウムプロジェクト その2: CSS 入門
 
-![Introduction to CSS](../images/webdev101-css.png)
+![Introduction to CSS](/sketchnotes/webdev101-css.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## レッスン前の小テスト
diff --git a/3-terrarium/2-intro-to-css/translations/README.ko.md b/3-terrarium/2-intro-to-css/translations/README.ko.md
index 77a2ff8c..56f51742 100644
--- a/3-terrarium/2-intro-to-css/translations/README.ko.md
+++ b/3-terrarium/2-intro-to-css/translations/README.ko.md
@@ -1,6 +1,6 @@
 # Terrarium 프로젝트 파트 2: CSS 소개
 
-![Introduction to CSS](../images/webdev101-css.png)
+![Introduction to CSS](/sketchnotes/webdev101-css.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## 강의 전 퀴즈
diff --git a/3-terrarium/2-intro-to-css/translations/README.ms.md b/3-terrarium/2-intro-to-css/translations/README.ms.md
index 761ac540..2f678a5e 100644
--- a/3-terrarium/2-intro-to-css/translations/README.ms.md
+++ b/3-terrarium/2-intro-to-css/translations/README.ms.md
@@ -1,6 +1,6 @@
 # Projek Terrarium Bahagian 2: Pengenalan Kepada CSS
 
-![Pengenalan Kepada CSS](../images/webdev101-css.png)
+![Pengenalan Kepada CSS](/sketchnotes/webdev101-css.png)
 > Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Kuiz Pra Kuliah
diff --git a/3-terrarium/2-intro-to-css/translations/README.zh-tw.md b/3-terrarium/2-intro-to-css/translations/README.zh-tw.md
index db870ab4..3513fd9d 100644
--- a/3-terrarium/2-intro-to-css/translations/README.zh-tw.md
+++ b/3-terrarium/2-intro-to-css/translations/README.zh-tw.md
@@ -1,6 +1,6 @@
 # 盆栽盒專案 Part 2： CSS 簡介
 
-![CSS 簡介](../images/webdev101-css.png)
+![CSS 簡介](/sketchnotes/webdev101-css.png)
 > 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製
 
 ## 課前測驗
diff --git a/3-terrarium/3-intro-to-DOM-and-closures/README.md b/3-terrarium/3-intro-to-DOM-and-closures/README.md
index 9f8294b8..ca0080f6 100644
--- a/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -1,6 +1,6 @@
 # Terrarium Project Part 3: DOM Manipulation and a Closure
 
-![DOM and a closure](images/webdev101-js.png)
+![DOM and a closure](/sketchnotes/webdev101-js.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Pre-Lecture Quiz
diff --git a/3-terrarium/3-intro-to-DOM-and-closures/translations/README.es.md b/3-terrarium/3-intro-to-DOM-and-closures/translations/README.es.md
index b1e97eeb..7b06d5bd 100644
--- a/3-terrarium/3-intro-to-DOM-and-closures/translations/README.es.md
+++ b/3-terrarium/3-intro-to-DOM-and-closures/translations/README.es.md
@@ -1,6 +1,6 @@
 # Terrarium Project Part 3: DOM Manipulación y cierre
 
-! [DOM y un cierre](../images/webdev101-js.png)
+! [DOM y un cierre](/sketchnotes/webdev101-js.png)
 > Boceto de [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/19)
diff --git a/3-terrarium/3-intro-to-DOM-and-closures/translations/README.it.md b/3-terrarium/3-intro-to-DOM-and-closures/translations/README.it.md
index 019cba3b..d83b3be8 100644
--- a/3-terrarium/3-intro-to-DOM-and-closures/translations/README.it.md
+++ b/3-terrarium/3-intro-to-DOM-and-closures/translations/README.it.md
@@ -1,6 +1,6 @@
 # Progetto Terrario Parte 3: Manipolazione del DOM e Closure
 
-![Manipolazione DOM e closure](../images/webdev101-js.png)
+![Manipolazione DOM e closure](/sketchnotes/webdev101-js.png)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Quiz Pre-Lezione
diff --git a/3-terrarium/3-intro-to-DOM-and-closures/translations/README.ja.md b/3-terrarium/3-intro-to-DOM-and-closures/translations/README.ja.md
index 2c400ff7..b2bfd52e 100644
--- a/3-terrarium/3-intro-to-DOM-and-closures/translations/README.ja.md
+++ b/3-terrarium/3-intro-to-DOM-and-closures/translations/README.ja.md
@@ -1,6 +1,6 @@
 # テラリウムプロジェクト その3: DOM の操作とクロージャ
 
-![DOM and a closure](../images/webdev101-js.png)
+![DOM and a closure](/sketchnotes/webdev101-js.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## レッスン前の小テスト
diff --git a/3-terrarium/3-intro-to-DOM-and-closures/translations/README.ko.md b/3-terrarium/3-intro-to-DOM-and-closures/translations/README.ko.md
index fc3acd8d..cf624715 100644
--- a/3-terrarium/3-intro-to-DOM-and-closures/translations/README.ko.md
+++ b/3-terrarium/3-intro-to-DOM-and-closures/translations/README.ko.md
@@ -1,6 +1,6 @@
 # Terrarium 프로젝트 파트 3: DOM 조작과 클로저
 
-![DOM and a closure](../images/webdev101-js.png)
+![DOM and a closure](/sketchnotes/webdev101-js.png)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## 강의 전 퀴즈
diff --git a/3-terrarium/3-intro-to-DOM-and-closures/translations/README.ms.md b/3-terrarium/3-intro-to-DOM-and-closures/translations/README.ms.md
index 2eb20e98..cea0c17d 100644
--- a/3-terrarium/3-intro-to-DOM-and-closures/translations/README.ms.md
+++ b/3-terrarium/3-intro-to-DOM-and-closures/translations/README.ms.md
@@ -1,6 +1,6 @@
 # Projek Terrarium Bahagian 3: Memanipulasi DOM dan Penutupan
 
-![DOM dan penutupan](../images/webdev101-js.png)
+![DOM dan penutupan](/sketchnotes/webdev101-js.png)
 > Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Kuiz Pra Kuliah
diff --git a/3-terrarium/3-intro-to-DOM-and-closures/translations/README.zh-tw.md b/3-terrarium/3-intro-to-DOM-and-closures/translations/README.zh-tw.md
index 0dd2ba5a..5c7c75c2 100644
--- a/3-terrarium/3-intro-to-DOM-and-closures/translations/README.zh-tw.md
+++ b/3-terrarium/3-intro-to-DOM-and-closures/translations/README.zh-tw.md
@@ -1,6 +1,6 @@
 # 盆栽盒專案 Part 3 - DOM 元素控制與閉包
 
-![DOM 元素與閉包](../images/webdev101-js.png)
+![DOM 元素與閉包](/sketchnotes/webdev101-js.png)
 > 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製
 
 ## 課前測驗
diff --git a/5-browser-extension/1-about-browsers/README.md b/5-browser-extension/1-about-browsers/README.md
index a1dea480..5ef5fc50 100644
--- a/5-browser-extension/1-about-browsers/README.md
+++ b/5-browser-extension/1-about-browsers/README.md
@@ -1,6 +1,6 @@
 # Browser Extension Project Part 1: All about Browsers
 
-![Browser sketchnote](images/sketchnote.jpg)
+![Browser sketchnote](/sketchnotes/browser.jpg)
 > Sketchnote by [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## Pre-Lecture Quiz
diff --git a/5-browser-extension/1-about-browsers/translations/README.es.md b/5-browser-extension/1-about-browsers/translations/README.es.md
index b08203cb..76a46e4d 100644
--- a/5-browser-extension/1-about-browsers/translations/README.es.md
+++ b/5-browser-extension/1-about-browsers/translations/README.es.md
@@ -1,6 +1,6 @@
 # Proyecto de extensión del navegador Parte 1: Todo sobre los navegadores
 
-![Browser sketchnote](images/sketchnote.jpg)
+![Browser sketchnote](/sketchnotes/browser.jpg)
 > Sketchnote de [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/23)
diff --git a/5-browser-extension/1-about-browsers/translations/README.it.md b/5-browser-extension/1-about-browsers/translations/README.it.md
index bdff1237..1b45ecef 100644
--- a/5-browser-extension/1-about-browsers/translations/README.it.md
+++ b/5-browser-extension/1-about-browsers/translations/README.it.md
@@ -1,6 +1,6 @@
 # Progetto di Estensione del Browser Parte 1: Tutto sui Browser
 
-![schizzo di un browser](../images/sketchnote.jpg)
+![schizzo di un browser](/sketchnotes/browser.jpg)
 > Sketchnote di [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## Quiz Pre-Lezione
diff --git a/5-browser-extension/1-about-browsers/translations/README.ja.md b/5-browser-extension/1-about-browsers/translations/README.ja.md
index df2933f9..2a7f2749 100644
--- a/5-browser-extension/1-about-browsers/translations/README.ja.md
+++ b/5-browser-extension/1-about-browsers/translations/README.ja.md
@@ -1,6 +1,6 @@
 # ブラウザ拡張機能プロジェクト その 1: ブラウザのすべて
 
-![Browser sketchnote](../images/sketchnote.jpg)
+![Browser sketchnote](/sketchnotes/browser.jpg)
 > Sketchnote by [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## レッスン前の小テスト
diff --git a/5-browser-extension/1-about-browsers/translations/README.ko.md b/5-browser-extension/1-about-browsers/translations/README.ko.md
index 688eb783..062bc55f 100644
--- a/5-browser-extension/1-about-browsers/translations/README.ko.md
+++ b/5-browser-extension/1-about-browsers/translations/README.ko.md
@@ -1,6 +1,6 @@
 # 브라우저 확장 프로젝트 파트 1: 브라우저에 대한 모든 것
 
-![Browser sketchnote](../images/sketchnote.jpg)
+![Browser sketchnote](/sketchnotes/browser.jpg)
 > Sketchnote by [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## 강의 전 퀴즈
diff --git a/5-browser-extension/1-about-browsers/translations/README.ms.md b/5-browser-extension/1-about-browsers/translations/README.ms.md
index c208f0a3..1e5f1e6b 100644
--- a/5-browser-extension/1-about-browsers/translations/README.ms.md
+++ b/5-browser-extension/1-about-browsers/translations/README.ms.md
@@ -1,6 +1,6 @@
 # Projek Pelanjutan Penyemak Imbas Bahagian 1: Semua mengenai Penyemak Imbas
 
-![Sketchnote penyemak imbas](../images/sketchnote.jpg)
+![Sketchnote penyemak imbas](/sketchnotes/browser.jpg)
 > Sketchnote karya [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## Kuiz Pra Kuliah
diff --git a/5-browser-extension/1-about-browsers/translations/README.zh-tw.md b/5-browser-extension/1-about-browsers/translations/README.zh-tw.md
index 573b76cb..507b579c 100644
--- a/5-browser-extension/1-about-browsers/translations/README.zh-tw.md
+++ b/5-browser-extension/1-about-browsers/translations/README.zh-tw.md
@@ -1,6 +1,6 @@
 # 瀏覽器擴充功能專案 Part 1：關於瀏覽器
 
-![瀏覽器繪圖筆記](../images/sketchnote.jpg)
+![瀏覽器繪圖筆記](/sketchnotes/browser.jpg)
 > 由 [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) 繪製
 
 ## 課前測驗
diff --git a/5-browser-extension/1-about-browsers/images/sketchnote.jpg b/sketchnotes/browser.jpg
similarity index 100%
rename from 5-browser-extension/1-about-browsers/images/sketchnote.jpg
rename to sketchnotes/browser.jpg
diff --git a/1-getting-started-lessons/3-accessibility/webdev101-a11y.png b/sketchnotes/webdev101-a11y.png
similarity index 100%
rename from 1-getting-started-lessons/3-accessibility/webdev101-a11y.png
rename to sketchnotes/webdev101-a11y.png
diff --git a/3-terrarium/2-intro-to-css/images/webdev101-css.png b/sketchnotes/webdev101-css.png
similarity index 100%
rename from 3-terrarium/2-intro-to-css/images/webdev101-css.png
rename to sketchnotes/webdev101-css.png
diff --git a/1-getting-started-lessons/2-github-basics/images/webdev101-github.png b/sketchnotes/webdev101-github.png
similarity index 100%
rename from 1-getting-started-lessons/2-github-basics/images/webdev101-github.png
rename to sketchnotes/webdev101-github.png
diff --git a/3-terrarium/1-intro-to-html/images/webdev101-html.png b/sketchnotes/webdev101-html.png
similarity index 100%
rename from 3-terrarium/1-intro-to-html/images/webdev101-html.png
rename to sketchnotes/webdev101-html.png
diff --git a/2-js-basics/4-arrays-loops/images/webdev101-js-arrays.png b/sketchnotes/webdev101-js-arrays.png
similarity index 100%
rename from 2-js-basics/4-arrays-loops/images/webdev101-js-arrays.png
rename to sketchnotes/webdev101-js-arrays.png
diff --git a/2-js-basics/1-data-types/images/webdev101-js-datatypes.png b/sketchnotes/webdev101-js-datatypes.png
similarity index 100%
rename from 2-js-basics/1-data-types/images/webdev101-js-datatypes.png
rename to sketchnotes/webdev101-js-datatypes.png
diff --git a/2-js-basics/3-making-decisions/images/webdev101-js-decisions.png b/sketchnotes/webdev101-js-decisions.png
similarity index 100%
rename from 2-js-basics/3-making-decisions/images/webdev101-js-decisions.png
rename to sketchnotes/webdev101-js-decisions.png
diff --git a/2-js-basics/2-functions-methods/images/webdev101-js-functions.png b/sketchnotes/webdev101-js-functions.png
similarity index 100%
rename from 2-js-basics/2-functions-methods/images/webdev101-js-functions.png
rename to sketchnotes/webdev101-js-functions.png
diff --git a/3-terrarium/3-intro-to-DOM-and-closures/images/webdev101-js.png b/sketchnotes/webdev101-js.png
similarity index 100%
rename from 3-terrarium/3-intro-to-DOM-and-closures/images/webdev101-js.png
rename to sketchnotes/webdev101-js.png
diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/webdev101-programming.png b/sketchnotes/webdev101-programming.png
similarity index 100%
rename from 1-getting-started-lessons/1-intro-to-programming-languages/webdev101-programming.png
rename to sketchnotes/webdev101-programming.png