Merge branch 'main' into fix/show-param-type-return-reference

Author: shibomb

src/content/libraries/en/rita.js.yaml

@@ -0,0 +1,13 @@
+name: rita.js
+description: tools for natural language and generative writing
+category: language
+sourceUrl: https://github.com/dhowe/ritajs
+websiteUrl: https://rednoise.org/rita
+featuredImage: "../images/rita.jpg"
+author:
+  name: Daniel C Howe
+  url: https://rednoise.org/daniel
+featuredImageAlt: rita.js logo
+npm: rita
+npmFilePath: "dist/rita.min.js"
+

src/content/libraries/images/rita.jpg

@@ -403,7 +403,7 @@ It is helpful to think of this function like a cookie cutter. For example, you c
     fill(20,130,5);
     triangle(x-size*3,y,x,y-size*8,x+size*3,y)
   }
-```
+  ```
 
 - Draw two trees in your `draw()` function using arguments.
 
@@ -549,7 +549,7 @@ Here is an [example](https://editor.p5js.org/Msqcoding/sketches/l4Mq4a4HG).
 
 Functions such as `random()` produce, or **return**, values that can be used elsewhere in your code. Here’s an example of a function that adds 5 to its parameter and returns the result:
 
-[The syntax for function declaration that returns the value “ans” with labeled arrows pointing to its various parts. An arrow labeled “keyword ‘function’” points to the word “function”;  an arrow labeled “function name” points to “plus5”; an arrow labeled “parameter” points to the letter “n” within parentheses; the body of the function is labeled “block of code in curly braces” with the code “let ans = n + 5” and “return ans;” on separate lines.](../images/introduction/function-return.jpg)
+![The syntax for function declaration that returns the value “ans” with labeled arrows pointing to its various parts. An arrow labeled “keyword ‘function’” points to the word “function”;  an arrow labeled “function name” points to “plus5”; an arrow labeled “parameter” points to the letter “n” within parentheses; the body of the function is labeled “block of code in curly braces” with the code “let ans = n + 5” and “return ans;” on separate lines.](../images/introduction/function-return.jpg)
 
 Similar to other function declarations, the keyword `function` is followed by the function name and a pair of parentheses. This function has one parameter, `n` within the parenthesis. The body of the function includes a numerical expression and **return statement**. The keyword `return` tells functions to finish executing the code block and provide a result as an output value.
 

src/content/tutorials/en/organizing-code-with-functions.mdx

@@ -377,7 +377,7 @@ export const generateJumpToState = async (
       category === getExampleCategory(currentEntrySlug)
     ) {
       // Get all entries in the current category
-      const currentCategoryEntries = localeEntries.filter(
+      let currentCategoryEntries = localeEntries.filter(
         (entry) =>
           category ===
           (collectionType === "examples"
@@ -386,6 +386,14 @@ export const generateJumpToState = async (
               entry.data.category ?? ""),
       );
 
+      if (collectionType === "tutorials") {
+        currentCategoryEntries = currentCategoryEntries.sort(
+          (a, b) =>
+            ((a.data as any).categoryIndex ?? 1000) -
+            ((b.data as any).categoryIndex ?? 1000),
+        );
+      }
+
       // Add the entries in the category to the jumpToLinks
       categoryLinks.push(
         ...currentCategoryEntries.map(