+renaming webp dir to images +improving readme

README.md

@@ -22,11 +22,11 @@ Enjoy 🌺
 
 ```
 └── 📁algorithms
-    ├── 📁png
-    │   ├── 📄algorithm101_file.png
+    ├── 📁images
+    │   ├── 📄algorithm101_file.webp
     │   └── 📄...
-    └── 📁tiff
-        ├── 📄algorithm101_file.tiff
+    └── 📁pdf
+        ├── 📄algorithm101_file.pdf
         └── 📄...
 ```
 
@@ -53,11 +53,11 @@ curriculum.
 
 ```
 └── 📁webdev
-    ├── 📁png
-    │   ├── webdev101-programmingml-history.png
+    ├── 📁images
+    │   ├── webdev101-programmingml-history.webp
     │   └── 📄...
-    └── 📁tiff
-        ├── 📄webdev101-programming.tiff
+    └── 📁pdf
+        ├── 📄webdev101-programming.pdf
         └── 📄...
 ```
 
@@ -82,11 +82,11 @@ curriculum.
 
 ```
 └── 📁ml
-    ├── 📁png
-    │   ├── 📄ml-history.png
+    ├── 📁images
+    │   ├── 📄ml-history.webp
     │   └── 📄...
-    └── 📁tiff
-        ├── 📄ml-history.tiff
+    └── 📁pdf
+        ├── 📄ml-history.pdf
         └── 📄...
 ```
 
@@ -108,7 +108,7 @@ I am planning to recreate digitally someday. Git cherrypick is the only one that
 
 ```
 └── 📁git-purr
-    ├── 📄git-purr.jpg   
+    ├── 📄git-purr.webp  
     └── 📄...
 
 ```
@@ -125,7 +125,7 @@ I am planning to recreate digitally someday. Git cherrypick is the only one that
 
 ```
 └── 📁teams
-    ├── 📄teams-toolkit-v3-doodle.png  
+    ├── 📄teams-toolkit-v3-doodle.webp  
     └── 📄...
 
 ```
@@ -170,15 +170,7 @@ The content is outdated as of 2022 so view them with cautions.
 
 ## 🖨 Printing
 
-> ⚠️ Updated on August 27, 2021: 
-> 
-> GitHub warned me that my Git LFS is disabled as the bandwidth exceeded  exceeded your data plan by 150%+.
-> So now the high-res version in TIFF is temporary unavailable. I will move them somewhere when I have time. 
-> Thank you! 
-> 🙇‍♀️
-
-~~The *tiff* files are for printing. I set them in 5.83 x 8.27 inches, which should fit in A5 paper size.
-They are large files and stored as LFS files so you won't download the actual files when you `git clone` so please download manually from GitHub.~~
+~~The *pdf* files are for printing. They should fit on A5 papers.
 
 ---
 

algorithms/README.md

@@ -4,36 +4,36 @@
 
 | O(n) | O(1) and O(n²) |
 | --- |  --- |
-| ![Big O Notation](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/png/algorithm101_BigO_01.png?raw=true) | ![Big O Notation](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/png/algorithm101_BigO_02.png?raw=true) |
+| ![Big O Notation](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/images/algorithm101_BigO_01.webp?raw=true) | ![Big O Notation](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/images/algorithm101_BigO_02.webp?raw=true) |
 
 ## Data Structures: Array & Linked List
 
 | Array | Linked List |
 | --- |  --- |
-| ![Array](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/png/algorithm101_Array.png?raw=true) | ![Linked List](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/png/algorithm101_Linked_List.png?raw=true) |
+| ![Array](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/images/algorithm101_Array.webp?raw=true) | ![Linked List](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/images/algorithm101_Linked_List.webp?raw=true) |
 
 
 ## Data Structures: Stack & Queue
 
 | Stack | Queue |
 | --- |  --- |
-| ![Stack](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/png/algorithm101_Stack.png?raw=true) | ![Queue](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/png/algorithm101_Queue.png?raw=true) |
+| ![Stack](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/images/algorithm101_Stack.webp?raw=true) | ![Queue](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/images/algorithm101_Queue.webp?raw=true) |
 
 
 ## Data Structures: Hash Table 
 
 | Hash Table (1) | Hash Table (2) |
 | --- |  --- |
