Summary Files Commits Branches @commit @diff @stats
diff options
context:
space:
mode:
Commit4b0ae8b80876e094d3ef4eea045066d2f199a750 (patch)
Author
 Syndamia <kamen@syndamia.com>
2023-01-30 20:01:46 +0200
Committer
 Syndamia <kamen@syndamia.com>
2023-01-30 20:01:46 +0200
Files1d1880eb72cea47f386a93bcb407367296953413
syndamia.com-4b0ae8b80876e094d3ef4eea045066d2f199a750.tar
syndamia.com-4b0ae8b80876e094d3ef4eea045066d2f199a750.tar.gz
syndamia.com-4b0ae8b80876e094d3ef4eea045066d2f199a750.zip
Parent3c0888fed1fe3d6af32a8a492089cdf910c0b951 (diff)
[all] Converted all images to webp format webp-convertion
285 files changed, 232 insertions, 179 deletions
-rw-r--r--src/blog/2.6-years-of-web-design/img/devhive-index-concept1.pngbin42865 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/devhive-index-concept1.webpbin0 -> 13406 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/devhive-index-concept2.pngbin56551 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/devhive-index-concept2.webpbin0 -> 33712 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/devhive-index-concept3.pngbin66414 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/devhive-index-concept3.webpbin0 -> 15424 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/devhive-index-concept4.pngbin72684 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/devhive-index-concept4.webpbin0 -> 17036 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/devhive-index-concept5.pngbin46932 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/devhive-index-concept5.webpbin0 -> 22020 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v1.0-code block.pngbin34788 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v1.0-code_block.webpbin0 -> 20222 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v1.0-index-smallscreen.pngbin64495 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v1.0-index-smallscreen.webpbin0 -> 26476 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v1.0-index.pngbin50438 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v1.0-index.webpbin0 -> 26868 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v1.0-projects.pngbin17006 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v1.0-projects.webpbin0 -> 7736 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v1.0-tutorial-page.pngbin58705 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v1.0-tutorial-page.webpbin0 -> 26092 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v2.0-code block.pngbin30049 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v2.0-code_block.webpbin0 -> 12898 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v2.0-index-smartphone.pngbin26034 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v2.0-index-smartphone.webpbin0 -> 18570 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v2.0-index.pngbin41883 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v2.0-index.webpbin0 -> 24156 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v2.0-resume.pngbin30375 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v2.0-resume.webpbin0 -> 19408 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v2.1-index-smartphone.pngbin209832 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v2.1-index-smartphone.webpbin0 -> 163208 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v2.2-index-footer-smallwidth.pngbin15626 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v2.2-index-footer-smallwidth.webpbin0 -> 4652 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v2.2-index-full-header-smartphone.pngbin184795 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v2.2-index-full-header-smartphone.webpbin0 -> 139500 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v2.2-index-full-header.pngbin225141 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v2.2-index-full-header.webpbin0 -> 178516 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v2.2-index.pngbin421959 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v2.2-index.webpbin0 -> 312810 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v3.0-index-initial.pngbin291128 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v3.0-index-initial.webpbin0 -> 224658 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v3.0-index.pngbin289722 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v3.0-index.webpbin0 -> 211454 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v3.1-index-smartphone.pngbin76224 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v3.1-index-smartphone.webpbin0 -> 46438 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v3.1-index.pngbin190073 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v3.1-index.webpbin0 -> 115220 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v3.1-table.pngbin94894 -> 0 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/img/v3.1-table.webpbin0 -> 32632 bytes
-rw-r--r--src/blog/2.6-years-of-web-design/index.md48
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/boulder-tile.pngbin4339 -> 0 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/boulder-tile.webpbin0 -> 444 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/crafting-window.pngbin11154 -> 0 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/crafting-window.webpbin0 -> 5934 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/create-new-game.pngbin22621 -> 0 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/create-new-game.webpbin0 -> 11320 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/grass-tile.pngbin4339 -> 0 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/grass-tile.webpbin0 -> 348 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/inventory-menu.pngbin2005727 -> 0 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/inventory-menu.webpbin0 -> 15160 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/main-screen.pngbin11826 -> 0 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/main-screen.webpbin0 -> 6586 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/map-menu.pngbin2008267 -> 0 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/map-menu.webpbin0 -> 14506 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/placeholder-grass-tile.jpgbin2759 -> 0 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/placeholder-grass-tile.webpbin0 -> 388 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/placeholder-rock-tile.jpgbin2527 -> 0 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/placeholder-rock-tile.webpbin0 -> 436 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/small-game-window.pngbin1181600 -> 0 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/small-game-window.webpbin0 -> 11648 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/tree-tile.pngbin4339 -> 0 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/img/tree-tile.webpbin0 -> 476 bytes
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/index.md6
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/timeline.md4
-rw-r--r--src/blog/mundus-first-shot-at-gamedev/user-interface.md12
-rw-r--r--src/blog/plan9-in-linux-mouse-menus/img/plan9-mouse2-menu.pngbin741 -> 0 bytes
-rw-r--r--src/blog/plan9-in-linux-mouse-menus/img/plan9-mouse2-menu.webpbin0 -> 456 bytes
-rw-r--r--src/blog/plan9-in-linux-mouse-menus/img/plan9-mouse3-menu.pngbin700 -> 0 bytes
-rw-r--r--src/blog/plan9-in-linux-mouse-menus/img/plan9-mouse3-menu.webpbin0 -> 434 bytes
-rw-r--r--src/blog/plan9-in-linux-mouse-menus/index.md4
-rw-r--r--src/blog/slideshow-presentations-in-the-browser/index.md53
-rw-r--r--src/img/face.jpegbin90198 -> 0 bytes
-rw-r--r--src/img/face.webpbin0 -> 31042 bytes
-rw-r--r--src/img/favicon.png.webpbin0 -> 462 bytes
-rw-r--r--src/img/gnugpl.pngbin672 -> 0 bytes
-rw-r--r--src/img/gnugpl.webpbin0 -> 268 bytes
-rw-r--r--src/img/linuxpenguin.pngbin836 -> 0 bytes
-rw-r--r--src/img/linuxpenguin.webpbin0 -> 552 bytes
-rw-r--r--src/img/meta-banner.pngbin149914 -> 0 bytes
-rw-r--r--src/img/meta-banner.webpbin0 -> 54580 bytes
-rw-r--r--src/img/mozilla-observatory.pngbin1932 -> 0 bytes
-rw-r--r--src/img/mozilla-observatory.webpbin0 -> 1130 bytes
-rw-r--r--src/img/security-headers.pngbin1853 -> 0 bytes
-rw-r--r--src/img/security-headers.webpbin0 -> 1206 bytes
-rw-r--r--src/img/ssl-labs.pngbin2832 -> 0 bytes
-rw-r--r--src/img/ssl-labs.webpbin0 -> 1238 bytes
-rw-r--r--src/img/watchdog.pngbin5583 -> 0 bytes
-rw-r--r--src/img/watchdog.webpbin0 -> 3322 bytes
-rw-r--r--src/index.md14
-rw-r--r--src/talks/linuxgraphy-by-strabo/img/unix-dir-tree.pngbin7674 -> 0 bytes
-rw-r--r--src/talks/linuxgraphy-by-strabo/img/unix-dir-tree.webpbin0 -> 3038 bytes
-rw-r--r--src/talks/linuxgraphy-by-strabo/img/unix-layers.pngbin8473 -> 0 bytes
-rw-r--r--src/talks/linuxgraphy-by-strabo/img/unix-layers.webpbin0 -> 3590 bytes
-rw-r--r--src/talks/linuxgraphy-by-strabo/index.md12
-rw-r--r--src/tutorials/connect-to-mysql-in-dotnet-ef/img/about-workbench.pngbin24274 -> 0 bytes
-rw-r--r--src/tutorials/connect-to-mysql-in-dotnet-ef/img/about-workbench.webpbin0 -> 8588 bytes
-rw-r--r--src/tutorials/connect-to-mysql-in-dotnet-ef/img/connections.pngbin10067 -> 0 bytes
-rw-r--r--src/tutorials/connect-to-mysql-in-dotnet-ef/img/connections.webpbin0 -> 6322 bytes
-rw-r--r--src/tutorials/connect-to-mysql-in-dotnet-ef/img/workbench-version.pngbin33595 -> 0 bytes
-rw-r--r--src/tutorials/connect-to-mysql-in-dotnet-ef/img/workbench-version.webpbin0 -> 8836 bytes
-rw-r--r--src/tutorials/connect-to-mysql-in-dotnet-ef/index.md6
-rw-r--r--src/tutorials/disable-sticky-keys-popup/img/windows-make-keyboard-highlighted.pngbin67333 -> 0 bytes
-rw-r--r--src/tutorials/disable-sticky-keys-popup/img/windows-make-keyboard-highlighted.webpbin0 -> 35938 bytes
-rw-r--r--src/tutorials/disable-sticky-keys-popup/img/windows-run-control-access.pngbin8599 -> 0 bytes
-rw-r--r--src/tutorials/disable-sticky-keys-popup/img/windows-run-control-access.webpbin0 -> 5126 bytes
-rw-r--r--src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-disable.pngbin31072 -> 0 bytes
-rw-r--r--src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-disable.webpbin0 -> 13510 bytes
-rw-r--r--src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-highlighted.pngbin38414 -> 0 bytes
-rw-r--r--src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-highlighted.webpbin0 -> 16580 bytes
-rw-r--r--src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-prompt.pngbin10136 -> 0 bytes
-rw-r--r--src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-prompt.webpbin0 -> 5858 bytes
-rw-r--r--src/tutorials/disable-sticky-keys-popup/index.md10
-rw-r--r--src/tutorials/export-skype/img/archived-conversations-skype-default.pngbin107381 -> 0 bytes
-rw-r--r--src/tutorials/export-skype/img/archived-conversations-skype-default.webpbin0 -> 44480 bytes
-rw-r--r--src/tutorials/export-skype/img/available-exports.pngbin111614 -> 0 bytes
-rw-r--r--src/tutorials/export-skype/img/available-exports.webpbin0 -> 41732 bytes
-rw-r--r--src/tutorials/export-skype/img/choose-file.pngbin41107 -> 0 bytes
-rw-r--r--src/tutorials/export-skype/img/choose-file.webpbin0 -> 19736 bytes
-rw-r--r--src/tutorials/export-skype/img/default-skype-parser-index.pngbin50051 -> 0 bytes
-rw-r--r--src/tutorials/export-skype/img/default-skype-parser-index.webpbin0 -> 20502 bytes
-rw-r--r--src/tutorials/export-skype/img/download-button.pngbin101325 -> 0 bytes
-rw-r--r--src/tutorials/export-skype/img/download-button.webpbin0 -> 41338 bytes
-rw-r--r--src/tutorials/export-skype/img/export-prepared.pngbin18017 -> 0 bytes
-rw-r--r--src/tutorials/export-skype/img/export-prepared.webpbin0 -> 8162 bytes
-rw-r--r--src/tutorials/export-skype/img/github-skype-parser-download.pngbin86999 -> 0 bytes
-rw-r--r--src/tutorials/export-skype/img/github-skype-parser-download.webpbin0 -> 42138 bytes
-rw-r--r--src/tutorials/export-skype/img/initial-screen.pngbin171920 -> 0 bytes
-rw-r--r--src/tutorials/export-skype/img/initial-screen.webpbin0 -> 64862 bytes
-rw-r--r--src/tutorials/export-skype/index.md16
-rw-r--r--src/tutorials/fix-no-frame-buffer-plan9/img/boot-prompt-monitor.pngbin7503 -> 0 bytes
-rw-r--r--src/tutorials/fix-no-frame-buffer-plan9/img/boot-prompt-monitor.webpbin0 -> 5394 bytes
-rw-r--r--src/tutorials/fix-no-frame-buffer-plan9/img/boot-prompt-no-frame-buffer-error.pngbin8504 -> 0 bytes
-rw-r--r--src/tutorials/fix-no-frame-buffer-plan9/img/boot-prompt-no-frame-buffer-error.webpbin0 -> 5976 bytes
-rw-r--r--src/tutorials/fix-no-frame-buffer-plan9/img/manual-prompt.pngbin432 -> 0 bytes
-rw-r--r--src/tutorials/fix-no-frame-buffer-plan9/img/manual-prompt.webpbin0 -> 168 bytes
-rw-r--r--src/tutorials/fix-no-frame-buffer-plan9/img/manual-rio.pngbin997 -> 0 bytes
-rw-r--r--src/tutorials/fix-no-frame-buffer-plan9/img/manual-rio.webpbin0 -> 146 bytes
-rw-r--r--src/tutorials/fix-no-frame-buffer-plan9/img/rio-9fat-commands.pngbin1656 -> 0 bytes
-rw-r--r--src/tutorials/fix-no-frame-buffer-plan9/img/rio-9fat-commands.webpbin0 -> 492 bytes
-rw-r--r--src/tutorials/fix-no-frame-buffer-plan9/img/rio-default-login.pngbin12952 -> 0 bytes
-rw-r--r--src/tutorials/fix-no-frame-buffer-plan9/img/rio-default-login.webpbin0 -> 7134 bytes
-rw-r--r--src/tutorials/fix-no-frame-buffer-plan9/img/rio-plan9ini-cat.pngbin7574 -> 0 bytes
-rw-r--r--src/tutorials/fix-no-frame-buffer-plan9/img/rio-plan9ini-cat.webpbin0 -> 3906 bytes
-rw-r--r--src/tutorials/fix-no-frame-buffer-plan9/index.md12
-rw-r--r--src/tutorials/how-to-use-jira/bug.md2
-rw-r--r--src/tutorials/how-to-use-jira/cards.md60
-rw-r--r--src/tutorials/how-to-use-jira/components.md14
-rw-r--r--src/tutorials/how-to-use-jira/dashboards.md22
-rw-r--r--src/tutorials/how-to-use-jira/filters.md12
-rw-r--r--src/tutorials/how-to-use-jira/img/SOD.png.webpbin0 -> 9434 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/active-sprints.png.webpbin0 -> 9632 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/activity-comments.png.webpbin0 -> 10238 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/activity-history.png.webpbin0 -> 14738 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/activity-work-log.png.webpbin0 -> 7516 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/add-a-gadget.png.webpbin0 -> 15934 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/add-gadget-top.png.webpbin0 -> 10374 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/add-gadget.png.webpbin0 -> 35946 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/add-item-kanban.png.webpbin0 -> 9362 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/add-item-to-project.png.webpbin0 -> 19040 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/add-shortcut.png.webpbin0 -> 13756 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/added-site.png.webpbin0 -> 9678 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/assignee-create-card.png.webpbin0 -> 3166 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/backlog-kanban.png.webpbin0 -> 5190 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/board-from.png.webpbin0 -> 11740 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/board-settings.png.webpbin0 -> 18688 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/bubble-dots.png.webpbin0 -> 5724 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/bubble.png.webpbin0 -> 7772 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/bug-type.png.webpbin0 -> 532 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/card-actions.png.webpbin0 -> 6840 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/card-attach-subtask.png.webpbin0 -> 5956 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/card-key.png.webpbin0 -> 492 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/card-right-side.png.webpbin0 -> 13502 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/card-summary.png.webpbin0 -> 2990 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/card-top-right.png.webpbin0 -> 2048 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/choose-classic-template.png.webpbin0 -> 25268 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/choose-project-type.png.webpbin0 -> 57054 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/columns-edit.png.webpbin0 -> 55100 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/components-create-card.png.webpbin0 -> 4350 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/components-field.png.webpbin0 -> 10542 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/components-sidebar.png.webpbin0 -> 9790 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-board.png.webpbin0 -> 18684 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-component-empty.png.webpbin0 -> 15534 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-component-full.png.webpbin0 -> 10442 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-component-page.png.webpbin0 -> 7740 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-dashboard-dots.png.webpbin0 -> 15192 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-dashboard-top.png.webpbin0 -> 10128 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-header.png.webpbin0 -> 5052 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-project-new.png.webpbin0 -> 16470 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-project-top.png.webpbin0 -> 14774 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/create-project.png.webpbin0 -> 19042 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/criteria-advanced-issue-search.png.webpbin0 -> 4410 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/default-dashboard.png.webpbin0 -> 69438 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/desc-att-sub-link.png.webpbin0 -> 15084 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/description-create-card.png.webpbin0 -> 4034 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/epic-link-create-card.png.webpbin0 -> 2484 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/epic-type.png.webpbin0 -> 476 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/fields-cards.png.webpbin0 -> 13838 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/filters-advanced-issue-search.png.webpbin0 -> 16510 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/fix-versions.png.webpbin0 -> 3686 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/flagged-card.png.webpbin0 -> 9298 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/gadgets.png.webpbin0 -> 38058 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/introduction-add.png.webpbin0 -> 10516 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/issue-types.png.webpbin0 -> 12268 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/issues-sidebar.png.webpbin0 -> 10660 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/kanban-cards.png.webpbin0 -> 15824 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/label-create-card.png.webpbin0 -> 3744 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/load-all.png.webpbin0 -> 31498 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/npb.png.webpbin0 -> 16810 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/ntb-filter.png.webpbin0 -> 17200 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/ntb.png.webpbin0 -> 11468 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/plus-more-advanced-issue-search.png.webpbin0 -> 11160 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/project-create-card.png.webpbin0 -> 2568 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/projects.png.webpbin0 -> 10462 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/reporter-create-card.png.webpbin0 -> 2970 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/sample-scrum-backlog.png.webpbin0 -> 73598 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/sample-sprint.png.webpbin0 -> 40228 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/save-as-advanced-issue-search.png.webpbin0 -> 5884 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/save-filter-filters-advanced-issue-search.png.webpbin0 -> 4438 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/scrum-backlog.png.webpbin0 -> 25916 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/scrum-kanban-board.png.webpbin0 -> 16080 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/show-fields.png.webpbin0 -> 29164 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/sidebar-create-board.png.webpbin0 -> 11068 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/story-type.png.webpbin0 -> 666 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/sub-task-type.png.webpbin0 -> 938 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/summary-create-card.png.webpbin0 -> 822 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/task-type.png.webpbin0 -> 586 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/test-page.png.webpbin0 -> 27882 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/test-repo-sidebar.png.webpbin0 -> 9966 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/test-repo.png.webpbin0 -> 14628 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/time-and-configure.png.webpbin0 -> 2270 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/time-tracking.png.webpbin0 -> 9158 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/todo-doing-done.png.webpbin0 -> 1248 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/versions-and-epics.png.webpbin0 -> 5476 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/view-all-filters-advanced-issue-search.png.webpbin0 -> 16420 bytes
-rw-r--r--src/tutorials/how-to-use-jira/img/view-all-projects-top.png.webpbin0 -> 14996 bytes
-rw-r--r--src/tutorials/how-to-use-jira/kanban.md6
-rw-r--r--src/tutorials/how-to-use-jira/pages.md2
-rw-r--r--src/tutorials/how-to-use-jira/projects.md52
-rw-r--r--src/tutorials/how-to-use-jira/releases.md2
-rw-r--r--src/tutorials/how-to-use-jira/scrum.md12
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/img/boot-screen.pngbin5411 -> 0 bytes
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/img/boot-screen.webpbin0 -> 3894 bytes
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/img/bootsetup-boot-method.pngbin5171 -> 0 bytes
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/img/bootsetup-boot-method.webpbin0 -> 3634 bytes
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/img/mountdist-browse.pngbin1535 -> 0 bytes
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/img/mountdist-browse.webpbin0 -> 1092 bytes
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/img/mountdist-distribution-disk.pngbin2423 -> 0 bytes
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/img/mountdist-distribution-disk.webpbin0 -> 1606 bytes
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/img/partdisk-fdisk.pngbin1735 -> 0 bytes
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/img/partdisk-fdisk.webpbin0 -> 1346 bytes
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/img/partdisk-mbr.pngbin1605 -> 0 bytes
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/img/partdisk-mbr.webpbin0 -> 1294 bytes
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/img/partdisk-partition.pngbin1182 -> 0 bytes
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/img/partdisk-partition.webpbin0 -> 786 bytes
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/img/prepdisk-prep.pngbin3082 -> 0 bytes
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/img/prepdisk-prep.webpbin0 -> 2416 bytes
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/img/vga-size.pngbin7636 -> 0 bytes
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/img/vga-size.webpbin0 -> 5532 bytes
-rw-r--r--src/tutorials/install-plan9-with-virt-manager/index.md16
-rw-r--r--src/tutorials/remove-weather-widget/img/remove-newsweather-windows10.pngbin46285 -> 0 bytes
-rw-r--r--src/tutorials/remove-weather-widget/img/remove-newsweather-windows10.webpbin0 -> 23738 bytes
-rw-r--r--src/tutorials/remove-weather-widget/img/windows10-taskbar.pngbin9101 -> 0 bytes
-rw-r--r--src/tutorials/remove-weather-widget/img/windows10-taskbar.webpbin0 -> 6074 bytes
-rw-r--r--src/tutorials/remove-weather-widget/index.md4
-rw-r--r--src/tutorials/turn-off-notifications-windows/img/windows-search-notifications.pngbin51988 -> 0 bytes
-rw-r--r--src/tutorials/turn-off-notifications-windows/img/windows-search-notifications.webpbin0 -> 23820 bytes
-rw-r--r--src/tutorials/turn-off-notifications-windows/img/windows-settings-notifications-application.pngbin56855 -> 0 bytes
-rw-r--r--src/tutorials/turn-off-notifications-windows/img/windows-settings-notifications-application.webpbin0 -> 21908 bytes
-rw-r--r--src/tutorials/turn-off-notifications-windows/img/windows-settings-notifications-off.pngbin55960 -> 0 bytes
-rw-r--r--src/tutorials/turn-off-notifications-windows/img/windows-settings-notifications-off.webpbin0 -> 21118 bytes
-rw-r--r--src/tutorials/turn-off-notifications-windows/index.md6
-rw-r--r--src/tutorials/windows-run-dialog/img/open-run-windows-menu.pngbin5093 -> 0 bytes
-rw-r--r--src/tutorials/windows-run-dialog/img/open-run-windows-menu.webpbin0 -> 2952 bytes
-rw-r--r--src/tutorials/windows-run-dialog/img/run-dialog.pngbin7823 -> 0 bytes
-rw-r--r--src/tutorials/windows-run-dialog/img/run-dialog.webpbin0 -> 4794 bytes
-rw-r--r--src/tutorials/windows-run-dialog/index.md4
diff --git a/src/blog/2.6-years-of-web-design/img/devhive-index-concept1.png b/src/blog/2.6-years-of-web-design/img/devhive-index-concept1.png
deleted file mode 100644
index 9b829e3..0000000
--- a/src/blog/2.6-years-of-web-design/img/devhive-index-concept1.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/devhive-index-concept1.webp b/src/blog/2.6-years-of-web-design/img/devhive-index-concept1.webp
new file mode 100644
index 0000000..81415d7
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/devhive-index-concept1.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/devhive-index-concept2.png b/src/blog/2.6-years-of-web-design/img/devhive-index-concept2.png
deleted file mode 100644
index eca9a62..0000000
--- a/src/blog/2.6-years-of-web-design/img/devhive-index-concept2.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/devhive-index-concept2.webp b/src/blog/2.6-years-of-web-design/img/devhive-index-concept2.webp
new file mode 100644
index 0000000..9d7b90d
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/devhive-index-concept2.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/devhive-index-concept3.png b/src/blog/2.6-years-of-web-design/img/devhive-index-concept3.png
deleted file mode 100644
index 04ec1ef..0000000
--- a/src/blog/2.6-years-of-web-design/img/devhive-index-concept3.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/devhive-index-concept3.webp b/src/blog/2.6-years-of-web-design/img/devhive-index-concept3.webp
new file mode 100644
index 0000000..e009e72
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/devhive-index-concept3.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/devhive-index-concept4.png b/src/blog/2.6-years-of-web-design/img/devhive-index-concept4.png
deleted file mode 100644
index 234fd54..0000000
--- a/src/blog/2.6-years-of-web-design/img/devhive-index-concept4.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/devhive-index-concept4.webp b/src/blog/2.6-years-of-web-design/img/devhive-index-concept4.webp
new file mode 100644
index 0000000..aaef358
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/devhive-index-concept4.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/devhive-index-concept5.png b/src/blog/2.6-years-of-web-design/img/devhive-index-concept5.png
deleted file mode 100644
index 2b6fccf..0000000
--- a/src/blog/2.6-years-of-web-design/img/devhive-index-concept5.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/devhive-index-concept5.webp b/src/blog/2.6-years-of-web-design/img/devhive-index-concept5.webp
new file mode 100644
index 0000000..c168941
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/devhive-index-concept5.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v1.0-code block.png b/src/blog/2.6-years-of-web-design/img/v1.0-code block.png
deleted file mode 100644
index 51dd24e..0000000
--- a/src/blog/2.6-years-of-web-design/img/v1.0-code block.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v1.0-code_block.webp b/src/blog/2.6-years-of-web-design/img/v1.0-code_block.webp
new file mode 100644
index 0000000..69d161f
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v1.0-code_block.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v1.0-index-smallscreen.png b/src/blog/2.6-years-of-web-design/img/v1.0-index-smallscreen.png
deleted file mode 100644
index 4ce79ac..0000000
--- a/src/blog/2.6-years-of-web-design/img/v1.0-index-smallscreen.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v1.0-index-smallscreen.webp b/src/blog/2.6-years-of-web-design/img/v1.0-index-smallscreen.webp
new file mode 100644
index 0000000..9fc7ff0
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v1.0-index-smallscreen.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v1.0-index.png b/src/blog/2.6-years-of-web-design/img/v1.0-index.png
deleted file mode 100644
index 2ec997a..0000000
--- a/src/blog/2.6-years-of-web-design/img/v1.0-index.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v1.0-index.webp b/src/blog/2.6-years-of-web-design/img/v1.0-index.webp
new file mode 100644
index 0000000..25ee895
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v1.0-index.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v1.0-projects.png b/src/blog/2.6-years-of-web-design/img/v1.0-projects.png
deleted file mode 100644
index 7e1b426..0000000
--- a/src/blog/2.6-years-of-web-design/img/v1.0-projects.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v1.0-projects.webp b/src/blog/2.6-years-of-web-design/img/v1.0-projects.webp
new file mode 100644
index 0000000..3ab46c3
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v1.0-projects.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v1.0-tutorial-page.png b/src/blog/2.6-years-of-web-design/img/v1.0-tutorial-page.png
deleted file mode 100644
index e85a454..0000000
--- a/src/blog/2.6-years-of-web-design/img/v1.0-tutorial-page.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v1.0-tutorial-page.webp b/src/blog/2.6-years-of-web-design/img/v1.0-tutorial-page.webp
new file mode 100644
index 0000000..310cd48
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v1.0-tutorial-page.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v2.0-code block.png b/src/blog/2.6-years-of-web-design/img/v2.0-code block.png
deleted file mode 100644
index 96fc554..0000000
--- a/src/blog/2.6-years-of-web-design/img/v2.0-code block.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v2.0-code_block.webp b/src/blog/2.6-years-of-web-design/img/v2.0-code_block.webp
new file mode 100644
index 0000000..3f086c8
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v2.0-code_block.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v2.0-index-smartphone.png b/src/blog/2.6-years-of-web-design/img/v2.0-index-smartphone.png
deleted file mode 100644
index 3f4c5b8..0000000
--- a/src/blog/2.6-years-of-web-design/img/v2.0-index-smartphone.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v2.0-index-smartphone.webp b/src/blog/2.6-years-of-web-design/img/v2.0-index-smartphone.webp
new file mode 100644
index 0000000..53547aa
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v2.0-index-smartphone.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v2.0-index.png b/src/blog/2.6-years-of-web-design/img/v2.0-index.png
deleted file mode 100644
index 4c9e4b5..0000000
--- a/src/blog/2.6-years-of-web-design/img/v2.0-index.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v2.0-index.webp b/src/blog/2.6-years-of-web-design/img/v2.0-index.webp
new file mode 100644
index 0000000..ccebc63
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v2.0-index.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v2.0-resume.png b/src/blog/2.6-years-of-web-design/img/v2.0-resume.png
deleted file mode 100644
index 64b3b52..0000000
--- a/src/blog/2.6-years-of-web-design/img/v2.0-resume.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v2.0-resume.webp b/src/blog/2.6-years-of-web-design/img/v2.0-resume.webp
new file mode 100644
index 0000000..0b6cb60
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v2.0-resume.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v2.1-index-smartphone.png b/src/blog/2.6-years-of-web-design/img/v2.1-index-smartphone.png
deleted file mode 100644
index 241f089..0000000
--- a/src/blog/2.6-years-of-web-design/img/v2.1-index-smartphone.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v2.1-index-smartphone.webp b/src/blog/2.6-years-of-web-design/img/v2.1-index-smartphone.webp
new file mode 100644
index 0000000..d4330ed
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v2.1-index-smartphone.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v2.2-index-footer-smallwidth.png b/src/blog/2.6-years-of-web-design/img/v2.2-index-footer-smallwidth.png
deleted file mode 100644
index 8a8c2eb..0000000
--- a/src/blog/2.6-years-of-web-design/img/v2.2-index-footer-smallwidth.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v2.2-index-footer-smallwidth.webp b/src/blog/2.6-years-of-web-design/img/v2.2-index-footer-smallwidth.webp
new file mode 100644
index 0000000..618ac4a
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v2.2-index-footer-smallwidth.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v2.2-index-full-header-smartphone.png b/src/blog/2.6-years-of-web-design/img/v2.2-index-full-header-smartphone.png
deleted file mode 100644
index c4824fc..0000000
--- a/src/blog/2.6-years-of-web-design/img/v2.2-index-full-header-smartphone.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v2.2-index-full-header-smartphone.webp b/src/blog/2.6-years-of-web-design/img/v2.2-index-full-header-smartphone.webp
new file mode 100644
index 0000000..c91f936
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v2.2-index-full-header-smartphone.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v2.2-index-full-header.png b/src/blog/2.6-years-of-web-design/img/v2.2-index-full-header.png
deleted file mode 100644
index 255577e..0000000
--- a/src/blog/2.6-years-of-web-design/img/v2.2-index-full-header.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v2.2-index-full-header.webp b/src/blog/2.6-years-of-web-design/img/v2.2-index-full-header.webp
new file mode 100644
index 0000000..f872fea
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v2.2-index-full-header.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v2.2-index.png b/src/blog/2.6-years-of-web-design/img/v2.2-index.png
deleted file mode 100644
index d3ff4f2..0000000
--- a/src/blog/2.6-years-of-web-design/img/v2.2-index.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v2.2-index.webp b/src/blog/2.6-years-of-web-design/img/v2.2-index.webp
new file mode 100644
index 0000000..9f05801
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v2.2-index.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v3.0-index-initial.png b/src/blog/2.6-years-of-web-design/img/v3.0-index-initial.png
deleted file mode 100644
index d6211fd..0000000
--- a/src/blog/2.6-years-of-web-design/img/v3.0-index-initial.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v3.0-index-initial.webp b/src/blog/2.6-years-of-web-design/img/v3.0-index-initial.webp
new file mode 100644
index 0000000..734d835
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v3.0-index-initial.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v3.0-index.png b/src/blog/2.6-years-of-web-design/img/v3.0-index.png
deleted file mode 100644
index 10d0992..0000000
--- a/src/blog/2.6-years-of-web-design/img/v3.0-index.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v3.0-index.webp b/src/blog/2.6-years-of-web-design/img/v3.0-index.webp
new file mode 100644
index 0000000..fc04986
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v3.0-index.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v3.1-index-smartphone.png b/src/blog/2.6-years-of-web-design/img/v3.1-index-smartphone.png
deleted file mode 100644
index 83432cf..0000000
--- a/src/blog/2.6-years-of-web-design/img/v3.1-index-smartphone.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v3.1-index-smartphone.webp b/src/blog/2.6-years-of-web-design/img/v3.1-index-smartphone.webp
new file mode 100644
index 0000000..e8ccfbe
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v3.1-index-smartphone.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v3.1-index.png b/src/blog/2.6-years-of-web-design/img/v3.1-index.png
deleted file mode 100644
index f007cf9..0000000
--- a/src/blog/2.6-years-of-web-design/img/v3.1-index.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v3.1-index.webp b/src/blog/2.6-years-of-web-design/img/v3.1-index.webp
new file mode 100644
index 0000000..e9fc5de
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v3.1-index.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v3.1-table.png b/src/blog/2.6-years-of-web-design/img/v3.1-table.png
deleted file mode 100644
index 6893ae7..0000000
--- a/src/blog/2.6-years-of-web-design/img/v3.1-table.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/img/v3.1-table.webp b/src/blog/2.6-years-of-web-design/img/v3.1-table.webp
new file mode 100644
index 0000000..6098941
--- /dev/null
+++ b/src/blog/2.6-years-of-web-design/img/v3.1-table.webp
Binary files differ
diff --git a/src/blog/2.6-years-of-web-design/index.md b/src/blog/2.6-years-of-web-design/index.md
index 109d6d7..2f75f91 100644
--- a/src/blog/2.6-years-of-web-design/index.md
+++ b/src/blog/2.6-years-of-web-design/index.md
@@ -19,11 +19,11 @@ There was no plan and I had never done anything like it, so a shitty website was
Looking back at it now, that first design's color palette was comprised of three dull grey colors, which didn't contrast very much on the white font:
-![](./img/v1.0-index.png)
+![](./img/v1.0-index.webp)
For code blocks, the background was a dark-blue color with a blue-ish font color, absolutely horrible for readability:
-![](./img/v1.0-code block.png)
+![](./img/v1.0-code block.webp)
Although I wasn't the one to invent that color scheme, it was *inspired* from [xed](https://github.com/linuxmint/xed)'s Oblivion theme.
@@ -31,18 +31,18 @@ It wasn't all completely bonkers, there were some not-so-ugly design decisions.
Navigation was done with tabs, which look decently nice on a desktop.
On blog posts, and especially on those with multiple pages, you would have the title on the left, and a close button on the right, "mimicking" a browser window.
-![](./img/v1.0-tutorial-page.png)
+![](./img/v1.0-tutorial-page.webp)
As you can imagine, this was a scalability nightmare. If the title was too long or there were too many pages, stuff would overlap in an unreadable manner:
-![](./img/v1.0-index-smallscreen.png)
+![](./img/v1.0-index-smallscreen.webp)
You know, if this website was published on [neocities](https://neocities.org/), my desktop-oriented unscaleable layout might've been seen as cool and novel...
Thankfully (or maybe unfortunately), I didn't go down that road.
Finally, tables, like those used in the "Projects" listing, were the absolute dumbest:
-![](./img/v1.0-projects.png)
+![](./img/v1.0-projects.webp)
As you can see, the design was overwhelmingly ugly, with many boneheaded decisions behind it.
Did I mention every post had to be written entirely by hand in HTML, except for the headers and footers, which were [**generated client-side with JavaScript**](https://gitlab.com/Syndamia/syndamiadotcom/-/tree/v1.0/website/js)?
@@ -60,15 +60,15 @@ There, he showed how to setup and use [ssg](https://www.romanzolotarev.com/ssg.h
Turning to the actual website itself, now it looked quite pleasant, in the day at least:
-![](./img/v2.0-index.png)
+![](./img/v2.0-index.webp)
Rather than using multiple colors for different elements, I went for a monochrome "printed on a piece of paper" look.
One might call that regression, but I'd like to think of it as minimalism.
Looking at those same code blocks and tables:
-![](./img/v2.0-code block.png)
-![](./img/v2.0-resume.png)
+![](./img/v2.0-code block.webp)
+![](./img/v2.0-resume.webp)
Ay, that's pretty clean! But it should remind you of something.
Before, the only time I would work with Markdown files was in GitHub READMEs.
@@ -78,7 +78,7 @@ Though that last part wasn't done by me, but by [sindresorhus](https://github.co
As for the overall design, there isn't too much to say.
Yes, the original tab idea kinda lived on, as those buttons at the top, and yes, it still wasn't scaleable, but now it didn't even try to be.
-![](./img/v2.0-index-smartphone.png)
+![](./img/v2.0-index-smartphone.webp)
Overall, this made it more "commercialized", soulless (assuming v1.0 had one) and plain old boring.
It seems I hit the other end of the spectrum, from ugly but interesting to pleasing but dull.
@@ -87,7 +87,7 @@ It seems I hit the other end of the spectrum, from ugly but interesting to pleas
Over the following half a year, I wrote a couple more articles, but most importantly the styling was finally made scaleable:
-![](./img/v2.1-index-smartphone.png)
+![](./img/v2.1-index-smartphone.webp)
Ignoring my big fat head taking up 70% of the screen, the index page properly fit on a mobile screen!
The navigation tabs weren't very symmetrically organized, but at least nothing was overlapping and overflowing over the screen.
@@ -107,21 +107,21 @@ As you might imagine, I was the only one with any idea of web design, meaning I
This time, however, I wanted to do it a bit more properly, so I made mockups of the final design.
The first was done in [Pencil](https://pencil.evolus.vn/), a somewhat limited application for designing layouts:
-![](./img/devhive-index-concept1.png)
+![](./img/devhive-index-concept1.webp)
Pretty quickly I turned to actual HTML and CSS, because I needed a more realistic feel of how the actual elements would be laid out.
Another idea that came up to mind was using a palette: a certain selection of colors for everything.
After talking with the others, I found a decent selection of blue and orange sunset-y colours and got to work.
The end result was this beauty:
-![](./img/devhive-index-concept2.png)
+![](./img/devhive-index-concept2.webp)
Although it looked pretty nice, we decided against it, since the focus was on the back-end, the front-end needed to be simpler.
There are also some problems with the color scheme, but more on that later.
Then I did what I had already done before: simplified the devil out of it.
-![](./img/devhive-index-concept3.png)
+![](./img/devhive-index-concept3.webp)
Now this looks way too cartoon-ish, you could make it with a steady hand and a ruler on a sheet of paper.
However it made the others happy, so we went along with it.
@@ -129,7 +129,7 @@ However it made the others happy, so we went along with it.
The overall flatness and emptiness, and general boringness bugged me for a while.
Some time later, after messing around for a couple hours, I came up with this:
-![](./img/devhive-index-concept4.png)
+![](./img/devhive-index-concept4.webp)
A much more modern-looking and feeling concept, completely different from it's comic roots.
Unfortunately, we didn't go with it, later we found out it had some issues with certain elements, and the previous idea was already implemented.
@@ -150,14 +150,14 @@ I needed something in between the second and third concepts, something which was
Coincidentally, at the same time, I was working on a dark colored implementation of my website, using the gruvbox color.
Putting two and two together, I came up with this thing;
-![](./img/devhive-index-concept5.png)
+![](./img/devhive-index-concept5.webp)
Now this looked really nice, somewhat professional even, was very simple and didn't hurt your eyes.
Suffice to say, everyone loved it, and we redid everything to look like it.
As for my own website, this is what it looked like by the time I made release 2.2:
-![](./img/v2.2-index.png)
+![](./img/v2.2-index.webp)
There is no point in showing code blocks or other elements, since it was just a change of colors.
But boy oh boy how long it took to make such a simple change.
@@ -169,27 +169,27 @@ Of course, there were changes, I wrote more posts, tweaked some of the styling,
Still, I was yearning for something better.
Scalability was continuing to be an issue, outside of the annoying misalignment, navigation buttons in the header or footer would disappear into the void if it's contents were too long:
-![](./img/v2.2-index-footer-smallwidth.png)
+![](./img/v2.2-index-footer-smallwidth.webp)
This example is unrealistic, but there were times where I wanted to put something longer in the footer button, and this issue arose.
Also the whole button idea wasn't very expandable, what if I wanted to have not 6 but more than 20 buttons in the header up top?
-![](./img/v2.2-index-full-header.png)
+![](./img/v2.2-index-full-header.webp)
And don't get me started on how comically bad this is on mobile:
-![](./img/v2.2-index-full-header-smartphone.png)
+![](./img/v2.2-index-full-header-smartphone.webp)
Something needed to change yet again, and something did.
A year and a third later, on [3 July 2022](https://gitlab.com/Syndamia/syndamiadotcom/-/commit/bde3ebdea6310c891b7e38185906d1a1e03977e4), I went away with the tabbed-like button layout, and opted for a dead simple sidebar:
-![](./img/v3.0-index-initial.png)
+![](./img/v3.0-index-initial.webp)
About that useless right border and the weird choice for only left and bottom borders on the sidebar: I wanted some separation for the sidebar and I wanted more "fun" in the overall design.
Most of the inspiration for those came from [Julia Evan's blog](https://jvns.ca/), where there is a big orange ribbon running on the sides and across the page.
Over time I did more tweaking on the colors and layout of everything, so by the time I created release 3.0, it looked like this:
-![](./img/v3.0-index.png)
+![](./img/v3.0-index.webp)
A good question you might be asking yourself is "How is this supposed to be scaleable?"
The answer is that it kinda of wasn't, at the time.
@@ -206,17 +206,17 @@ But that completely when over my head when I initially did that 3.0 redesign.
Fortunately, it later came back.
It might've been four and a half months later, but I finally [added color separation between the background and article and navbar](https://gitlab.com/Syndamia/syndamiadotcom/-/commit/55afc85bf7da9c0ed5e8859027080aebfa55ec50).
-![](./img/v3.1-index.png)
+![](./img/v3.1-index.webp)
And about that unfixed scalability?
Well, I fixed it, now on a mobile devices, the navbar stays up top, but is shrunk and can be expanded with a button:
-![](./img/v3.1-index-smartphone.png)
+![](./img/v3.1-index-smartphone.webp)
Another notable styling change was in tables.
I pretty much stole the design from [LEMMiNO](https://www.lemmi.no/)'s website:
-![](./img/v3.1-table.png)
+![](./img/v3.1-table.webp)
Finally, probably the most important change of it all, before I used some bash scripts to automate certain actions in the result HTML files, like generating the description automatically.
Now, this was all done with [awk](https://www.gnu.org/software/gawk/manual/gawk.html), a programming language specifically designed for making text changes to files.
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/boulder-tile.png b/src/blog/mundus-first-shot-at-gamedev/img/boulder-tile.png
deleted file mode 100644
index a5db10a..0000000
--- a/src/blog/mundus-first-shot-at-gamedev/img/boulder-tile.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/boulder-tile.webp b/src/blog/mundus-first-shot-at-gamedev/img/boulder-tile.webp
new file mode 100644
index 0000000..d9af591
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/img/boulder-tile.webp
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/crafting-window.png b/src/blog/mundus-first-shot-at-gamedev/img/crafting-window.png
deleted file mode 100644
index 61a7127..0000000
--- a/src/blog/mundus-first-shot-at-gamedev/img/crafting-window.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/crafting-window.webp b/src/blog/mundus-first-shot-at-gamedev/img/crafting-window.webp
new file mode 100644
index 0000000..e457cff
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/img/crafting-window.webp
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/create-new-game.png b/src/blog/mundus-first-shot-at-gamedev/img/create-new-game.png
deleted file mode 100644
index fe8d672..0000000
--- a/src/blog/mundus-first-shot-at-gamedev/img/create-new-game.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/create-new-game.webp b/src/blog/mundus-first-shot-at-gamedev/img/create-new-game.webp
new file mode 100644
index 0000000..50c789e
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/img/create-new-game.webp
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/grass-tile.png b/src/blog/mundus-first-shot-at-gamedev/img/grass-tile.png
deleted file mode 100644
index 06c38dd..0000000
--- a/src/blog/mundus-first-shot-at-gamedev/img/grass-tile.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/grass-tile.webp b/src/blog/mundus-first-shot-at-gamedev/img/grass-tile.webp
new file mode 100644
index 0000000..9cac2f7
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/img/grass-tile.webp
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/inventory-menu.png b/src/blog/mundus-first-shot-at-gamedev/img/inventory-menu.png
deleted file mode 100644
index 297d408..0000000
--- a/src/blog/mundus-first-shot-at-gamedev/img/inventory-menu.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/inventory-menu.webp b/src/blog/mundus-first-shot-at-gamedev/img/inventory-menu.webp
new file mode 100644
index 0000000..c9026f4
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/img/inventory-menu.webp
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/main-screen.png b/src/blog/mundus-first-shot-at-gamedev/img/main-screen.png
deleted file mode 100644
index bcf13c5..0000000
--- a/src/blog/mundus-first-shot-at-gamedev/img/main-screen.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/main-screen.webp b/src/blog/mundus-first-shot-at-gamedev/img/main-screen.webp
new file mode 100644
index 0000000..1e7b883
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/img/main-screen.webp
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/map-menu.png b/src/blog/mundus-first-shot-at-gamedev/img/map-menu.png
deleted file mode 100644
index f640abb..0000000
--- a/src/blog/mundus-first-shot-at-gamedev/img/map-menu.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/map-menu.webp b/src/blog/mundus-first-shot-at-gamedev/img/map-menu.webp
new file mode 100644
index 0000000..546f58d
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/img/map-menu.webp
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/placeholder-grass-tile.jpg b/src/blog/mundus-first-shot-at-gamedev/img/placeholder-grass-tile.jpg
deleted file mode 100644
index 3a6baf0..0000000
--- a/src/blog/mundus-first-shot-at-gamedev/img/placeholder-grass-tile.jpg
+++ /dev/null
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/placeholder-grass-tile.webp b/src/blog/mundus-first-shot-at-gamedev/img/placeholder-grass-tile.webp
new file mode 100644
index 0000000..ecb2586
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/img/placeholder-grass-tile.webp
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/placeholder-rock-tile.jpg b/src/blog/mundus-first-shot-at-gamedev/img/placeholder-rock-tile.jpg
deleted file mode 100644
index 408b522..0000000
--- a/src/blog/mundus-first-shot-at-gamedev/img/placeholder-rock-tile.jpg
+++ /dev/null
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/placeholder-rock-tile.webp b/src/blog/mundus-first-shot-at-gamedev/img/placeholder-rock-tile.webp
new file mode 100644
index 0000000..cdbf936
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/img/placeholder-rock-tile.webp
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/small-game-window.png b/src/blog/mundus-first-shot-at-gamedev/img/small-game-window.png
deleted file mode 100644
index 8af9885..0000000
--- a/src/blog/mundus-first-shot-at-gamedev/img/small-game-window.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/small-game-window.webp b/src/blog/mundus-first-shot-at-gamedev/img/small-game-window.webp
new file mode 100644
index 0000000..4c99071
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/img/small-game-window.webp
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/tree-tile.png b/src/blog/mundus-first-shot-at-gamedev/img/tree-tile.png
deleted file mode 100644
index fcfcadd..0000000
--- a/src/blog/mundus-first-shot-at-gamedev/img/tree-tile.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/tree-tile.webp b/src/blog/mundus-first-shot-at-gamedev/img/tree-tile.webp
new file mode 100644
index 0000000..b07fd56
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/img/tree-tile.webp
Binary files differ
diff --git a/src/blog/mundus-first-shot-at-gamedev/index.md b/src/blog/mundus-first-shot-at-gamedev/index.md
index 2c623e5..cdde5a3 100644
--- a/src/blog/mundus-first-shot-at-gamedev/index.md
+++ b/src/blog/mundus-first-shot-at-gamedev/index.md
@@ -36,9 +36,9 @@ Nevertheless, this journey was very important to me, hence writing this multi-pa
## Screenshots
<div style="display: flex; overflow-x: scroll; align-items: center">
- <img src="./img/small-game-window.png" style="height: 100%; flex: 1; margin-right: 0.5em">
- <img src="./img/map-menu.png" style="height: 100%; flex: 1; margin-right: 0.5em">
- <img src="./img/inventory-menu.png" style="height: 100%; flex: 1;">
+ <img src="./img/small-game-window.webp" style="height: 100%; flex: 1; margin-right: 0.5em">
+ <img src="./img/map-menu.webp" style="height: 100%; flex: 1; margin-right: 0.5em">
+ <img src="./img/inventory-menu.webp" style="height: 100%; flex: 1;">
</div>
*Screenshots are made on Linux Mint Cinnamon with the Mint-Y theme*
diff --git a/src/blog/mundus-first-shot-at-gamedev/timeline.md b/src/blog/mundus-first-shot-at-gamedev/timeline.md
index cb3da01..38b3620 100644
--- a/src/blog/mundus-first-shot-at-gamedev/timeline.md
+++ b/src/blog/mundus-first-shot-at-gamedev/timeline.md
@@ -26,7 +26,7 @@ Finally, it was time to plan the actual game.
So far I have only done preparation but on this day, I started actual programming. The UI and most of the mechanics were completely sketched.
-Around a week later I also drew the first proper textures for the game world: a [tile of grass](https://gitlab.com/Syndamia/IT-kariera/-/blob/a100f71372496ba89e26fedc520edcefd2442848/Year%202/Software%20development/Mundus/Mundus/Icons/Land/Ground/grass.png) <img src="./img/grass-tile.png" class="pixelated-render"> and a [tile of grass with a boulder on top](https://gitlab.com/Syndamia/IT-kariera/-/blob/a100f71372496ba89e26fedc520edcefd2442848/Year%202/Software%20development/Mundus/Mundus/Icons/Land/Ground/boulder.png) <img src="./img/boulder-tile.png" class="pixelated-render">. These replaced the [grass](https://gitlab.com/Syndamia/IT-kariera/-/blob/7b2c8cbc1d6adb874ca6a41f2871ea1950866d70/Year%202/Software%20development/Project/Mundus/Mundus/Views/Icons/Land/Ground/grass.jpg) <img src="./img/placeholder-grass-tile.jpg" class="pixelated-render"> and [rock](https://gitlab.com/Syndamia/IT-kariera/-/blob/7b2c8cbc1d6adb874ca6a41f2871ea1950866d70/Year%202/Software%20development/Project/Mundus/Mundus/Views/Icons/Land/Ground/rock.jpg) <img src="./img/placeholder-rock-tile.jpg" class="pixelated-render"> placeholder textures I made on the 29th.
+Around a week later I also drew the first proper textures for the game world: a [tile of grass](https://gitlab.com/Syndamia/IT-kariera/-/blob/a100f71372496ba89e26fedc520edcefd2442848/Year%202/Software%20development/Mundus/Mundus/Icons/Land/Ground/grass.webp) <img src="./img/grass-tile.webp" class="pixelated-render"> and a [tile of grass with a boulder on top](https://gitlab.com/Syndamia/IT-kariera/-/blob/a100f71372496ba89e26fedc520edcefd2442848/Year%202/Software%20development/Mundus/Mundus/Icons/Land/Ground/boulder.webp) <img src="./img/boulder-tile.webp" class="pixelated-render">. These replaced the [grass](https://gitlab.com/Syndamia/IT-kariera/-/blob/7b2c8cbc1d6adb874ca6a41f2871ea1950866d70/Year%202/Software%20development/Project/Mundus/Mundus/Views/Icons/Land/Ground/grass.webp) <img src="./img/placeholder-grass-tile.jpg" class="pixelated-render"> and [rock](https://gitlab.com/Syndamia/IT-kariera/-/blob/7b2c8cbc1d6adb874ca6a41f2871ea1950866d70/Year%202/Software%20development/Project/Mundus/Mundus/Views/Icons/Land/Ground/rock.webp) <img src="./img/placeholder-rock-tile.jpg" class="pixelated-render"> placeholder textures I made on the 29th.
Concerning the temporary textures, I just drew them in half an hour in GIMP, so I could test out some of the code.
@@ -36,7 +36,7 @@ The proper textures, I believe, turned out fairly well, given that I've never be
Slowly and steadily I had been making fine progress, but a lot of issues started to surface. As it turns out, I hadn't thought everything completely through, so I mostly went back to the drawing board.
-But at the very least, I had some important systems in place, like breaking and placing stuff, proper movement through the map and using items. Also, I had drawn my favorite texture from the whole projects: [the tree](https://gitlab.com/Syndamia/Mundus/-/blob/c47a34847e52ef76361394dba2c4f524a56d1b92/Mundus/Icons/Land/Items/tree.png) <img src="./img/tree-tile.png" class="pixelated-render">.
+But at the very least, I had some important systems in place, like breaking and placing stuff, proper movement through the map and using items. Also, I had drawn my favorite texture from the whole projects: [the tree](https://gitlab.com/Syndamia/Mundus/-/blob/c47a34847e52ef76361394dba2c4f524a56d1b92/Mundus/Icons/Land/Items/tree.webp) <img src="./img/tree-tile.webp" class="pixelated-render">.
> ***06.04.2020***&emsp;Day 58
diff --git a/src/blog/mundus-first-shot-at-gamedev/user-interface.md b/src/blog/mundus-first-shot-at-gamedev/user-interface.md
index 45fe7d1..8b8bb57 100644
--- a/src/blog/mundus-first-shot-at-gamedev/user-interface.md
+++ b/src/blog/mundus-first-shot-at-gamedev/user-interface.md
@@ -23,7 +23,7 @@ A lot of the topics covered are explained in more detail in [Basic Concepts](./b
## Main screen
-![](./img/main-screen.png)
+![](./img/main-screen.webp)
We start off with the main screen.
@@ -31,7 +31,7 @@ Only the `Create a new game` button is implemented, although the `Settings` one
## Create new game
-![](./img/create-new-game.png)
+![](./img/create-new-game.webp)
Creating a game gives you a couple of options:
@@ -47,7 +47,7 @@ Creating a game gives you a couple of options:
## Game Window
-![](./img/small-game-window.png)
+![](./img/small-game-window.webp)
After the world is generated, the game window opens.
@@ -63,7 +63,7 @@ After that, you have the `Event log` button and some of the most recent events.
## Map menu
-![](./img/map-menu.png)
+![](./img/map-menu.webp)
The Map menu is an extension (to the left) of the normal game window. It cannot be opened at the same time as the inventory menu.
@@ -71,13 +71,13 @@ At the top, you can see the ground layer tiles. Below it you can find the name o
## Inventory menu
-![](./img/inventory-menu.png)
+![](./img/inventory-menu.webp)
The Inventory menu is an extension (to the right) of the normal game window. From here you can store your items, organize them, craft and see information about a given item.
## Crafting window
-![](./img/crafting-window.png)
+![](./img/crafting-window.webp)
Every time you open the crafting menu, it automatically finds all items that you can craft using the items in your "Items inventory".
diff --git a/src/blog/plan9-in-linux-mouse-menus/img/plan9-mouse2-menu.png b/src/blog/plan9-in-linux-mouse-menus/img/plan9-mouse2-menu.png
deleted file mode 100644
index 0ece0a2..0000000
--- a/src/blog/plan9-in-linux-mouse-menus/img/plan9-mouse2-menu.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/plan9-in-linux-mouse-menus/img/plan9-mouse2-menu.webp b/src/blog/plan9-in-linux-mouse-menus/img/plan9-mouse2-menu.webp
new file mode 100644
index 0000000..aefc396
--- /dev/null
+++ b/src/blog/plan9-in-linux-mouse-menus/img/plan9-mouse2-menu.webp
Binary files differ
diff --git a/src/blog/plan9-in-linux-mouse-menus/img/plan9-mouse3-menu.png b/src/blog/plan9-in-linux-mouse-menus/img/plan9-mouse3-menu.png
deleted file mode 100644
index d780393..0000000
--- a/src/blog/plan9-in-linux-mouse-menus/img/plan9-mouse3-menu.png
+++ /dev/null
Binary files differ
diff --git a/src/blog/plan9-in-linux-mouse-menus/img/plan9-mouse3-menu.webp b/src/blog/plan9-in-linux-mouse-menus/img/plan9-mouse3-menu.webp
new file mode 100644
index 0000000..e3b1e9d
--- /dev/null
+++ b/src/blog/plan9-in-linux-mouse-menus/img/plan9-mouse3-menu.webp
Binary files differ
diff --git a/src/blog/plan9-in-linux-mouse-menus/index.md b/src/blog/plan9-in-linux-mouse-menus/index.md
index ec33709..a0ba39f 100644
--- a/src/blog/plan9-in-linux-mouse-menus/index.md
+++ b/src/blog/plan9-in-linux-mouse-menus/index.md
@@ -30,7 +30,7 @@ The left mouse button (button 1), works as expected: you use it to select text.
Pressing and holding down the right mouse button (button 3), shows all possible window options:
-![](./img/plan9-mouse3-menu.png)
+![](./img/plan9-mouse3-menu.webp)
For example, if you release it while hovering "New", you cursor will change, and after holding it down again, dragging out will result in a grey rectangle representing the dimensions (and position) of a new terminal window (releasing the button creates that new window).
@@ -43,7 +43,7 @@ Your browser doesn't support the video tag
Finally, the middle mouse button (button 2), shows text-control options, which can be executed on selected text:
-![](./img/plan9-mouse2-menu.png)
+![](./img/plan9-mouse2-menu.webp)
You'll recognise `cut`, `paste` and `snarf`[^snarf], the latter being just another word for copy.
Since every modern window manager supports those in some form, I'll concentrate on the others.
diff --git a/src/blog/slideshow-presentations-in-the-browser/index.md b/src/blog/slideshow-presentations-in-the-browser/index.md
new file mode 100644
index 0000000..aa7bde8
--- /dev/null
+++ b/src/blog/slideshow-presentations-in-the-browser/index.md
@@ -0,0 +1,53 @@
+# Slideshow presentations in the browser
+
+Conventional tools for slideshow presentations are pretty horrible, at least compatibility-wise.
+I've made my fair share of presentations, especially during high-school, usually I ran a much newer Microsoft Office version than was available on the school computers (on which I would present).
+Everything "worked", but often a lot of features like animations and formattings were completely wrong.
+
+Visual Basic for Applications, however, was despicable.
+For an assignment I worked on an interactive [Who wants to be a millionare presentations](TODO), with buttons, sound effects and all of the pazzaz.
+After 3 days of work, in the final hour of work, Microsoft Office crashed so bad, all of the code was deleted and unrecoverable.
+
+Switching to Linux didn't make the situation any greener.
+Some of the blame should be aleviated, since I kinda had to use [Microsoft's proprietary formats](TODO), which are [**the worst**](TODO).
+At the time (~2020) I tried out most available FOSS solutions, but the best one was LibreOffice, which still had issues with Bulgarian text, maths fonts and general element placement.
+Times have passed, so it's probably a good idea to revisit them, however I doubt anything groundbreaking has happened.
+
+For a while I had to make my presentations in [Microsoft Office 365](TODO) (which my highschool had a license for, so I could use it freely), which did the job.
+But now I'm out of (high)school, if I'm gonna make a presentation, it's going to be on a topic I care about and shared with people who might also care, and the process of creating and presenting had to be simplified.
+
+Shopping for a new slideshow tool began with [ozlab's](TODO) list of [linux.conf.au presentation slides](https://lca-kernel.ozlabs.org/).
+Snooping around the files, we learn this:
+
+| Tool |Sum|2022|2021|2020|2019|2018|
+|------------------------|---|----|----|----|----|----|
+|LibreOffice Impress | 10| 2 | 1 | 1 | 3 | 3 |
+|Microsoft Powerpoint 365| 1| 1 | | | | |
+|Microsoft Poweropint | 3| | 1 | | | 2 |
+|LaTeX | 3| 1 | 1 | | 1 | |
+|Google Slides | 9| 3 | 4 | 1 | 1 | |
+|macOS Quartz | 2| 1 | 1 | | | |
+|reveal.js | 1| | | 1 | | |
+|Markdown | 1| | | 1 | | |
+|iText | 1| | | | | 1 |
+
+LibreOffice was most widely used!
+However, that still doesn't fix my problem.
+Proprietaries are a no-go, TeX is fantastic for papers but it isn't very visually appealing (without some work) and there are easier ways to format text, and Markdown needs to be somehow extended to work for a presentation (more on that later).
+
+What's left is reveal.js, hinting at the idea of web browsers (direct HTML, not like MS Office 365) as presentation tools.
+As an overall replacement, reveal.js is great, especially when paired with their (non-free) web GUI, [slides.com](https://slides.com/).
+It supports arbitrary placement of elements, (obviously) text, images, code blocks, transitions and animations and everything else you might want.
+
+On the other hand, elementary observations reveal that most presentations from linux.conf.au, are shared as a PDF file.
+Furthermore, most of the slides have only a heading, some text (often in the form as an item list) and an image or two, either below the text, or taking up the whole slide.
+This rules out animations, transitions and arbitrary placement!
+Additionally, this seems to apply to most presentations in other conferences, like [strangeloop](TODO) or [TODO].
+
+Thus, the new slideshow system needs to be significantly simpler, mostly wrapping HTML into slides and adding some additional options to present, export to PDF and so on.
+Moreover, I have a website, I can create HTML text paragraphs, lists, images and so on very easily with Markdown, wouldn't it be awesome if I could pretty much write an article, which is then split into slides?
+
+There are actually [quite a lot](https://gist.github.com/johnloy/27dd124ad40e210e91c70dd1c24ac8c8) of utilities that support this.
+Most are web or electron based apps, which I would like to avoid, since I write with vim.
+Most of the command-line tools, that convert Markdown to HTML, use either [Remark.js](https://github.com/gnab/remark) or [mdx](TODO) [TODO INEFFICIENCY COMPARISON]
+
diff --git a/src/img/face.jpeg b/src/img/face.jpeg
deleted file mode 100644
index 977b9fb..0000000
--- a/src/img/face.jpeg
+++ /dev/null
Binary files differ
diff --git a/src/img/face.webp b/src/img/face.webp
new file mode 100644
index 0000000..1c4bee1
--- /dev/null
+++ b/src/img/face.webp
Binary files differ
diff --git a/src/img/favicon.png.webp b/src/img/favicon.png.webp
new file mode 100644
index 0000000..235ad8e
--- /dev/null
+++ b/src/img/favicon.png.webp
Binary files differ
diff --git a/src/img/gnugpl.png b/src/img/gnugpl.png
deleted file mode 100644
index 2c26aa0..0000000
--- a/src/img/gnugpl.png
+++ /dev/null
Binary files differ
diff --git a/src/img/gnugpl.webp b/src/img/gnugpl.webp
new file mode 100644
index 0000000..0c17121
--- /dev/null
+++ b/src/img/gnugpl.webp
Binary files differ
diff --git a/src/img/linuxpenguin.png b/src/img/linuxpenguin.png
deleted file mode 100644
index b3a5f80..0000000
--- a/src/img/linuxpenguin.png
+++ /dev/null
Binary files differ
diff --git a/src/img/linuxpenguin.webp b/src/img/linuxpenguin.webp
new file mode 100644
index 0000000..efd5992
--- /dev/null
+++ b/src/img/linuxpenguin.webp
Binary files differ
diff --git a/src/img/meta-banner.png b/src/img/meta-banner.png
deleted file mode 100644
index fde1c5e..0000000
--- a/src/img/meta-banner.png
+++ /dev/null
Binary files differ
diff --git a/src/img/meta-banner.webp b/src/img/meta-banner.webp
new file mode 100644
index 0000000..dee7f13
--- /dev/null
+++ b/src/img/meta-banner.webp
Binary files differ
diff --git a/src/img/mozilla-observatory.png b/src/img/mozilla-observatory.png
deleted file mode 100644
index 96d3333..0000000
--- a/src/img/mozilla-observatory.png
+++ /dev/null
Binary files differ
diff --git a/src/img/mozilla-observatory.webp b/src/img/mozilla-observatory.webp
new file mode 100644
index 0000000..f0face1
--- /dev/null
+++ b/src/img/mozilla-observatory.webp
Binary files differ
diff --git a/src/img/security-headers.png b/src/img/security-headers.png
deleted file mode 100644
index 6918b77..0000000
--- a/src/img/security-headers.png
+++ /dev/null
Binary files differ
diff --git a/src/img/security-headers.webp b/src/img/security-headers.webp
new file mode 100644
index 0000000..538b741
--- /dev/null
+++ b/src/img/security-headers.webp
Binary files differ
diff --git a/src/img/ssl-labs.png b/src/img/ssl-labs.png
deleted file mode 100644
index 15bb1cb..0000000
--- a/src/img/ssl-labs.png
+++ /dev/null
Binary files differ
diff --git a/src/img/ssl-labs.webp b/src/img/ssl-labs.webp
new file mode 100644
index 0000000..129aee4
--- /dev/null
+++ b/src/img/ssl-labs.webp
Binary files differ
diff --git a/src/img/watchdog.png b/src/img/watchdog.png
deleted file mode 100644
index 27b6560..0000000
--- a/src/img/watchdog.png
+++ /dev/null
Binary files differ
diff --git a/src/img/watchdog.webp b/src/img/watchdog.webp
new file mode 100644
index 0000000..f0c632b
--- /dev/null
+++ b/src/img/watchdog.webp
Binary files differ
diff --git a/src/index.md b/src/index.md
index 4e3f2e5..93ea423 100644
--- a/src/index.md
+++ b/src/index.md
@@ -1,7 +1,7 @@
# Welcome
<div id="index-contents">
- <img id="index-contents-img" class="borderless" src="./img/face.jpeg" alt="">
+ <img id="index-contents-img" class="borderless" src="./img/face.webp" alt="">
<div id="index-contents-text">
<p><a href="https://en.wiktionary.org/wiki/ahoy-hoy">Ahoy-hoy!</a> My name is Kamen and I'm a big computer nerd, currently studying in university.</p>
<p>I post whatever seems fun or interesting, but most of the stuff are software oriented. Have a look around and enjoy your stay.</p>
@@ -9,18 +9,18 @@
</div>
<a class="borderless" href="https://creativecommons.org/licenses/by-sa/4.0/"><img class="borderless unzoomable" src="/img/cc-by-sa-small.svg" alt="CC BY-SA"></a>
-<a class="borderless" href="https://www.gnu.org/licenses/gpl-3.0.html"><img class="borderless unzoomable" src="/img/gnugpl.png" alt="GNU GPL"></a>
+<a class="borderless" href="https://www.gnu.org/licenses/gpl-3.0.html"><img class="borderless unzoomable" src="/img/gnugpl.webp" alt="GNU GPL"></a>
<a class="borderless" href="/about"><img class="borderless unzoomable" src="/img/email.gif" alt="Email Me!"></a>
-<a class="borderless" href="https://linux.org/"><img class="borderless unzoomable" src="./img/linuxpenguin.png" alt="Linux"></a>
+<a class="borderless" href="https://linux.org/"><img class="borderless unzoomable" src="./img/linuxpenguin.webp" alt="Linux"></a>
<a class="borderless" href="https://www.vim.org/"><img class="oldschool-badge unzoomable" src="./img/created.with.vim.gif" alt="Created With VIM"></a>
<a class="borderless" href="https://validator.w3.org/nu/?doc=https%3A%2F%2Fsyndamia.com%2F"><img class="oldschool-badge unzoomable" src="./img/valid-html401-v.svg" alt="W3C Valid HTML"></a>
<a class="borderless" href="https://jigsaw.w3.org/css-validator/validator?uri=syndamia.com%2Fstyles.css&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en"><img class="oldschool-badge unzoomable" src="./img/valid-css-v.svg" alt="W3C Valid CSS"></a>
-<a class="borderless" href="https://observatory.mozilla.org/analyze/syndamia.com"><img class="borderless unzoomable" src="/img/mozilla-observatory.png" alt="Mozilla Observatory Score"></a>
-<a class="borderless" href="https://securityheaders.com/?q=syndamia.com&followRedirects=on"><img class="borderless unzoomable" src="/img/security-headers.png" alt="Security Headers Score"></a>
-<a class="borderless" href="https://www.ssllabs.com/ssltest/analyze.html?d=syndamia.com"><img class="borderless unzoomable" src="/img/ssl-labs.png" alt="SSL Report"></a>
+<a class="borderless" href="https://observatory.mozilla.org/analyze/syndamia.com"><img class="borderless unzoomable" src="/img/mozilla-observatory.webp" alt="Mozilla Observatory Score"></a>
+<a class="borderless" href="https://securityheaders.com/?q=syndamia.com&followRedirects=on"><img class="borderless unzoomable" src="/img/security-headers.webp" alt="Security Headers Score"></a>
+<a class="borderless" href="https://www.ssllabs.com/ssltest/analyze.html?d=syndamia.com"><img class="borderless unzoomable" src="/img/ssl-labs.webp" alt="SSL Report"></a>
<a class="borderless" href="https://www.anybrowser.org/campaign/"><img class="oldschool-badge unzoomable" src="./img/abasat.gif" alt="Viewable With Any Browser"></a>
-<a class="borderless" href="https://spyware.neocities.org/"><img class="oldschool-badge unzoomable" src="./img/watchdog.png" alt="Spyware Watchdog"></a>
+<a class="borderless" href="https://spyware.neocities.org/"><img class="oldschool-badge unzoomable" src="./img/watchdog.webp" alt="Spyware Watchdog"></a>
<p></p>
diff --git a/src/talks/linuxgraphy-by-strabo/img/unix-dir-tree.png b/src/talks/linuxgraphy-by-strabo/img/unix-dir-tree.png
deleted file mode 100644
index 38e5a9d..0000000
--- a/src/talks/linuxgraphy-by-strabo/img/unix-dir-tree.png
+++ /dev/null
Binary files differ
diff --git a/src/talks/linuxgraphy-by-strabo/img/unix-dir-tree.webp b/src/talks/linuxgraphy-by-strabo/img/unix-dir-tree.webp
new file mode 100644
index 0000000..ec1e8c4
--- /dev/null
+++ b/src/talks/linuxgraphy-by-strabo/img/unix-dir-tree.webp
Binary files differ
diff --git a/src/talks/linuxgraphy-by-strabo/img/unix-layers.png b/src/talks/linuxgraphy-by-strabo/img/unix-layers.png
deleted file mode 100644
index 77ea8f9..0000000
--- a/src/talks/linuxgraphy-by-strabo/img/unix-layers.png
+++ /dev/null
Binary files differ
diff --git a/src/talks/linuxgraphy-by-strabo/img/unix-layers.webp b/src/talks/linuxgraphy-by-strabo/img/unix-layers.webp
new file mode 100644
index 0000000..5b2b5ec
--- /dev/null
+++ b/src/talks/linuxgraphy-by-strabo/img/unix-layers.webp
Binary files differ
diff --git a/src/talks/linuxgraphy-by-strabo/index.md b/src/talks/linuxgraphy-by-strabo/index.md
index 424fd44..58460da 100644
--- a/src/talks/linuxgraphy-by-strabo/index.md
+++ b/src/talks/linuxgraphy-by-strabo/index.md
@@ -2,8 +2,8 @@
### Custom assets
-- [UNIX layers image](./img/unix-layers.png)
-- [UNIX directory tree](./img/unix-dir-tree.png)
+- [UNIX layers image](./img/unix-layers.webp)
+- [UNIX directory tree](./img/unix-dir-tree.webp)
- [mll-set.sh](./mll-set.sh)
### Presented at
@@ -31,7 +31,7 @@
Today, I'll lay out Linux as it is known to me.
&&/font
-![](https://upload.wikimedia.org/wikipedia/commons/thumb/e/ed/Strabo.jpg/199px-Strabo.jpg)
+![](https://upload.wikimedia.org/wikipedia/commons/thumb/e/ed/Strabo.jpg/199px-Strabo.webp)
&&lineb1
@@ -156,7 +156,7 @@ In the beginning, programming was done mostly by [Bell Labs](https://en.wikipedi
&&font18
![](https://upload.wikimedia.org/wikipedia/commons/f/f8/Ken-Thompson-2019.png =160x)
*Ken Thompson image by National Inventors Hall of Fame*
-![](https://upload.wikimedia.org/wikipedia/commons/1/1b/Ken_Thompson_and_Dennis_Ritchie--1973.jpg)
+![](https://upload.wikimedia.org/wikipedia/commons/1/1b/Ken_Thompson_and_Dennis_Ritchie--1973.webp)
*Ken Thompson and Dennis Ritchie in 1973*
&&/font
@@ -208,7 +208,7 @@ shells provide user interfaces, [both](http://en.wikipedia.org/wiki/Shell_%28com
While on the topic of UNIX, we'll only discuss the former.
&&/cont
-&&centered ![](./img/unix-layers.png) &&/centered
+&&centered ![](./img/unix-layers.webp) &&/centered
&&/table &&/font &&/slide
@@ -297,7 +297,7 @@ UNIX shells always have at least these additional functionalities:
- Each tree object (node) is an [i(ndex)node](https://en.wikipedia.org/wiki/Inode), containing type, ownership, access, internal data and any other metadata, but **not** name!
- Directory inodes (files) contain a table with rows of names and inode numbers, mapping a file name to it's contents. Each row is called a [hard link](https://en.wikipedia.org/wiki/Hard_link). Every directory has a hard link to itself, called ".", and a hard link to it's parent, called "..".
-![](./img/unix-dir-tree.png)
+![](./img/unix-dir-tree.webp)
&&/slide
diff --git a/src/tutorials/connect-to-mysql-in-dotnet-ef/img/about-workbench.png b/src/tutorials/connect-to-mysql-in-dotnet-ef/img/about-workbench.png
deleted file mode 100644
index 067d8ce..0000000
--- a/src/tutorials/connect-to-mysql-in-dotnet-ef/img/about-workbench.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/connect-to-mysql-in-dotnet-ef/img/about-workbench.webp b/src/tutorials/connect-to-mysql-in-dotnet-ef/img/about-workbench.webp
new file mode 100644
index 0000000..eb27e5d
--- /dev/null
+++ b/src/tutorials/connect-to-mysql-in-dotnet-ef/img/about-workbench.webp
Binary files differ
diff --git a/src/tutorials/connect-to-mysql-in-dotnet-ef/img/connections.png b/src/tutorials/connect-to-mysql-in-dotnet-ef/img/connections.png
deleted file mode 100644
index aa7b408..0000000
--- a/src/tutorials/connect-to-mysql-in-dotnet-ef/img/connections.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/connect-to-mysql-in-dotnet-ef/img/connections.webp b/src/tutorials/connect-to-mysql-in-dotnet-ef/img/connections.webp
new file mode 100644
index 0000000..a504d6d
--- /dev/null
+++ b/src/tutorials/connect-to-mysql-in-dotnet-ef/img/connections.webp
Binary files differ
diff --git a/src/tutorials/connect-to-mysql-in-dotnet-ef/img/workbench-version.png b/src/tutorials/connect-to-mysql-in-dotnet-ef/img/workbench-version.png
deleted file mode 100644
index bf5081d..0000000
--- a/src/tutorials/connect-to-mysql-in-dotnet-ef/img/workbench-version.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/connect-to-mysql-in-dotnet-ef/img/workbench-version.webp b/src/tutorials/connect-to-mysql-in-dotnet-ef/img/workbench-version.webp
new file mode 100644
index 0000000..9f1fe03
--- /dev/null
+++ b/src/tutorials/connect-to-mysql-in-dotnet-ef/img/workbench-version.webp
Binary files differ
diff --git a/src/tutorials/connect-to-mysql-in-dotnet-ef/index.md b/src/tutorials/connect-to-mysql-in-dotnet-ef/index.md
index d6bde42..f6d2c40 100644
--- a/src/tutorials/connect-to-mysql-in-dotnet-ef/index.md
+++ b/src/tutorials/connect-to-mysql-in-dotnet-ef/index.md
@@ -26,7 +26,7 @@ There are [a lot](https://www.connectionstrings.com/mysql/) of ways to setup the
If you are using `MySQL Workbench` and you don't know your port and id, you can look at the server information from the `MySQL Connections` page.
-![MyServer root 127.0.0.1:3306](./img/connections.png) In this example, the user id is _root_ and the port is _3306_.
+![MyServer root 127.0.0.1:3306](./img/connections.webp) In this example, the user id is _root_ and the port is _3306_.
## Connecting
@@ -34,8 +34,8 @@ To connect, you'll need to call the `UseMySql` method, either in [ASP.NET Startu
The method requires at least two arguments: connection string and `MySql` server version. The latter you can find, by going to the `Help/About Workbench` window inside `MySQL Workbench`.
-![](./img/about-workbench.png)
-![](./img/workbench-version.png)
+![](./img/about-workbench.webp)
+![](./img/workbench-version.webp)
For the server version argument, create a new object of type `MySqlServerVersion` and give it's constructor a new object of type `Version`, to which you give the version numbers. The result should look something like this:
diff --git a/src/tutorials/disable-sticky-keys-popup/img/windows-make-keyboard-highlighted.png b/src/tutorials/disable-sticky-keys-popup/img/windows-make-keyboard-highlighted.png
deleted file mode 100644
index 8a962ed..0000000
--- a/src/tutorials/disable-sticky-keys-popup/img/windows-make-keyboard-highlighted.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/disable-sticky-keys-popup/img/windows-make-keyboard-highlighted.webp b/src/tutorials/disable-sticky-keys-popup/img/windows-make-keyboard-highlighted.webp
new file mode 100644
index 0000000..ce40277
--- /dev/null
+++ b/src/tutorials/disable-sticky-keys-popup/img/windows-make-keyboard-highlighted.webp
Binary files differ
diff --git a/src/tutorials/disable-sticky-keys-popup/img/windows-run-control-access.png b/src/tutorials/disable-sticky-keys-popup/img/windows-run-control-access.png
deleted file mode 100644
index 60061c8..0000000
--- a/src/tutorials/disable-sticky-keys-popup/img/windows-run-control-access.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/disable-sticky-keys-popup/img/windows-run-control-access.webp b/src/tutorials/disable-sticky-keys-popup/img/windows-run-control-access.webp
new file mode 100644
index 0000000..a58d9db
--- /dev/null
+++ b/src/tutorials/disable-sticky-keys-popup/img/windows-run-control-access.webp
Binary files differ
diff --git a/src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-disable.png b/src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-disable.png
deleted file mode 100644
index b5a2497..0000000
--- a/src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-disable.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-disable.webp b/src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-disable.webp
new file mode 100644
index 0000000..c1a943a
--- /dev/null
+++ b/src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-disable.webp
Binary files differ
diff --git a/src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-highlighted.png b/src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-highlighted.png
deleted file mode 100644
index 14c69b7..0000000
--- a/src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-highlighted.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-highlighted.webp b/src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-highlighted.webp
new file mode 100644
index 0000000..5d1ddf5
--- /dev/null
+++ b/src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-highlighted.webp
Binary files differ
diff --git a/src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-prompt.png b/src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-prompt.png
deleted file mode 100644
index bb94caf..0000000
--- a/src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-prompt.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-prompt.webp b/src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-prompt.webp
new file mode 100644
index 0000000..ff7885f
--- /dev/null
+++ b/src/tutorials/disable-sticky-keys-popup/img/windows-sticky-keys-prompt.webp
Binary files differ
diff --git a/src/tutorials/disable-sticky-keys-popup/index.md b/src/tutorials/disable-sticky-keys-popup/index.md
index d9c00f4..9976698 100644
--- a/src/tutorials/disable-sticky-keys-popup/index.md
+++ b/src/tutorials/disable-sticky-keys-popup/index.md
@@ -2,20 +2,20 @@
We've all been there: you're playing a game and after pressing `Shift` multiple times, you get a popup about "Sticky Keys", similar to this one:
-![](./img/windows-sticky-keys-prompt.png)
+![](./img/windows-sticky-keys-prompt.webp)
This is how to stop the popup from showing up ever again:
1. Press **Windows key + R**, type in `control access.cpl`, and then press **OK**
- ![](./img/windows-run-control-access.png)
+ ![](./img/windows-run-control-access.webp)
2. Inside the opened up window, press **Make the keyboard easier to use**
- ![](./img/windows-make-keyboard-highlighted.png)
+ ![](./img/windows-make-keyboard-highlighted.webp)
3. After that, press **Set up Sticky Keys**
- ![](./img/windows-sticky-keys-highlighted.png)
+ ![](./img/windows-sticky-keys-highlighted.webp)
4. Uncheck the **Turn on Sticky Keys when SHIFT is pressed five times**
- ![](./img/windows-sticky-keys-disable.png)
+ ![](./img/windows-sticky-keys-disable.webp)
5. Finally, press **OK** and close the window
diff --git a/src/tutorials/export-skype/img/archived-conversations-skype-default.png b/src/tutorials/export-skype/img/archived-conversations-skype-default.png
deleted file mode 100644
index 7b301fa..0000000
--- a/src/tutorials/export-skype/img/archived-conversations-skype-default.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/export-skype/img/archived-conversations-skype-default.webp b/src/tutorials/export-skype/img/archived-conversations-skype-default.webp
new file mode 100644
index 0000000..8d7fe9d
--- /dev/null
+++ b/src/tutorials/export-skype/img/archived-conversations-skype-default.webp
Binary files differ
diff --git a/src/tutorials/export-skype/img/available-exports.png b/src/tutorials/export-skype/img/available-exports.png
deleted file mode 100644
index 601231e..0000000
--- a/src/tutorials/export-skype/img/available-exports.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/export-skype/img/available-exports.webp b/src/tutorials/export-skype/img/available-exports.webp
new file mode 100644
index 0000000..7d8e05a
--- /dev/null
+++ b/src/tutorials/export-skype/img/available-exports.webp
Binary files differ
diff --git a/src/tutorials/export-skype/img/choose-file.png b/src/tutorials/export-skype/img/choose-file.png
deleted file mode 100644
index 79838d5..0000000
--- a/src/tutorials/export-skype/img/choose-file.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/export-skype/img/choose-file.webp b/src/tutorials/export-skype/img/choose-file.webp
new file mode 100644
index 0000000..c28df39
--- /dev/null
+++ b/src/tutorials/export-skype/img/choose-file.webp
Binary files differ
diff --git a/src/tutorials/export-skype/img/default-skype-parser-index.png b/src/tutorials/export-skype/img/default-skype-parser-index.png
deleted file mode 100644
index bff4501..0000000
--- a/src/tutorials/export-skype/img/default-skype-parser-index.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/export-skype/img/default-skype-parser-index.webp b/src/tutorials/export-skype/img/default-skype-parser-index.webp
new file mode 100644
index 0000000..3783a63
--- /dev/null
+++ b/src/tutorials/export-skype/img/default-skype-parser-index.webp
Binary files differ
diff --git a/src/tutorials/export-skype/img/download-button.png b/src/tutorials/export-skype/img/download-button.png
deleted file mode 100644
index aea6358..0000000
--- a/src/tutorials/export-skype/img/download-button.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/export-skype/img/download-button.webp b/src/tutorials/export-skype/img/download-button.webp
new file mode 100644
index 0000000..3dd098c
--- /dev/null
+++ b/src/tutorials/export-skype/img/download-button.webp
Binary files differ
diff --git a/src/tutorials/export-skype/img/export-prepared.png b/src/tutorials/export-skype/img/export-prepared.png
deleted file mode 100644
index 626aca2..0000000
--- a/src/tutorials/export-skype/img/export-prepared.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/export-skype/img/export-prepared.webp b/src/tutorials/export-skype/img/export-prepared.webp
new file mode 100644
index 0000000..07aaa82
--- /dev/null
+++ b/src/tutorials/export-skype/img/export-prepared.webp
Binary files differ
diff --git a/src/tutorials/export-skype/img/github-skype-parser-download.png b/src/tutorials/export-skype/img/github-skype-parser-download.png
deleted file mode 100644
index 6a99f0b..0000000
--- a/src/tutorials/export-skype/img/github-skype-parser-download.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/export-skype/img/github-skype-parser-download.webp b/src/tutorials/export-skype/img/github-skype-parser-download.webp
new file mode 100644
index 0000000..de912fa
--- /dev/null
+++ b/src/tutorials/export-skype/img/github-skype-parser-download.webp
Binary files differ
diff --git a/src/tutorials/export-skype/img/initial-screen.png b/src/tutorials/export-skype/img/initial-screen.png
deleted file mode 100644
index d5cf5ff..0000000
--- a/src/tutorials/export-skype/img/initial-screen.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/export-skype/img/initial-screen.webp b/src/tutorials/export-skype/img/initial-screen.webp
new file mode 100644
index 0000000..791c0d8
--- /dev/null
+++ b/src/tutorials/export-skype/img/initial-screen.webp
Binary files differ
diff --git a/src/tutorials/export-skype/index.md b/src/tutorials/export-skype/index.md
index 1957a9c..f1742b1 100644
--- a/src/tutorials/export-skype/index.md
+++ b/src/tutorials/export-skype/index.md
@@ -14,17 +14,17 @@ Skype has always allowed to export your chat history (and files), but it's not a
- You could be asked to sign in. After signing in you'll need to *open the link again*, since you would be redirected to the wrong place.
2. After opening the link you should be greeted by something like this. Check the two checkboxes next to **Conversations** and **Files** *(pointed to by the red arrows)*.
- ![](./img/initial-screen.png)
+ ![](./img/initial-screen.webp)
3. Press **Submit request**. After being greeted by this screen, press **Continue**.
- ![](./img/export-prepared.png)
+ ![](./img/export-prepared.webp)
- You should now see an **Available exports** section near the top of the page. The status will be **Pending**.
- ![](./img/available-exports.png)
+ ![](./img/available-exports.webp)
5. Reload the page after a bit of time. When your export is ready, you'll find a **Download** button next to it, click it.
- ![](./img/download-button.png)
+ ![](./img/download-button.webp)
Your export will be downloaded as a `.tar` archive file. You'll need an archiver utility to extract the files, something like [WinRAR](https://www.rarlab.com/download.htm) or [7-Zip](https://www.7-zip.org/) *(I personally recommend 7-Zip, it is completely free (no need to worry about your [infinite trial](https://youtu.be/fTgZRVVr3_Y)) and works faster)*.
@@ -35,13 +35,13 @@ Your export will be downloaded as a `.tar` archive file. You'll need an archiver
3. Extract `skype-parser.zip`
4. Inside the `skype-parser` folder, open `index.html` (it might be named just `index`). You'll be greeted by this page in your browser:
- ![](./img/default-skype-parser-index.png)
+ ![](./img/default-skype-parser-index.webp)
5. Click the `Choose File` option and select the `messages.json` (it might be named just `messages`) file from your export.
- ![](./img/choose-file.png)
+ ![](./img/choose-file.webp)
6. Press the `Load` button right below, and you're done. On the left side you have your conversations, and when opening one, your messages will be displayed to the right (just like in Skype itself)
- ![](./img/archived-conversations-skype-default.png)
+ ![](./img/archived-conversations-skype-default.webp)
There is only one issue with this method - the official tool is somewhat broken. Images and links are shown as formatting codes, but you can't actually look at them as you would in Skype itself.
@@ -53,6 +53,6 @@ The fix is using an alternative to the official tool.
1. Go to the [latest release of his skype-parser](https://github.com/ArtemVeremienko/skype-parser/releases/latest) and download `skype-parser.zip`
- ![](./img/github-skype-parser-download.png)
+ ![](./img/github-skype-parser-download.webp)
2. Extract all of the files. They'll be in the same folder as the `skype-parser.zip` file, so find the `index.html` file and open it.
3. Continue from step 5 onward of the [Viewing your export - Official Tool](#viewing-your-export---official-tool) section
diff --git a/src/tutorials/fix-no-frame-buffer-plan9/img/boot-prompt-monitor.png b/src/tutorials/fix-no-frame-buffer-plan9/img/boot-prompt-monitor.png
deleted file mode 100644
index 788e872..0000000
--- a/src/tutorials/fix-no-frame-buffer-plan9/img/boot-prompt-monitor.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/fix-no-frame-buffer-plan9/img/boot-prompt-monitor.webp b/src/tutorials/fix-no-frame-buffer-plan9/img/boot-prompt-monitor.webp
new file mode 100644
index 0000000..2d8fc36
--- /dev/null
+++ b/src/tutorials/fix-no-frame-buffer-plan9/img/boot-prompt-monitor.webp
Binary files differ
diff --git a/src/tutorials/fix-no-frame-buffer-plan9/img/boot-prompt-no-frame-buffer-error.png b/src/tutorials/fix-no-frame-buffer-plan9/img/boot-prompt-no-frame-buffer-error.png
deleted file mode 100644
index 442fa4b..0000000
--- a/src/tutorials/fix-no-frame-buffer-plan9/img/boot-prompt-no-frame-buffer-error.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/fix-no-frame-buffer-plan9/img/boot-prompt-no-frame-buffer-error.webp b/src/tutorials/fix-no-frame-buffer-plan9/img/boot-prompt-no-frame-buffer-error.webp
new file mode 100644
index 0000000..ab9b386
--- /dev/null
+++ b/src/tutorials/fix-no-frame-buffer-plan9/img/boot-prompt-no-frame-buffer-error.webp
Binary files differ
diff --git a/src/tutorials/fix-no-frame-buffer-plan9/img/manual-prompt.png b/src/tutorials/fix-no-frame-buffer-plan9/img/manual-prompt.png
deleted file mode 100644
index 4b3d0c8..0000000
--- a/src/tutorials/fix-no-frame-buffer-plan9/img/manual-prompt.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/fix-no-frame-buffer-plan9/img/manual-prompt.webp b/src/tutorials/fix-no-frame-buffer-plan9/img/manual-prompt.webp
new file mode 100644
index 0000000..c828637
--- /dev/null
+++ b/src/tutorials/fix-no-frame-buffer-plan9/img/manual-prompt.webp
Binary files differ
diff --git a/src/tutorials/fix-no-frame-buffer-plan9/img/manual-rio.png b/src/tutorials/fix-no-frame-buffer-plan9/img/manual-rio.png
deleted file mode 100644
index 64aab43..0000000
--- a/src/tutorials/fix-no-frame-buffer-plan9/img/manual-rio.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/fix-no-frame-buffer-plan9/img/manual-rio.webp b/src/tutorials/fix-no-frame-buffer-plan9/img/manual-rio.webp
new file mode 100644
index 0000000..5985b94
--- /dev/null
+++ b/src/tutorials/fix-no-frame-buffer-plan9/img/manual-rio.webp
Binary files differ
diff --git a/src/tutorials/fix-no-frame-buffer-plan9/img/rio-9fat-commands.png b/src/tutorials/fix-no-frame-buffer-plan9/img/rio-9fat-commands.png
deleted file mode 100644
index 2609c11..0000000
--- a/src/tutorials/fix-no-frame-buffer-plan9/img/rio-9fat-commands.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/fix-no-frame-buffer-plan9/img/rio-9fat-commands.webp b/src/tutorials/fix-no-frame-buffer-plan9/img/rio-9fat-commands.webp
new file mode 100644
index 0000000..2ac9e5c
--- /dev/null
+++ b/src/tutorials/fix-no-frame-buffer-plan9/img/rio-9fat-commands.webp
Binary files differ
diff --git a/src/tutorials/fix-no-frame-buffer-plan9/img/rio-default-login.png b/src/tutorials/fix-no-frame-buffer-plan9/img/rio-default-login.png
deleted file mode 100644
index 7367503..0000000
--- a/src/tutorials/fix-no-frame-buffer-plan9/img/rio-default-login.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/fix-no-frame-buffer-plan9/img/rio-default-login.webp b/src/tutorials/fix-no-frame-buffer-plan9/img/rio-default-login.webp
new file mode 100644
index 0000000..b0c3bee
--- /dev/null
+++ b/src/tutorials/fix-no-frame-buffer-plan9/img/rio-default-login.webp
Binary files differ
diff --git a/src/tutorials/fix-no-frame-buffer-plan9/img/rio-plan9ini-cat.png b/src/tutorials/fix-no-frame-buffer-plan9/img/rio-plan9ini-cat.png
deleted file mode 100644
index 02e9034..0000000
--- a/src/tutorials/fix-no-frame-buffer-plan9/img/rio-plan9ini-cat.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/fix-no-frame-buffer-plan9/img/rio-plan9ini-cat.webp b/src/tutorials/fix-no-frame-buffer-plan9/img/rio-plan9ini-cat.webp
new file mode 100644
index 0000000..505285b
--- /dev/null
+++ b/src/tutorials/fix-no-frame-buffer-plan9/img/rio-plan9ini-cat.webp
Binary files differ
diff --git a/src/tutorials/fix-no-frame-buffer-plan9/index.md b/src/tutorials/fix-no-frame-buffer-plan9/index.md
index 57a2a21..8fae86d 100644
--- a/src/tutorials/fix-no-frame-buffer-plan9/index.md
+++ b/src/tutorials/fix-no-frame-buffer-plan9/index.md
@@ -8,7 +8,7 @@ rio: can't open display: initdisplay: /dev/draw/new: no frame buffer
init: rc exit status: rio 31: display open
```
-![](./img/boot-prompt-no-frame-buffer-error.png)
+![](./img/boot-prompt-no-frame-buffer-error.webp)
For some reason, on certain configurations, the `xga` (`vga`) monitor type does not work when booting into Plan 9, even though it works fine during install. The fix is to adjust monitor settings to `vesa`:
@@ -20,7 +20,7 @@ For some reason, on certain configurations, the `xga` (`vga`) monitor type does
You should get a cursor and a cleared prompt.
- ![](./img/manual-prompt.png)
+ ![](./img/manual-prompt.webp)
2. In this "new" shell prompt, enter
@@ -30,7 +30,7 @@ For some reason, on certain configurations, the `xga` (`vga`) monitor type does
You should now get a grey background with the cursor in it.
- ![](./img/manual-rio.png)
+ ![](./img/manual-rio.webp)
- You are now in a graphical environment, so technically you can stop here. The other steps are for configuring it so you wont ever have that problem again.
@@ -48,7 +48,7 @@ For some reason, on certain configurations, the `xga` (`vga`) monitor type does
this is the configuration file we will be changing.
- ![](./img/rio-9fat-commands.png)
+ ![](./img/rio-9fat-commands.webp)
- How to make a window: right click, hold, hover over "New" and release the right click. Now right click somewhere in the top left, hold, drag to somewhere in bottom right, release.
@@ -76,7 +76,7 @@ For some reason, on certain configurations, the `xga` (`vga`) monitor type does
and check that monitor is equal to vesa (you can scroll with the arrow keys, or with left and right mouse buttons, acting as up and down).
- ![](./img/rio-plan9ini-cat.png)
+ ![](./img/rio-plan9ini-cat.webp)
- The first command opens the `plan9.ini` file for editing, and the second command, finds every line that contains `xga` (there should probably be only one) and on each matching line replaces `xga` with `vesa`. Refer to the [docs](https://p9f.org/sys/doc/sam/sam.html) for more information.
@@ -84,4 +84,4 @@ For some reason, on certain configurations, the `xga` (`vga`) monitor type does
The next time you boot into Plan 9 and into your user, the graphical environment should load fine. Enjoy Plan 9!
-![](./img/rio-default-login.png)
+![](./img/rio-default-login.webp)
diff --git a/src/tutorials/how-to-use-jira/bug.md b/src/tutorials/how-to-use-jira/bug.md
index fefd8e8..873594a 100644
--- a/src/tutorials/how-to-use-jira/bug.md
+++ b/src/tutorials/how-to-use-jira/bug.md
@@ -8,7 +8,7 @@ The Bug Tracking template is completely different from the [Scrum](./scrum.html)
**There are no boards, no cards, no backlog**. All issues are accessed from the `Issues` page from the sidebar.
-![](./img/issues-sidebar.png)
+![](./img/issues-sidebar.webp)
That's why this template is **available only when creating a project**.
diff --git a/src/tutorials/how-to-use-jira/cards.md b/src/tutorials/how-to-use-jira/cards.md
index 77d27a9..bca37c8 100644
--- a/src/tutorials/how-to-use-jira/cards.md
+++ b/src/tutorials/how-to-use-jira/cards.md
@@ -17,67 +17,67 @@
**Each issue is represented as an object with properties**. More specifically, these objects are called 'cards'.
-![](./img/kanban-cards.png)
+![](./img/kanban-cards.webp)
## Properties
Each card has the following properties:
-![](./img/fields-cards.png)
+![](./img/fields-cards.webp)
- **Project** - the [project](./projects.html) this card is stored in
- ![](./img/project-create-card.png)
+ ![](./img/project-create-card.webp)
- **Issue type** - the basic purpose of an issue (Improvement, Bug, ...)
- ![](./img/issue-types.png)
+ ![](./img/issue-types.webp)
- - ![Story](./img/story-type.png) - functionality or feature expressed as a goal, something like "As a user, I want to be able to pay for my order via PayPal"
+ - ![Story](./img/story-type.webp) - functionality or feature expressed as a goal, something like "As a user, I want to be able to pay for my order via PayPal"
- - ![Bug](./img/bug-type.png) - a problem/error
+ - ![Bug](./img/bug-type.webp) - a problem/error
- - ![Epic](./img/epic-type.png) - a collection of issues, issues are linked through 'Epic link' (see below)
+ - ![Epic](./img/epic-type.webp) - a collection of issues, issues are linked through 'Epic link' (see below)
- - ![Task](./img/task-type.png) - a small piece of work
+ - ![Task](./img/task-type.webp) - a small piece of work
- - ![Sub-task](./img/sub-task-type.png) - an issue that is directly connected to another issue. This is used for when a given issue needs to be broken down into separate even smaller issues.
+ - ![Sub-task](./img/sub-task-type.webp) - an issue that is directly connected to another issue. This is used for when a given issue needs to be broken down into separate even smaller issues.
- **Summary** - a (required) brief explanation of the issue
- ![](./img/summary-create-card.png)
+ ![](./img/summary-create-card.webp)
- **Description** - detailed explanation of the issue
- ![](./img/description-create-card.png)
+ ![](./img/description-create-card.webp)
- **Reporter** - person who created the issue
- ![](./img/reporter-create-card.png)
+ ![](./img/reporter-create-card.webp)
- **Assignee** - person who will work on the issue
- ![](./img/assignee-create-card.png)
+ ![](./img/assignee-create-card.webp)
- **Labels** - tags with which you can organise even more the issue
- ![](./img/label-create-card.png)
+ ![](./img/label-create-card.webp)
- **Epic link** - link of issue with type Epic
- ![](./img/epic-link-create-card.png)
+ ![](./img/epic-link-create-card.webp)
## Creating
To create a card yourself, you need to **press the `Create` button on the top bar**.
-![](./img/create-header.png)
+![](./img/create-header.webp)
## Viewing
**All** cards (issues) can be viewed from a [project](./projects.html)'s side menu, under 'Issues'.
-![](./img/issues-sidebar.png)
+![](./img/issues-sidebar.webp)
Of course, they can also be viewed through **[filters](./filters.html)** and a **[project](./projects.html)'s board**.
@@ -85,45 +85,45 @@ Of course, they can also be viewed through **[filters](./filters.html)** and a *
By default, opening a card presents, at the top, it's **key** (think of it as an ID),
-![](./img/card-key.png)
+![](./img/card-key.webp)
it's **summary** below it,
-![](./img/card-summary.png)
+![](./img/card-summary.webp)
options for adding **attachments**, **subtasks**, **linking issues** and **adding more apps** (think of apps like extensions),
-![](./img/card-attach-subtask.png)
+![](./img/card-attach-subtask.webp)
following are the **description**, **actual attachments**, **subtasks**, **linked issues**, etc.,
-![](./img/desc-att-sub-link.png)
+![](./img/desc-att-sub-link.webp)
and at the bottom you have the **activity**, consisting of **comments** on the issue,
-![](./img/activity-comments.png)
+![](./img/activity-comments.webp)
**history** of things that have happened to that issue,
-![](./img/activity-history.png)
+![](./img/activity-history.webp)
and **work logs** (a bit later we talk about them in more detail).
-![](./img/activity-work-log.png)
+![](./img/activity-work-log.webp)
### Right side
To the right side, you have all of the different **properties** (some fields without a value will be hidden).
-![](./img/card-right-side.png)
+![](./img/card-right-side.webp)
On the top right you can change **watch options** ([watching an issue](https://www.idalko.com/jira-watch-issues/) means you get notified by all changes done to it), you can **share** the card and do **actions** (the three dots).
-![](./img/card-top-right.png)
+![](./img/card-top-right.webp)
**Actions** are things you can do to the whole card, like moving or deleting it.
-![](./img/card-actions.png)
+![](./img/card-actions.webp)
The most notable options are [`Log work`](https://confluence.atlassian.com/jirasoftwarecloud/logging-work-on-issues-902499028.html) and `Add flag`.
@@ -133,7 +133,7 @@ In Jira, you can **estimate how long an issue will take for it to be resolved**.
In the `Log work` screen, you'll be met with a `Time spent` and `Time remaining` fields, that you'll need to fill with the appropriate information.
-![](./img/time-tracking.png)
+![](./img/time-tracking.webp)
The time remaining takes a **default** value from the **previous time log**, so you don't need to specify it every time.
@@ -141,11 +141,11 @@ The time remaining takes a **default** value from the **previous time log**, so
A **flagged issue** is an issue that is very important. Flagged issues are displayed in yellow to signify their needed attention.
-![](./img/flagged-card.png)
+![](./img/flagged-card.webp)
### Basic issue information
On the bottom right you can see **when the issue was created** and **when it was last updated**. You can also access the field configuration menu from the `Configure` button. It won't be covered in this tutorial, you can read about it [here](https://confluence.atlassian.com/adminjiracloud/changing-a-field-configuration-844500798.html).
-![](./img/time-and-configure.png)
+![](./img/time-and-configure.webp)
diff --git a/src/tutorials/how-to-use-jira/components.md b/src/tutorials/how-to-use-jira/components.md
index 4f22a31..827be04 100644
--- a/src/tutorials/how-to-use-jira/components.md
+++ b/src/tutorials/how-to-use-jira/components.md
@@ -15,17 +15,17 @@ Components are **yet another way to group issues together**. They don't have any
Creating and editing them is done from the **`Components` menu in the sidebar**.
-![](./img/components-sidebar.png)
+![](./img/components-sidebar.webp)
Creating one is done through the button on the top right (in the center if you don't have any components) by the name of `Create component`.
-![](./img/create-component-empty.png)
+![](./img/create-component-empty.webp)
-![](./img/create-component-full.png)
+![](./img/create-component-full.webp)
Clicking on it presents you with a screen where you input it's information.
-![](./img/create-component-page.png)
+![](./img/create-component-page.webp)
**A name is the only requirement**. You can also add a **description**, **a lead(er) for the component** and **person who gets assigned to an issue by default**.
@@ -35,11 +35,11 @@ Adding an issue to a component can be done either **when creating it** or **when
**Right under the summary**, there is a place for indicating a component, named `Components`.
-![](./img/components-create-card.png)
+![](./img/components-create-card.webp)
When viewing an issue, you can add one from the `Components` field to the right (you might need to first click on `Show more fields`).
-![](./img/show-fields.png)
+![](./img/show-fields.webp)
-![](./img/components-field.png)
+![](./img/components-field.webp)
diff --git a/src/tutorials/how-to-use-jira/dashboards.md b/src/tutorials/how-to-use-jira/dashboards.md
index 6b3185f..f43a106 100644
--- a/src/tutorials/how-to-use-jira/dashboards.md
+++ b/src/tutorials/how-to-use-jira/dashboards.md
@@ -11,11 +11,11 @@
Dashboards are a **place where you can view a lot of information**.
-![](./img/default-dashboard.png)
+![](./img/default-dashboard.webp)
Dashboards are composed of **gadgets**.
-![](./img/gadgets.png)
+![](./img/gadgets.webp)
Gadgets have functionality for **displaying certain information**, like `Average Age Chart` or `Issues in progress`. Each gadget can be setup to **take information from one or more projects and/or saved filters**.
@@ -23,11 +23,11 @@ Gadgets have functionality for **displaying certain information**, like `Average
Dashboard can be added from the top bar, under `Create dashboard` in the `Dashboards` menu
-![](./img/create-dashboard-top.png)
+![](./img/create-dashboard-top.webp)
or, if you are already in a dashboard, from `Create dashboard` in the three dots menu.
-![](./img/create-dashboard-dots.png)
+![](./img/create-dashboard-dots.webp)
## Adding gadgets
@@ -35,27 +35,27 @@ or, if you are already in a dashboard, from `Create dashboard` in the three dots
You can add gadgets either **through the `Add gadget` button in the top right**
-![](./img/add-gadget-top.png)
+![](./img/add-gadget-top.webp)
or, **if you don't have any gadets**, **from the `add a new gadget` message(s)**.
-![](./img/add-a-gadget.png)
+![](./img/add-a-gadget.webp)
After that, you are greeted by a window that **shows all of the avalable ones** (you might need to **press `Load all gadgets`**).
-![](./img/load-all.png)
+![](./img/load-all.webp)
-![](./img/add-gadget.png)
+![](./img/add-gadget.webp)
Adding a gadget is as simple as clicking the button `Add gadget` next to the name of the gadget you want to add.
-![](./img/introduction-add.png)
+![](./img/introduction-add.webp)
After it is added, you'll **need to configure it**, usually a gadget **requires atleast a filter/project**.
-![](./img/bubble.png)
+![](./img/bubble.webp)
Options for different gadgets can be found on **their top right corner, in the three dots menu**.
-![](./img/bubble-dots.png)
+![](./img/bubble-dots.webp)
diff --git a/src/tutorials/how-to-use-jira/filters.md b/src/tutorials/how-to-use-jira/filters.md
index 97ec938..5994fc1 100644
--- a/src/tutorials/how-to-use-jira/filters.md
+++ b/src/tutorials/how-to-use-jira/filters.md
@@ -13,26 +13,26 @@
Making filters is done through the `Advanced issue search` page, from the `Filters` menu.
-![](./img/filters-advanced-issue-search.png)
+![](./img/filters-advanced-issue-search.webp)
## Criteria
From here you can see some criteria: `Project`, `Type`, `Status`, `Assignee`.
-![](./img/criteria-advanced-issue-search.png)
+![](./img/criteria-advanced-issue-search.webp)
Clicking on the criteria will reveal what options you can choose for it. Access to more criteria can be obtained via the `+ More` menu.
-![](./img/plus-more-advanced-issue-search.png)
+![](./img/plus-more-advanced-issue-search.webp)
After configuring your desired options, you can **save the filter** and use it later. To do so, simply click on `Save as` and enter a name for it.
-![](./img/save-as-advanced-issue-search.png)
-![](./img/save-filter-filters-advanced-issue-search.png)
+![](./img/save-as-advanced-issue-search.webp)
+![](./img/save-filter-filters-advanced-issue-search.webp)
You can view all of your filters from the conveniently named `View all filters` option in the `Filters` menu.
-![](./img/view-all-filters-advanced-issue-search.png)
+![](./img/view-all-filters-advanced-issue-search.webp)
## JQL
diff --git a/src/tutorials/how-to-use-jira/img/SOD.png.webp b/src/tutorials/how-to-use-jira/img/SOD.png.webp
new file mode 100644
index 0000000..877095c
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/SOD.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/active-sprints.png.webp b/src/tutorials/how-to-use-jira/img/active-sprints.png.webp
new file mode 100644
index 0000000..8efcff2
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/active-sprints.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/activity-comments.png.webp b/src/tutorials/how-to-use-jira/img/activity-comments.png.webp
new file mode 100644
index 0000000..ef169ed
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/activity-comments.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/activity-history.png.webp b/src/tutorials/how-to-use-jira/img/activity-history.png.webp
new file mode 100644
index 0000000..47aac57
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/activity-history.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/activity-work-log.png.webp b/src/tutorials/how-to-use-jira/img/activity-work-log.png.webp
new file mode 100644
index 0000000..84ed12d
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/activity-work-log.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/add-a-gadget.png.webp b/src/tutorials/how-to-use-jira/img/add-a-gadget.png.webp
new file mode 100644
index 0000000..e414618
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/add-a-gadget.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/add-gadget-top.png.webp b/src/tutorials/how-to-use-jira/img/add-gadget-top.png.webp
new file mode 100644
index 0000000..e4ac28e
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/add-gadget-top.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/add-gadget.png.webp b/src/tutorials/how-to-use-jira/img/add-gadget.png.webp
new file mode 100644
index 0000000..58ab638
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/add-gadget.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/add-item-kanban.png.webp b/src/tutorials/how-to-use-jira/img/add-item-kanban.png.webp
new file mode 100644
index 0000000..855f985
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/add-item-kanban.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/add-item-to-project.png.webp b/src/tutorials/how-to-use-jira/img/add-item-to-project.png.webp
new file mode 100644
index 0000000..79e0d42
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/add-item-to-project.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/add-shortcut.png.webp b/src/tutorials/how-to-use-jira/img/add-shortcut.png.webp
new file mode 100644
index 0000000..d925463
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/add-shortcut.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/added-site.png.webp b/src/tutorials/how-to-use-jira/img/added-site.png.webp
new file mode 100644
index 0000000..05552af
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/added-site.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/assignee-create-card.png.webp b/src/tutorials/how-to-use-jira/img/assignee-create-card.png.webp
new file mode 100644
index 0000000..2aa3c74
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/assignee-create-card.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/backlog-kanban.png.webp b/src/tutorials/how-to-use-jira/img/backlog-kanban.png.webp
new file mode 100644
index 0000000..be999de
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/backlog-kanban.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/board-from.png.webp b/src/tutorials/how-to-use-jira/img/board-from.png.webp
new file mode 100644
index 0000000..9bf3554
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/board-from.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/board-settings.png.webp b/src/tutorials/how-to-use-jira/img/board-settings.png.webp
new file mode 100644
index 0000000..e4ef4b9
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/board-settings.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/bubble-dots.png.webp b/src/tutorials/how-to-use-jira/img/bubble-dots.png.webp
new file mode 100644
index 0000000..cb8b92b
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/bubble-dots.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/bubble.png.webp b/src/tutorials/how-to-use-jira/img/bubble.png.webp
new file mode 100644
index 0000000..946ea8a
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/bubble.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/bug-type.png.webp b/src/tutorials/how-to-use-jira/img/bug-type.png.webp
new file mode 100644
index 0000000..6b492ff
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/bug-type.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/card-actions.png.webp b/src/tutorials/how-to-use-jira/img/card-actions.png.webp
new file mode 100644
index 0000000..03220a3
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/card-actions.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/card-attach-subtask.png.webp b/src/tutorials/how-to-use-jira/img/card-attach-subtask.png.webp
new file mode 100644
index 0000000..86b38ab
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/card-attach-subtask.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/card-key.png.webp b/src/tutorials/how-to-use-jira/img/card-key.png.webp
new file mode 100644
index 0000000..e812266
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/card-key.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/card-right-side.png.webp b/src/tutorials/how-to-use-jira/img/card-right-side.png.webp
new file mode 100644
index 0000000..729fb92
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/card-right-side.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/card-summary.png.webp b/src/tutorials/how-to-use-jira/img/card-summary.png.webp
new file mode 100644
index 0000000..d034093
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/card-summary.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/card-top-right.png.webp b/src/tutorials/how-to-use-jira/img/card-top-right.png.webp
new file mode 100644
index 0000000..c0c04fd
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/card-top-right.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/choose-classic-template.png.webp b/src/tutorials/how-to-use-jira/img/choose-classic-template.png.webp
new file mode 100644
index 0000000..e6cc075
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/choose-classic-template.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/choose-project-type.png.webp b/src/tutorials/how-to-use-jira/img/choose-project-type.png.webp
new file mode 100644
index 0000000..aa4ef2b
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/choose-project-type.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/columns-edit.png.webp b/src/tutorials/how-to-use-jira/img/columns-edit.png.webp
new file mode 100644
index 0000000..74effa4
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/columns-edit.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/components-create-card.png.webp b/src/tutorials/how-to-use-jira/img/components-create-card.png.webp
new file mode 100644
index 0000000..424f337
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/components-create-card.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/components-field.png.webp b/src/tutorials/how-to-use-jira/img/components-field.png.webp
new file mode 100644
index 0000000..200d286
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/components-field.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/components-sidebar.png.webp b/src/tutorials/how-to-use-jira/img/components-sidebar.png.webp
new file mode 100644
index 0000000..64d6c05
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/components-sidebar.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-board.png.webp b/src/tutorials/how-to-use-jira/img/create-board.png.webp
new file mode 100644
index 0000000..977dd5b
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-board.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-component-empty.png.webp b/src/tutorials/how-to-use-jira/img/create-component-empty.png.webp
new file mode 100644
index 0000000..ec77dce
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-component-empty.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-component-full.png.webp b/src/tutorials/how-to-use-jira/img/create-component-full.png.webp
new file mode 100644
index 0000000..92f6df7
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-component-full.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-component-page.png.webp b/src/tutorials/how-to-use-jira/img/create-component-page.png.webp
new file mode 100644
index 0000000..ccadc35
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-component-page.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-dashboard-dots.png.webp b/src/tutorials/how-to-use-jira/img/create-dashboard-dots.png.webp
new file mode 100644
index 0000000..9c473f3
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-dashboard-dots.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-dashboard-top.png.webp b/src/tutorials/how-to-use-jira/img/create-dashboard-top.png.webp
new file mode 100644
index 0000000..1fd8b06
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-dashboard-top.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-header.png.webp b/src/tutorials/how-to-use-jira/img/create-header.png.webp
new file mode 100644
index 0000000..ca6b679
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-header.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-project-new.png.webp b/src/tutorials/how-to-use-jira/img/create-project-new.png.webp
new file mode 100644
index 0000000..c22ded6
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-project-new.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-project-top.png.webp b/src/tutorials/how-to-use-jira/img/create-project-top.png.webp
new file mode 100644
index 0000000..d7bbd88
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-project-top.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/create-project.png.webp b/src/tutorials/how-to-use-jira/img/create-project.png.webp
new file mode 100644
index 0000000..3d8e7a9
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/create-project.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/criteria-advanced-issue-search.png.webp b/src/tutorials/how-to-use-jira/img/criteria-advanced-issue-search.png.webp
new file mode 100644
index 0000000..34602d5
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/criteria-advanced-issue-search.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/default-dashboard.png.webp b/src/tutorials/how-to-use-jira/img/default-dashboard.png.webp
new file mode 100644
index 0000000..62215be
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/default-dashboard.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/desc-att-sub-link.png.webp b/src/tutorials/how-to-use-jira/img/desc-att-sub-link.png.webp
new file mode 100644
index 0000000..b0cd5ee
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/desc-att-sub-link.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/description-create-card.png.webp b/src/tutorials/how-to-use-jira/img/description-create-card.png.webp
new file mode 100644
index 0000000..d512a21
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/description-create-card.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/epic-link-create-card.png.webp b/src/tutorials/how-to-use-jira/img/epic-link-create-card.png.webp
new file mode 100644
index 0000000..cd43a64
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/epic-link-create-card.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/epic-type.png.webp b/src/tutorials/how-to-use-jira/img/epic-type.png.webp
new file mode 100644
index 0000000..6ea3fb9
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/epic-type.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/fields-cards.png.webp b/src/tutorials/how-to-use-jira/img/fields-cards.png.webp
new file mode 100644
index 0000000..400f9e4
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/fields-cards.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/filters-advanced-issue-search.png.webp b/src/tutorials/how-to-use-jira/img/filters-advanced-issue-search.png.webp
new file mode 100644
index 0000000..41444fa
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/filters-advanced-issue-search.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/fix-versions.png.webp b/src/tutorials/how-to-use-jira/img/fix-versions.png.webp
new file mode 100644
index 0000000..4c76cc2
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/fix-versions.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/flagged-card.png.webp b/src/tutorials/how-to-use-jira/img/flagged-card.png.webp
new file mode 100644
index 0000000..17f33cd
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/flagged-card.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/gadgets.png.webp b/src/tutorials/how-to-use-jira/img/gadgets.png.webp
new file mode 100644
index 0000000..58d517b
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/gadgets.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/introduction-add.png.webp b/src/tutorials/how-to-use-jira/img/introduction-add.png.webp
new file mode 100644
index 0000000..ab0dd71
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/introduction-add.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/issue-types.png.webp b/src/tutorials/how-to-use-jira/img/issue-types.png.webp
new file mode 100644
index 0000000..b063b91
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/issue-types.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/issues-sidebar.png.webp b/src/tutorials/how-to-use-jira/img/issues-sidebar.png.webp
new file mode 100644
index 0000000..d2b1ff4
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/issues-sidebar.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/kanban-cards.png.webp b/src/tutorials/how-to-use-jira/img/kanban-cards.png.webp
new file mode 100644
index 0000000..92784b7
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/kanban-cards.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/label-create-card.png.webp b/src/tutorials/how-to-use-jira/img/label-create-card.png.webp
new file mode 100644
index 0000000..f3f013f
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/label-create-card.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/load-all.png.webp b/src/tutorials/how-to-use-jira/img/load-all.png.webp
new file mode 100644
index 0000000..b5aa177
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/load-all.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/npb.png.webp b/src/tutorials/how-to-use-jira/img/npb.png.webp
new file mode 100644
index 0000000..a5b6585
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/npb.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/ntb-filter.png.webp b/src/tutorials/how-to-use-jira/img/ntb-filter.png.webp
new file mode 100644
index 0000000..f57ebd6
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/ntb-filter.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/ntb.png.webp b/src/tutorials/how-to-use-jira/img/ntb.png.webp
new file mode 100644
index 0000000..9d75446
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/ntb.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/plus-more-advanced-issue-search.png.webp b/src/tutorials/how-to-use-jira/img/plus-more-advanced-issue-search.png.webp
new file mode 100644
index 0000000..5c11fc4
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/plus-more-advanced-issue-search.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/project-create-card.png.webp b/src/tutorials/how-to-use-jira/img/project-create-card.png.webp
new file mode 100644
index 0000000..4d8b2ed
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/project-create-card.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/projects.png.webp b/src/tutorials/how-to-use-jira/img/projects.png.webp
new file mode 100644
index 0000000..cfe4b54
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/projects.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/reporter-create-card.png.webp b/src/tutorials/how-to-use-jira/img/reporter-create-card.png.webp
new file mode 100644
index 0000000..94f5e48
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/reporter-create-card.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/sample-scrum-backlog.png.webp b/src/tutorials/how-to-use-jira/img/sample-scrum-backlog.png.webp
new file mode 100644
index 0000000..98504c6
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/sample-scrum-backlog.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/sample-sprint.png.webp b/src/tutorials/how-to-use-jira/img/sample-sprint.png.webp
new file mode 100644
index 0000000..80949d4
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/sample-sprint.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/save-as-advanced-issue-search.png.webp b/src/tutorials/how-to-use-jira/img/save-as-advanced-issue-search.png.webp
new file mode 100644
index 0000000..03b4fad
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/save-as-advanced-issue-search.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/save-filter-filters-advanced-issue-search.png.webp b/src/tutorials/how-to-use-jira/img/save-filter-filters-advanced-issue-search.png.webp
new file mode 100644
index 0000000..e60bafe
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/save-filter-filters-advanced-issue-search.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/scrum-backlog.png.webp b/src/tutorials/how-to-use-jira/img/scrum-backlog.png.webp
new file mode 100644
index 0000000..e10ce11
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/scrum-backlog.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/scrum-kanban-board.png.webp b/src/tutorials/how-to-use-jira/img/scrum-kanban-board.png.webp
new file mode 100644
index 0000000..2e56a40
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/scrum-kanban-board.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/show-fields.png.webp b/src/tutorials/how-to-use-jira/img/show-fields.png.webp
new file mode 100644
index 0000000..ac1651d
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/show-fields.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/sidebar-create-board.png.webp b/src/tutorials/how-to-use-jira/img/sidebar-create-board.png.webp
new file mode 100644
index 0000000..79ca438
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/sidebar-create-board.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/story-type.png.webp b/src/tutorials/how-to-use-jira/img/story-type.png.webp
new file mode 100644
index 0000000..e3ddd2f
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/story-type.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/sub-task-type.png.webp b/src/tutorials/how-to-use-jira/img/sub-task-type.png.webp
new file mode 100644
index 0000000..4fd7d67
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/sub-task-type.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/summary-create-card.png.webp b/src/tutorials/how-to-use-jira/img/summary-create-card.png.webp
new file mode 100644
index 0000000..fa747b5
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/summary-create-card.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/task-type.png.webp b/src/tutorials/how-to-use-jira/img/task-type.png.webp
new file mode 100644
index 0000000..0e93b08
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/task-type.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/test-page.png.webp b/src/tutorials/how-to-use-jira/img/test-page.png.webp
new file mode 100644
index 0000000..7048a0e
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/test-page.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/test-repo-sidebar.png.webp b/src/tutorials/how-to-use-jira/img/test-repo-sidebar.png.webp
new file mode 100644
index 0000000..7db6e14
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/test-repo-sidebar.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/test-repo.png.webp b/src/tutorials/how-to-use-jira/img/test-repo.png.webp
new file mode 100644
index 0000000..ff1418c
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/test-repo.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/time-and-configure.png.webp b/src/tutorials/how-to-use-jira/img/time-and-configure.png.webp
new file mode 100644
index 0000000..d3a963c
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/time-and-configure.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/time-tracking.png.webp b/src/tutorials/how-to-use-jira/img/time-tracking.png.webp
new file mode 100644
index 0000000..3255cd4
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/time-tracking.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/todo-doing-done.png.webp b/src/tutorials/how-to-use-jira/img/todo-doing-done.png.webp
new file mode 100644
index 0000000..1e7bdc2
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/todo-doing-done.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/versions-and-epics.png.webp b/src/tutorials/how-to-use-jira/img/versions-and-epics.png.webp
new file mode 100644
index 0000000..3439426
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/versions-and-epics.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/view-all-filters-advanced-issue-search.png.webp b/src/tutorials/how-to-use-jira/img/view-all-filters-advanced-issue-search.png.webp
new file mode 100644
index 0000000..541136f
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/view-all-filters-advanced-issue-search.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/img/view-all-projects-top.png.webp b/src/tutorials/how-to-use-jira/img/view-all-projects-top.png.webp
new file mode 100644
index 0000000..49362ba
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/img/view-all-projects-top.png.webp
Binary files differ
diff --git a/src/tutorials/how-to-use-jira/kanban.md b/src/tutorials/how-to-use-jira/kanban.md
index 4818f5c..052fc8d 100644
--- a/src/tutorials/how-to-use-jira/kanban.md
+++ b/src/tutorials/how-to-use-jira/kanban.md
@@ -19,15 +19,15 @@ This tutorial focuses on the basics, but you can find a lot of information in [t
This template can be chosen when **creating a project**
-![](./img/choose-classic-template.png)
+![](./img/choose-classic-template.webp)
and **from the `Create board` screen**.
-![](./img/scrum-kanban-board.png)
+![](./img/scrum-kanban-board.webp)
## Backlog
In kanban, **the backlog is just another column in your board(s)**. It can be removed entirely.
-![](./img/backlog-kanban.png)
+![](./img/backlog-kanban.webp)
diff --git a/src/tutorials/how-to-use-jira/pages.md b/src/tutorials/how-to-use-jira/pages.md
index adf2c1a..8509136 100644
--- a/src/tutorials/how-to-use-jira/pages.md
+++ b/src/tutorials/how-to-use-jira/pages.md
@@ -6,7 +6,7 @@
**Pages are a place for documents for your team**. The goal is to have a centralised location where everyone in your team can share knowledge.
-![](./img/test-page.png)
+![](./img/test-page.webp)
Pages are powered by another Atlasian product, named `Confluence`. It is a **subscription-based software**, but it does also offer a free 30-day trial.
diff --git a/src/tutorials/how-to-use-jira/projects.md b/src/tutorials/how-to-use-jira/projects.md
index cfe2e0e..4a9cea7 100644
--- a/src/tutorials/how-to-use-jira/projects.md
+++ b/src/tutorials/how-to-use-jira/projects.md
@@ -15,33 +15,33 @@
In short, **projects are a collection of issues** with added functionality for **organising them, getting statistics, etc**.
-![](./img/projects.png)
+![](./img/projects.webp)
## Creating a project
To create a project, either **click on `Create project` from the menu `Projects` in the top bar**,
-![](./img/create-project-top.png)
+![](./img/create-project-top.webp)
or **click on the `Create project` button in the `View all projects` page**.
-![](./img/view-all-projects-top.png)
+![](./img/view-all-projects-top.webp)
-![](./img/create-project.png)
+![](./img/create-project.webp)
**Note**: when you **have created your account** the first thing you'll see is the `Create project` page.
You'll be met by the `Choose project type` screen. From here choose `Classic project`, in this tutorial the `Next-gen project` types **won't be covered**.
-![](./img/choose-project-type.png)
+![](./img/choose-project-type.webp)
After that you'll need to put a **name** for your project, set a **key** (used as an ID for issues ; it is automatically generated, but you can change it if you want) and select a **template**.
-![](./img/create-project-new.png)
+![](./img/create-project-new.webp)
This tutorial covers **only** the three classic software templates: [**Kanban**](./kanban.html), [**Scrum**](./scrum.html) and [**Bug tracking**](./bug.html).
-![](./img/choose-classic-template.png)
+![](./img/choose-classic-template.webp)
In a nutshell, **templates** govern how **boards and issues should work together**. Later in the tutorial we cover the differences between these templates.
@@ -55,11 +55,11 @@ Each project contains, amongst many other things, boards. **Boards are a way to
**Boards are divided into columns** that contain the cards (issues). A card can move **freely** from one column to another.
-![](./img/SOD.png)
+![](./img/SOD.webp)
To illustrate how this could be useful, let's say we have three columns: `TO DO`, `DOING` and `DONE`.
-![](./img/todo-doing-done.png)
+![](./img/todo-doing-done.webp)
When you create an issue you initially put it in the `TO DO` column. After someone has started working on it, they put the issue in the `DOING` column. Finally, when the issue is resolved, it is put in the `DONE` column.
@@ -67,9 +67,9 @@ Of course, the name, quantity and purpose of different columns **depend on the p
Adding and removing columns can be done from the `Columns` tab in the `Board settings` menu (three dots on the top right of a board).
-![](./img/board-settings.png)
+![](./img/board-settings.webp)
-![](./img/columns-edit.png)
+![](./img/columns-edit.webp)
### Adding more boards to a project
@@ -77,31 +77,31 @@ You can also add to a project as many [**Scrum**](./scrum.html) and [**Kanban**]
This can be done, either while in a board, from **clicking the three dots and choosing `Create board`**
-![](./img/create-board.png)
+![](./img/create-board.webp)
or **in the sidebar, from the `Board` menu**.
-![](./img/sidebar-create-board.png)
+![](./img/sidebar-create-board.webp)
After that, you are met with the `Create a board` window, where you can choose your template.
-![](./img/scrum-kanban-board.png)
+![](./img/scrum-kanban-board.webp)
Once you've made your choice, you will be met with three options:
-![](./img/board-from.png)
+![](./img/board-from.webp)
- **Board created with new Software project** - creates a new project with a new board (has the name of the project).
- ![](./img/npb.png)
+ ![](./img/npb.webp)
- **Board from existing project** - creates a board that gets the filter from another project
- ![](./img/ntb.png)
+ ![](./img/ntb.webp)
- **Board from an existing Saved Filter** - as it says, you add to the project (indicated in the `Location` field) a board based on a saved filter
- ![](./img/ntb-filter.png)
+ ![](./img/ntb-filter.webp)
## Backlog
@@ -109,11 +109,11 @@ Once you've made your choice, you will be met with three options:
Depending on your project template, the backlog will either be a **separate window ([Scrum](./scrum.html))**,
-![](./img/scrum-backlog.png)
+![](./img/scrum-backlog.webp)
**just a column in a board ([Kanban](./kanban.html))**,
-![](./img/backlog-kanban.png)
+![](./img/backlog-kanban.webp)
or **nonexistent ([bug tracking](./bug.md))**.
@@ -123,23 +123,23 @@ The purpose of the backlog depends on the template and it is described in the pa
**You can also add some resources to the sidebar of your project** for everyone to use. That is done through the `Add Item` menu.
-![](./img/add-item-kanban.png)
+![](./img/add-item-kanban.webp)
From here you can **add a website shortcut**, simply by putting the web address and giving it a name.
-![](./img/add-item-to-project.png)
+![](./img/add-item-to-project.webp)
-![](./img/add-shortcut.png)
+![](./img/add-shortcut.webp)
The name is used for showing the shortcut on the sidebar.
-![](./img/added-site.png)
+![](./img/added-site.webp)
You can also add a `Bitbucket` or `GitHub` repository which you can **leave** only as a **shortcut**, or you can **integrate** it so that **issues are transferred to Jira**.
-![](./img/test-repo.png)
+![](./img/test-repo.webp)
-![](./img/test-repo-sidebar.png)
+![](./img/test-repo-sidebar.webp)
**Integration won't be covered in this tutorial**, but I can recommend [this](https://www.idalko.com/jira-github-integration/) article for `GitHub` integration and [this](https://www.idalko.com/jira-bitbucket-integration/) one for `Bitbucket` integration.
diff --git a/src/tutorials/how-to-use-jira/releases.md b/src/tutorials/how-to-use-jira/releases.md
index d2849d6..777d741 100644
--- a/src/tutorials/how-to-use-jira/releases.md
+++ b/src/tutorials/how-to-use-jira/releases.md
@@ -12,5 +12,5 @@ The `Releases` page in a project shows **versions**, the ones in development and
When creating an issue, you can specify a version in the `Fix versions` property.
-![](./img/fix-versions.png)
+![](./img/fix-versions.webp)
diff --git a/src/tutorials/how-to-use-jira/scrum.md b/src/tutorials/how-to-use-jira/scrum.md
index d4e9255..14ddf6b 100644
--- a/src/tutorials/how-to-use-jira/scrum.md
+++ b/src/tutorials/how-to-use-jira/scrum.md
@@ -22,29 +22,29 @@ Your **boards only work on the issues of the currently active sprint**.
As we've discussed, the **backlog** is used for organising **all issues** into **sprints**.
-![](./img/sample-scrum-backlog.png)
+![](./img/sample-scrum-backlog.webp)
From here you can also organise **Versions** (refer to [Releases](./releases.html)) and **Epics** (refer to [Cards](./cards.html)). An important note is that Epics in this context don't need to have their linked issues in only one sprint.
-![](./img/versions-and-epics.png)
+![](./img/versions-and-epics.webp)
Creating a sprint is done from the conveniently named `Create sprint` button. It shows a box on top where you can either move issues from the backlog to the sprint or create entirely new issues.
-![](./img/sample-sprint.png)
+![](./img/sample-sprint.webp)
## Boards and Issues
As previously mentioned, boards have access only to the issues in the active sprint. This is also reflected in the user interface. After selecting a board from the sidebar, you view it from the `Active sprints` page.
-![](./img/active-sprints.png)
+![](./img/active-sprints.webp)
## Create board
This template can be chosen when **creating a project**
-![](./img/choose-classic-template.png)
+![](./img/choose-classic-template.webp)
and **from the `Create board` screen**.
-![](./img/scrum-kanban-board.png)
+![](./img/scrum-kanban-board.webp)
diff --git a/src/tutorials/install-plan9-with-virt-manager/img/boot-screen.png b/src/tutorials/install-plan9-with-virt-manager/img/boot-screen.png
deleted file mode 100644
index 20bf0e3..0000000
--- a/src/tutorials/install-plan9-with-virt-manager/img/boot-screen.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/install-plan9-with-virt-manager/img/boot-screen.webp b/src/tutorials/install-plan9-with-virt-manager/img/boot-screen.webp
new file mode 100644
index 0000000..b901b96
--- /dev/null
+++ b/src/tutorials/install-plan9-with-virt-manager/img/boot-screen.webp
Binary files differ
diff --git a/src/tutorials/install-plan9-with-virt-manager/img/bootsetup-boot-method.png b/src/tutorials/install-plan9-with-virt-manager/img/bootsetup-boot-method.png
deleted file mode 100644
index a05f4f2..0000000
--- a/src/tutorials/install-plan9-with-virt-manager/img/bootsetup-boot-method.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/install-plan9-with-virt-manager/img/bootsetup-boot-method.webp b/src/tutorials/install-plan9-with-virt-manager/img/bootsetup-boot-method.webp
new file mode 100644
index 0000000..5b49daa
--- /dev/null
+++ b/src/tutorials/install-plan9-with-virt-manager/img/bootsetup-boot-method.webp
Binary files differ
diff --git a/src/tutorials/install-plan9-with-virt-manager/img/mountdist-browse.png b/src/tutorials/install-plan9-with-virt-manager/img/mountdist-browse.png
deleted file mode 100644
index 2f92154..0000000
--- a/src/tutorials/install-plan9-with-virt-manager/img/mountdist-browse.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/install-plan9-with-virt-manager/img/mountdist-browse.webp b/src/tutorials/install-plan9-with-virt-manager/img/mountdist-browse.webp
new file mode 100644
index 0000000..4a950f6
--- /dev/null
+++ b/src/tutorials/install-plan9-with-virt-manager/img/mountdist-browse.webp
Binary files differ
diff --git a/src/tutorials/install-plan9-with-virt-manager/img/mountdist-distribution-disk.png b/src/tutorials/install-plan9-with-virt-manager/img/mountdist-distribution-disk.png
deleted file mode 100644
index 8f59aaa..0000000
--- a/src/tutorials/install-plan9-with-virt-manager/img/mountdist-distribution-disk.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/install-plan9-with-virt-manager/img/mountdist-distribution-disk.webp b/src/tutorials/install-plan9-with-virt-manager/img/mountdist-distribution-disk.webp
new file mode 100644
index 0000000..0b2966f
--- /dev/null
+++ b/src/tutorials/install-plan9-with-virt-manager/img/mountdist-distribution-disk.webp
Binary files differ
diff --git a/src/tutorials/install-plan9-with-virt-manager/img/partdisk-fdisk.png b/src/tutorials/install-plan9-with-virt-manager/img/partdisk-fdisk.png
deleted file mode 100644
index 217a26b..0000000
--- a/src/tutorials/install-plan9-with-virt-manager/img/partdisk-fdisk.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/install-plan9-with-virt-manager/img/partdisk-fdisk.webp b/src/tutorials/install-plan9-with-virt-manager/img/partdisk-fdisk.webp
new file mode 100644
index 0000000..725f898
--- /dev/null
+++ b/src/tutorials/install-plan9-with-virt-manager/img/partdisk-fdisk.webp
Binary files differ
diff --git a/src/tutorials/install-plan9-with-virt-manager/img/partdisk-mbr.png b/src/tutorials/install-plan9-with-virt-manager/img/partdisk-mbr.png
deleted file mode 100644
index 7ef2d14..0000000
--- a/src/tutorials/install-plan9-with-virt-manager/img/partdisk-mbr.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/install-plan9-with-virt-manager/img/partdisk-mbr.webp b/src/tutorials/install-plan9-with-virt-manager/img/partdisk-mbr.webp
new file mode 100644
index 0000000..ba223f6
--- /dev/null
+++ b/src/tutorials/install-plan9-with-virt-manager/img/partdisk-mbr.webp
Binary files differ
diff --git a/src/tutorials/install-plan9-with-virt-manager/img/partdisk-partition.png b/src/tutorials/install-plan9-with-virt-manager/img/partdisk-partition.png
deleted file mode 100644
index 3b34bbb..0000000
--- a/src/tutorials/install-plan9-with-virt-manager/img/partdisk-partition.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/install-plan9-with-virt-manager/img/partdisk-partition.webp b/src/tutorials/install-plan9-with-virt-manager/img/partdisk-partition.webp
new file mode 100644
index 0000000..51bd535
--- /dev/null
+++ b/src/tutorials/install-plan9-with-virt-manager/img/partdisk-partition.webp
Binary files differ
diff --git a/src/tutorials/install-plan9-with-virt-manager/img/prepdisk-prep.png b/src/tutorials/install-plan9-with-virt-manager/img/prepdisk-prep.png
deleted file mode 100644
index 28907de..0000000
--- a/src/tutorials/install-plan9-with-virt-manager/img/prepdisk-prep.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/install-plan9-with-virt-manager/img/prepdisk-prep.webp b/src/tutorials/install-plan9-with-virt-manager/img/prepdisk-prep.webp
new file mode 100644
index 0000000..8934e66
--- /dev/null
+++ b/src/tutorials/install-plan9-with-virt-manager/img/prepdisk-prep.webp
Binary files differ
diff --git a/src/tutorials/install-plan9-with-virt-manager/img/vga-size.png b/src/tutorials/install-plan9-with-virt-manager/img/vga-size.png
deleted file mode 100644
index 6888548..0000000
--- a/src/tutorials/install-plan9-with-virt-manager/img/vga-size.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/install-plan9-with-virt-manager/img/vga-size.webp b/src/tutorials/install-plan9-with-virt-manager/img/vga-size.webp
new file mode 100644
index 0000000..7692a96
--- /dev/null
+++ b/src/tutorials/install-plan9-with-virt-manager/img/vga-size.webp
Binary files differ
diff --git a/src/tutorials/install-plan9-with-virt-manager/index.md b/src/tutorials/install-plan9-with-virt-manager/index.md
index b81594c..4ab37f7 100644
--- a/src/tutorials/install-plan9-with-virt-manager/index.md
+++ b/src/tutorials/install-plan9-with-virt-manager/index.md
@@ -31,7 +31,7 @@ I'll show a more abridged version of what you need to do.
1. On the boot screen press 1 and enter
- ![](./img/boot-screen.png)
+ ![](./img/boot-screen.webp)
2. On the questions "use DMA for ide drive" and "mouseport is" press enter
@@ -45,28 +45,28 @@ From here on out, you press enter at most of the prompts. The following list enu
1. On "Disk partiton" question, enter `sdC0` (the option that says Hard Disk on it)
- ![](./img/partdisk-partition.png)
+ ![](./img/partdisk-partition.webp)
2. On "Install mbr" question, enter `y`
- ![](./img/partdisk-mbr.png)
+ ![](./img/partdisk-mbr.webp)
3. When you get ">>>" before the cursor, press w, then enter, then q and finally enter. This should happen twice, when in `disk/fdisk` and `disk/prep`
- ![](./img/partdisk-fdisk.png)
- ![](./img/prepdisk-prep.png)
+ ![](./img/partdisk-fdisk.webp)
+ ![](./img/prepdisk-prep.webp)
4. On "Distribution disk" type out the one that ends with `data` (and potentially has `cdrom` besides it). This is most commonly `/dev/sdC1/data`
- ![](./img/mountdist-distribution-disk.png)
+ ![](./img/mountdist-distribution-disk.webp)
5. When you get "/%" before cursor (during mountdisk task) just enter `exit`
- ![](./img/mountdist-browse.png)
+ ![](./img/mountdist-browse.webp)
6. On "Enable boot method" enter `plan9`
- ![](./img/bootsetup-boot-method.png)
+ ![](./img/bootsetup-boot-method.webp)
After finishing the installation and seeing the message "Feel free to shutdown your computer", Force Off the virtual machine and then power it on again.
diff --git a/src/tutorials/remove-weather-widget/img/remove-newsweather-windows10.png b/src/tutorials/remove-weather-widget/img/remove-newsweather-windows10.png
deleted file mode 100644
index 02ef734..0000000
--- a/src/tutorials/remove-weather-widget/img/remove-newsweather-windows10.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/remove-weather-widget/img/remove-newsweather-windows10.webp b/src/tutorials/remove-weather-widget/img/remove-newsweather-windows10.webp
new file mode 100644
index 0000000..df9aa62
--- /dev/null
+++ b/src/tutorials/remove-weather-widget/img/remove-newsweather-windows10.webp
Binary files differ
diff --git a/src/tutorials/remove-weather-widget/img/windows10-taskbar.png b/src/tutorials/remove-weather-widget/img/windows10-taskbar.png
deleted file mode 100644
index 84f62aa..0000000
--- a/src/tutorials/remove-weather-widget/img/windows10-taskbar.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/remove-weather-widget/img/windows10-taskbar.webp b/src/tutorials/remove-weather-widget/img/windows10-taskbar.webp
new file mode 100644
index 0000000..972233a
--- /dev/null
+++ b/src/tutorials/remove-weather-widget/img/windows10-taskbar.webp
Binary files differ
diff --git a/src/tutorials/remove-weather-widget/index.md b/src/tutorials/remove-weather-widget/index.md
index ecdc213..dfc2f15 100644
--- a/src/tutorials/remove-weather-widget/index.md
+++ b/src/tutorials/remove-weather-widget/index.md
@@ -6,7 +6,7 @@ This is how:
1. Right-click on an empty spot in the taskbar
- ![](./img/windows10-taskbar.png)
+ ![](./img/windows10-taskbar.webp)
2. Go up to *News and interests*, and then click *Turn off* in the popped up window
- ![](./img/remove-newsweather-windows10.png)
+ ![](./img/remove-newsweather-windows10.webp)
diff --git a/src/tutorials/turn-off-notifications-windows/img/windows-search-notifications.png b/src/tutorials/turn-off-notifications-windows/img/windows-search-notifications.png
deleted file mode 100644
index 6ffee88..0000000
--- a/src/tutorials/turn-off-notifications-windows/img/windows-search-notifications.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/turn-off-notifications-windows/img/windows-search-notifications.webp b/src/tutorials/turn-off-notifications-windows/img/windows-search-notifications.webp
new file mode 100644
index 0000000..312b596
--- /dev/null
+++ b/src/tutorials/turn-off-notifications-windows/img/windows-search-notifications.webp
Binary files differ
diff --git a/src/tutorials/turn-off-notifications-windows/img/windows-settings-notifications-application.png b/src/tutorials/turn-off-notifications-windows/img/windows-settings-notifications-application.png
deleted file mode 100644
index c1f2727..0000000
--- a/src/tutorials/turn-off-notifications-windows/img/windows-settings-notifications-application.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/turn-off-notifications-windows/img/windows-settings-notifications-application.webp b/src/tutorials/turn-off-notifications-windows/img/windows-settings-notifications-application.webp
new file mode 100644
index 0000000..41fadbd
--- /dev/null
+++ b/src/tutorials/turn-off-notifications-windows/img/windows-settings-notifications-application.webp
Binary files differ
diff --git a/src/tutorials/turn-off-notifications-windows/img/windows-settings-notifications-off.png b/src/tutorials/turn-off-notifications-windows/img/windows-settings-notifications-off.png
deleted file mode 100644
index 6c4fbb3..0000000
--- a/src/tutorials/turn-off-notifications-windows/img/windows-settings-notifications-off.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/turn-off-notifications-windows/img/windows-settings-notifications-off.webp b/src/tutorials/turn-off-notifications-windows/img/windows-settings-notifications-off.webp
new file mode 100644
index 0000000..3b3cc1e
--- /dev/null
+++ b/src/tutorials/turn-off-notifications-windows/img/windows-settings-notifications-off.webp
Binary files differ
diff --git a/src/tutorials/turn-off-notifications-windows/index.md b/src/tutorials/turn-off-notifications-windows/index.md
index 4d9b8f4..89844da 100644
--- a/src/tutorials/turn-off-notifications-windows/index.md
+++ b/src/tutorials/turn-off-notifications-windows/index.md
@@ -4,15 +4,15 @@ What if you need to concentrate on some work, and you don't want to have your no
1. In the *Search bar* type in **Notification**. The **Notification & actions settings** option should show up, click it
- ![](./img/windows-search-notifications.png)
+ ![](./img/windows-search-notifications.webp)
2. If you want to turn off all notifications, switch the **Get notifications from apps and other senders** to the *Off* position
- ![](./img/windows-settings-notifications-off.png)
+ ![](./img/windows-settings-notifications-off.webp)
*Note: "Suggest best ways", "Welcome Experience" and "Tips and tricks" will still show up, you'll have to uncheck those individually*
If you want to turn off notifications for specific apps, scroll down to the **Get notifications from these senders**, find the applications you want to turn off notifications for and flick the switch
- ![](./img/windows-settings-notifications-application.png)
+ ![](./img/windows-settings-notifications-application.webp)
3. Finally, you can simply close the window
diff --git a/src/tutorials/windows-run-dialog/img/open-run-windows-menu.png b/src/tutorials/windows-run-dialog/img/open-run-windows-menu.png
deleted file mode 100644
index 0d279fe..0000000
--- a/src/tutorials/windows-run-dialog/img/open-run-windows-menu.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/windows-run-dialog/img/open-run-windows-menu.webp b/src/tutorials/windows-run-dialog/img/open-run-windows-menu.webp
new file mode 100644
index 0000000..29e308b
--- /dev/null
+++ b/src/tutorials/windows-run-dialog/img/open-run-windows-menu.webp
Binary files differ
diff --git a/src/tutorials/windows-run-dialog/img/run-dialog.png b/src/tutorials/windows-run-dialog/img/run-dialog.png
deleted file mode 100644
index 4722074..0000000
--- a/src/tutorials/windows-run-dialog/img/run-dialog.png
+++ /dev/null
Binary files differ
diff --git a/src/tutorials/windows-run-dialog/img/run-dialog.webp b/src/tutorials/windows-run-dialog/img/run-dialog.webp
new file mode 100644
index 0000000..7b862f2
--- /dev/null
+++ b/src/tutorials/windows-run-dialog/img/run-dialog.webp
Binary files differ
diff --git a/src/tutorials/windows-run-dialog/index.md b/src/tutorials/windows-run-dialog/index.md
index 48eba00..856778b 100644
--- a/src/tutorials/windows-run-dialog/index.md
+++ b/src/tutorials/windows-run-dialog/index.md
@@ -21,11 +21,11 @@ or
*B)* Right click on the Windows menu, and then press `Run`
-![](./img/open-run-windows-menu.png)
+![](./img/open-run-windows-menu.webp)
## Commands
-![](./img/run-dialog.png)
+![](./img/run-dialog.webp)
### Folders