Summary Files Commits Branches @commit @diff @stats
path: root / src / tutorials / how-to-use-jira
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 /src/tutorials/how-to-use-jira
syndamia.com-webp-convertion.tar
syndamia.com-webp-convertion.tar.gz
syndamia.com-webp-convertion.zip
Parent3c0888fed1fe3d6af32a8a492089cdf910c0b951 (diff)
[all] Converted all images to webp format webp-convertion
96 files changed, 92 insertions, 92 deletions
-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
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)