docs: change sidebar order of pages (#55)

EscapedGibbon · web-flow · commit d11948e078f0 · 2023-10-23T11:58:18.000+02:00
close: #44
diff --git a/.frontmatter/database/pinnedItemsDb.json b/.frontmatter/database/pinnedItemsDb.json
@@ -0,0 +1 @@
+{}
diff --git a/.frontmatter/database/taxonomyDb.json b/.frontmatter/database/taxonomyDb.json
@@ -0,0 +1 @@
+{}
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,11 @@
+{
+  "[markdown]": {
+    "editor.fontSize": 14,
+    "editor.lineHeight": 26,
+    "editor.wordWrap": "wordWrapColumn",
+    "editor.wordWrapColumn": 64,
+    "editor.lineNumbers": "off",
+    "editor.quickSuggestions": false,
+    "editor.minimap.enabled": false
+  }
+}
diff --git a/docs/Features/Comparison/Addition.md b/docs/Features/Comparison/Addition.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 10
+---
+
 [Check options and parameters of add method](https://image-js.github.io/image-js-typescript/classes/Image.html#add 'github.io link')
 
 :::caution
diff --git a/docs/Features/Comparison/Comparison.md b/docs/Features/Comparison/Comparison.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 0
+---
+
 Comparison methods are methods that compare other images for feature matching or change detection by subtraction or addition of image values etc.
 The specific reasons for comparing images depend on the application and the desired outcome. In many cases, it is also a valuable tool for identifying changes, isolating objects, enhancing features, and improving image quality for various purposes.
 
@@ -7,6 +11,12 @@ The specific reasons for comparing images depend on the application and the desi
 
 - [hypotenuse](./Hypotenuse.md 'internal link on hypotenuse')
 
+### Methods that can be applied on Masks only
+
+- [and](./Logical%20conjunction.md 'internal link on and')
+
+- [or](./Logical%20disjunction.md 'internal link on or')
+
 ### Methods that can be applied on Images and Masks
 
 - [subtract](./Subtraction.md 'internal link on subtract')
diff --git a/docs/Features/Comparison/Hypotenuse.md b/docs/Features/Comparison/Hypotenuse.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 30
+---
+
 [Check options and parameters of hypotenuse method](https://image-js.github.io/image-js-typescript/classes/Image.html#hypotenuse 'github.io link')
 
 :::caution
diff --git a/docs/Features/Comparison/Logical conjunction.md b/docs/Features/Comparison/Logical conjunction.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 100
+---
+
 [Check options and parameters of and method](https://image-js.github.io/image-js-typescript/classes/Mask.html#and 'github.io link')
 
 :::caution
diff --git a/docs/Features/Comparison/Logical disjunction.md b/docs/Features/Comparison/Logical disjunction.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 110
+---
+
 [Check options and parameters of or method](https://image-js.github.io/image-js-typescript/classes/Mask.html#or 'github.io link')
 
 :::caution
diff --git a/docs/Features/Comparison/Subtraction.md b/docs/Features/Comparison/Subtraction.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 20
+---
+
 [Check options and parameters of subtract method](https://image-js.github.io/image-js-typescript/classes/Image.html#subtract 'github.io link')
 
 Method called `subtract`, as the name suggests, takes another Image(or Mask) and makes a subtraction between each respective bit.
diff --git a/docs/Features/Comparison/_category_.json b/docs/Features/Comparison/_category_.json
@@ -0,0 +1,3 @@
+{
+  "position": 40
+}
diff --git a/docs/Features/Filters/Blur.md b/docs/Features/Filters/Blur.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 30
+---
+
 import BlurDemo from './blur.demo.tsx'
 
 [Check options and parameters of blur method](https://image-js.github.io/image-js-typescript/classes/Image.html#blur 'link on github io')
diff --git a/docs/Features/Filters/Derivative.md b/docs/Features/Filters/Derivative.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 70
+---
+
 import DerivativeDemo from './derivative.demo.tsx'
 import GradientDemo from './gradient.demo.tsx'
 
diff --git a/docs/Features/Filters/Filters.md b/docs/Features/Filters/Filters.md
@@ -24,12 +24,6 @@ sidebar_position: 0
 
 - [pixelate](./Pixelate.md 'internal link on pixelate')
 
-### Methods that can be applied on Masks only
-
-- [and](./Logical%20conjunction.md 'internal link on and')
-
-- [or](./Logical%20disjunction.md 'internal link on or')
-
 ### Methods that can be applied on Images or Masks
 
 - [invert](./Invert.md 'internal link on invert')
diff --git a/docs/Features/Filters/Gaussian Blur.md b/docs/Features/Filters/Gaussian Blur.md
@@ -1,5 +1,5 @@
 ---
-sidebar_position: 1
+sidebar_position: 40
 ---
 
 import GaussianBlurDemo from './gaussianBlur.demo.tsx'
diff --git a/docs/Features/Filters/Gradient.md b/docs/Features/Filters/Gradient.md
@@ -1,5 +1,5 @@
 ---
-sidebar_position: 2
+sidebar_position: 60
 ---
 
 import GradientDemo from './gradient.demo.tsx'
diff --git a/docs/Features/Filters/Grayscale.md b/docs/Features/Filters/Grayscale.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 20
+---
+
 import GrayDemo from './grayscale.demo.tsx'
 
 [Check options and parameters of grayscale method](https://image-js.github.io/image-js-typescript/classes/Image.html#grey 'github.io link')
diff --git a/docs/Features/Filters/Invert.md b/docs/Features/Filters/Invert.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 10
+---
+
 import InvertDemo from './invert.demo.tsx'
 
 import InvertMaskDemo from './invert.mask.demo.tsx';
diff --git a/docs/Features/Filters/Level.md b/docs/Features/Filters/Level.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 80
+---
+
 import LevelDemo from './level.demo.tsx'
 
 [Check options and parameters of level method](https://image-js.github.io/image-js-typescript/classes/Image.html#level 'github.io link')
diff --git a/docs/Features/Filters/Median.md b/docs/Features/Filters/Median.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 50
+---
+
 import MedianDemo from './median.demo.tsx'
 
 [Check options and parameters of median method](https://image-js.github.io/image-js-typescript/classes/Image.html#medianFilter 'github.io link')
diff --git a/docs/Features/Filters/Pixelate.md b/docs/Features/Filters/Pixelate.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 90
+---
+
 import PixelateDemo from './pixelate.demo.tsx'
 
 [Check options and parameters of pixelate method](https://image-js.github.io/image-js-typescript/classes/Image.html#pixelate 'github.io link')
diff --git a/docs/Features/Filters/_category_.json b/docs/Features/Filters/_category_.json
@@ -0,0 +1,3 @@
+{
+  "position": 0
+}
diff --git a/docs/Features/Geometry/Flip.md b/docs/Features/Geometry/Flip.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 30
+---
+
 import FlipDemo from './flip.demo.tsx'
 
 [Check options and parameters of flip method](https://image-js.github.io/image-js-typescript/classes/Image.html#flip 'github.io link')
diff --git a/docs/Features/Geometry/Geometry.md b/docs/Features/Geometry/Geometry.md
@@ -1,5 +1,5 @@
 ---
-sidebar_position: 1
+sidebar_position: 0
 ---
 
 Geometric operations in image processing involve transforming the spatial coordinates of pixels in an image to achieve various effects, such as resizing, rotation, and more. These operations are used to manipulate the shape, position, and orientation of objects within an image.
diff --git a/docs/Features/Geometry/Resize.md b/docs/Features/Geometry/Resize.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 10
+---
+
 import ResizeDemo from './resize.demo.tsx'
 
 [Check options and parameters of resize method](https://image-js.github.io/image-js-typescript/classes/Image.html#resize 'github.io link')
diff --git a/docs/Features/Geometry/Rotate.md b/docs/Features/Geometry/Rotate.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 20
+---
+
 import RotateDemo from './rotate.demo.tsx'
 
 [Check options and parameters of rotate method](https://image-js.github.io/image-js-typescript/classes/Image.html#rotate 'github.io link')
diff --git a/docs/Features/Geometry/Transform and rotate.md b/docs/Features/Geometry/Transform and rotate.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 50
+---
+
 import TransRotateDemo from './transformRotate.demo.tsx'
 
 [Check options and parameters of transformRotate method](https://image-js.github.io/image-js-typescript/classes/Image.html#transformRotate 'github.io link')
diff --git a/docs/Features/Geometry/Transform.md b/docs/Features/Geometry/Transform.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 40
+---
+
 import TransformDemo from './transform.demo.tsx'
 
 [Check options and parameters of transform method](https://image-js.github.io/image-js-typescript/classes/Image.html#transform 'github.io link')
diff --git a/docs/Features/Geometry/_category_.json b/docs/Features/Geometry/_category_.json
@@ -0,0 +1,3 @@
+{
+  "position": 40
+}
diff --git a/docs/Features/Morphology/Bottom Hat.md b/docs/Features/Morphology/Bottom Hat.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 60
+---
+
 import BottomHatDemo from './bottomHat.demo.tsx'
 
 [Check options and parameters of bottomHat method](https://image-js.github.io/image-js-typescript/classes/Image.html#bottomHat 'github.io link')
diff --git a/docs/Features/Morphology/Canny Edge Detector.md b/docs/Features/Morphology/Canny Edge Detector.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 80
+---
+
 import CannyEdgeDemo from './cannyEdgeDetector.demo.tsx'
 
 [Check options and parameters of cannyEdgeDetector method](https://image-js.github.io/image-js-typescript/classes/Image.html#cannyEdgeDetector 'github.io link')
diff --git a/docs/Features/Morphology/Closing.md b/docs/Features/Morphology/Closing.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 40
+---
+
 import CloseDemo from './close.demo.tsx'
 
 [Check options and parameters of close method](https://image-js.github.io/image-js-typescript/classes/Image.html#close 'github.io link')
diff --git a/docs/Features/Morphology/Dilation.md b/docs/Features/Morphology/Dilation.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 20
+---
+
 import DilateDemo from './dilate.demo.tsx'
 
 [Check options and parameters of dilate method](https://image-js.github.io/image-js-typescript/classes/Image.html#dilate 'github.io link')
diff --git a/docs/Features/Morphology/Erosion.md b/docs/Features/Morphology/Erosion.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 10
+---
+
 import ErodeDemo from './erode.demo.tsx'
 
 [Check options and parameters of erode method](https://image-js.github.io/image-js-typescript/classes/Image.html#erode 'github.io link')
diff --git a/docs/Features/Morphology/Morphological Gradient.md b/docs/Features/Morphology/Morphological Gradient.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 70
+---
+
 import MorphGradientDemo from './morphologicalGradient.demo.tsx'
 
 [Check options and parameters of morphologicalGradient method](https://image-js.github.io/image-js-typescript/classes/Image.html#morphologicalGradient 'github.io link')
diff --git a/docs/Features/Morphology/Morphology.md b/docs/Features/Morphology/Morphology.md
@@ -1,5 +1,5 @@
 ---
-sidebar_position: 2
+sidebar_position: 0
 ---
 
 [Morphological operations](../../Glossary.md#morphology 'internal link on morphology') are based on a structuring element, which is a small shape or pattern used as a template for modifying the pixels in an image. The structuring element is typically a small binary array that defines the area around a pixel to consider during the operation.
diff --git a/docs/Features/Morphology/Opening.md b/docs/Features/Morphology/Opening.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 30
+---
+
 import OpenDemo from './open.demo.tsx'
 
 [Check options and parameters of open method](https://image-js.github.io/image-js-typescript/classes/Image.html#open 'github.io link')
diff --git a/docs/Features/Morphology/Top Hat.md b/docs/Features/Morphology/Top Hat.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 50
+---
+
 import TopHatDemo from './topHat.demo.tsx'
 
 [Check options and parameters of topHat method](https://image-js.github.io/image-js-typescript/classes/Image.html#topHat 'github.io link')
diff --git a/docs/Features/Morphology/_category_.json b/docs/Features/Morphology/_category_.json
@@ -0,0 +1,3 @@
+{
+  "position": 40
+}
diff --git a/docs/Features/Operations/_category_.json b/docs/Features/Operations/_category_.json
@@ -0,0 +1,3 @@
+{
+  "position": 50
+}
diff --git a/docs/Features/_category_.json b/docs/Features/_category_.json
@@ -0,0 +1,3 @@
+{
+  "position": 10
+}
diff --git a/docs/Glossary.md b/docs/Glossary.md
@@ -1,5 +1,5 @@
 ---
-sidebar_position: 7
+sidebar_position: 40
 ---
 
 ### Alpha channel
diff --git a/docs/Tutorials and concepts/Concepts/Out-parameter and its purpose.md b/docs/Tutorials and concepts/Concepts/Out-parameter and its purpose.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 20
+---
+
 In ImageJS several functions have an optional parameter called `out`.
 You can use this parameter to select the image you want to use as the output. It helps with memory management by allowing you to write the image into an existing one instead of creating a new copy every time the function is run.
 
diff --git a/docs/Tutorials and concepts/Concepts/Plain call vs method call.md b/docs/Tutorials and concepts/Concepts/Plain call vs method call.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 30
+---
+
 In most cases there are two ways of calling API functions: as a function and as a class method.
 
 ```ts
diff --git a/docs/Tutorials and concepts/Concepts/_category_.json b/docs/Tutorials and concepts/Concepts/_category_.json
@@ -0,0 +1,3 @@
+{
+  "position": 10
+}
diff --git a/docs/Tutorials and concepts/_category_.json b/docs/Tutorials and concepts/_category_.json
@@ -0,0 +1,3 @@
+{
+  "position": 20
+}
diff --git a/frontmatter.json b/frontmatter.json
@@ -0,0 +1,58 @@
+{
+  "$schema": "https://frontmatter.codes/frontmatter.schema.json",
+  "frontMatter.taxonomy.contentTypes": [
+    {
+      "name": "default",
+      "pageBundle": false,
+      "previewPath": null,
+      "fields": [
+        {
+          "title": "sidebar_position",
+          "name": "sidebar_position",
+          "type": "number"
+        }
+      ]
+    }
+  ],
+  "frontMatter.framework.id": "docusaurus",
+  "frontMatter.content.publicFolder": "static",
+  "frontMatter.preview.host": "http://localhost:3000",
+  "frontMatter.content.pageFolders": [
+    {
+      "title": "blog",
+      "path": "[[workspace]]/blog"
+    },
+    {
+      "title": "docs",
+      "path": "[[workspace]]/docs"
+    },
+    {
+      "title": "Concepts",
+      "path": "[[workspace]]/docs/Tutorials and concepts/Concepts"
+    },
+    {
+      "title": "Morphology",
+      "path": "[[workspace]]/docs/Features/Morphology"
+    },
+    {
+      "title": "Operations",
+      "path": "[[workspace]]/docs/Features/Operations"
+    },
+    {
+      "title": "Geometry",
+      "path": "[[workspace]]/docs/Features/Geometry"
+    },
+    {
+      "title": "Filters",
+      "path": "[[workspace]]/docs/Features/Filters"
+    },
+    {
+      "title": "Comparison",
+      "path": "[[workspace]]/docs/Features/Comparison"
+    },
+    {
+      "title": "pages",
+      "path": "[[workspace]]/src/pages"
+    }
+  ]
+}