-| ![Hash Table](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/png/algorithm101_Hash_Table_01.png?raw=true) | ![Hash Table](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/png/algorithm101_Hash_Table_02.png?raw=true) |
+| ![Hash Table](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/images/algorithm101_Hash_Table_01.webp?raw=true) | ![Hash Table](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/images/algorithm101_Hash_Table_02.webp?raw=true) |
 
 ## Data Structures: Binary Heap 
 
 | Binary Heap (1) | Binary Heap (2) |
 | --- |  --- |
-| ![Binary Heap](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/png/algorithm101_Heap_01.png?raw=true) | ![Binary Heap](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/png/algorithm101_Heap_02.png?raw=true) |
+| ![Binary Heap](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/images/algorithm101_Heap_01.webp?raw=true) | ![Binary Heap](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/images/algorithm101_Heap_02.webp?raw=true) |
 
 ## Data Structures: Binary Search Tree 
 
 | BST (1) | BST (2) |
 | --- |  --- |
-| ![BST](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/png/algorithm101_BST_01.png?raw=true) | ![BST](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/png/algorithm101_BST_02.png?raw=true) |
+| ![BST](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/images/algorithm101_BST_01.webp?raw=true) | ![BST](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/algorithms/images/algorithm101_BST_02.webp?raw=true) |

git-purr/README.md

@@ -5,16 +5,16 @@ This series is my ealier work and everything is drawn in very analog way, except
 
 ## git purr (git pull)
 
-![Git pull explained with cats](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/git-purr/git-purr.jpg?raw=true)
+![Git pull explained with cats](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/git-purr/git-purr.webp?raw=true)
 
 ## git meowge (git merge & git rebase)
 
-![Git merge explained with cats](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/git-purr/git-meowge.jpg?raw=true)
+![Git merge explained with cats](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/git-purr/git-meowge.webp?raw=true)
 
 ## git puss (git push)
 
-![Git push explained with cats](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/git-purr/git-puss.jpg?raw=true)
+![Git push explained with cats](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/git-purr/git-puss.webp?raw=true)
 
 ## git cherry-pick & git log
 
-![Git cherry-pick explained with cats](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/git-purr/git-cherry-pick.jpg?raw=true)
+![Git cherry-pick explained with cats](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/git-purr/git-cherry-pick.webp?raw=true)

sketchnotes/README.md

@@ -13,45 +13,45 @@ These are some of my old sketchnotes from the past. I don't have all of my drawi
 
 Notes from What's New in JavaScript talks at Google I/O in 2019.
 
-![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/googleio2019-js.png?raw=true)
+![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/googleio2019-js.webp?raw=true)
 
 ## Live Sketchnotes from Google IO 2018
 
 Notes from some of the talks at Google I/O in 2018.
 
-![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/googleio2018-keynote.png?raw=true)
-![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/googleio2018-devtools.png?raw=true)
-![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/googleio2018-tensorflow.png?raw=true)
+![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/googleio2018-keynote.webp?raw=true)
+![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/googleio2018-devtools.webp?raw=true)
+![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/googleio2018-tensorflow.webp?raw=true)
 
 ## Live Sketchnotes from Google IO 2017
 
 Notes from some of the talks at Google I/O in 2017.
 
-![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/googleio2017-devtools.jpg?raw=true)
-![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/googleio2017-amppwa.jpg?raw=true)
-![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/googleio2017-webcomponents.jpg?raw=true)
+![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/googleio2017-devtools.webp?raw=true)
+![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/googleio2017-amppwa.webp?raw=true)
+![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/googleio2017-webcomponents.webp?raw=true)
 
 ## Slack Frontiers 2019
 
 Keynote
-![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/slack-frontiers-2019.png?raw=true)
+![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/slack-frontiers-2019.webp?raw=true)
 
 ## SPEC (Slack Dev Conference) 2019
 
 Keynote
-![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/spec2019-keynote.png?raw=true)
+![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/spec2019-keynote.webp?raw=true)
 
 ## SPEC (Slack Dev Conference) 2018
 
 Keynote
-![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/spec2018-keynote.png?raw=true)
+![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/spec2018-keynote.webp?raw=true)
 
 ## Notes from Presenting Data & Information course by Edward Tufte
 
 Sketchnotes from Presenting Data & Information course by Edward Tufte about fundamental design strategies for information displays.
 
-![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/data-and-info-01.png?raw=true)
+![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/data-and-info-01.webp?raw=true)
 
-![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/data-and-info-02.png?raw=true)
+![sketchnote](https://github.com/girliemac/a-picture-is-worth-a-1000-words/blob/main/sketchnotes/data-and-info-02.webp?raw=true)