diff --git a/.devcontainer/Dockerfile b/.devcontainer/Dockerfile
new file mode 100644
index 000000000..f8c565969
--- /dev/null
+++ b/.devcontainer/Dockerfile
@@ -0,0 +1,17 @@
+FROM mcr.microsoft.com/devcontainers/javascript-node:0-20
+
+# Install OpenJDK-8
+RUN apt-get update && \
+ apt-get install -y openjdk-11-jdk && \
+ apt-get install -y ant && \
+ apt-get clean;
+
+# Fix certificate issues
+RUN apt-get update && \
+ apt-get install ca-certificates-java && \
+ apt-get clean && \
+ update-ca-certificates -f;
+
+RUN ln -s `readlink -f /usr/bin/java | sed "s:bin/java::"` /usr/local/java
+
+ENV JAVA_HOME /usr/local/java
diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
new file mode 100644
index 000000000..cdb0a2a71
--- /dev/null
+++ b/.devcontainer/devcontainer.json
@@ -0,0 +1,32 @@
+// For format details, see https://aka.ms/devcontainer.json. For config options, see the
+// README at: https://github.com/devcontainers/templates/tree/main/src/javascript-node
+{
+ "name": "splashkit.io",
+ // Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
+ // "image": "mcr.microsoft.com/devcontainers/javascript-node:0-20",
+ "dockerFile": "Dockerfile",
+ "customizations": {
+ "vscode": {
+ "extensions": [
+ "dbaeumer.vscode-eslint",
+ "yzhang.markdown-all-in-one",
+ "DavidAnson.vscode-markdownlint",
+ "astro-build.astro-vscode",
+ "ms-vsliveshare.vsliveshare",
+ // "tomoki1207.pdf",
+ "eamodio.gitlens"
+ // "valentjn.vscode-ltex"
+ ]
+ }
+ }
+ // Features to add to the dev container. More info: https://containers.dev/features.
+ // "features": {},
+ // Use 'forwardPorts' to make a list of ports inside the container available locally.
+ // "forwardPorts": [],
+ // Use 'postCreateCommand' to run commands after the container is created.
+ // "postCreateCommand": "yarn install",
+ // Configure tool-specific properties.
+ // "customizations": {},
+ // Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
+ // "remoteUser": "root"
+}
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index b31d66eb5..467516545 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,7 +2,6 @@
dist/
# generated types
.astro/
-.vscode/
# dependencies
node_modules/
@@ -46,6 +45,7 @@ src/content/docs/api/Timers.mdx
src/content/docs/api/Types.mdx
src/content/docs/api/Utilities.mdx
src/content/docs/api/Windows.mdx
+src/content/docs/api/Raspberry.mdx
src/content/docs/guides/Animations/index.mdx
src/content/docs/guides/Audio/index.mdx
src/content/docs/guides/Camera/index.mdx
@@ -58,3 +58,4 @@ src/content/docs/guides/Others/index.mdx
src/content/docs/guides/Sprites/index.mdx
src/content/docs/guides/Starter/index.mdx
src/content/docs/guides/Utilities/index.mdx
+src/content/docs/api/Raspberry.mdx
diff --git a/.markdownlint.json b/.markdownlint.json
new file mode 100644
index 000000000..2ec9c5fc9
--- /dev/null
+++ b/.markdownlint.json
@@ -0,0 +1,4 @@
+{
+ "MD033": false,
+ "MD013": false
+}
\ No newline at end of file
diff --git a/.vs/ProjectSettings.json b/.vs/ProjectSettings.json
deleted file mode 100644
index f8b488856..000000000
--- a/.vs/ProjectSettings.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
- "CurrentProjectSetting": null
-}
\ No newline at end of file
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 000000000..22a15055d
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,4 @@
+{
+ "recommendations": ["astro-build.astro-vscode"],
+ "unwantedRecommendations": []
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 000000000..b5601daaa
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+ "files.associations": {
+ "*.mdx": "markdown"
+ }
+}
\ No newline at end of file
diff --git a/.vscode/tasks.json b/.vscode/tasks.json
new file mode 100644
index 000000000..bf7843aeb
--- /dev/null
+++ b/.vscode/tasks.json
@@ -0,0 +1,22 @@
+// See https://go.microsoft.com/fwlink/?LinkId=733558
+// for the documentation about the tasks.json format
+{
+ "version": "2.0.0",
+ "tasks": [
+ {
+ "label": "Serve splashkit.io Website",
+ "type": "shell",
+ "command": "npm install && ./node_modules/.bin/astro dev",
+ "group": "build",
+ "presentation": {
+ "group": "buildGroup",
+ "reveal": "always",
+ "panel": "new",
+ "echo": false
+ },
+ "runOptions": {
+ "runOn": "folderOpen" // This starts both tasks when the container is started
+ },
+ }
+ ]
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index 7cf4727ad..46c199767 100644
--- a/README.md
+++ b/README.md
@@ -1,34 +1,49 @@
# SplashKit SDK - Starlight Framework
## Introduction
-Welcome to the official documentation for the SplashKit SDK on the Starlight framework! This readme markdown script will guide you through the installation process and provide an overview of the features and functionalities of the SDK.
+
+Welcome to the official documentation for the SplashKit SDK on the Starlight framework! This README markdown script will guide you through the installation process and provide an overview of the features and functionalities of the SDK.
+
## Deployment Status
-- [Production](https://master--splashkit.netlify.app/) - [![Netlify Status](https://api.netlify.com/api/v1/badges/29627b16-8f40-4b42-8ae8-1912895f5305/deploy-status?branch=master)](https://app.netlify.com/sites/splashkit/deploys) ![Github Pages](https://github.com/splashkit/splashkit.io-starlight/actions/workflows/astro.yml/badge.svg?branch=master)
-- [Development](https://development--splashkit.netlify.app/) - [![Netlify Status](https://api.netlify.com/api/v1/badges/29627b16-8f40-4b42-8ae8-1912895f5305/deploy-status?branch=development)](https://app.netlify.com/sites/splashkit/deploys) ![Github Pages](https://github.com/splashkit/splashkit.io-starlight/actions/workflows/astro.yml/badge.svg?branch=production)
+
+[Thoth Tech's 'splashkit.io' Site](https://splashkit-io.netlify.app/) - [![Netlify Status](https://api.netlify.com/api/v1/badges/e8def4e6-f39d-458a-8ca9-556d61ce1fbd/deploy-status)](https://app.netlify.com/sites/splashkit-io/deploys)
+
+
## Installation
-1. Clone/Fork this repository.
-1. Install the necessary dependencies. Make sure you have the following installed:
- ```
+
+1. Install and open Docker app.
+2. Fork then clone this repository.
+3. Reopen cloned repository in container (pop-up may appear in VS Code)
+
+If needed:
+
+- Install the necessary dependencies. Make sure you have the following installed:
+
+ ```bash
npm install
```
+
## 🚀 Project Structure
Inside of your Astro + Starlight project, you'll see the following folders and files:
-```
+```text
.
├── public/
└── src/
├── assets/
+ ├── components/
├── content/
│ ├── docs/
- │ ├── components/
- │ ├── guides/
- │ ├── installation/
- │ └── troubleshoot/
+ │ │ ├── api/
+ │ │ ├── guides/
+ │ │ ├── installation/
+ │ │ └── troubleshoot/
+ ├── fonts/
├── styles/
- ├── config.ts
+
└── env.d.ts
├── astro.config.mjs
├── package.json
@@ -39,7 +54,7 @@ Starlight looks for `.md` or `.mdx` files in the `src/content/docs/` directory.
Images can be added to `src/assets/` and embedded in Markdown with a relative link.
-Static assets, like favicons, can be placed in the `public/` directory.
+Static assets, like favicons and gifs, can be placed in the `public/` directory.
## 🧞 Commands
@@ -56,5 +71,5 @@ All commands are run from the root of the project, from a terminal:
| `npm run generate-mdx` | Generate MDX file *(for functions)* from JSON data in `test` folder |
## Contributing
-We welcome contributions from the community to enhance the SplashKit SDK on the Starlight framework. If you would like to contribute, please follow the guidelines outlined in the CONTRIBUTING.md file.
+We welcome contributions from the community to enhance the SplashKit SDK on the Starlight framework. If you would like to contribute, please follow the guidelines outlined in the CONTRIBUTING.md file.
diff --git a/astro.config.mjs b/astro.config.mjs
index cfbb5dcbd..1f37e1ec1 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,11 +1,8 @@
-// Author: Aditya Parmar (XQuestCode)
-// Contact: thanx.adi@gmail.com
import { defineConfig, squooshImageService } from "astro/config";
import starlight from "@astrojs/starlight";
import solidJs from "@astrojs/solid-js";
-
import react from "@astrojs/react";
-
+import starlightLinksValidator from 'starlight-links-validator';
import sitemap from "@astrojs/sitemap";
// https://astro.build/config
@@ -21,6 +18,12 @@ export default defineConfig({
components: {
Sidebar: './src/components/Sidebar.astro'
},
+
+ plugins: [
+ starlightLinksValidator({
+ errorOnRelativeLinks: true,
+ }),
+ ],
expressiveCode: {
// theme: ["github-dark", "github-light"],
// frames: {
@@ -30,7 +33,7 @@ export default defineConfig({
useDarkModeMediaQuery: true,
},
customCss: [
-
+
"/src/styles/custom.css",
"/src/styles/background.css",
"/src/styles/cards.css",
diff --git a/package-lock.json b/package-lock.json
index bae42b0a7..adcbe3dcb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,6 +18,7 @@
"astro": "^4.0.8",
"astro-expressive-code": "^0.29.2",
"astro-icon": "^0.8.2",
+ "dotenv": "^16.4.5",
"front-matter": "^4.0.2",
"fs": "^0.0.1-security",
"gray-matter": "^4.0.3",
@@ -27,6 +28,7 @@
"remark-frontmatter": "^5.0.0",
"sharp": "^0.32.6",
"solid-js": "^1.8.6",
+ "starlight-links-validator": "^0.7.1",
"tailwindcss": "^3.3.5"
}
},
@@ -2762,9 +2764,9 @@
]
},
"node_modules/@rollup/rollup-android-arm-eabi": {
- "version": "4.9.1",
- "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.9.1.tgz",
- "integrity": "sha512-6vMdBZqtq1dVQ4CWdhFwhKZL6E4L1dV6jUjuBvsavvNJSppzi6dLBbuV+3+IyUREaj9ZFvQefnQm28v4OCXlig==",
+ "version": "4.14.3",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.14.3.tgz",
+ "integrity": "sha512-X9alQ3XM6I9IlSlmC8ddAvMSyG1WuHk5oUnXGw+yUBs3BFoTizmG1La/Gr8fVJvDWAq+zlYTZ9DBgrlKRVY06g==",
"cpu": [
"arm"
],
@@ -2774,9 +2776,9 @@
]
},
"node_modules/@rollup/rollup-android-arm64": {
- "version": "4.9.1",
- "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.9.1.tgz",
- "integrity": "sha512-Jto9Fl3YQ9OLsTDWtLFPtaIMSL2kwGyGoVCmPC8Gxvym9TCZm4Sie+cVeblPO66YZsYH8MhBKDMGZ2NDxuk/XQ==",
+ "version": "4.14.3",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.14.3.tgz",
+ "integrity": "sha512-eQK5JIi+POhFpzk+LnjKIy4Ks+pwJ+NXmPxOCSvOKSNRPONzKuUvWE+P9JxGZVxrtzm6BAYMaL50FFuPe0oWMQ==",
"cpu": [
"arm64"
],
@@ -2786,9 +2788,9 @@
]
},
"node_modules/@rollup/rollup-darwin-arm64": {
- "version": "4.9.1",
- "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.9.1.tgz",
- "integrity": "sha512-LtYcLNM+bhsaKAIGwVkh5IOWhaZhjTfNOkGzGqdHvhiCUVuJDalvDxEdSnhFzAn+g23wgsycmZk1vbnaibZwwA==",
+ "version": "4.14.3",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.14.3.tgz",
+ "integrity": "sha512-Od4vE6f6CTT53yM1jgcLqNfItTsLt5zE46fdPaEmeFHvPs5SjZYlLpHrSiHEKR1+HdRfxuzXHjDOIxQyC3ptBA==",
"cpu": [
"arm64"
],
@@ -2798,9 +2800,9 @@
]
},
"node_modules/@rollup/rollup-darwin-x64": {
- "version": "4.9.1",
- "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.9.1.tgz",
- "integrity": "sha512-KyP/byeXu9V+etKO6Lw3E4tW4QdcnzDG/ake031mg42lob5tN+5qfr+lkcT/SGZaH2PdW4Z1NX9GHEkZ8xV7og==",
+ "version": "4.14.3",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.14.3.tgz",
+ "integrity": "sha512-0IMAO21axJeNIrvS9lSe/PGthc8ZUS+zC53O0VhF5gMxfmcKAP4ESkKOCwEi6u2asUrt4mQv2rjY8QseIEb1aw==",
"cpu": [
"x64"
],
@@ -2810,9 +2812,21 @@
]
},
"node_modules/@rollup/rollup-linux-arm-gnueabihf": {
- "version": "4.9.1",
- "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.9.1.tgz",
- "integrity": "sha512-Yqz/Doumf3QTKplwGNrCHe/B2p9xqDghBZSlAY0/hU6ikuDVQuOUIpDP/YcmoT+447tsZTmirmjgG3znvSCR0Q==",
+ "version": "4.14.3",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.14.3.tgz",
+ "integrity": "sha512-ge2DC7tHRHa3caVEoSbPRJpq7azhG+xYsd6u2MEnJ6XzPSzQsTKyXvh6iWjXRf7Rt9ykIUWHtl0Uz3T6yXPpKw==",
+ "cpu": [
+ "arm"
+ ],
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+ "version": "4.14.3",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.14.3.tgz",
+ "integrity": "sha512-ljcuiDI4V3ySuc7eSk4lQ9wU8J8r8KrOUvB2U+TtK0TiW6OFDmJ+DdIjjwZHIw9CNxzbmXY39wwpzYuFDwNXuw==",
"cpu": [
"arm"
],
@@ -2822,9 +2836,9 @@
]
},
"node_modules/@rollup/rollup-linux-arm64-gnu": {
- "version": "4.9.1",
- "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.9.1.tgz",
- "integrity": "sha512-u3XkZVvxcvlAOlQJ3UsD1rFvLWqu4Ef/Ggl40WAVCuogf4S1nJPHh5RTgqYFpCOvuGJ7H5yGHabjFKEZGExk5Q==",
+ "version": "4.14.3",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.14.3.tgz",
+ "integrity": "sha512-Eci2us9VTHm1eSyn5/eEpaC7eP/mp5n46gTRB3Aar3BgSvDQGJZuicyq6TsH4HngNBgVqC5sDYxOzTExSU+NjA==",
"cpu": [
"arm64"
],
@@ -2834,9 +2848,9 @@
]
},
"node_modules/@rollup/rollup-linux-arm64-musl": {
- "version": "4.9.1",
- "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.9.1.tgz",
- "integrity": "sha512-0XSYN/rfWShW+i+qjZ0phc6vZ7UWI8XWNz4E/l+6edFt+FxoEghrJHjX1EY/kcUGCnZzYYRCl31SNdfOi450Aw==",
+ "version": "4.14.3",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.14.3.tgz",
+ "integrity": "sha512-UrBoMLCq4E92/LCqlh+blpqMz5h1tJttPIniwUgOFJyjWI1qrtrDhhpHPuFxULlUmjFHfloWdixtDhSxJt5iKw==",
"cpu": [
"arm64"
],
@@ -2845,10 +2859,22 @@
"linux"
]
},
+ "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+ "version": "4.14.3",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.14.3.tgz",
+ "integrity": "sha512-5aRjvsS8q1nWN8AoRfrq5+9IflC3P1leMoy4r2WjXyFqf3qcqsxRCfxtZIV58tCxd+Yv7WELPcO9mY9aeQyAmw==",
+ "cpu": [
+ "ppc64"
+ ],
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
"node_modules/@rollup/rollup-linux-riscv64-gnu": {
- "version": "4.9.1",
- "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.9.1.tgz",
- "integrity": "sha512-LmYIO65oZVfFt9t6cpYkbC4d5lKHLYv5B4CSHRpnANq0VZUQXGcCPXHzbCXCz4RQnx7jvlYB1ISVNCE/omz5cw==",
+ "version": "4.14.3",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.14.3.tgz",
+ "integrity": "sha512-sk/Qh1j2/RJSX7FhEpJn8n0ndxy/uf0kI/9Zc4b1ELhqULVdTfN6HL31CDaTChiBAOgLcsJ1sgVZjWv8XNEsAQ==",
"cpu": [
"riscv64"
],
@@ -2857,10 +2883,22 @@
"linux"
]
},
+ "node_modules/@rollup/rollup-linux-s390x-gnu": {
+ "version": "4.14.3",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.14.3.tgz",
+ "integrity": "sha512-jOO/PEaDitOmY9TgkxF/TQIjXySQe5KVYB57H/8LRP/ux0ZoO8cSHCX17asMSv3ruwslXW/TLBcxyaUzGRHcqg==",
+ "cpu": [
+ "s390x"
+ ],
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
"node_modules/@rollup/rollup-linux-x64-gnu": {
- "version": "4.9.1",
- "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.9.1.tgz",
- "integrity": "sha512-kr8rEPQ6ns/Lmr/hiw8sEVj9aa07gh1/tQF2Y5HrNCCEPiCBGnBUt9tVusrcBBiJfIt1yNaXN6r1CCmpbFEDpg==",
+ "version": "4.14.3",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.14.3.tgz",
+ "integrity": "sha512-8ybV4Xjy59xLMyWo3GCfEGqtKV5M5gCSrZlxkPGvEPCGDLNla7v48S662HSGwRd6/2cSneMQWiv+QzcttLrrOA==",
"cpu": [
"x64"
],
@@ -2870,9 +2908,9 @@
]
},
"node_modules/@rollup/rollup-linux-x64-musl": {
- "version": "4.9.1",
- "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.9.1.tgz",
- "integrity": "sha512-t4QSR7gN+OEZLG0MiCgPqMWZGwmeHhsM4AkegJ0Kiy6TnJ9vZ8dEIwHw1LcZKhbHxTY32hp9eVCMdR3/I8MGRw==",
+ "version": "4.14.3",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.14.3.tgz",
+ "integrity": "sha512-s+xf1I46trOY10OqAtZ5Rm6lzHre/UiLA1J2uOhCFXWkbZrJRkYBPO6FhvGfHmdtQ3Bx793MNa7LvoWFAm93bg==",
"cpu": [
"x64"
],
@@ -2882,9 +2920,9 @@
]
},
"node_modules/@rollup/rollup-win32-arm64-msvc": {
- "version": "4.9.1",
- "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.9.1.tgz",
- "integrity": "sha512-7XI4ZCBN34cb+BH557FJPmh0kmNz2c25SCQeT9OiFWEgf8+dL6ZwJ8f9RnUIit+j01u07Yvrsuu1rZGxJCc51g==",
+ "version": "4.14.3",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.14.3.tgz",
+ "integrity": "sha512-+4h2WrGOYsOumDQ5S2sYNyhVfrue+9tc9XcLWLh+Kw3UOxAvrfOrSMFon60KspcDdytkNDh7K2Vs6eMaYImAZg==",
"cpu": [
"arm64"
],
@@ -2894,9 +2932,9 @@
]
},
"node_modules/@rollup/rollup-win32-ia32-msvc": {
- "version": "4.9.1",
- "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.9.1.tgz",
- "integrity": "sha512-yE5c2j1lSWOH5jp+Q0qNL3Mdhr8WuqCNVjc6BxbVfS5cAS6zRmdiw7ktb8GNpDCEUJphILY6KACoFoRtKoqNQg==",
+ "version": "4.14.3",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.14.3.tgz",
+ "integrity": "sha512-T1l7y/bCeL/kUwh9OD4PQT4aM7Bq43vX05htPJJ46RTI4r5KNt6qJRzAfNfM+OYMNEVBWQzR2Gyk+FXLZfogGw==",
"cpu": [
"ia32"
],
@@ -2906,9 +2944,9 @@
]
},
"node_modules/@rollup/rollup-win32-x64-msvc": {
- "version": "4.9.1",
- "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.9.1.tgz",
- "integrity": "sha512-PyJsSsafjmIhVgaI1Zdj7m8BB8mMckFah/xbpplObyHfiXzKcI5UOUXRyOdHW7nz4DpMCuzLnF7v5IWHenCwYA==",
+ "version": "4.14.3",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.14.3.tgz",
+ "integrity": "sha512-/BypzV0H1y1HzgYpxqRaXGBRqfodgoBBCcsrujT6QRcakDQdfU+Lq9PENPh5jB4I44YWq+0C2eHsHya+nZY1sA==",
"cpu": [
"x64"
],
@@ -4205,6 +4243,17 @@
"url": "https://github.com/fb55/domutils?sponsor=1"
}
},
+ "node_modules/dotenv": {
+ "version": "16.4.5",
+ "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
+ "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==",
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://dotenvx.com"
+ }
+ },
"node_modules/dset": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/dset/-/dset-3.1.3.tgz",
@@ -5094,6 +5143,17 @@
"resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.1.1.tgz",
"integrity": "sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q=="
},
+ "node_modules/is-absolute-url": {
+ "version": "4.0.1",
+ "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-4.0.1.tgz",
+ "integrity": "sha512-/51/TKE88Lmm7Gc4/8btclNXWS+g50wXhYJq8HWIBAGUBnoAdRu1aXeh364t/O7wXDAcTJDP8PNuNKWUDWie+A==",
+ "engines": {
+ "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
"node_modules/is-alphabetical": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
@@ -7255,9 +7315,9 @@
}
},
"node_modules/postcss": {
- "version": "8.4.32",
- "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.32.tgz",
- "integrity": "sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==",
+ "version": "8.4.38",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz",
+ "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==",
"funding": [
{
"type": "opencollective",
@@ -7275,7 +7335,7 @@
"dependencies": {
"nanoid": "^3.3.7",
"picocolors": "^1.0.0",
- "source-map-js": "^1.0.2"
+ "source-map-js": "^1.2.0"
},
"engines": {
"node": "^10 || ^12 || >=14"
@@ -8582,9 +8642,12 @@
}
},
"node_modules/rollup": {
- "version": "4.9.1",
- "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.9.1.tgz",
- "integrity": "sha512-pgPO9DWzLoW/vIhlSoDByCzcpX92bKEorbgXuZrqxByte3JFk2xSW2JEeAcyLc9Ru9pqcNNW+Ob7ntsk2oT/Xw==",
+ "version": "4.14.3",
+ "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.14.3.tgz",
+ "integrity": "sha512-ag5tTQKYsj1bhrFC9+OEWqb5O6VYgtQDO9hPDBMmIbePwhfSr+ExlcU741t8Dhw5DkPCQf6noz0jb36D6W9/hw==",
+ "dependencies": {
+ "@types/estree": "1.0.5"
+ },
"bin": {
"rollup": "dist/bin/rollup"
},
@@ -8593,19 +8656,22 @@
"npm": ">=8.0.0"
},
"optionalDependencies": {
- "@rollup/rollup-android-arm-eabi": "4.9.1",
- "@rollup/rollup-android-arm64": "4.9.1",
- "@rollup/rollup-darwin-arm64": "4.9.1",
- "@rollup/rollup-darwin-x64": "4.9.1",
- "@rollup/rollup-linux-arm-gnueabihf": "4.9.1",
- "@rollup/rollup-linux-arm64-gnu": "4.9.1",
- "@rollup/rollup-linux-arm64-musl": "4.9.1",
- "@rollup/rollup-linux-riscv64-gnu": "4.9.1",
- "@rollup/rollup-linux-x64-gnu": "4.9.1",
- "@rollup/rollup-linux-x64-musl": "4.9.1",
- "@rollup/rollup-win32-arm64-msvc": "4.9.1",
- "@rollup/rollup-win32-ia32-msvc": "4.9.1",
- "@rollup/rollup-win32-x64-msvc": "4.9.1",
+ "@rollup/rollup-android-arm-eabi": "4.14.3",
+ "@rollup/rollup-android-arm64": "4.14.3",
+ "@rollup/rollup-darwin-arm64": "4.14.3",
+ "@rollup/rollup-darwin-x64": "4.14.3",
+ "@rollup/rollup-linux-arm-gnueabihf": "4.14.3",
+ "@rollup/rollup-linux-arm-musleabihf": "4.14.3",
+ "@rollup/rollup-linux-arm64-gnu": "4.14.3",
+ "@rollup/rollup-linux-arm64-musl": "4.14.3",
+ "@rollup/rollup-linux-powerpc64le-gnu": "4.14.3",
+ "@rollup/rollup-linux-riscv64-gnu": "4.14.3",
+ "@rollup/rollup-linux-s390x-gnu": "4.14.3",
+ "@rollup/rollup-linux-x64-gnu": "4.14.3",
+ "@rollup/rollup-linux-x64-musl": "4.14.3",
+ "@rollup/rollup-win32-arm64-msvc": "4.14.3",
+ "@rollup/rollup-win32-ia32-msvc": "4.14.3",
+ "@rollup/rollup-win32-x64-msvc": "4.14.3",
"fsevents": "~2.3.2"
}
},
@@ -8905,9 +8971,9 @@
}
},
"node_modules/source-map-js": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
- "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+ "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
"engines": {
"node": ">=0.10.0"
}
@@ -8932,6 +8998,27 @@
"integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
"deprecated": "Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility"
},
+ "node_modules/starlight-links-validator": {
+ "version": "0.7.1",
+ "resolved": "https://registry.npmjs.org/starlight-links-validator/-/starlight-links-validator-0.7.1.tgz",
+ "integrity": "sha512-6SYqCGQdiiTMrgCE4d3F/kFae1rYzuVk0QUs9MXqj6w65tZLvd4qieTrN2NdDNMWXyoxzUTR+ehNzajqr7ZUEg==",
+ "dependencies": {
+ "github-slugger": "2.0.0",
+ "hast-util-from-html": "2.0.1",
+ "hast-util-has-property": "3.0.0",
+ "is-absolute-url": "4.0.1",
+ "kleur": "4.1.5",
+ "mdast-util-to-string": "4.0.0",
+ "unist-util-visit": "5.0.0"
+ },
+ "engines": {
+ "node": ">=18.14.1"
+ },
+ "peerDependencies": {
+ "@astrojs/starlight": ">=0.15.0",
+ "astro": ">=4.0.0"
+ }
+ },
"node_modules/stdin-discarder": {
"version": "0.1.0",
"resolved": "https://registry.npmjs.org/stdin-discarder/-/stdin-discarder-0.1.0.tgz",
@@ -9588,13 +9675,13 @@
}
},
"node_modules/vite": {
- "version": "5.0.10",
- "resolved": "https://registry.npmjs.org/vite/-/vite-5.0.10.tgz",
- "integrity": "sha512-2P8J7WWgmc355HUMlFrwofacvr98DAjoE52BfdbwQtyLH06XKwaL/FMnmKM2crF0iX4MpmMKoDlNCB1ok7zHCw==",
+ "version": "5.2.9",
+ "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.9.tgz",
+ "integrity": "sha512-uOQWfuZBlc6Y3W/DTuQ1Sr+oIXWvqljLvS881SVmAj00d5RdgShLcuXWxseWPd4HXwiYBFW/vXHfKFeqj9uQnw==",
"dependencies": {
- "esbuild": "^0.19.3",
- "postcss": "^8.4.32",
- "rollup": "^4.2.0"
+ "esbuild": "^0.20.1",
+ "postcss": "^8.4.38",
+ "rollup": "^4.13.0"
},
"bin": {
"vite": "bin/vite.js"
@@ -9659,6 +9746,388 @@
"vite": "^3.0.0 || ^4.0.0 || ^5.0.0"
}
},
+ "node_modules/vite/node_modules/@esbuild/aix-ppc64": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz",
+ "integrity": "sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==",
+ "cpu": [
+ "ppc64"
+ ],
+ "optional": true,
+ "os": [
+ "aix"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/android-arm": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.20.2.tgz",
+ "integrity": "sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==",
+ "cpu": [
+ "arm"
+ ],
+ "optional": true,
+ "os": [
+ "android"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/android-arm64": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz",
+ "integrity": "sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==",
+ "cpu": [
+ "arm64"
+ ],
+ "optional": true,
+ "os": [
+ "android"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/android-x64": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.20.2.tgz",
+ "integrity": "sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==",
+ "cpu": [
+ "x64"
+ ],
+ "optional": true,
+ "os": [
+ "android"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/darwin-arm64": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz",
+ "integrity": "sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==",
+ "cpu": [
+ "arm64"
+ ],
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/darwin-x64": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz",
+ "integrity": "sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==",
+ "cpu": [
+ "x64"
+ ],
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/freebsd-arm64": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz",
+ "integrity": "sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==",
+ "cpu": [
+ "arm64"
+ ],
+ "optional": true,
+ "os": [
+ "freebsd"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/freebsd-x64": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz",
+ "integrity": "sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==",
+ "cpu": [
+ "x64"
+ ],
+ "optional": true,
+ "os": [
+ "freebsd"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/linux-arm": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz",
+ "integrity": "sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==",
+ "cpu": [
+ "arm"
+ ],
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/linux-arm64": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz",
+ "integrity": "sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==",
+ "cpu": [
+ "arm64"
+ ],
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/linux-ia32": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz",
+ "integrity": "sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==",
+ "cpu": [
+ "ia32"
+ ],
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/linux-loong64": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz",
+ "integrity": "sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==",
+ "cpu": [
+ "loong64"
+ ],
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/linux-mips64el": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz",
+ "integrity": "sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==",
+ "cpu": [
+ "mips64el"
+ ],
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/linux-ppc64": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz",
+ "integrity": "sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==",
+ "cpu": [
+ "ppc64"
+ ],
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/linux-riscv64": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz",
+ "integrity": "sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==",
+ "cpu": [
+ "riscv64"
+ ],
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/linux-s390x": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz",
+ "integrity": "sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==",
+ "cpu": [
+ "s390x"
+ ],
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/linux-x64": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz",
+ "integrity": "sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==",
+ "cpu": [
+ "x64"
+ ],
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/netbsd-x64": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz",
+ "integrity": "sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==",
+ "cpu": [
+ "x64"
+ ],
+ "optional": true,
+ "os": [
+ "netbsd"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/openbsd-x64": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz",
+ "integrity": "sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==",
+ "cpu": [
+ "x64"
+ ],
+ "optional": true,
+ "os": [
+ "openbsd"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/sunos-x64": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz",
+ "integrity": "sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==",
+ "cpu": [
+ "x64"
+ ],
+ "optional": true,
+ "os": [
+ "sunos"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/win32-arm64": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz",
+ "integrity": "sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==",
+ "cpu": [
+ "arm64"
+ ],
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/win32-ia32": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz",
+ "integrity": "sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==",
+ "cpu": [
+ "ia32"
+ ],
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/@esbuild/win32-x64": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz",
+ "integrity": "sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==",
+ "cpu": [
+ "x64"
+ ],
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/vite/node_modules/esbuild": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.2.tgz",
+ "integrity": "sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==",
+ "hasInstallScript": true,
+ "bin": {
+ "esbuild": "bin/esbuild"
+ },
+ "engines": {
+ "node": ">=12"
+ },
+ "optionalDependencies": {
+ "@esbuild/aix-ppc64": "0.20.2",
+ "@esbuild/android-arm": "0.20.2",
+ "@esbuild/android-arm64": "0.20.2",
+ "@esbuild/android-x64": "0.20.2",
+ "@esbuild/darwin-arm64": "0.20.2",
+ "@esbuild/darwin-x64": "0.20.2",
+ "@esbuild/freebsd-arm64": "0.20.2",
+ "@esbuild/freebsd-x64": "0.20.2",
+ "@esbuild/linux-arm": "0.20.2",
+ "@esbuild/linux-arm64": "0.20.2",
+ "@esbuild/linux-ia32": "0.20.2",
+ "@esbuild/linux-loong64": "0.20.2",
+ "@esbuild/linux-mips64el": "0.20.2",
+ "@esbuild/linux-ppc64": "0.20.2",
+ "@esbuild/linux-riscv64": "0.20.2",
+ "@esbuild/linux-s390x": "0.20.2",
+ "@esbuild/linux-x64": "0.20.2",
+ "@esbuild/netbsd-x64": "0.20.2",
+ "@esbuild/openbsd-x64": "0.20.2",
+ "@esbuild/sunos-x64": "0.20.2",
+ "@esbuild/win32-arm64": "0.20.2",
+ "@esbuild/win32-ia32": "0.20.2",
+ "@esbuild/win32-x64": "0.20.2"
+ }
+ },
"node_modules/vitefu": {
"version": "0.2.5",
"resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz",
diff --git a/package.json b/package.json
index f0bbaa7f2..6193c3908 100644
--- a/package.json
+++ b/package.json
@@ -1,35 +1,48 @@
{
- "name": "zapping-zenith",
+ "name": "splashkit.io",
"type": "module",
- "version": "0.0.1",
+ "version": "0.9",
"scripts": {
"dev": "npm run generate-mdx && astro dev",
"start": "npm run generate-mdx && astro dev",
- "build": "astro build",
+ "build": "npm run generate-mdx && astro build",
"preview": "astro preview",
"astro": "astro",
- "generate-mdx": "node ./scripts/components.cjs"
+ "generate-mdx": "node ./scripts/components.cjs",
+ "check-links": "SET CHECK_LINKS=true && npm run build && SET CHECK_LINKS=false"
},
"dependencies": {
- "@astrojs/netlify": "^4.0.2",
+ "@astrojs/netlify": "^5.2.1",
"@astrojs/prism": "^3.0.0",
- "@astrojs/react": "^3.0.9",
- "@astrojs/sitemap": "^3.0.4",
- "@astrojs/solid-js": "^3.0.3",
- "@astrojs/starlight": "^0.15.1",
- "@mdx-js/mdx": "^3.0.0",
- "astro": "^4.0.8",
- "astro-expressive-code": "^0.29.2",
+ "@astrojs/react": "^3.1.0",
+ "@types/react": "18.3.2",
+ "@types/react-dom": "18.3.0",
+ "@astrojs/sitemap": "^3.1.4",
+ "@astrojs/solid-js": "4.2.0",
+ "@astrojs/starlight": "0.22.3",
+ "@mdx-js/mdx": "3.0.1",
+ "astro": "4.8.4",
+ "astro-expressive-code": "0.35.3",
+ "astro-embed": "0.7.2",
+ "react": "18.3.1",
+ "react-dom": "18.3.1",
"astro-icon": "^0.8.2",
- "front-matter": "^4.0.2",
- "fs": "^0.0.1-security",
- "gray-matter": "^4.0.3",
+ "squoosh": "0.0.0",
+ "starlight-links-validator": "0.8.0",
+ "swiper": "11.1.3",
+ "dotenv": "16.4.5",
+ "front-matter": "4.0.2",
+ "fs": "0.0.2",
+ "gray-matter": "4.0.3",
"js-yaml": "^4.1.0",
- "kleur": "^4.1.5",
- "path": "^0.12.7",
- "remark-frontmatter": "^5.0.0",
- "sharp": "^0.32.6",
- "solid-js": "^1.8.6",
- "tailwindcss": "^3.3.5"
+ "kleur": "4.1.5",
+ "path": "0.12.7",
+ "remark-frontmatter": "5.0.0",
+ "sharp": "0.33.4",
+ "solid-js": "1.8.17",
+ "tailwindcss": "3.4.3"
+ },
+ "devDependencies": {
+ "accessible-astro-components": "2.3.6"
}
-}
+}
\ No newline at end of file
diff --git a/scripts/api.json b/scripts/api.json
index bc093d336..8d6c4d7e7 100644
--- a/scripts/api.json
+++ b/scripts/api.json
@@ -58990,7 +58990,7 @@
"unique_global_name": "matrix_multiply_point",
"unique_method_name": null,
"suffix_name": null,
- "description": "Multiplies the `point_2d` parameter `v with the `matrix_2d` `m and\nreturns the result as a `point_2d`. Use this to transform the vector with\nthe matrix (to apply scaling, rotation or translation effects).",
+ "description": "Multiplies the `point_2d` parameter `v` with the `matrix_2d` `m` and\nreturns the result as a `point_2d`. Use this to transform the vector with\nthe matrix (to apply scaling, rotation or translation effects).",
"brief": null,
"return": {
"type": "point_2d",
diff --git a/scripts/components.cjs b/scripts/components.cjs
index 89b3d581c..2a5af225b 100644
--- a/scripts/components.cjs
+++ b/scripts/components.cjs
@@ -17,17 +17,17 @@ const typeMappings = {
};
const guidesAvailable = {
- animations: true,
- audio: true,
- camera: true,
- database: true,
- inputs: true,
- json: true,
- networking: true,
- sprites: true,
- utilities: true
-
+ animations: false,
+ audio: false,
+ camera: false,
+ database: false,
+ inputs: false,
+ json: false,
+ networking: false,
+ sprites: false,
+ utilities: false
};
+
// Define language label mappings
const languageLabelMappings = {
pascal: "Pascal",
@@ -118,8 +118,7 @@ fs.readFile(`${__dirname}/api.json`, "utf8", async (err, data) => {
mdxContent += `:::\n`
}
}
- mdxContent += `\nimport { Tabs, TabItem } from "@astrojs/starlight/components";\nimport { LinkCard, CardGrid } from "@astrojs/starlight/components";
-\n `;
+ mdxContent += `\nimport { Tabs, TabItem } from "@astrojs/starlight/components";\nimport { LinkCard, CardGrid } from "@astrojs/starlight/components";\n`;
if (guidesAvailable[categoryKey]) {
mdxContent += "\n## \n";
mdxContent += `## ${name} Guides\n`;
@@ -129,9 +128,9 @@ fs.readFile(`${__dirname}/api.json`, "utf8", async (err, data) => {
href="/guides/${input}/"
/>\n\n`;
}
- mdxContent += "## \n";
+ mdxContent += "\n";
mdxContent += "## Functions\n";
- mdxContent += "## \n";
+ // mdxContent += "\n";
const functionGroups = {}; // Store functions grouped by name
categoryFunctions.forEach((func) => {
const functionName = func.name;
@@ -154,8 +153,8 @@ fs.readFile(`${__dirname}/api.json`, "utf8", async (err, data) => {
.join(" ");
const formattedLink = formattedFunctionName.toLowerCase().replace(/\s+/g, "-");
- const formattedGroupLink = `group-${formattedLink}`;
- mdxContent += `### [${formattedFunctionName}](#${formattedGroupLink})\n\n`;
+ const formattedGroupLink = `${formattedLink}`;
+ mdxContent += `\n### [${formattedFunctionName}](#${formattedGroupLink})\n\n`;
mdxContent += ":::note\n\n";
mdxContent += "This function is overloaded. The following versions exist:\n\n";
@@ -169,10 +168,10 @@ fs.readFile(`${__dirname}/api.json`, "utf8", async (err, data) => {
}
mdxContent += `${paramName}: ${paramType}, `;
}
- mdxContent += `)](/api/${input}/#${formattedLink.toLowerCase()}--${index + 1})\n`;
+ mdxContent += `)](/api/${input}/#${formattedLink.toLowerCase()}-${index + 1})\n`;
});
- mdxContent += "\n:::\n\n";
+ mdxContent += "\n:::\n";
}
overloads.forEach((func, index) => {
@@ -188,8 +187,8 @@ fs.readFile(`${__dirname}/api.json`, "utf8", async (err, data) => {
const formattedLink = formattedName3.toLowerCase().replace(/\s+/g, "-");
const formattedName = isOverloaded
- ? `#### [${functionName2}](#${formattedLink.toLowerCase()}--${index + 1})`
- : `### [${functionName2}](#${formattedLink})\n\n`;
+ ? `\n#### [${functionName2}](#${formattedLink.toLowerCase()}-${index + 1})\n`
+ : `\n### [${functionName2}](#${formattedLink})\n`;
// Replace type names in the description with formatted versions
@@ -202,22 +201,23 @@ fs.readFile(`${__dirname}/api.json`, "utf8", async (err, data) => {
);
}
- mdxContent += `${formattedName} \n`;
+ mdxContent += `${formattedName}\n`;
for (const names of functionNames) {
const normalName = names
.split("_")
.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
.join(" ");
const formattedLink = normalName.toLowerCase().replace(/\s+/g, "-");
- const link = `[\`${normalName}\`](/api/${input}/${formattedLink})`
+ const link = `[\`${normalName}\`](/api/${input}/#${formattedLink})`
description = description.replace(new RegExp(`\`\\b${names}\\b\``, "g"), link);
+ description = description.replaceAll("\n", " ");
}
mdxContent += description ? `${description}\n\n` : "";
// Add Parameters section only if there are parameters
if (Object.keys(func.parameters).length > 0) {
- mdxContent += "**Parameters**\n\n";
+ mdxContent += "**Parameters:**\n\n";
mdxContent +=
"| Name | Type | Description |\n";
mdxContent +=
@@ -242,8 +242,9 @@ fs.readFile(`${__dirname}/api.json`, "utf8", async (err, data) => {
.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
.join(" ");
const formattedLink = normalName.toLowerCase().replace(/\s+/g, "-");
- const link = `[\`${normalName}\`](/api/${input}/${formattedLink})`
+ const link = `[\`${normalName}\`](/api/${input}/#${formattedLink})`
description2 = description2.replace(new RegExp(`\`\\b${names}\\b\``, "g"), link);
+ description2 = description2.replaceAll("\n", " ");
}
mdxContent += `| ${paramName} | ${paramType} | ${description2} |\n`;
@@ -252,32 +253,32 @@ fs.readFile(`${__dirname}/api.json`, "utf8", async (err, data) => {
mdxContent += "\n";
}
if (func.return.type != 'void') {
- mdxContent += "**Return Type**\t - " + typeMappings[func.return.type] + " \n\n";
+ mdxContent += "**Return Type:** " + typeMappings[func.return.type] + "\n\n";
}
- mdxContent += "**Signatures**\n\n";
+ mdxContent += "**Signatures:**\n\n";
mdxContent += "\n";
// Reorder Code tabs
languageOrder.forEach((lang) => {
if (func.signatures[lang].length > 0 && func.signatures[lang] != undefined) {
- try{
-
- const code = (Array.isArray(func.signatures[lang]))? func.signatures[lang].join("\n") : func.signatures[lang];
- const languageLabel = languageLabelMappings[lang] || lang;
- mdxContent += ` \n`;
- mdxContent +=
- "```" + lang + "\n" + code + '\n```\n';
- mdxContent += " \n";
- } catch(e) {
- console.log(e+ " " + lang + " "+ func.name)
+ try {
+
+ const code = (Array.isArray(func.signatures[lang])) ? func.signatures[lang].join("\n") : func.signatures[lang];
+ const languageLabel = languageLabelMappings[lang] || lang;
+ mdxContent += ` \n`;
+ mdxContent +=
+ "\n```" + lang + "\n" + code + '\n```\n\n';
+ mdxContent += " \n";
+ } catch (e) {
+ console.log(e + " " + lang + " " + func.name)
}
}
});
- mdxContent += "\n\n";
- mdxContent += "---\n"; // Add --- after each function ends
+ mdxContent += "\n";
+ mdxContent += "\n---\n"; // Add --- after each function ends
});
}
@@ -291,7 +292,7 @@ fs.readFile(`${__dirname}/api.json`, "utf8", async (err, data) => {
if (sortedTypes.length > 0) {
// Add the Types section
- mdxContent += "## Types\n\n";
+ mdxContent += "\n## Types\n";
sortedTypes.forEach((type) => {
if (type.name != undefined) {
@@ -301,7 +302,9 @@ fs.readFile(`${__dirname}/api.json`, "utf8", async (err, data) => {
.join(" ");
const formattedTypeName = formattedName || `\`${type.name}\``;
- mdxContent += `### [${formattedTypeName}](#${type.name.toLowerCase()})\n\n`;
+ let formattedLinkName = type.name.toLowerCase();
+ formattedLinkName = formattedLinkName.replaceAll("_", "-");
+ mdxContent += `\n### [${formattedTypeName}](#${formattedLinkName})\n\n`;
let description = type.description || "";
for (const typeName in typeMappings) {
@@ -315,12 +318,12 @@ fs.readFile(`${__dirname}/api.json`, "utf8", async (err, data) => {
.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
.join(" ");
const formattedLink = normalName.toLowerCase().replace(/\s+/g, "-");
- const link = `[\`${normalName}\`](/api/${input}/${formattedLink})`
+ const link = `[\`${normalName}\`](/api/${input}/#${formattedLink})`
description = description.replace(new RegExp(`\`\\b${names}\\b\``, "g"), link);
}
- mdxContent += `${description}\n\n`;
+ // mdxContent += `${description}\n\n`;
// If it's a struct, add a table for its fields
if (type.fields) {
mdxContent +=
@@ -346,7 +349,7 @@ fs.readFile(`${__dirname}/api.json`, "utf8", async (err, data) => {
.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
.join(" ");
const formattedLink = normalName.toLowerCase().replace(/\s+/g, "-");
- const link = `[\`${normalName}\`](/api/${input}/${formattedLink})`
+ const link = `[\`${normalName}\`](/api/${input}/#${formattedLink})`
description = description.replace(new RegExp(`\`\\b${names}\\b\``, "g"), link);
}
@@ -383,10 +386,10 @@ fs.readFile(`${__dirname}/api.json`, "utf8", async (err, data) => {
.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
.join(" ");
const formattedLink = normalName.toLowerCase().replace(/\s+/g, "-");
- const link = `[\`${normalName}\`](/api/${input}/${formattedLink})`
+ const link = `[\`${normalName}\`](/api/${input}/#${formattedLink})`
description = description.replace(new RegExp(`\`\\b${names}\\b\``, "g"), link);
}
-
+ description = description.replaceAll("\n\n\n", "\n\n");
mdxContent += `${description}\n\n`;
mdxContent += `---\n`;
}
diff --git a/src/assets/usage-examples-code/animations/animation_count/README.md b/src/assets/usage-examples-code/animations/animation_count/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/animation_count/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/animation_current_cell/README.md b/src/assets/usage-examples-code/animations/animation_current_cell/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/animation_current_cell/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/animation_current_vector/README.md b/src/assets/usage-examples-code/animations/animation_current_vector/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/animation_current_vector/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/animation_ended/README.md b/src/assets/usage-examples-code/animations/animation_ended/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/animation_ended/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/animation_entered_frame/README.md b/src/assets/usage-examples-code/animations/animation_entered_frame/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/animation_entered_frame/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/animation_frame_time/README.md b/src/assets/usage-examples-code/animations/animation_frame_time/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/animation_frame_time/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/animation_index/README.md b/src/assets/usage-examples-code/animations/animation_index/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/animation_index/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/animation_name/README.md b/src/assets/usage-examples-code/animations/animation_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/animation_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/animation_script_name/README.md b/src/assets/usage-examples-code/animations/animation_script_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/animation_script_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/animation_script_named/README.md b/src/assets/usage-examples-code/animations/animation_script_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/animation_script_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/assign_animation/README.md b/src/assets/usage-examples-code/animations/assign_animation/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/assign_animation/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/assign_animation_index/README.md b/src/assets/usage-examples-code/animations/assign_animation_index/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/assign_animation_index/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/assign_animation_index_with_script/README.md b/src/assets/usage-examples-code/animations/assign_animation_index_with_script/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/assign_animation_index_with_script/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/assign_animation_index_with_script_and_sound/README.md b/src/assets/usage-examples-code/animations/assign_animation_index_with_script_and_sound/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/assign_animation_index_with_script_and_sound/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/assign_animation_index_with_sound/README.md b/src/assets/usage-examples-code/animations/assign_animation_index_with_sound/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/assign_animation_index_with_sound/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/assign_animation_with_script/README.md b/src/assets/usage-examples-code/animations/assign_animation_with_script/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/assign_animation_with_script/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/assign_animation_with_script_and_sound/README.md b/src/assets/usage-examples-code/animations/assign_animation_with_script_and_sound/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/assign_animation_with_script_and_sound/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/assign_animation_with_script_named/README.md b/src/assets/usage-examples-code/animations/assign_animation_with_script_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/assign_animation_with_script_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/assign_animation_with_script_named_and_sound/README.md b/src/assets/usage-examples-code/animations/assign_animation_with_script_named_and_sound/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/assign_animation_with_script_named_and_sound/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/assign_animation_with_sound/README.md b/src/assets/usage-examples-code/animations/assign_animation_with_sound/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/assign_animation_with_sound/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/create_animation/README.md b/src/assets/usage-examples-code/animations/create_animation/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/create_animation/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/create_animation_from_index_with_sound/README.md b/src/assets/usage-examples-code/animations/create_animation_from_index_with_sound/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/create_animation_from_index_with_sound/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/create_animation_from_script_named/README.md b/src/assets/usage-examples-code/animations/create_animation_from_script_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/create_animation_from_script_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/create_animation_from_script_named_with_sound/README.md b/src/assets/usage-examples-code/animations/create_animation_from_script_named_with_sound/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/create_animation_from_script_named_with_sound/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/create_animation_with_sound/README.md b/src/assets/usage-examples-code/animations/create_animation_with_sound/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/create_animation_with_sound/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/free_all_animation_scripts/README.md b/src/assets/usage-examples-code/animations/free_all_animation_scripts/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/free_all_animation_scripts/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/free_animation/README.md b/src/assets/usage-examples-code/animations/free_animation/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/free_animation/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/free_animation_script/README.md b/src/assets/usage-examples-code/animations/free_animation_script/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/free_animation_script/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/free_animation_script_with_name/README.md b/src/assets/usage-examples-code/animations/free_animation_script_with_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/free_animation_script_with_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/has_animation_named/README.md b/src/assets/usage-examples-code/animations/has_animation_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/has_animation_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/has_animation_script/README.md b/src/assets/usage-examples-code/animations/has_animation_script/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/has_animation_script/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/load_animation_script/README.md b/src/assets/usage-examples-code/animations/load_animation_script/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/load_animation_script/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/restart_animation/README.md b/src/assets/usage-examples-code/animations/restart_animation/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/restart_animation/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/restart_animation_with_sound/README.md b/src/assets/usage-examples-code/animations/restart_animation_with_sound/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/restart_animation_with_sound/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/update_animation/README.md b/src/assets/usage-examples-code/animations/update_animation/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/update_animation/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/update_animation_percent/README.md b/src/assets/usage-examples-code/animations/update_animation_percent/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/update_animation_percent/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/animations/update_animation_percent_with_sound/README.md b/src/assets/usage-examples-code/animations/update_animation_percent_with_sound/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/animations/update_animation_percent_with_sound/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/audio_ready/README.md b/src/assets/usage-examples-code/audio/audio_ready/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/audio_ready/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/close_audio/README.md b/src/assets/usage-examples-code/audio/close_audio/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/close_audio/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/fade_all_sound_effects_out/README.md b/src/assets/usage-examples-code/audio/fade_all_sound_effects_out/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/fade_all_sound_effects_out/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/fade_music_in/README.md b/src/assets/usage-examples-code/audio/fade_music_in/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/fade_music_in/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/fade_music_in_named/README.md b/src/assets/usage-examples-code/audio/fade_music_in_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/fade_music_in_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/fade_music_in_named_with_times/README.md b/src/assets/usage-examples-code/audio/fade_music_in_named_with_times/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/fade_music_in_named_with_times/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/fade_music_in_with_times/README.md b/src/assets/usage-examples-code/audio/fade_music_in_with_times/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/fade_music_in_with_times/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/fade_music_out/README.md b/src/assets/usage-examples-code/audio/fade_music_out/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/fade_music_out/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/fade_sound_effect_out/README.md b/src/assets/usage-examples-code/audio/fade_sound_effect_out/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/fade_sound_effect_out/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/free_all_music/README.md b/src/assets/usage-examples-code/audio/free_all_music/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/free_all_music/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/free_all_sound_effects/README.md b/src/assets/usage-examples-code/audio/free_all_sound_effects/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/free_all_sound_effects/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/free_music/README.md b/src/assets/usage-examples-code/audio/free_music/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/free_music/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/free_sound_effect/README.md b/src/assets/usage-examples-code/audio/free_sound_effect/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/free_sound_effect/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/has_music/README.md b/src/assets/usage-examples-code/audio/has_music/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/has_music/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/has_sound_effect/README.md b/src/assets/usage-examples-code/audio/has_sound_effect/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/has_sound_effect/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/load_music/README.md b/src/assets/usage-examples-code/audio/load_music/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/load_music/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/load_sound_effect/README.md b/src/assets/usage-examples-code/audio/load_sound_effect/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/load_sound_effect/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/music_filename/README.md b/src/assets/usage-examples-code/audio/music_filename/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/music_filename/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/music_name/README.md b/src/assets/usage-examples-code/audio/music_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/music_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/music_named/README.md b/src/assets/usage-examples-code/audio/music_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/music_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/music_playing/README.md b/src/assets/usage-examples-code/audio/music_playing/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/music_playing/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/music_valid/README.md b/src/assets/usage-examples-code/audio/music_valid/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/music_valid/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/music_volume/README.md b/src/assets/usage-examples-code/audio/music_volume/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/music_volume/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/open_audio/README.md b/src/assets/usage-examples-code/audio/open_audio/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/open_audio/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/pause_music/README.md b/src/assets/usage-examples-code/audio/pause_music/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/pause_music/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/play_music/README.md b/src/assets/usage-examples-code/audio/play_music/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/play_music/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/play_music_named/README.md b/src/assets/usage-examples-code/audio/play_music_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/play_music_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/play_music_named_with_times/README.md b/src/assets/usage-examples-code/audio/play_music_named_with_times/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/play_music_named_with_times/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/play_music_with_times/README.md b/src/assets/usage-examples-code/audio/play_music_with_times/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/play_music_with_times/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/play_music_with_times_and_volume/README.md b/src/assets/usage-examples-code/audio/play_music_with_times_and_volume/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/play_music_with_times_and_volume/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/play_sound_effect/README.md b/src/assets/usage-examples-code/audio/play_sound_effect/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/play_sound_effect/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/play_sound_effect_named/README.md b/src/assets/usage-examples-code/audio/play_sound_effect_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/play_sound_effect_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/play_sound_effect_named_with_times/README.md b/src/assets/usage-examples-code/audio/play_sound_effect_named_with_times/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/play_sound_effect_named_with_times/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/play_sound_effect_named_with_times_and_volume/README.md b/src/assets/usage-examples-code/audio/play_sound_effect_named_with_times_and_volume/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/play_sound_effect_named_with_times_and_volume/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/play_sound_effect_named_with_volume/README.md b/src/assets/usage-examples-code/audio/play_sound_effect_named_with_volume/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/play_sound_effect_named_with_volume/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/play_sound_effect_with_times/README.md b/src/assets/usage-examples-code/audio/play_sound_effect_with_times/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/play_sound_effect_with_times/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/play_sound_effect_with_times_and_volume/README.md b/src/assets/usage-examples-code/audio/play_sound_effect_with_times_and_volume/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/play_sound_effect_with_times_and_volume/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/play_sound_effect_with_volume/README.md b/src/assets/usage-examples-code/audio/play_sound_effect_with_volume/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/play_sound_effect_with_volume/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/resume_music/README.md b/src/assets/usage-examples-code/audio/resume_music/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/resume_music/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/set_music_volume/README.md b/src/assets/usage-examples-code/audio/set_music_volume/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/set_music_volume/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/sound_effect_filename/README.md b/src/assets/usage-examples-code/audio/sound_effect_filename/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/sound_effect_filename/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/sound_effect_name/README.md b/src/assets/usage-examples-code/audio/sound_effect_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/sound_effect_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/sound_effect_named/README.md b/src/assets/usage-examples-code/audio/sound_effect_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/sound_effect_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/sound_effect_playing/README.md b/src/assets/usage-examples-code/audio/sound_effect_playing/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/sound_effect_playing/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/sound_effect_playing_named/README.md b/src/assets/usage-examples-code/audio/sound_effect_playing_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/sound_effect_playing_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/sound_effect_valid/README.md b/src/assets/usage-examples-code/audio/sound_effect_valid/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/sound_effect_valid/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/stop_music/README.md b/src/assets/usage-examples-code/audio/stop_music/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/stop_music/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/stop_sound_effect/README.md b/src/assets/usage-examples-code/audio/stop_sound_effect/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/stop_sound_effect/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/audio/stop_sound_effect_named/README.md b/src/assets/usage-examples-code/audio/stop_sound_effect_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/audio/stop_sound_effect_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/camera_position/README.md b/src/assets/usage-examples-code/camera/camera_position/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/camera_position/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/camera_x/README.md b/src/assets/usage-examples-code/camera/camera_x/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/camera_x/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/camera_y/README.md b/src/assets/usage-examples-code/camera/camera_y/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/camera_y/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/center_camera_on/README.md b/src/assets/usage-examples-code/camera/center_camera_on/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/center_camera_on/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/center_camera_on_vector/README.md b/src/assets/usage-examples-code/camera/center_camera_on_vector/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/center_camera_on_vector/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/move_camera_by/README.md b/src/assets/usage-examples-code/camera/move_camera_by/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/move_camera_by/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/move_camera_by_vector/README.md b/src/assets/usage-examples-code/camera/move_camera_by_vector/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/move_camera_by_vector/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/move_camera_to/README.md b/src/assets/usage-examples-code/camera/move_camera_to/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/move_camera_to/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/move_camera_to_point/README.md b/src/assets/usage-examples-code/camera/move_camera_to_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/move_camera_to_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/point_in_window/README.md b/src/assets/usage-examples-code/camera/point_in_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/point_in_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/point_on_screen/README.md b/src/assets/usage-examples-code/camera/point_on_screen/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/point_on_screen/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/rect_in_window/README.md b/src/assets/usage-examples-code/camera/rect_in_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/rect_in_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/rect_on_screen/README.md b/src/assets/usage-examples-code/camera/rect_on_screen/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/rect_on_screen/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/screen_center/README.md b/src/assets/usage-examples-code/camera/screen_center/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/screen_center/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/screen_rectangle/README.md b/src/assets/usage-examples-code/camera/screen_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/screen_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/set_camera_position/README.md b/src/assets/usage-examples-code/camera/set_camera_position/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/set_camera_position/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/set_camera_x/README.md b/src/assets/usage-examples-code/camera/set_camera_x/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/set_camera_x/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/set_camera_y/README.md b/src/assets/usage-examples-code/camera/set_camera_y/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/set_camera_y/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/to_screen_point/README.md b/src/assets/usage-examples-code/camera/to_screen_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/to_screen_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/to_screen_rectangle/README.md b/src/assets/usage-examples-code/camera/to_screen_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/to_screen_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/to_screen_x/README.md b/src/assets/usage-examples-code/camera/to_screen_x/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/to_screen_x/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/to_screen_y/README.md b/src/assets/usage-examples-code/camera/to_screen_y/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/to_screen_y/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/to_world/README.md b/src/assets/usage-examples-code/camera/to_world/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/to_world/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/to_world_x/README.md b/src/assets/usage-examples-code/camera/to_world_x/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/to_world_x/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/to_world_y/README.md b/src/assets/usage-examples-code/camera/to_world_y/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/to_world_y/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/vector_world_to_screen/README.md b/src/assets/usage-examples-code/camera/vector_world_to_screen/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/vector_world_to_screen/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/camera/window_area/README.md b/src/assets/usage-examples-code/camera/window_area/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/camera/window_area/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/alpha_of/README.md b/src/assets/usage-examples-code/color/alpha_of/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/alpha_of/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/blue_of/README.md b/src/assets/usage-examples-code/color/blue_of/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/blue_of/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/brightness_of/README.md b/src/assets/usage-examples-code/color/brightness_of/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/brightness_of/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_alice_blue/README.md b/src/assets/usage-examples-code/color/color_alice_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_alice_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_antique_white/README.md b/src/assets/usage-examples-code/color/color_antique_white/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_antique_white/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_aqua/README.md b/src/assets/usage-examples-code/color/color_aqua/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_aqua/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_aquamarine/README.md b/src/assets/usage-examples-code/color/color_aquamarine/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_aquamarine/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_azure/README.md b/src/assets/usage-examples-code/color/color_azure/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_azure/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_beige/README.md b/src/assets/usage-examples-code/color/color_beige/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_beige/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_bisque/README.md b/src/assets/usage-examples-code/color/color_bisque/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_bisque/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_black/README.md b/src/assets/usage-examples-code/color/color_black/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_black/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_blanched_almond/README.md b/src/assets/usage-examples-code/color/color_blanched_almond/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_blanched_almond/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_blue/README.md b/src/assets/usage-examples-code/color/color_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_blue_violet/README.md b/src/assets/usage-examples-code/color/color_blue_violet/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_blue_violet/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_bright_green/README.md b/src/assets/usage-examples-code/color/color_bright_green/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_bright_green/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_brown/README.md b/src/assets/usage-examples-code/color/color_brown/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_brown/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_burly_wood/README.md b/src/assets/usage-examples-code/color/color_burly_wood/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_burly_wood/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_cadet_blue/README.md b/src/assets/usage-examples-code/color/color_cadet_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_cadet_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_chartreuse/README.md b/src/assets/usage-examples-code/color/color_chartreuse/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_chartreuse/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_chocolate/README.md b/src/assets/usage-examples-code/color/color_chocolate/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_chocolate/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_coral/README.md b/src/assets/usage-examples-code/color/color_coral/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_coral/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_cornflower_blue/README.md b/src/assets/usage-examples-code/color/color_cornflower_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_cornflower_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_cornsilk/README.md b/src/assets/usage-examples-code/color/color_cornsilk/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_cornsilk/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_crimson/README.md b/src/assets/usage-examples-code/color/color_crimson/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_crimson/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_cyan/README.md b/src/assets/usage-examples-code/color/color_cyan/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_cyan/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dark_blue/README.md b/src/assets/usage-examples-code/color/color_dark_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dark_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dark_cyan/README.md b/src/assets/usage-examples-code/color/color_dark_cyan/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dark_cyan/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dark_goldenrod/README.md b/src/assets/usage-examples-code/color/color_dark_goldenrod/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dark_goldenrod/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dark_gray/README.md b/src/assets/usage-examples-code/color/color_dark_gray/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dark_gray/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dark_green/README.md b/src/assets/usage-examples-code/color/color_dark_green/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dark_green/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dark_khaki/README.md b/src/assets/usage-examples-code/color/color_dark_khaki/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dark_khaki/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dark_magenta/README.md b/src/assets/usage-examples-code/color/color_dark_magenta/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dark_magenta/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dark_olive_green/README.md b/src/assets/usage-examples-code/color/color_dark_olive_green/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dark_olive_green/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dark_orange/README.md b/src/assets/usage-examples-code/color/color_dark_orange/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dark_orange/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dark_orchid/README.md b/src/assets/usage-examples-code/color/color_dark_orchid/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dark_orchid/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dark_red/README.md b/src/assets/usage-examples-code/color/color_dark_red/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dark_red/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dark_salmon/README.md b/src/assets/usage-examples-code/color/color_dark_salmon/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dark_salmon/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dark_sea_green/README.md b/src/assets/usage-examples-code/color/color_dark_sea_green/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dark_sea_green/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dark_slate_blue/README.md b/src/assets/usage-examples-code/color/color_dark_slate_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dark_slate_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dark_slate_gray/README.md b/src/assets/usage-examples-code/color/color_dark_slate_gray/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dark_slate_gray/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dark_turquoise/README.md b/src/assets/usage-examples-code/color/color_dark_turquoise/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dark_turquoise/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dark_violet/README.md b/src/assets/usage-examples-code/color/color_dark_violet/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dark_violet/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_deep_pink/README.md b/src/assets/usage-examples-code/color/color_deep_pink/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_deep_pink/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_deep_sky_blue/README.md b/src/assets/usage-examples-code/color/color_deep_sky_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_deep_sky_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dim_gray/README.md b/src/assets/usage-examples-code/color/color_dim_gray/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dim_gray/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_dodger_blue/README.md b/src/assets/usage-examples-code/color/color_dodger_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_dodger_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_firebrick/README.md b/src/assets/usage-examples-code/color/color_firebrick/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_firebrick/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_floral_white/README.md b/src/assets/usage-examples-code/color/color_floral_white/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_floral_white/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_forest_green/README.md b/src/assets/usage-examples-code/color/color_forest_green/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_forest_green/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_fuchsia/README.md b/src/assets/usage-examples-code/color/color_fuchsia/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_fuchsia/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_gainsboro/README.md b/src/assets/usage-examples-code/color/color_gainsboro/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_gainsboro/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_ghost_white/README.md b/src/assets/usage-examples-code/color/color_ghost_white/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_ghost_white/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_gold/README.md b/src/assets/usage-examples-code/color/color_gold/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_gold/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_goldenrod/README.md b/src/assets/usage-examples-code/color/color_goldenrod/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_goldenrod/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_gray/README.md b/src/assets/usage-examples-code/color/color_gray/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_gray/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_green/README.md b/src/assets/usage-examples-code/color/color_green/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_green/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_green_yellow/README.md b/src/assets/usage-examples-code/color/color_green_yellow/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_green_yellow/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_honeydew/README.md b/src/assets/usage-examples-code/color/color_honeydew/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_honeydew/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_hot_pink/README.md b/src/assets/usage-examples-code/color/color_hot_pink/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_hot_pink/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_indian_red/README.md b/src/assets/usage-examples-code/color/color_indian_red/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_indian_red/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_indigo/README.md b/src/assets/usage-examples-code/color/color_indigo/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_indigo/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_ivory/README.md b/src/assets/usage-examples-code/color/color_ivory/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_ivory/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_khaki/README.md b/src/assets/usage-examples-code/color/color_khaki/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_khaki/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_lavender/README.md b/src/assets/usage-examples-code/color/color_lavender/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_lavender/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_lavender_blush/README.md b/src/assets/usage-examples-code/color/color_lavender_blush/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_lavender_blush/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_lawn_green/README.md b/src/assets/usage-examples-code/color/color_lawn_green/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_lawn_green/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_lemon_chiffon/README.md b/src/assets/usage-examples-code/color/color_lemon_chiffon/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_lemon_chiffon/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_light_blue/README.md b/src/assets/usage-examples-code/color/color_light_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_light_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_light_coral/README.md b/src/assets/usage-examples-code/color/color_light_coral/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_light_coral/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_light_cyan/README.md b/src/assets/usage-examples-code/color/color_light_cyan/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_light_cyan/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_light_goldenrod_yellow/README.md b/src/assets/usage-examples-code/color/color_light_goldenrod_yellow/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_light_goldenrod_yellow/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_light_gray/README.md b/src/assets/usage-examples-code/color/color_light_gray/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_light_gray/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_light_green/README.md b/src/assets/usage-examples-code/color/color_light_green/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_light_green/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_light_pink/README.md b/src/assets/usage-examples-code/color/color_light_pink/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_light_pink/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_light_salmon/README.md b/src/assets/usage-examples-code/color/color_light_salmon/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_light_salmon/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_light_sea_green/README.md b/src/assets/usage-examples-code/color/color_light_sea_green/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_light_sea_green/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_light_sky_blue/README.md b/src/assets/usage-examples-code/color/color_light_sky_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_light_sky_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_light_slate_gray/README.md b/src/assets/usage-examples-code/color/color_light_slate_gray/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_light_slate_gray/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_light_steel_blue/README.md b/src/assets/usage-examples-code/color/color_light_steel_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_light_steel_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_light_yellow/README.md b/src/assets/usage-examples-code/color/color_light_yellow/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_light_yellow/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_lime/README.md b/src/assets/usage-examples-code/color/color_lime/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_lime/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_lime_green/README.md b/src/assets/usage-examples-code/color/color_lime_green/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_lime_green/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_linen/README.md b/src/assets/usage-examples-code/color/color_linen/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_linen/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_magenta/README.md b/src/assets/usage-examples-code/color/color_magenta/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_magenta/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_maroon/README.md b/src/assets/usage-examples-code/color/color_maroon/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_maroon/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_medium_aquamarine/README.md b/src/assets/usage-examples-code/color/color_medium_aquamarine/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_medium_aquamarine/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_medium_blue/README.md b/src/assets/usage-examples-code/color/color_medium_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_medium_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_medium_orchid/README.md b/src/assets/usage-examples-code/color/color_medium_orchid/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_medium_orchid/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_medium_purple/README.md b/src/assets/usage-examples-code/color/color_medium_purple/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_medium_purple/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_medium_sea_green/README.md b/src/assets/usage-examples-code/color/color_medium_sea_green/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_medium_sea_green/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_medium_slate_blue/README.md b/src/assets/usage-examples-code/color/color_medium_slate_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_medium_slate_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_medium_spring_green/README.md b/src/assets/usage-examples-code/color/color_medium_spring_green/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_medium_spring_green/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_medium_turquoise/README.md b/src/assets/usage-examples-code/color/color_medium_turquoise/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_medium_turquoise/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_medium_violet_red/README.md b/src/assets/usage-examples-code/color/color_medium_violet_red/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_medium_violet_red/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_midnight_blue/README.md b/src/assets/usage-examples-code/color/color_midnight_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_midnight_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_mint_cream/README.md b/src/assets/usage-examples-code/color/color_mint_cream/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_mint_cream/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_misty_rose/README.md b/src/assets/usage-examples-code/color/color_misty_rose/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_misty_rose/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_moccasin/README.md b/src/assets/usage-examples-code/color/color_moccasin/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_moccasin/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_navajo_white/README.md b/src/assets/usage-examples-code/color/color_navajo_white/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_navajo_white/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_navy/README.md b/src/assets/usage-examples-code/color/color_navy/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_navy/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_old_lace/README.md b/src/assets/usage-examples-code/color/color_old_lace/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_old_lace/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_olive/README.md b/src/assets/usage-examples-code/color/color_olive/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_olive/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_olive_drab/README.md b/src/assets/usage-examples-code/color/color_olive_drab/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_olive_drab/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_orange/README.md b/src/assets/usage-examples-code/color/color_orange/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_orange/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_orange_red/README.md b/src/assets/usage-examples-code/color/color_orange_red/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_orange_red/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_orchid/README.md b/src/assets/usage-examples-code/color/color_orchid/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_orchid/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_pale_goldenrod/README.md b/src/assets/usage-examples-code/color/color_pale_goldenrod/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_pale_goldenrod/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_pale_green/README.md b/src/assets/usage-examples-code/color/color_pale_green/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_pale_green/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_pale_turquoise/README.md b/src/assets/usage-examples-code/color/color_pale_turquoise/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_pale_turquoise/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_pale_violet_red/README.md b/src/assets/usage-examples-code/color/color_pale_violet_red/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_pale_violet_red/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_papaya_whip/README.md b/src/assets/usage-examples-code/color/color_papaya_whip/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_papaya_whip/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_peach_puff/README.md b/src/assets/usage-examples-code/color/color_peach_puff/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_peach_puff/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_peru/README.md b/src/assets/usage-examples-code/color/color_peru/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_peru/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_pink/README.md b/src/assets/usage-examples-code/color/color_pink/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_pink/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_plum/README.md b/src/assets/usage-examples-code/color/color_plum/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_plum/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_powder_blue/README.md b/src/assets/usage-examples-code/color/color_powder_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_powder_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_purple/README.md b/src/assets/usage-examples-code/color/color_purple/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_purple/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_red/README.md b/src/assets/usage-examples-code/color/color_red/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_red/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_rosy_brown/README.md b/src/assets/usage-examples-code/color/color_rosy_brown/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_rosy_brown/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_royal_blue/README.md b/src/assets/usage-examples-code/color/color_royal_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_royal_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_saddle_brown/README.md b/src/assets/usage-examples-code/color/color_saddle_brown/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_saddle_brown/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_salmon/README.md b/src/assets/usage-examples-code/color/color_salmon/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_salmon/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_sandy_brown/README.md b/src/assets/usage-examples-code/color/color_sandy_brown/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_sandy_brown/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_sea_green/README.md b/src/assets/usage-examples-code/color/color_sea_green/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_sea_green/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_sea_shell/README.md b/src/assets/usage-examples-code/color/color_sea_shell/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_sea_shell/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_sienna/README.md b/src/assets/usage-examples-code/color/color_sienna/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_sienna/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_silver/README.md b/src/assets/usage-examples-code/color/color_silver/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_silver/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_sky_blue/README.md b/src/assets/usage-examples-code/color/color_sky_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_sky_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_slate_blue/README.md b/src/assets/usage-examples-code/color/color_slate_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_slate_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_slate_gray/README.md b/src/assets/usage-examples-code/color/color_slate_gray/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_slate_gray/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_snow/README.md b/src/assets/usage-examples-code/color/color_snow/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_snow/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_spring_green/README.md b/src/assets/usage-examples-code/color/color_spring_green/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_spring_green/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_steel_blue/README.md b/src/assets/usage-examples-code/color/color_steel_blue/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_steel_blue/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_swinburne_red/README.md b/src/assets/usage-examples-code/color/color_swinburne_red/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_swinburne_red/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_tan/README.md b/src/assets/usage-examples-code/color/color_tan/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_tan/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_teal/README.md b/src/assets/usage-examples-code/color/color_teal/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_teal/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_thistle/README.md b/src/assets/usage-examples-code/color/color_thistle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_thistle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_to_string/README.md b/src/assets/usage-examples-code/color/color_to_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_to_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_tomato/README.md b/src/assets/usage-examples-code/color/color_tomato/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_tomato/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_transparent/README.md b/src/assets/usage-examples-code/color/color_transparent/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_transparent/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_turquoise/README.md b/src/assets/usage-examples-code/color/color_turquoise/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_turquoise/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_violet/README.md b/src/assets/usage-examples-code/color/color_violet/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_violet/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_wheat/README.md b/src/assets/usage-examples-code/color/color_wheat/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_wheat/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_white/README.md b/src/assets/usage-examples-code/color/color_white/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_white/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_white_smoke/README.md b/src/assets/usage-examples-code/color/color_white_smoke/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_white_smoke/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_yellow/README.md b/src/assets/usage-examples-code/color/color_yellow/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_yellow/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/color_yellow_green/README.md b/src/assets/usage-examples-code/color/color_yellow_green/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/color_yellow_green/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/green_of/README.md b/src/assets/usage-examples-code/color/green_of/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/green_of/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/hsb_color/README.md b/src/assets/usage-examples-code/color/hsb_color/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/hsb_color/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/hue_of/README.md b/src/assets/usage-examples-code/color/hue_of/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/hue_of/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/random_color/README.md b/src/assets/usage-examples-code/color/random_color/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/random_color/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/random_rgb_color/README.md b/src/assets/usage-examples-code/color/random_rgb_color/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/random_rgb_color/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/red_of/README.md b/src/assets/usage-examples-code/color/red_of/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/red_of/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/rgb_color/README.md b/src/assets/usage-examples-code/color/rgb_color/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/rgb_color/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/rgb_color_from_double/README.md b/src/assets/usage-examples-code/color/rgb_color_from_double/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/rgb_color_from_double/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/rgba_color/README.md b/src/assets/usage-examples-code/color/rgba_color/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/rgba_color/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/rgba_color_from_double/README.md b/src/assets/usage-examples-code/color/rgba_color_from_double/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/rgba_color_from_double/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/saturation_of/README.md b/src/assets/usage-examples-code/color/saturation_of/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/saturation_of/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/color/string_to_color/README.md b/src/assets/usage-examples-code/color/string_to_color/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/color/string_to_color/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/center_point/README.md b/src/assets/usage-examples-code/geometry/center_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/center_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/circle_at/README.md b/src/assets/usage-examples-code/geometry/circle_at/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/circle_at/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/circle_at_from_points/README.md b/src/assets/usage-examples-code/geometry/circle_at_from_points/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/circle_at_from_points/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/circle_radius/README.md b/src/assets/usage-examples-code/geometry/circle_radius/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/circle_radius/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/circle_x/README.md b/src/assets/usage-examples-code/geometry/circle_x/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/circle_x/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/circle_y/README.md b/src/assets/usage-examples-code/geometry/circle_y/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/circle_y/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/circles_intersect/README.md b/src/assets/usage-examples-code/geometry/circles_intersect/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/circles_intersect/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/circles_intersect_using_values/README.md b/src/assets/usage-examples-code/geometry/circles_intersect_using_values/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/circles_intersect_using_values/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/closest_point_on_circle/README.md b/src/assets/usage-examples-code/geometry/closest_point_on_circle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/closest_point_on_circle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/closest_point_on_line/README.md b/src/assets/usage-examples-code/geometry/closest_point_on_line/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/closest_point_on_line/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/closest_point_on_line_from_circle/README.md b/src/assets/usage-examples-code/geometry/closest_point_on_line_from_circle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/closest_point_on_line_from_circle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/closest_point_on_lines/README.md b/src/assets/usage-examples-code/geometry/closest_point_on_lines/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/closest_point_on_lines/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/closest_point_on_rect_from_circle/README.md b/src/assets/usage-examples-code/geometry/closest_point_on_rect_from_circle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/closest_point_on_rect_from_circle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/cosine/README.md b/src/assets/usage-examples-code/geometry/cosine/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/cosine/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/distant_point_on_circle/README.md b/src/assets/usage-examples-code/geometry/distant_point_on_circle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/distant_point_on_circle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/distant_point_on_circle_heading/README.md b/src/assets/usage-examples-code/geometry/distant_point_on_circle_heading/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/distant_point_on_circle_heading/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/inset_rectangle/README.md b/src/assets/usage-examples-code/geometry/inset_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/inset_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/intersection/README.md b/src/assets/usage-examples-code/geometry/intersection/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/intersection/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/line_from/README.md b/src/assets/usage-examples-code/geometry/line_from/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/line_from/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/line_from_point_to_point/README.md b/src/assets/usage-examples-code/geometry/line_from_point_to_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/line_from_point_to_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/line_from_start_with_offset/README.md b/src/assets/usage-examples-code/geometry/line_from_start_with_offset/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/line_from_start_with_offset/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/line_from_vector/README.md b/src/assets/usage-examples-code/geometry/line_from_vector/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/line_from_vector/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/line_intersection_point/README.md b/src/assets/usage-examples-code/geometry/line_intersection_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/line_intersection_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/line_intersects_circle/README.md b/src/assets/usage-examples-code/geometry/line_intersects_circle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/line_intersects_circle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/line_intersects_lines/README.md b/src/assets/usage-examples-code/geometry/line_intersects_lines/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/line_intersects_lines/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/line_intersects_rect/README.md b/src/assets/usage-examples-code/geometry/line_intersects_rect/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/line_intersects_rect/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/line_length/README.md b/src/assets/usage-examples-code/geometry/line_length/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/line_length/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/line_length_squared/README.md b/src/assets/usage-examples-code/geometry/line_length_squared/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/line_length_squared/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/line_mid_point/README.md b/src/assets/usage-examples-code/geometry/line_mid_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/line_mid_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/line_normal/README.md b/src/assets/usage-examples-code/geometry/line_normal/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/line_normal/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/line_to_string/README.md b/src/assets/usage-examples-code/geometry/line_to_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/line_to_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/lines_from_rectangle/README.md b/src/assets/usage-examples-code/geometry/lines_from_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/lines_from_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/lines_from_triangle/README.md b/src/assets/usage-examples-code/geometry/lines_from_triangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/lines_from_triangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/lines_intersect/README.md b/src/assets/usage-examples-code/geometry/lines_intersect/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/lines_intersect/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/point_at/README.md b/src/assets/usage-examples-code/geometry/point_at/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/point_at/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/point_at_origin/README.md b/src/assets/usage-examples-code/geometry/point_at_origin/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/point_at_origin/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/point_in_circle/README.md b/src/assets/usage-examples-code/geometry/point_in_circle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/point_in_circle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/point_in_circle_with_values/README.md b/src/assets/usage-examples-code/geometry/point_in_circle_with_values/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/point_in_circle_with_values/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/point_in_quad/README.md b/src/assets/usage-examples-code/geometry/point_in_quad/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/point_in_quad/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/point_in_rectangle/README.md b/src/assets/usage-examples-code/geometry/point_in_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/point_in_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/point_in_rectangle_with_values/README.md b/src/assets/usage-examples-code/geometry/point_in_rectangle_with_values/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/point_in_rectangle_with_values/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/point_in_triangle/README.md b/src/assets/usage-examples-code/geometry/point_in_triangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/point_in_triangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/point_line_distance/README.md b/src/assets/usage-examples-code/geometry/point_line_distance/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/point_line_distance/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/point_offset_by/README.md b/src/assets/usage-examples-code/geometry/point_offset_by/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/point_offset_by/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/point_offset_from_origin/README.md b/src/assets/usage-examples-code/geometry/point_offset_from_origin/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/point_offset_from_origin/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/point_on_line/README.md b/src/assets/usage-examples-code/geometry/point_on_line/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/point_on_line/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/point_on_line_with_proximity/README.md b/src/assets/usage-examples-code/geometry/point_on_line_with_proximity/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/point_on_line_with_proximity/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/point_point_angle/README.md b/src/assets/usage-examples-code/geometry/point_point_angle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/point_point_angle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/point_point_distance/README.md b/src/assets/usage-examples-code/geometry/point_point_distance/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/point_point_distance/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/point_to_string/README.md b/src/assets/usage-examples-code/geometry/point_to_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/point_to_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/quad_from/README.md b/src/assets/usage-examples-code/geometry/quad_from/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/quad_from/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/quad_from_points/README.md b/src/assets/usage-examples-code/geometry/quad_from_points/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/quad_from_points/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/quad_from_rectangle/README.md b/src/assets/usage-examples-code/geometry/quad_from_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/quad_from_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/quad_from_rectangle_with_transformation/README.md b/src/assets/usage-examples-code/geometry/quad_from_rectangle_with_transformation/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/quad_from_rectangle_with_transformation/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/quads_intersect/README.md b/src/assets/usage-examples-code/geometry/quads_intersect/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/quads_intersect/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/random_bitmap_point/README.md b/src/assets/usage-examples-code/geometry/random_bitmap_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/random_bitmap_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/random_screen_point/README.md b/src/assets/usage-examples-code/geometry/random_screen_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/random_screen_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/random_window_point/README.md b/src/assets/usage-examples-code/geometry/random_window_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/random_window_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/ray_circle_intersect_distance/README.md b/src/assets/usage-examples-code/geometry/ray_circle_intersect_distance/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/ray_circle_intersect_distance/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/rectangle_around_circle/README.md b/src/assets/usage-examples-code/geometry/rectangle_around_circle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/rectangle_around_circle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/rectangle_around_line/README.md b/src/assets/usage-examples-code/geometry/rectangle_around_line/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/rectangle_around_line/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/rectangle_around_quad/README.md b/src/assets/usage-examples-code/geometry/rectangle_around_quad/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/rectangle_around_quad/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/rectangle_around_triangle/README.md b/src/assets/usage-examples-code/geometry/rectangle_around_triangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/rectangle_around_triangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/rectangle_bottom/README.md b/src/assets/usage-examples-code/geometry/rectangle_bottom/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/rectangle_bottom/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/rectangle_center/README.md b/src/assets/usage-examples-code/geometry/rectangle_center/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/rectangle_center/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/rectangle_from/README.md b/src/assets/usage-examples-code/geometry/rectangle_from/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/rectangle_from/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/rectangle_from_point_and_size/README.md b/src/assets/usage-examples-code/geometry/rectangle_from_point_and_size/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/rectangle_from_point_and_size/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/rectangle_from_points/README.md b/src/assets/usage-examples-code/geometry/rectangle_from_points/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/rectangle_from_points/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/rectangle_left/README.md b/src/assets/usage-examples-code/geometry/rectangle_left/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/rectangle_left/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/rectangle_offset_by/README.md b/src/assets/usage-examples-code/geometry/rectangle_offset_by/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/rectangle_offset_by/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/rectangle_right/README.md b/src/assets/usage-examples-code/geometry/rectangle_right/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/rectangle_right/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/rectangle_to_string/README.md b/src/assets/usage-examples-code/geometry/rectangle_to_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/rectangle_to_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/rectangle_top/README.md b/src/assets/usage-examples-code/geometry/rectangle_top/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/rectangle_top/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/rectangles_intersect/README.md b/src/assets/usage-examples-code/geometry/rectangles_intersect/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/rectangles_intersect/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/same_point/README.md b/src/assets/usage-examples-code/geometry/same_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/same_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/set_quad_point/README.md b/src/assets/usage-examples-code/geometry/set_quad_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/set_quad_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/sine/README.md b/src/assets/usage-examples-code/geometry/sine/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/sine/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/tangent/README.md b/src/assets/usage-examples-code/geometry/tangent/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/tangent/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/tangent_points/README.md b/src/assets/usage-examples-code/geometry/tangent_points/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/tangent_points/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/triangle_barycenter/README.md b/src/assets/usage-examples-code/geometry/triangle_barycenter/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/triangle_barycenter/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/triangle_from/README.md b/src/assets/usage-examples-code/geometry/triangle_from/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/triangle_from/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/triangle_from__from_coordinates/README.md b/src/assets/usage-examples-code/geometry/triangle_from__from_coordinates/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/triangle_from__from_coordinates/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/triangle_rectangle_intersect/README.md b/src/assets/usage-examples-code/geometry/triangle_rectangle_intersect/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/triangle_rectangle_intersect/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/triangle_to_string/README.md b/src/assets/usage-examples-code/geometry/triangle_to_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/triangle_to_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/triangles_from/README.md b/src/assets/usage-examples-code/geometry/triangles_from/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/triangles_from/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/triangles_intersect/README.md b/src/assets/usage-examples-code/geometry/triangles_intersect/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/triangles_intersect/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/geometry/widest_points/README.md b/src/assets/usage-examples-code/geometry/widest_points/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/geometry/widest_points/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_bounding_circle/README.md b/src/assets/usage-examples-code/graphics/bitmap_bounding_circle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_bounding_circle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_bounding_rectangle/README.md b/src/assets/usage-examples-code/graphics/bitmap_bounding_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_bounding_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_bounding_rectangle_at_location/README.md b/src/assets/usage-examples-code/graphics/bitmap_bounding_rectangle_at_location/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_bounding_rectangle_at_location/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_cell_center/README.md b/src/assets/usage-examples-code/graphics/bitmap_cell_center/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_cell_center/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_cell_circle/README.md b/src/assets/usage-examples-code/graphics/bitmap_cell_circle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_cell_circle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_cell_circle_at_point/README.md b/src/assets/usage-examples-code/graphics/bitmap_cell_circle_at_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_cell_circle_at_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_cell_circle_at_point_with_scale/README.md b/src/assets/usage-examples-code/graphics/bitmap_cell_circle_at_point_with_scale/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_cell_circle_at_point_with_scale/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_cell_columns/README.md b/src/assets/usage-examples-code/graphics/bitmap_cell_columns/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_cell_columns/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_cell_count/README.md b/src/assets/usage-examples-code/graphics/bitmap_cell_count/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_cell_count/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_cell_height/README.md b/src/assets/usage-examples-code/graphics/bitmap_cell_height/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_cell_height/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_cell_offset/README.md b/src/assets/usage-examples-code/graphics/bitmap_cell_offset/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_cell_offset/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_cell_rectangle/README.md b/src/assets/usage-examples-code/graphics/bitmap_cell_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_cell_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_cell_rectangle_at_point/README.md b/src/assets/usage-examples-code/graphics/bitmap_cell_rectangle_at_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_cell_rectangle_at_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_cell_rows/README.md b/src/assets/usage-examples-code/graphics/bitmap_cell_rows/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_cell_rows/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_cell_width/README.md b/src/assets/usage-examples-code/graphics/bitmap_cell_width/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_cell_width/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_center/README.md b/src/assets/usage-examples-code/graphics/bitmap_center/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_center/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_filename/README.md b/src/assets/usage-examples-code/graphics/bitmap_filename/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_filename/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_height/README.md b/src/assets/usage-examples-code/graphics/bitmap_height/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_height/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_height_of_bitmap_named/README.md b/src/assets/usage-examples-code/graphics/bitmap_height_of_bitmap_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_height_of_bitmap_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_name/README.md b/src/assets/usage-examples-code/graphics/bitmap_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_named/README.md b/src/assets/usage-examples-code/graphics/bitmap_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_rectangle_of_cell/README.md b/src/assets/usage-examples-code/graphics/bitmap_rectangle_of_cell/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_rectangle_of_cell/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_set_cell_details/README.md b/src/assets/usage-examples-code/graphics/bitmap_set_cell_details/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_set_cell_details/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_valid/README.md b/src/assets/usage-examples-code/graphics/bitmap_valid/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_valid/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_width/README.md b/src/assets/usage-examples-code/graphics/bitmap_width/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_width/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/bitmap_width_of_bitmap_named/README.md b/src/assets/usage-examples-code/graphics/bitmap_width_of_bitmap_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/bitmap_width_of_bitmap_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/clear_bitmap/README.md b/src/assets/usage-examples-code/graphics/clear_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/clear_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/clear_bitmap_named/README.md b/src/assets/usage-examples-code/graphics/clear_bitmap_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/clear_bitmap_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/clear_screen/README.md b/src/assets/usage-examples-code/graphics/clear_screen/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/clear_screen/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/clear_screen_to_white/README.md b/src/assets/usage-examples-code/graphics/clear_screen_to_white/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/clear_screen_to_white/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/create_bitmap/README.md b/src/assets/usage-examples-code/graphics/create_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/create_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/current_clip/README.md b/src/assets/usage-examples-code/graphics/current_clip/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/current_clip/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/current_clip_for_bitmap/README.md b/src/assets/usage-examples-code/graphics/current_clip_for_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/current_clip_for_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/current_clip_for_window/README.md b/src/assets/usage-examples-code/graphics/current_clip_for_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/current_clip_for_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/display_details/README.md b/src/assets/usage-examples-code/graphics/display_details/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/display_details/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/display_height/README.md b/src/assets/usage-examples-code/graphics/display_height/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/display_height/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/display_name/README.md b/src/assets/usage-examples-code/graphics/display_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/display_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/display_width/README.md b/src/assets/usage-examples-code/graphics/display_width/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/display_width/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/display_x/README.md b/src/assets/usage-examples-code/graphics/display_x/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/display_x/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/display_y/README.md b/src/assets/usage-examples-code/graphics/display_y/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/display_y/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_bitmap/README.md b/src/assets/usage-examples-code/graphics/draw_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_bitmap_named/README.md b/src/assets/usage-examples-code/graphics/draw_bitmap_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_bitmap_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_bitmap_named_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_bitmap_named_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_bitmap_named_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_bitmap_on_bitmap_on_bitmap/README.md b/src/assets/usage-examples-code/graphics/draw_bitmap_on_bitmap_on_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_bitmap_on_bitmap_on_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_bitmap_on_bitmap_on_bitmap_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_bitmap_on_bitmap_on_bitmap_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_bitmap_on_bitmap_on_bitmap_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_bitmap_on_window/README.md b/src/assets/usage-examples-code/graphics/draw_bitmap_on_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_bitmap_on_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_bitmap_on_window_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_bitmap_on_window_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_bitmap_on_window_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_bitmap_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_bitmap_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_bitmap_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_circle/README.md b/src/assets/usage-examples-code/graphics/draw_circle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_circle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_circle_on_bitmap/README.md b/src/assets/usage-examples-code/graphics/draw_circle_on_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_circle_on_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_circle_on_bitmap_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_circle_on_bitmap_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_circle_on_bitmap_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_circle_on_window/README.md b/src/assets/usage-examples-code/graphics/draw_circle_on_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_circle_on_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_circle_on_window_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_circle_on_window_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_circle_on_window_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_circle_record/README.md b/src/assets/usage-examples-code/graphics/draw_circle_record/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_circle_record/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_circle_record_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_circle_record_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_circle_record_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_circle_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_circle_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_circle_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_ellipse/README.md b/src/assets/usage-examples-code/graphics/draw_ellipse/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_ellipse/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_ellipse_on_bitmap/README.md b/src/assets/usage-examples-code/graphics/draw_ellipse_on_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_ellipse_on_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_ellipse_on_bitmap_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_ellipse_on_bitmap_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_ellipse_on_bitmap_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_ellipse_on_bitmap_within_rectangle/README.md b/src/assets/usage-examples-code/graphics/draw_ellipse_on_bitmap_within_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_ellipse_on_bitmap_within_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_ellipse_on_bitmap_within_rectangle_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_ellipse_on_bitmap_within_rectangle_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_ellipse_on_bitmap_within_rectangle_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_ellipse_on_window/README.md b/src/assets/usage-examples-code/graphics/draw_ellipse_on_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_ellipse_on_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_ellipse_on_window_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_ellipse_on_window_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_ellipse_on_window_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_ellipse_on_window_within_rectangle/README.md b/src/assets/usage-examples-code/graphics/draw_ellipse_on_window_within_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_ellipse_on_window_within_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_ellipse_on_window_within_rectangle_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_ellipse_on_window_within_rectangle_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_ellipse_on_window_within_rectangle_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_ellipse_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_ellipse_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_ellipse_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_ellipse_within_rectangle/README.md b/src/assets/usage-examples-code/graphics/draw_ellipse_within_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_ellipse_within_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_ellipse_within_rectangle_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_ellipse_within_rectangle_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_ellipse_within_rectangle_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_line/README.md b/src/assets/usage-examples-code/graphics/draw_line/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_line/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_line_on_bitmap/README.md b/src/assets/usage-examples-code/graphics/draw_line_on_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_line_on_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_line_on_bitmap_point_to_point/README.md b/src/assets/usage-examples-code/graphics/draw_line_on_bitmap_point_to_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_line_on_bitmap_point_to_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_line_on_bitmap_point_to_point_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_line_on_bitmap_point_to_point_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_line_on_bitmap_point_to_point_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_line_on_bitmap_record/README.md b/src/assets/usage-examples-code/graphics/draw_line_on_bitmap_record/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_line_on_bitmap_record/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_line_on_bitmap_record_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_line_on_bitmap_record_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_line_on_bitmap_record_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_line_on_bitmap_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_line_on_bitmap_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_line_on_bitmap_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_line_on_window/README.md b/src/assets/usage-examples-code/graphics/draw_line_on_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_line_on_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_line_on_window_point_to_point/README.md b/src/assets/usage-examples-code/graphics/draw_line_on_window_point_to_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_line_on_window_point_to_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_line_on_window_point_to_point_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_line_on_window_point_to_point_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_line_on_window_point_to_point_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_line_on_window_record/README.md b/src/assets/usage-examples-code/graphics/draw_line_on_window_record/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_line_on_window_record/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_line_on_window_record_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_line_on_window_record_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_line_on_window_record_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_line_on_window_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_line_on_window_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_line_on_window_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_line_point_to_point/README.md b/src/assets/usage-examples-code/graphics/draw_line_point_to_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_line_point_to_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_line_point_to_point_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_line_point_to_point_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_line_point_to_point_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_line_record/README.md b/src/assets/usage-examples-code/graphics/draw_line_record/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_line_record/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_line_record_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_line_record_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_line_record_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_line_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_line_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_line_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_pixel/README.md b/src/assets/usage-examples-code/graphics/draw_pixel/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_pixel/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_pixel_at_point/README.md b/src/assets/usage-examples-code/graphics/draw_pixel_at_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_pixel_at_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_pixel_at_point_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_pixel_at_point_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_pixel_at_point_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_pixel_on_bitmap/README.md b/src/assets/usage-examples-code/graphics/draw_pixel_on_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_pixel_on_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_pixel_on_bitmap_at_point/README.md b/src/assets/usage-examples-code/graphics/draw_pixel_on_bitmap_at_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_pixel_on_bitmap_at_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_pixel_on_bitmap_at_point_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_pixel_on_bitmap_at_point_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_pixel_on_bitmap_at_point_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_pixel_on_bitmap_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_pixel_on_bitmap_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_pixel_on_bitmap_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_pixel_on_window/README.md b/src/assets/usage-examples-code/graphics/draw_pixel_on_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_pixel_on_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_pixel_on_window_at_point/README.md b/src/assets/usage-examples-code/graphics/draw_pixel_on_window_at_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_pixel_on_window_at_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_pixel_on_window_at_point_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_pixel_on_window_at_point_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_pixel_on_window_at_point_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_pixel_on_window_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_pixel_on_window_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_pixel_on_window_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_pixel_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_pixel_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_pixel_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_quad/README.md b/src/assets/usage-examples-code/graphics/draw_quad/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_quad/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_quad_on_bitmap/README.md b/src/assets/usage-examples-code/graphics/draw_quad_on_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_quad_on_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_quad_on_bitmap_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_quad_on_bitmap_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_quad_on_bitmap_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_quad_on_window/README.md b/src/assets/usage-examples-code/graphics/draw_quad_on_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_quad_on_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_quad_on_window_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_quad_on_window_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_quad_on_window_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_quad_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_quad_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_quad_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_rectangle/README.md b/src/assets/usage-examples-code/graphics/draw_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_rectangle_on_bitmap/README.md b/src/assets/usage-examples-code/graphics/draw_rectangle_on_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_rectangle_on_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_rectangle_on_bitmap_record/README.md b/src/assets/usage-examples-code/graphics/draw_rectangle_on_bitmap_record/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_rectangle_on_bitmap_record/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_rectangle_on_bitmap_record_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_rectangle_on_bitmap_record_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_rectangle_on_bitmap_record_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_rectangle_on_bitmap_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_rectangle_on_bitmap_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_rectangle_on_bitmap_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_rectangle_on_window/README.md b/src/assets/usage-examples-code/graphics/draw_rectangle_on_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_rectangle_on_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_rectangle_on_window_record/README.md b/src/assets/usage-examples-code/graphics/draw_rectangle_on_window_record/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_rectangle_on_window_record/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_rectangle_on_window_record_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_rectangle_on_window_record_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_rectangle_on_window_record_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_rectangle_on_window_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_rectangle_on_window_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_rectangle_on_window_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_rectangle_record/README.md b/src/assets/usage-examples-code/graphics/draw_rectangle_record/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_rectangle_record/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_rectangle_record_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_rectangle_record_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_rectangle_record_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_rectangle_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_rectangle_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_rectangle_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_text/README.md b/src/assets/usage-examples-code/graphics/draw_text/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_text/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_text_font_as_string/README.md b/src/assets/usage-examples-code/graphics/draw_text_font_as_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_text_font_as_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_text_no_font_no_size/README.md b/src/assets/usage-examples-code/graphics/draw_text_no_font_no_size/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_text_no_font_no_size/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_text_no_font_no_size_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_text_no_font_no_size_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_text_no_font_no_size_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_text_on_bitmap/README.md b/src/assets/usage-examples-code/graphics/draw_text_on_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_text_on_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_text_on_bitmap_font_as_string/README.md b/src/assets/usage-examples-code/graphics/draw_text_on_bitmap_font_as_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_text_on_bitmap_font_as_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_text_on_bitmap_no_font_no_size/README.md b/src/assets/usage-examples-code/graphics/draw_text_on_bitmap_no_font_no_size/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_text_on_bitmap_no_font_no_size/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_text_on_bitmap_no_font_no_size_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_text_on_bitmap_no_font_no_size_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_text_on_bitmap_no_font_no_size_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_text_on_bitmap_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_text_on_bitmap_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_text_on_bitmap_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_text_on_bitmap_with_options_font_as_string/README.md b/src/assets/usage-examples-code/graphics/draw_text_on_bitmap_with_options_font_as_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_text_on_bitmap_with_options_font_as_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_text_on_window/README.md b/src/assets/usage-examples-code/graphics/draw_text_on_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_text_on_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_text_on_window_font_as_string/README.md b/src/assets/usage-examples-code/graphics/draw_text_on_window_font_as_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_text_on_window_font_as_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_text_on_window_no_font_no_size/README.md b/src/assets/usage-examples-code/graphics/draw_text_on_window_no_font_no_size/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_text_on_window_no_font_no_size/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_text_on_window_no_font_no_size_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_text_on_window_no_font_no_size_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_text_on_window_no_font_no_size_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_text_on_window_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_text_on_window_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_text_on_window_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_text_on_window_with_options_font_as_string/README.md b/src/assets/usage-examples-code/graphics/draw_text_on_window_with_options_font_as_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_text_on_window_with_options_font_as_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_text_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_text_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_text_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_text_with_options_font_as_string/README.md b/src/assets/usage-examples-code/graphics/draw_text_with_options_font_as_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_text_with_options_font_as_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_triangle/README.md b/src/assets/usage-examples-code/graphics/draw_triangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_triangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_triangle_on_bitmap/README.md b/src/assets/usage-examples-code/graphics/draw_triangle_on_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_triangle_on_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_triangle_on_bitmap_record/README.md b/src/assets/usage-examples-code/graphics/draw_triangle_on_bitmap_record/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_triangle_on_bitmap_record/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_triangle_on_bitmap_record_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_triangle_on_bitmap_record_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_triangle_on_bitmap_record_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_triangle_on_bitmap_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_triangle_on_bitmap_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_triangle_on_bitmap_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_triangle_on_window/README.md b/src/assets/usage-examples-code/graphics/draw_triangle_on_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_triangle_on_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_triangle_on_window_record/README.md b/src/assets/usage-examples-code/graphics/draw_triangle_on_window_record/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_triangle_on_window_record/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_triangle_on_window_record_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_triangle_on_window_record_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_triangle_on_window_record_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_triangle_on_window_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_triangle_on_window_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_triangle_on_window_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_triangle_record/README.md b/src/assets/usage-examples-code/graphics/draw_triangle_record/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_triangle_record/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_triangle_record_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_triangle_record_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_triangle_record_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/draw_triangle_with_options/README.md b/src/assets/usage-examples-code/graphics/draw_triangle_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/draw_triangle_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_circle/README.md b/src/assets/usage-examples-code/graphics/fill_circle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_circle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_circle_on_bitmap/README.md b/src/assets/usage-examples-code/graphics/fill_circle_on_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_circle_on_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_circle_on_bitmap_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_circle_on_bitmap_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_circle_on_bitmap_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_circle_on_window/README.md b/src/assets/usage-examples-code/graphics/fill_circle_on_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_circle_on_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_circle_on_window_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_circle_on_window_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_circle_on_window_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_circle_record/README.md b/src/assets/usage-examples-code/graphics/fill_circle_record/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_circle_record/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_circle_record_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_circle_record_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_circle_record_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_circle_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_circle_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_circle_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_ellipse/README.md b/src/assets/usage-examples-code/graphics/fill_ellipse/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_ellipse/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_ellipse_on_bitmap/README.md b/src/assets/usage-examples-code/graphics/fill_ellipse_on_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_ellipse_on_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_ellipse_on_bitmap_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_ellipse_on_bitmap_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_ellipse_on_bitmap_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_ellipse_on_bitmap_within_rectangle/README.md b/src/assets/usage-examples-code/graphics/fill_ellipse_on_bitmap_within_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_ellipse_on_bitmap_within_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_ellipse_on_bitmap_within_rectangle_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_ellipse_on_bitmap_within_rectangle_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_ellipse_on_bitmap_within_rectangle_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_ellipse_on_window/README.md b/src/assets/usage-examples-code/graphics/fill_ellipse_on_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_ellipse_on_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_ellipse_on_window_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_ellipse_on_window_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_ellipse_on_window_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_ellipse_on_window_within_rectangle/README.md b/src/assets/usage-examples-code/graphics/fill_ellipse_on_window_within_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_ellipse_on_window_within_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_ellipse_on_window_within_rectangle_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_ellipse_on_window_within_rectangle_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_ellipse_on_window_within_rectangle_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_ellipse_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_ellipse_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_ellipse_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_ellipse_within_rectangle/README.md b/src/assets/usage-examples-code/graphics/fill_ellipse_within_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_ellipse_within_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_ellipse_within_rectangle_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_ellipse_within_rectangle_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_ellipse_within_rectangle_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_quad/README.md b/src/assets/usage-examples-code/graphics/fill_quad/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_quad/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_quad_on_bitmap/README.md b/src/assets/usage-examples-code/graphics/fill_quad_on_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_quad_on_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_quad_on_bitmap_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_quad_on_bitmap_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_quad_on_bitmap_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_quad_on_window/README.md b/src/assets/usage-examples-code/graphics/fill_quad_on_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_quad_on_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_quad_on_window_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_quad_on_window_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_quad_on_window_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_quad_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_quad_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_quad_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_rectangle/README.md b/src/assets/usage-examples-code/graphics/fill_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_rectangle_on_bitmap/README.md b/src/assets/usage-examples-code/graphics/fill_rectangle_on_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_rectangle_on_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_rectangle_on_bitmap_record/README.md b/src/assets/usage-examples-code/graphics/fill_rectangle_on_bitmap_record/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_rectangle_on_bitmap_record/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_rectangle_on_bitmap_record_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_rectangle_on_bitmap_record_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_rectangle_on_bitmap_record_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_rectangle_on_bitmap_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_rectangle_on_bitmap_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_rectangle_on_bitmap_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_rectangle_on_window/README.md b/src/assets/usage-examples-code/graphics/fill_rectangle_on_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_rectangle_on_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_rectangle_on_window_record/README.md b/src/assets/usage-examples-code/graphics/fill_rectangle_on_window_record/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_rectangle_on_window_record/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_rectangle_on_window_record_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_rectangle_on_window_record_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_rectangle_on_window_record_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_rectangle_on_window_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_rectangle_on_window_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_rectangle_on_window_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_rectangle_record/README.md b/src/assets/usage-examples-code/graphics/fill_rectangle_record/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_rectangle_record/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_rectangle_record_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_rectangle_record_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_rectangle_record_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_rectangle_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_rectangle_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_rectangle_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_triangle/README.md b/src/assets/usage-examples-code/graphics/fill_triangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_triangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_triangle_on_bitmap/README.md b/src/assets/usage-examples-code/graphics/fill_triangle_on_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_triangle_on_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_triangle_on_bitmap_record/README.md b/src/assets/usage-examples-code/graphics/fill_triangle_on_bitmap_record/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_triangle_on_bitmap_record/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_triangle_on_bitmap_record_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_triangle_on_bitmap_record_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_triangle_on_bitmap_record_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_triangle_on_bitmap_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_triangle_on_bitmap_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_triangle_on_bitmap_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_triangle_on_window/README.md b/src/assets/usage-examples-code/graphics/fill_triangle_on_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_triangle_on_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_triangle_on_window_record/README.md b/src/assets/usage-examples-code/graphics/fill_triangle_on_window_record/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_triangle_on_window_record/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_triangle_on_window_record_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_triangle_on_window_record_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_triangle_on_window_record_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_triangle_on_window_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_triangle_on_window_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_triangle_on_window_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_triangle_record/README.md b/src/assets/usage-examples-code/graphics/fill_triangle_record/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_triangle_record/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_triangle_record_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_triangle_record_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_triangle_record_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/fill_triangle_with_options/README.md b/src/assets/usage-examples-code/graphics/fill_triangle_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/fill_triangle_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/font_has_size/README.md b/src/assets/usage-examples-code/graphics/font_has_size/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/font_has_size/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/font_has_size_name_as_string/README.md b/src/assets/usage-examples-code/graphics/font_has_size_name_as_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/font_has_size_name_as_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/font_load_size/README.md b/src/assets/usage-examples-code/graphics/font_load_size/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/font_load_size/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/font_load_size_name_as_string/README.md b/src/assets/usage-examples-code/graphics/font_load_size_name_as_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/font_load_size_name_as_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/font_named/README.md b/src/assets/usage-examples-code/graphics/font_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/font_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/free_all_bitmaps/README.md b/src/assets/usage-examples-code/graphics/free_all_bitmaps/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/free_all_bitmaps/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/free_all_fonts/README.md b/src/assets/usage-examples-code/graphics/free_all_fonts/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/free_all_fonts/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/free_bitmap/README.md b/src/assets/usage-examples-code/graphics/free_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/free_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/free_font/README.md b/src/assets/usage-examples-code/graphics/free_font/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/free_font/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/get_font_style/README.md b/src/assets/usage-examples-code/graphics/get_font_style/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/get_font_style/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/get_font_style_name_as_string/README.md b/src/assets/usage-examples-code/graphics/get_font_style_name_as_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/get_font_style_name_as_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/get_pixel/README.md b/src/assets/usage-examples-code/graphics/get_pixel/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/get_pixel/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/get_pixel_at_point/README.md b/src/assets/usage-examples-code/graphics/get_pixel_at_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/get_pixel_at_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/get_pixel_from_bitmap/README.md b/src/assets/usage-examples-code/graphics/get_pixel_from_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/get_pixel_from_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/get_pixel_from_bitmap_at_point/README.md b/src/assets/usage-examples-code/graphics/get_pixel_from_bitmap_at_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/get_pixel_from_bitmap_at_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/get_pixel_from_window/README.md b/src/assets/usage-examples-code/graphics/get_pixel_from_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/get_pixel_from_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/get_pixel_from_window_at_point/README.md b/src/assets/usage-examples-code/graphics/get_pixel_from_window_at_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/get_pixel_from_window_at_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/get_pixel_from_window_at_point_from_window/README.md b/src/assets/usage-examples-code/graphics/get_pixel_from_window_at_point_from_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/get_pixel_from_window_at_point_from_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/get_pixel_from_window_from_window/README.md b/src/assets/usage-examples-code/graphics/get_pixel_from_window_from_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/get_pixel_from_window_from_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/has_bitmap/README.md b/src/assets/usage-examples-code/graphics/has_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/has_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/has_font/README.md b/src/assets/usage-examples-code/graphics/has_font/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/has_font/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/has_font_name_as_string/README.md b/src/assets/usage-examples-code/graphics/has_font_name_as_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/has_font_name_as_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/load_bitmap/README.md b/src/assets/usage-examples-code/graphics/load_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/load_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/load_font/README.md b/src/assets/usage-examples-code/graphics/load_font/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/load_font/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/number_of_displays/README.md b/src/assets/usage-examples-code/graphics/number_of_displays/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/number_of_displays/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_defaults/README.md b/src/assets/usage-examples-code/graphics/option_defaults/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_defaults/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_draw_to_bitmap/README.md b/src/assets/usage-examples-code/graphics/option_draw_to_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_draw_to_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_draw_to_bitmap_with_options/README.md b/src/assets/usage-examples-code/graphics/option_draw_to_bitmap_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_draw_to_bitmap_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_draw_to_window/README.md b/src/assets/usage-examples-code/graphics/option_draw_to_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_draw_to_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_draw_to_window_with_options/README.md b/src/assets/usage-examples-code/graphics/option_draw_to_window_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_draw_to_window_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_flip_x/README.md b/src/assets/usage-examples-code/graphics/option_flip_x/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_flip_x/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_flip_x_with_options/README.md b/src/assets/usage-examples-code/graphics/option_flip_x_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_flip_x_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_flip_xy/README.md b/src/assets/usage-examples-code/graphics/option_flip_xy/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_flip_xy/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_flip_xy_with_options/README.md b/src/assets/usage-examples-code/graphics/option_flip_xy_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_flip_xy_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_flip_y/README.md b/src/assets/usage-examples-code/graphics/option_flip_y/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_flip_y/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_flip_y_with_options/README.md b/src/assets/usage-examples-code/graphics/option_flip_y_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_flip_y_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_line_width/README.md b/src/assets/usage-examples-code/graphics/option_line_width/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_line_width/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_line_width_with_options/README.md b/src/assets/usage-examples-code/graphics/option_line_width_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_line_width_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_part_bmp/README.md b/src/assets/usage-examples-code/graphics/option_part_bmp/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_part_bmp/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_part_bmp_from_rectangle/README.md b/src/assets/usage-examples-code/graphics/option_part_bmp_from_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_part_bmp_from_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_part_bmp_from_rectangle_with_options/README.md b/src/assets/usage-examples-code/graphics/option_part_bmp_from_rectangle_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_part_bmp_from_rectangle_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_part_bmp_with_options/README.md b/src/assets/usage-examples-code/graphics/option_part_bmp_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_part_bmp_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_rotate_bmp/README.md b/src/assets/usage-examples-code/graphics/option_rotate_bmp/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_rotate_bmp/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_rotate_bmp_with_anchor/README.md b/src/assets/usage-examples-code/graphics/option_rotate_bmp_with_anchor/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_rotate_bmp_with_anchor/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_rotate_bmp_with_anchor_and_options/README.md b/src/assets/usage-examples-code/graphics/option_rotate_bmp_with_anchor_and_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_rotate_bmp_with_anchor_and_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_rotate_bmp_with_options/README.md b/src/assets/usage-examples-code/graphics/option_rotate_bmp_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_rotate_bmp_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_scale_bmp/README.md b/src/assets/usage-examples-code/graphics/option_scale_bmp/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_scale_bmp/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_scale_bmp_with_options/README.md b/src/assets/usage-examples-code/graphics/option_scale_bmp_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_scale_bmp_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_to_screen/README.md b/src/assets/usage-examples-code/graphics/option_to_screen/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_to_screen/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_to_screen_with_options/README.md b/src/assets/usage-examples-code/graphics/option_to_screen_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_to_screen_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_to_world/README.md b/src/assets/usage-examples-code/graphics/option_to_world/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_to_world/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_to_world_with_options/README.md b/src/assets/usage-examples-code/graphics/option_to_world_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_to_world_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_with_animation/README.md b/src/assets/usage-examples-code/graphics/option_with_animation/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_with_animation/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_with_animation_with_options/README.md b/src/assets/usage-examples-code/graphics/option_with_animation_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_with_animation_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_with_bitmap_cell/README.md b/src/assets/usage-examples-code/graphics/option_with_bitmap_cell/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_with_bitmap_cell/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/option_with_bitmap_cell_with_options/README.md b/src/assets/usage-examples-code/graphics/option_with_bitmap_cell_with_options/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/option_with_bitmap_cell_with_options/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/pixel_drawn_at_point/README.md b/src/assets/usage-examples-code/graphics/pixel_drawn_at_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/pixel_drawn_at_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/pixel_drawn_at_point_in_cell/README.md b/src/assets/usage-examples-code/graphics/pixel_drawn_at_point_in_cell/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/pixel_drawn_at_point_in_cell/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/pixel_drawn_at_point_in_cell_pt/README.md b/src/assets/usage-examples-code/graphics/pixel_drawn_at_point_in_cell_pt/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/pixel_drawn_at_point_in_cell_pt/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/pixel_drawn_at_point_pt/README.md b/src/assets/usage-examples-code/graphics/pixel_drawn_at_point_pt/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/pixel_drawn_at_point_pt/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/pop_clip/README.md b/src/assets/usage-examples-code/graphics/pop_clip/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/pop_clip/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/pop_clip_for_bitmap/README.md b/src/assets/usage-examples-code/graphics/pop_clip_for_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/pop_clip_for_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/pop_clip_for_window/README.md b/src/assets/usage-examples-code/graphics/pop_clip_for_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/pop_clip_for_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/push_clip/README.md b/src/assets/usage-examples-code/graphics/push_clip/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/push_clip/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/push_clip_for_bitmap/README.md b/src/assets/usage-examples-code/graphics/push_clip_for_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/push_clip_for_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/push_clip_for_window/README.md b/src/assets/usage-examples-code/graphics/push_clip_for_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/push_clip_for_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/refresh_screen/README.md b/src/assets/usage-examples-code/graphics/refresh_screen/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/refresh_screen/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/refresh_screen_with_target_fps/README.md b/src/assets/usage-examples-code/graphics/refresh_screen_with_target_fps/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/refresh_screen_with_target_fps/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/reset_clip/README.md b/src/assets/usage-examples-code/graphics/reset_clip/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/reset_clip/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/reset_clip_for_bitmap/README.md b/src/assets/usage-examples-code/graphics/reset_clip_for_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/reset_clip_for_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/reset_clip_for_window/README.md b/src/assets/usage-examples-code/graphics/reset_clip_for_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/reset_clip_for_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/save_bitmap/README.md b/src/assets/usage-examples-code/graphics/save_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/save_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/screen_height/README.md b/src/assets/usage-examples-code/graphics/screen_height/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/screen_height/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/screen_width/README.md b/src/assets/usage-examples-code/graphics/screen_width/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/screen_width/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/set_clip/README.md b/src/assets/usage-examples-code/graphics/set_clip/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/set_clip/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/set_clip_for_bitmap/README.md b/src/assets/usage-examples-code/graphics/set_clip_for_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/set_clip_for_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/set_clip_for_window/README.md b/src/assets/usage-examples-code/graphics/set_clip_for_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/set_clip_for_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/set_font_style/README.md b/src/assets/usage-examples-code/graphics/set_font_style/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/set_font_style/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/set_font_style_name_as_string/README.md b/src/assets/usage-examples-code/graphics/set_font_style_name_as_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/set_font_style_name_as_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/setup_collision_mask/README.md b/src/assets/usage-examples-code/graphics/setup_collision_mask/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/setup_collision_mask/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/take_screenshot/README.md b/src/assets/usage-examples-code/graphics/take_screenshot/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/take_screenshot/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/take_screenshot_of_window/README.md b/src/assets/usage-examples-code/graphics/take_screenshot_of_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/take_screenshot_of_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/text_height/README.md b/src/assets/usage-examples-code/graphics/text_height/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/text_height/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/text_height_font_named/README.md b/src/assets/usage-examples-code/graphics/text_height_font_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/text_height_font_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/text_width/README.md b/src/assets/usage-examples-code/graphics/text_width/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/text_width/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/graphics/text_width_font_named/README.md b/src/assets/usage-examples-code/graphics/text_width_font_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/graphics/text_width_font_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/any_key_pressed/README.md b/src/assets/usage-examples-code/input/any_key_pressed/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/any_key_pressed/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/deregister_callback_on_key_down/README.md b/src/assets/usage-examples-code/input/deregister_callback_on_key_down/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/deregister_callback_on_key_down/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/deregister_callback_on_key_typed/README.md b/src/assets/usage-examples-code/input/deregister_callback_on_key_typed/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/deregister_callback_on_key_typed/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/deregister_callback_on_key_up/README.md b/src/assets/usage-examples-code/input/deregister_callback_on_key_up/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/deregister_callback_on_key_up/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/draw_collected_text/README.md b/src/assets/usage-examples-code/input/draw_collected_text/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/draw_collected_text/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/end_reading_text/README.md b/src/assets/usage-examples-code/input/end_reading_text/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/end_reading_text/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/end_reading_text_in_window/README.md b/src/assets/usage-examples-code/input/end_reading_text_in_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/end_reading_text_in_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/hide_mouse/README.md b/src/assets/usage-examples-code/input/hide_mouse/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/hide_mouse/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/key_down/README.md b/src/assets/usage-examples-code/input/key_down/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/key_down/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/key_name/README.md b/src/assets/usage-examples-code/input/key_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/key_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/key_released/README.md b/src/assets/usage-examples-code/input/key_released/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/key_released/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/key_typed/README.md b/src/assets/usage-examples-code/input/key_typed/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/key_typed/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/key_up/README.md b/src/assets/usage-examples-code/input/key_up/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/key_up/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/mouse_clicked/README.md b/src/assets/usage-examples-code/input/mouse_clicked/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/mouse_clicked/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/mouse_down/README.md b/src/assets/usage-examples-code/input/mouse_down/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/mouse_down/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/mouse_movement/README.md b/src/assets/usage-examples-code/input/mouse_movement/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/mouse_movement/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/mouse_position/README.md b/src/assets/usage-examples-code/input/mouse_position/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/mouse_position/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/mouse_position_vector/README.md b/src/assets/usage-examples-code/input/mouse_position_vector/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/mouse_position_vector/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/mouse_shown/README.md b/src/assets/usage-examples-code/input/mouse_shown/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/mouse_shown/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/mouse_up/README.md b/src/assets/usage-examples-code/input/mouse_up/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/mouse_up/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/mouse_wheel_scroll/README.md b/src/assets/usage-examples-code/input/mouse_wheel_scroll/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/mouse_wheel_scroll/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/mouse_x/README.md b/src/assets/usage-examples-code/input/mouse_x/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/mouse_x/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/mouse_y/README.md b/src/assets/usage-examples-code/input/mouse_y/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/mouse_y/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/move_mouse/README.md b/src/assets/usage-examples-code/input/move_mouse/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/move_mouse/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/move_mouse_to_point/README.md b/src/assets/usage-examples-code/input/move_mouse_to_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/move_mouse_to_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/process_events/README.md b/src/assets/usage-examples-code/input/process_events/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/process_events/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/quit_requested/README.md b/src/assets/usage-examples-code/input/quit_requested/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/quit_requested/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/reading_text/README.md b/src/assets/usage-examples-code/input/reading_text/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/reading_text/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/reading_text_in_window/README.md b/src/assets/usage-examples-code/input/reading_text_in_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/reading_text_in_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/register_callback_on_key_down/README.md b/src/assets/usage-examples-code/input/register_callback_on_key_down/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/register_callback_on_key_down/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/register_callback_on_key_typed/README.md b/src/assets/usage-examples-code/input/register_callback_on_key_typed/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/register_callback_on_key_typed/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/register_callback_on_key_up/README.md b/src/assets/usage-examples-code/input/register_callback_on_key_up/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/register_callback_on_key_up/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/reset_quit/README.md b/src/assets/usage-examples-code/input/reset_quit/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/reset_quit/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/show_mouse/README.md b/src/assets/usage-examples-code/input/show_mouse/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/show_mouse/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/show_mouse_with_boolean/README.md b/src/assets/usage-examples-code/input/show_mouse_with_boolean/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/show_mouse_with_boolean/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/start_reading_text/README.md b/src/assets/usage-examples-code/input/start_reading_text/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/start_reading_text/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/start_reading_text_in_window/README.md b/src/assets/usage-examples-code/input/start_reading_text_in_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/start_reading_text_in_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/start_reading_text_in_window_with_initial_text/README.md b/src/assets/usage-examples-code/input/start_reading_text_in_window_with_initial_text/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/start_reading_text_in_window_with_initial_text/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/start_reading_text_with_initial_text/README.md b/src/assets/usage-examples-code/input/start_reading_text_with_initial_text/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/start_reading_text_with_initial_text/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/text_entry_cancelled/README.md b/src/assets/usage-examples-code/input/text_entry_cancelled/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/text_entry_cancelled/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/text_entry_cancelled_in_window/README.md b/src/assets/usage-examples-code/input/text_entry_cancelled_in_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/text_entry_cancelled_in_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/text_input/README.md b/src/assets/usage-examples-code/input/text_input/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/text_input/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/input/text_input_in_window/README.md b/src/assets/usage-examples-code/input/text_input_in_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/input/text_input_in_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/create_json/README.md b/src/assets/usage-examples-code/json/create_json/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/create_json/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/create_json_from_string/README.md b/src/assets/usage-examples-code/json/create_json_from_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/create_json_from_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/free_all_json/README.md b/src/assets/usage-examples-code/json/free_all_json/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/free_all_json/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/free_json/README.md b/src/assets/usage-examples-code/json/free_json/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/free_json/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_count_keys/README.md b/src/assets/usage-examples-code/json/json_count_keys/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_count_keys/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_from_color/README.md b/src/assets/usage-examples-code/json/json_from_color/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_from_color/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_from_file/README.md b/src/assets/usage-examples-code/json/json_from_file/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_from_file/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_from_string/README.md b/src/assets/usage-examples-code/json/json_from_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_from_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_has_key/README.md b/src/assets/usage-examples-code/json/json_has_key/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_has_key/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_read_array_of_bool/README.md b/src/assets/usage-examples-code/json/json_read_array_of_bool/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_read_array_of_bool/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_read_array_of_double/README.md b/src/assets/usage-examples-code/json/json_read_array_of_double/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_read_array_of_double/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_read_array_of_json/README.md b/src/assets/usage-examples-code/json/json_read_array_of_json/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_read_array_of_json/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_read_array_of_string/README.md b/src/assets/usage-examples-code/json/json_read_array_of_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_read_array_of_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_read_bool/README.md b/src/assets/usage-examples-code/json/json_read_bool/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_read_bool/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_read_number/README.md b/src/assets/usage-examples-code/json/json_read_number/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_read_number/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_read_number_as_double/README.md b/src/assets/usage-examples-code/json/json_read_number_as_double/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_read_number_as_double/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_read_number_as_int/README.md b/src/assets/usage-examples-code/json/json_read_number_as_int/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_read_number_as_int/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_read_object/README.md b/src/assets/usage-examples-code/json/json_read_object/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_read_object/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_read_string/README.md b/src/assets/usage-examples-code/json/json_read_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_read_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_set_array_of_bool/README.md b/src/assets/usage-examples-code/json/json_set_array_of_bool/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_set_array_of_bool/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_set_array_of_double/README.md b/src/assets/usage-examples-code/json/json_set_array_of_double/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_set_array_of_double/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_set_array_of_json/README.md b/src/assets/usage-examples-code/json/json_set_array_of_json/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_set_array_of_json/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_set_array_of_string/README.md b/src/assets/usage-examples-code/json/json_set_array_of_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_set_array_of_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_set_bool/README.md b/src/assets/usage-examples-code/json/json_set_bool/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_set_bool/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_set_number_double/README.md b/src/assets/usage-examples-code/json/json_set_number_double/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_set_number_double/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_set_number_float/README.md b/src/assets/usage-examples-code/json/json_set_number_float/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_set_number_float/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_set_number_integer/README.md b/src/assets/usage-examples-code/json/json_set_number_integer/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_set_number_integer/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_set_object/README.md b/src/assets/usage-examples-code/json/json_set_object/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_set_object/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_set_string/README.md b/src/assets/usage-examples-code/json/json_set_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_set_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_to_color/README.md b/src/assets/usage-examples-code/json/json_to_color/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_to_color/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_to_file/README.md b/src/assets/usage-examples-code/json/json_to_file/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_to_file/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/json/json_to_string/README.md b/src/assets/usage-examples-code/json/json_to_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/json/json_to_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/logging/close_log_process/README.md b/src/assets/usage-examples-code/logging/close_log_process/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/logging/close_log_process/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/logging/init_custom_logger/README.md b/src/assets/usage-examples-code/logging/init_custom_logger/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/logging/init_custom_logger/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/logging/init_custom_logger__name_override_mode/README.md b/src/assets/usage-examples-code/logging/init_custom_logger__name_override_mode/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/logging/init_custom_logger__name_override_mode/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/logging/log/README.md b/src/assets/usage-examples-code/logging/log/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/logging/log/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/accept_all_new_connections/README.md b/src/assets/usage-examples-code/networking/accept_all_new_connections/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/accept_all_new_connections/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/accept_new_connection/README.md b/src/assets/usage-examples-code/networking/accept_new_connection/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/accept_new_connection/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/broadcast_message/README.md b/src/assets/usage-examples-code/networking/broadcast_message/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/broadcast_message/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/broadcast_message_to_all/README.md b/src/assets/usage-examples-code/networking/broadcast_message_to_all/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/broadcast_message_to_all/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/broadcast_message_to_server_named/README.md b/src/assets/usage-examples-code/networking/broadcast_message_to_server_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/broadcast_message_to_server_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/check_network_activity/README.md b/src/assets/usage-examples-code/networking/check_network_activity/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/check_network_activity/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/clear_messages_from_connection/README.md b/src/assets/usage-examples-code/networking/clear_messages_from_connection/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/clear_messages_from_connection/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/clear_messages_from_name/README.md b/src/assets/usage-examples-code/networking/clear_messages_from_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/clear_messages_from_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/clear_messages_from_server/README.md b/src/assets/usage-examples-code/networking/clear_messages_from_server/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/clear_messages_from_server/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/close_all_connections/README.md b/src/assets/usage-examples-code/networking/close_all_connections/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/close_all_connections/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/close_all_servers/README.md b/src/assets/usage-examples-code/networking/close_all_servers/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/close_all_servers/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/close_connection/README.md b/src/assets/usage-examples-code/networking/close_connection/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/close_connection/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/close_connection_named/README.md b/src/assets/usage-examples-code/networking/close_connection_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/close_connection_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/close_message/README.md b/src/assets/usage-examples-code/networking/close_message/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/close_message/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/close_server/README.md b/src/assets/usage-examples-code/networking/close_server/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/close_server/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/close_server_named/README.md b/src/assets/usage-examples-code/networking/close_server_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/close_server_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/connection_count/README.md b/src/assets/usage-examples-code/networking/connection_count/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/connection_count/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/connection_count_named/README.md b/src/assets/usage-examples-code/networking/connection_count_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/connection_count_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/connection_ip/README.md b/src/assets/usage-examples-code/networking/connection_ip/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/connection_ip/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/connection_ip_from_name/README.md b/src/assets/usage-examples-code/networking/connection_ip_from_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/connection_ip_from_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/connection_named/README.md b/src/assets/usage-examples-code/networking/connection_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/connection_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/connection_port/README.md b/src/assets/usage-examples-code/networking/connection_port/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/connection_port/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/connection_port_from_name/README.md b/src/assets/usage-examples-code/networking/connection_port_from_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/connection_port_from_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/create_server_with_port/README.md b/src/assets/usage-examples-code/networking/create_server_with_port/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/create_server_with_port/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/create_server_with_port_and_protocol/README.md b/src/assets/usage-examples-code/networking/create_server_with_port_and_protocol/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/create_server_with_port_and_protocol/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/dec_to_hex/README.md b/src/assets/usage-examples-code/networking/dec_to_hex/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/dec_to_hex/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/download_bitmap/README.md b/src/assets/usage-examples-code/networking/download_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/download_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/download_font/README.md b/src/assets/usage-examples-code/networking/download_font/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/download_font/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/download_music/README.md b/src/assets/usage-examples-code/networking/download_music/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/download_music/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/download_sound_effect/README.md b/src/assets/usage-examples-code/networking/download_sound_effect/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/download_sound_effect/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/fetch_new_connection/README.md b/src/assets/usage-examples-code/networking/fetch_new_connection/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/fetch_new_connection/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/free_response/README.md b/src/assets/usage-examples-code/networking/free_response/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/free_response/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/has_connection/README.md b/src/assets/usage-examples-code/networking/has_connection/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/has_connection/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/has_incoming_requests/README.md b/src/assets/usage-examples-code/networking/has_incoming_requests/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/has_incoming_requests/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/has_messages/README.md b/src/assets/usage-examples-code/networking/has_messages/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/has_messages/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/has_messages_on_connection/README.md b/src/assets/usage-examples-code/networking/has_messages_on_connection/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/has_messages_on_connection/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/has_messages_on_name/README.md b/src/assets/usage-examples-code/networking/has_messages_on_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/has_messages_on_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/has_messages_on_server/README.md b/src/assets/usage-examples-code/networking/has_messages_on_server/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/has_messages_on_server/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/has_new_connections/README.md b/src/assets/usage-examples-code/networking/has_new_connections/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/has_new_connections/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/has_server/README.md b/src/assets/usage-examples-code/networking/has_server/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/has_server/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/hex_str_to_ipv4/README.md b/src/assets/usage-examples-code/networking/hex_str_to_ipv4/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/hex_str_to_ipv4/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/hex_to_dec_string/README.md b/src/assets/usage-examples-code/networking/hex_to_dec_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/hex_to_dec_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/http_get/README.md b/src/assets/usage-examples-code/networking/http_get/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/http_get/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/http_post/README.md b/src/assets/usage-examples-code/networking/http_post/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/http_post/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/http_post_with_headers/README.md b/src/assets/usage-examples-code/networking/http_post_with_headers/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/http_post_with_headers/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/http_response_to_string/README.md b/src/assets/usage-examples-code/networking/http_response_to_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/http_response_to_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/ipv4_to_dec/README.md b/src/assets/usage-examples-code/networking/ipv4_to_dec/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/ipv4_to_dec/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/ipv4_to_hex/README.md b/src/assets/usage-examples-code/networking/ipv4_to_hex/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/ipv4_to_hex/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/ipv4_to_str/README.md b/src/assets/usage-examples-code/networking/ipv4_to_str/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/ipv4_to_str/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/is_connection_open/README.md b/src/assets/usage-examples-code/networking/is_connection_open/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/is_connection_open/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/is_connection_open_from_name/README.md b/src/assets/usage-examples-code/networking/is_connection_open_from_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/is_connection_open_from_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/is_delete_request_for/README.md b/src/assets/usage-examples-code/networking/is_delete_request_for/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/is_delete_request_for/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/is_get_request_for/README.md b/src/assets/usage-examples-code/networking/is_get_request_for/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/is_get_request_for/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/is_options_request_for/README.md b/src/assets/usage-examples-code/networking/is_options_request_for/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/is_options_request_for/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/is_post_request_for/README.md b/src/assets/usage-examples-code/networking/is_post_request_for/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/is_post_request_for/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/is_put_request_for/README.md b/src/assets/usage-examples-code/networking/is_put_request_for/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/is_put_request_for/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/is_request_for/README.md b/src/assets/usage-examples-code/networking/is_request_for/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/is_request_for/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/is_trace_request_for/README.md b/src/assets/usage-examples-code/networking/is_trace_request_for/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/is_trace_request_for/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/last_connection/README.md b/src/assets/usage-examples-code/networking/last_connection/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/last_connection/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/last_connection_named/README.md b/src/assets/usage-examples-code/networking/last_connection_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/last_connection_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/message_connection/README.md b/src/assets/usage-examples-code/networking/message_connection/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/message_connection/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/message_count_from_name/README.md b/src/assets/usage-examples-code/networking/message_count_from_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/message_count_from_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/message_count_on_connection/README.md b/src/assets/usage-examples-code/networking/message_count_on_connection/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/message_count_on_connection/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/message_count_on_server/README.md b/src/assets/usage-examples-code/networking/message_count_on_server/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/message_count_on_server/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/message_data/README.md b/src/assets/usage-examples-code/networking/message_data/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/message_data/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/message_data_bytes/README.md b/src/assets/usage-examples-code/networking/message_data_bytes/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/message_data_bytes/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/message_host/README.md b/src/assets/usage-examples-code/networking/message_host/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/message_host/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/message_port/README.md b/src/assets/usage-examples-code/networking/message_port/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/message_port/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/message_protocol/README.md b/src/assets/usage-examples-code/networking/message_protocol/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/message_protocol/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/my_ip/README.md b/src/assets/usage-examples-code/networking/my_ip/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/my_ip/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/name_for_connection/README.md b/src/assets/usage-examples-code/networking/name_for_connection/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/name_for_connection/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/new_connection_count/README.md b/src/assets/usage-examples-code/networking/new_connection_count/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/new_connection_count/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/next_web_request/README.md b/src/assets/usage-examples-code/networking/next_web_request/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/next_web_request/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/open_connection/README.md b/src/assets/usage-examples-code/networking/open_connection/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/open_connection/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/open_connection_with_protocol/README.md b/src/assets/usage-examples-code/networking/open_connection_with_protocol/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/open_connection_with_protocol/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/read_message/README.md b/src/assets/usage-examples-code/networking/read_message/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/read_message/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/read_message_data_from_connection/README.md b/src/assets/usage-examples-code/networking/read_message_data_from_connection/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/read_message_data_from_connection/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/read_message_data_from_name/README.md b/src/assets/usage-examples-code/networking/read_message_data_from_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/read_message_data_from_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/read_message_data_from_server/README.md b/src/assets/usage-examples-code/networking/read_message_data_from_server/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/read_message_data_from_server/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/read_message_from_connection/README.md b/src/assets/usage-examples-code/networking/read_message_from_connection/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/read_message_from_connection/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/read_message_from_name/README.md b/src/assets/usage-examples-code/networking/read_message_from_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/read_message_from_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/read_message_from_server/README.md b/src/assets/usage-examples-code/networking/read_message_from_server/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/read_message_from_server/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/reconnect/README.md b/src/assets/usage-examples-code/networking/reconnect/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/reconnect/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/reconnect_from_name/README.md b/src/assets/usage-examples-code/networking/reconnect_from_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/reconnect_from_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/release_all_connections/README.md b/src/assets/usage-examples-code/networking/release_all_connections/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/release_all_connections/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/request_body/README.md b/src/assets/usage-examples-code/networking/request_body/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/request_body/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/request_has_query_parameter/README.md b/src/assets/usage-examples-code/networking/request_has_query_parameter/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/request_has_query_parameter/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/request_headers/README.md b/src/assets/usage-examples-code/networking/request_headers/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/request_headers/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/request_method/README.md b/src/assets/usage-examples-code/networking/request_method/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/request_method/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/request_query_parameter/README.md b/src/assets/usage-examples-code/networking/request_query_parameter/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/request_query_parameter/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/request_query_string/README.md b/src/assets/usage-examples-code/networking/request_query_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/request_query_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/request_uri/README.md b/src/assets/usage-examples-code/networking/request_uri/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/request_uri/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/request_uri_stubs/README.md b/src/assets/usage-examples-code/networking/request_uri_stubs/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/request_uri_stubs/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/reset_new_connection_count/README.md b/src/assets/usage-examples-code/networking/reset_new_connection_count/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/reset_new_connection_count/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/retrieve_connection/README.md b/src/assets/usage-examples-code/networking/retrieve_connection/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/retrieve_connection/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/retrieve_connection_named/README.md b/src/assets/usage-examples-code/networking/retrieve_connection_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/retrieve_connection_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/save_response_to_file/README.md b/src/assets/usage-examples-code/networking/save_response_to_file/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/save_response_to_file/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/send_css_file_response/README.md b/src/assets/usage-examples-code/networking/send_css_file_response/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/send_css_file_response/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/send_file_response/README.md b/src/assets/usage-examples-code/networking/send_file_response/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/send_file_response/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/send_html_file_response/README.md b/src/assets/usage-examples-code/networking/send_html_file_response/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/send_html_file_response/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/send_javascript_file_response/README.md b/src/assets/usage-examples-code/networking/send_javascript_file_response/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/send_javascript_file_response/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/send_message_to_connection/README.md b/src/assets/usage-examples-code/networking/send_message_to_connection/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/send_message_to_connection/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/send_message_to_name/README.md b/src/assets/usage-examples-code/networking/send_message_to_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/send_message_to_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/send_response/README.md b/src/assets/usage-examples-code/networking/send_response/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/send_response/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/send_response_empty/README.md b/src/assets/usage-examples-code/networking/send_response_empty/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/send_response_empty/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/send_response_json/README.md b/src/assets/usage-examples-code/networking/send_response_json/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/send_response_json/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/send_response_json_with_status/README.md b/src/assets/usage-examples-code/networking/send_response_json_with_status/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/send_response_json_with_status/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/send_response_with_status/README.md b/src/assets/usage-examples-code/networking/send_response_with_status/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/send_response_with_status/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/send_response_with_status_and_content_type/README.md b/src/assets/usage-examples-code/networking/send_response_with_status_and_content_type/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/send_response_with_status_and_content_type/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/send_response_with_status_and_content_type_and_headers/README.md b/src/assets/usage-examples-code/networking/send_response_with_status_and_content_type_and_headers/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/send_response_with_status_and_content_type_and_headers/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/server_has_new_connection/README.md b/src/assets/usage-examples-code/networking/server_has_new_connection/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/server_has_new_connection/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/server_has_new_connection_named/README.md b/src/assets/usage-examples-code/networking/server_has_new_connection_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/server_has_new_connection_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/server_named/README.md b/src/assets/usage-examples-code/networking/server_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/server_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/set_udp_packet_size/README.md b/src/assets/usage-examples-code/networking/set_udp_packet_size/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/set_udp_packet_size/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/split_uri_stubs/README.md b/src/assets/usage-examples-code/networking/split_uri_stubs/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/split_uri_stubs/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/start_web_server/README.md b/src/assets/usage-examples-code/networking/start_web_server/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/start_web_server/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/start_web_server_with_default_port/README.md b/src/assets/usage-examples-code/networking/start_web_server_with_default_port/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/start_web_server_with_default_port/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/stop_web_server/README.md b/src/assets/usage-examples-code/networking/stop_web_server/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/stop_web_server/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/networking/udp_packet_size/README.md b/src/assets/usage-examples-code/networking/udp_packet_size/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/networking/udp_packet_size/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/angle_between/README.md b/src/assets/usage-examples-code/physics/angle_between/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/angle_between/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/apply_matrix_to_quad/README.md b/src/assets/usage-examples-code/physics/apply_matrix_to_quad/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/apply_matrix_to_quad/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/apply_matrix_to_triangle/README.md b/src/assets/usage-examples-code/physics/apply_matrix_to_triangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/apply_matrix_to_triangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_circle_collision/README.md b/src/assets/usage-examples-code/physics/bitmap_circle_collision/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_circle_collision/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_circle_collision_at_point/README.md b/src/assets/usage-examples-code/physics/bitmap_circle_collision_at_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_circle_collision_at_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_circle_collision_for_cell/README.md b/src/assets/usage-examples-code/physics/bitmap_circle_collision_for_cell/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_circle_collision_for_cell/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_circle_collision_for_cell_at_point/README.md b/src/assets/usage-examples-code/physics/bitmap_circle_collision_for_cell_at_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_circle_collision_for_cell_at_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_circle_collision_for_cell_with_translation/README.md b/src/assets/usage-examples-code/physics/bitmap_circle_collision_for_cell_with_translation/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_circle_collision_for_cell_with_translation/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_collision/README.md b/src/assets/usage-examples-code/physics/bitmap_collision/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_collision/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_collision_at_points/README.md b/src/assets/usage-examples-code/physics/bitmap_collision_at_points/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_collision_at_points/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_collision_for_cells/README.md b/src/assets/usage-examples-code/physics/bitmap_collision_for_cells/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_collision_for_cells/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_collision_for_cells_at_points/README.md b/src/assets/usage-examples-code/physics/bitmap_collision_for_cells_at_points/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_collision_for_cells_at_points/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_collision_for_cells_with_translations/README.md b/src/assets/usage-examples-code/physics/bitmap_collision_for_cells_with_translations/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_collision_for_cells_with_translations/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_point_collision/README.md b/src/assets/usage-examples-code/physics/bitmap_point_collision/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_point_collision/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_point_collision_at_point/README.md b/src/assets/usage-examples-code/physics/bitmap_point_collision_at_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_point_collision_at_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_point_collision_for_cell/README.md b/src/assets/usage-examples-code/physics/bitmap_point_collision_for_cell/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_point_collision_for_cell/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_point_collision_for_cell_at_point/README.md b/src/assets/usage-examples-code/physics/bitmap_point_collision_for_cell_at_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_point_collision_for_cell_at_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_point_collision_for_cell_with_translation/README.md b/src/assets/usage-examples-code/physics/bitmap_point_collision_for_cell_with_translation/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_point_collision_for_cell_with_translation/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_point_collision_with_translation/README.md b/src/assets/usage-examples-code/physics/bitmap_point_collision_with_translation/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_point_collision_with_translation/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_rectangle_collision/README.md b/src/assets/usage-examples-code/physics/bitmap_rectangle_collision/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_rectangle_collision/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_rectangle_collision_at_point/README.md b/src/assets/usage-examples-code/physics/bitmap_rectangle_collision_at_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_rectangle_collision_at_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_rectangle_collision_for_cell/README.md b/src/assets/usage-examples-code/physics/bitmap_rectangle_collision_for_cell/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_rectangle_collision_for_cell/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_rectangle_collision_for_cell_at_point/README.md b/src/assets/usage-examples-code/physics/bitmap_rectangle_collision_for_cell_at_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_rectangle_collision_for_cell_at_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/bitmap_rectangle_collision_for_cell_with_translation/README.md b/src/assets/usage-examples-code/physics/bitmap_rectangle_collision_for_cell_with_translation/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/bitmap_rectangle_collision_for_cell_with_translation/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/dot_product/README.md b/src/assets/usage-examples-code/physics/dot_product/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/dot_product/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/identity_matrix/README.md b/src/assets/usage-examples-code/physics/identity_matrix/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/identity_matrix/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/is_zero_vector/README.md b/src/assets/usage-examples-code/physics/is_zero_vector/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/is_zero_vector/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/matrix_inverse/README.md b/src/assets/usage-examples-code/physics/matrix_inverse/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/matrix_inverse/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/matrix_multiply_matrix/README.md b/src/assets/usage-examples-code/physics/matrix_multiply_matrix/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/matrix_multiply_matrix/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/matrix_multiply_point/README.md b/src/assets/usage-examples-code/physics/matrix_multiply_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/matrix_multiply_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/matrix_multiply_vector/README.md b/src/assets/usage-examples-code/physics/matrix_multiply_vector/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/matrix_multiply_vector/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/matrix_to_string/README.md b/src/assets/usage-examples-code/physics/matrix_to_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/matrix_to_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/ray_intersection_point/README.md b/src/assets/usage-examples-code/physics/ray_intersection_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/ray_intersection_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/rotation_matrix/README.md b/src/assets/usage-examples-code/physics/rotation_matrix/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/rotation_matrix/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/scale_matrix/README.md b/src/assets/usage-examples-code/physics/scale_matrix/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/scale_matrix/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/scale_matrix_from_point/README.md b/src/assets/usage-examples-code/physics/scale_matrix_from_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/scale_matrix_from_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/scale_matrix_from_vector/README.md b/src/assets/usage-examples-code/physics/scale_matrix_from_vector/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/scale_matrix_from_vector/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/scale_rotate_translate_matrix/README.md b/src/assets/usage-examples-code/physics/scale_rotate_translate_matrix/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/scale_rotate_translate_matrix/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/sprite_bitmap_collision/README.md b/src/assets/usage-examples-code/physics/sprite_bitmap_collision/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/sprite_bitmap_collision/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/sprite_bitmap_collision_with_cell/README.md b/src/assets/usage-examples-code/physics/sprite_bitmap_collision_with_cell/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/sprite_bitmap_collision_with_cell/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/sprite_bitmap_collision_with_cell_at_point/README.md b/src/assets/usage-examples-code/physics/sprite_bitmap_collision_with_cell_at_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/sprite_bitmap_collision_with_cell_at_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/sprite_collision/README.md b/src/assets/usage-examples-code/physics/sprite_collision/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/sprite_collision/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/sprite_point_collision/README.md b/src/assets/usage-examples-code/physics/sprite_point_collision/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/sprite_point_collision/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/sprite_rectangle_collision/README.md b/src/assets/usage-examples-code/physics/sprite_rectangle_collision/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/sprite_rectangle_collision/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/translation_matrix/README.md b/src/assets/usage-examples-code/physics/translation_matrix/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/translation_matrix/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/translation_matrix_from_vector/README.md b/src/assets/usage-examples-code/physics/translation_matrix_from_vector/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/translation_matrix_from_vector/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/translation_matrix_to_point/README.md b/src/assets/usage-examples-code/physics/translation_matrix_to_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/translation_matrix_to_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/unit_vector/README.md b/src/assets/usage-examples-code/physics/unit_vector/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/unit_vector/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_add/README.md b/src/assets/usage-examples-code/physics/vector_add/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_add/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_angle/README.md b/src/assets/usage-examples-code/physics/vector_angle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_angle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_from_angle/README.md b/src/assets/usage-examples-code/physics/vector_from_angle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_from_angle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_from_line/README.md b/src/assets/usage-examples-code/physics/vector_from_line/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_from_line/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_from_point_to_rect/README.md b/src/assets/usage-examples-code/physics/vector_from_point_to_rect/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_from_point_to_rect/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_in_rect/README.md b/src/assets/usage-examples-code/physics/vector_in_rect/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_in_rect/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_invert/README.md b/src/assets/usage-examples-code/physics/vector_invert/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_invert/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_limit/README.md b/src/assets/usage-examples-code/physics/vector_limit/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_limit/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_magnitude/README.md b/src/assets/usage-examples-code/physics/vector_magnitude/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_magnitude/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_magnitude_sqared/README.md b/src/assets/usage-examples-code/physics/vector_magnitude_sqared/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_magnitude_sqared/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_multiply/README.md b/src/assets/usage-examples-code/physics/vector_multiply/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_multiply/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_normal/README.md b/src/assets/usage-examples-code/physics/vector_normal/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_normal/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_out_of_circle_from_circle/README.md b/src/assets/usage-examples-code/physics/vector_out_of_circle_from_circle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_out_of_circle_from_circle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_out_of_circle_from_point/README.md b/src/assets/usage-examples-code/physics/vector_out_of_circle_from_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_out_of_circle_from_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_out_of_rect_from_circle/README.md b/src/assets/usage-examples-code/physics/vector_out_of_rect_from_circle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_out_of_rect_from_circle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_out_of_rect_from_point/README.md b/src/assets/usage-examples-code/physics/vector_out_of_rect_from_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_out_of_rect_from_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_out_of_rect_from_rect/README.md b/src/assets/usage-examples-code/physics/vector_out_of_rect_from_rect/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_out_of_rect_from_rect/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_point_to_point/README.md b/src/assets/usage-examples-code/physics/vector_point_to_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_point_to_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_subtract/README.md b/src/assets/usage-examples-code/physics/vector_subtract/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_subtract/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_to/README.md b/src/assets/usage-examples-code/physics/vector_to/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_to/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_to_point/README.md b/src/assets/usage-examples-code/physics/vector_to_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_to_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vector_to_string/README.md b/src/assets/usage-examples-code/physics/vector_to_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vector_to_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vectors_equal/README.md b/src/assets/usage-examples-code/physics/vectors_equal/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vectors_equal/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/physics/vectors_not_equal/README.md b/src/assets/usage-examples-code/physics/vectors_not_equal/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/physics/vectors_not_equal/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/raspberry/has_gpio/README.md b/src/assets/usage-examples-code/raspberry/has_gpio/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/raspberry/has_gpio/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/raspberry/raspi_cleanup/README.md b/src/assets/usage-examples-code/raspberry/raspi_cleanup/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/raspberry/raspi_cleanup/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/raspberry/raspi_get_mode/README.md b/src/assets/usage-examples-code/raspberry/raspi_get_mode/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/raspberry/raspi_get_mode/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/raspberry/raspi_init/README.md b/src/assets/usage-examples-code/raspberry/raspi_init/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/raspberry/raspi_init/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/raspberry/raspi_read/README.md b/src/assets/usage-examples-code/raspberry/raspi_read/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/raspberry/raspi_read/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/raspberry/raspi_set_mode/README.md b/src/assets/usage-examples-code/raspberry/raspi_set_mode/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/raspberry/raspi_set_mode/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/raspberry/raspi_set_pull_up_down/README.md b/src/assets/usage-examples-code/raspberry/raspi_set_pull_up_down/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/raspberry/raspi_set_pull_up_down/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/raspberry/raspi_set_pwm_dutycycle/README.md b/src/assets/usage-examples-code/raspberry/raspi_set_pwm_dutycycle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/raspberry/raspi_set_pwm_dutycycle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/raspberry/raspi_set_pwm_frequency/README.md b/src/assets/usage-examples-code/raspberry/raspi_set_pwm_frequency/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/raspberry/raspi_set_pwm_frequency/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/raspberry/raspi_set_pwm_range/README.md b/src/assets/usage-examples-code/raspberry/raspi_set_pwm_range/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/raspberry/raspi_set_pwm_range/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/raspberry/raspi_write/README.md b/src/assets/usage-examples-code/raspberry/raspi_write/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/raspberry/raspi_write/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/resource_bundles/free_resource_bundle/README.md b/src/assets/usage-examples-code/resource_bundles/free_resource_bundle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/resource_bundles/free_resource_bundle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/resource_bundles/has_resource_bundle/README.md b/src/assets/usage-examples-code/resource_bundles/has_resource_bundle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/resource_bundles/has_resource_bundle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/resource_bundles/load_resource_bundle/README.md b/src/assets/usage-examples-code/resource_bundles/load_resource_bundle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/resource_bundles/load_resource_bundle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/call_for_all_sprites/README.md b/src/assets/usage-examples-code/sprites/call_for_all_sprites/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/call_for_all_sprites/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/call_for_all_sprites_with_value/README.md b/src/assets/usage-examples-code/sprites/call_for_all_sprites_with_value/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/call_for_all_sprites_with_value/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/call_on_sprite_event/README.md b/src/assets/usage-examples-code/sprites/call_on_sprite_event/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/call_on_sprite_event/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/center_point/README.md b/src/assets/usage-examples-code/sprites/center_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/center_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/create_sprite/README.md b/src/assets/usage-examples-code/sprites/create_sprite/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/create_sprite/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/create_sprite_named/README.md b/src/assets/usage-examples-code/sprites/create_sprite_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/create_sprite_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/create_sprite_named_with_animation/README.md b/src/assets/usage-examples-code/sprites/create_sprite_named_with_animation/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/create_sprite_named_with_animation/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/create_sprite_pack/README.md b/src/assets/usage-examples-code/sprites/create_sprite_pack/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/create_sprite_pack/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/create_sprite_with_animation/README.md b/src/assets/usage-examples-code/sprites/create_sprite_with_animation/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/create_sprite_with_animation/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/create_sprite_with_bitmap_and_animation_named/README.md b/src/assets/usage-examples-code/sprites/create_sprite_with_bitmap_and_animation_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/create_sprite_with_bitmap_and_animation_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/create_sprite_with_bitmap_named/README.md b/src/assets/usage-examples-code/sprites/create_sprite_with_bitmap_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/create_sprite_with_bitmap_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/current_sprite_pack/README.md b/src/assets/usage-examples-code/sprites/current_sprite_pack/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/current_sprite_pack/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/draw_all_sprites/README.md b/src/assets/usage-examples-code/sprites/draw_all_sprites/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/draw_all_sprites/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/draw_sprite/README.md b/src/assets/usage-examples-code/sprites/draw_sprite/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/draw_sprite/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/draw_sprite_offset_by/README.md b/src/assets/usage-examples-code/sprites/draw_sprite_offset_by/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/draw_sprite_offset_by/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/draw_sprite_offset_x_y/README.md b/src/assets/usage-examples-code/sprites/draw_sprite_offset_x_y/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/draw_sprite_offset_x_y/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/free_all_sprites/README.md b/src/assets/usage-examples-code/sprites/free_all_sprites/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/free_all_sprites/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/free_sprite/README.md b/src/assets/usage-examples-code/sprites/free_sprite/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/free_sprite/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/free_sprite_pack/README.md b/src/assets/usage-examples-code/sprites/free_sprite_pack/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/free_sprite_pack/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/has_sprite/README.md b/src/assets/usage-examples-code/sprites/has_sprite/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/has_sprite/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/has_sprite_pack/README.md b/src/assets/usage-examples-code/sprites/has_sprite_pack/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/has_sprite_pack/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/move_sprite/README.md b/src/assets/usage-examples-code/sprites/move_sprite/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/move_sprite/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/move_sprite_by_vector/README.md b/src/assets/usage-examples-code/sprites/move_sprite_by_vector/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/move_sprite_by_vector/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/move_sprite_by_vector_percent/README.md b/src/assets/usage-examples-code/sprites/move_sprite_by_vector_percent/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/move_sprite_by_vector_percent/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/move_sprite_percent/README.md b/src/assets/usage-examples-code/sprites/move_sprite_percent/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/move_sprite_percent/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/move_sprite_to/README.md b/src/assets/usage-examples-code/sprites/move_sprite_to/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/move_sprite_to/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/select_sprite_pack/README.md b/src/assets/usage-examples-code/sprites/select_sprite_pack/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/select_sprite_pack/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_add_layer/README.md b/src/assets/usage-examples-code/sprites/sprite_add_layer/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_add_layer/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_add_to_velocity/README.md b/src/assets/usage-examples-code/sprites/sprite_add_to_velocity/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_add_to_velocity/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_add_value/README.md b/src/assets/usage-examples-code/sprites/sprite_add_value/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_add_value/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_add_value_with_default/README.md b/src/assets/usage-examples-code/sprites/sprite_add_value_with_default/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_add_value_with_default/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_anchor_point/README.md b/src/assets/usage-examples-code/sprites/sprite_anchor_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_anchor_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_anchor_position/README.md b/src/assets/usage-examples-code/sprites/sprite_anchor_position/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_anchor_position/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_animation_has_ended/README.md b/src/assets/usage-examples-code/sprites/sprite_animation_has_ended/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_animation_has_ended/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_animation_name/README.md b/src/assets/usage-examples-code/sprites/sprite_animation_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_animation_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_at/README.md b/src/assets/usage-examples-code/sprites/sprite_at/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_at/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_bring_layer_forward/README.md b/src/assets/usage-examples-code/sprites/sprite_bring_layer_forward/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_bring_layer_forward/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_bring_layer_to_front/README.md b/src/assets/usage-examples-code/sprites/sprite_bring_layer_to_front/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_bring_layer_to_front/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_call_on_event/README.md b/src/assets/usage-examples-code/sprites/sprite_call_on_event/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_call_on_event/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_circle/README.md b/src/assets/usage-examples-code/sprites/sprite_circle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_circle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_collision_bitmap/README.md b/src/assets/usage-examples-code/sprites/sprite_collision_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_collision_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_collision_circle/README.md b/src/assets/usage-examples-code/sprites/sprite_collision_circle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_collision_circle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_collision_kind/README.md b/src/assets/usage-examples-code/sprites/sprite_collision_kind/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_collision_kind/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_collision_rectangle/README.md b/src/assets/usage-examples-code/sprites/sprite_collision_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_collision_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_current_cell/README.md b/src/assets/usage-examples-code/sprites/sprite_current_cell/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_current_cell/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_current_cell_rectangle/README.md b/src/assets/usage-examples-code/sprites/sprite_current_cell_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_current_cell_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_dx/README.md b/src/assets/usage-examples-code/sprites/sprite_dx/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_dx/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_dy/README.md b/src/assets/usage-examples-code/sprites/sprite_dy/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_dy/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_has_value/README.md b/src/assets/usage-examples-code/sprites/sprite_has_value/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_has_value/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_heading/README.md b/src/assets/usage-examples-code/sprites/sprite_heading/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_heading/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_height/README.md b/src/assets/usage-examples-code/sprites/sprite_height/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_height/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_hide_layer/README.md b/src/assets/usage-examples-code/sprites/sprite_hide_layer/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_hide_layer/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_hide_layer_named/README.md b/src/assets/usage-examples-code/sprites/sprite_hide_layer_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_hide_layer_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_layer_at_index/README.md b/src/assets/usage-examples-code/sprites/sprite_layer_at_index/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_layer_at_index/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_layer_circle_at_index/README.md b/src/assets/usage-examples-code/sprites/sprite_layer_circle_at_index/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_layer_circle_at_index/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_layer_circle_named/README.md b/src/assets/usage-examples-code/sprites/sprite_layer_circle_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_layer_circle_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_layer_count/README.md b/src/assets/usage-examples-code/sprites/sprite_layer_count/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_layer_count/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_layer_height/README.md b/src/assets/usage-examples-code/sprites/sprite_layer_height/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_layer_height/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_layer_height_named/README.md b/src/assets/usage-examples-code/sprites/sprite_layer_height_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_layer_height_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_layer_index/README.md b/src/assets/usage-examples-code/sprites/sprite_layer_index/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_layer_index/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_layer_name/README.md b/src/assets/usage-examples-code/sprites/sprite_layer_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_layer_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_layer_named/README.md b/src/assets/usage-examples-code/sprites/sprite_layer_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_layer_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_layer_offset/README.md b/src/assets/usage-examples-code/sprites/sprite_layer_offset/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_layer_offset/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_layer_offset_named/README.md b/src/assets/usage-examples-code/sprites/sprite_layer_offset_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_layer_offset_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_layer_rectangle_at_index/README.md b/src/assets/usage-examples-code/sprites/sprite_layer_rectangle_at_index/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_layer_rectangle_at_index/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_layer_rectangle_named/README.md b/src/assets/usage-examples-code/sprites/sprite_layer_rectangle_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_layer_rectangle_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_layer_width/README.md b/src/assets/usage-examples-code/sprites/sprite_layer_width/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_layer_width/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_layer_width_named/README.md b/src/assets/usage-examples-code/sprites/sprite_layer_width_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_layer_width_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_location_matrix/README.md b/src/assets/usage-examples-code/sprites/sprite_location_matrix/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_location_matrix/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_mass/README.md b/src/assets/usage-examples-code/sprites/sprite_mass/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_mass/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_move_from_anchor_point/README.md b/src/assets/usage-examples-code/sprites/sprite_move_from_anchor_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_move_from_anchor_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_move_to_taking_seconds/README.md b/src/assets/usage-examples-code/sprites/sprite_move_to_taking_seconds/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_move_to_taking_seconds/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_name/README.md b/src/assets/usage-examples-code/sprites/sprite_name/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_name/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_named/README.md b/src/assets/usage-examples-code/sprites/sprite_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_offscreen/README.md b/src/assets/usage-examples-code/sprites/sprite_offscreen/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_offscreen/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_on_screen_at/README.md b/src/assets/usage-examples-code/sprites/sprite_on_screen_at/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_on_screen_at/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_on_screen_at_point/README.md b/src/assets/usage-examples-code/sprites/sprite_on_screen_at_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_on_screen_at_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_position/README.md b/src/assets/usage-examples-code/sprites/sprite_position/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_position/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_replay_animation/README.md b/src/assets/usage-examples-code/sprites/sprite_replay_animation/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_replay_animation/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_replay_animation_with_sound/README.md b/src/assets/usage-examples-code/sprites/sprite_replay_animation_with_sound/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_replay_animation_with_sound/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_rotation/README.md b/src/assets/usage-examples-code/sprites/sprite_rotation/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_rotation/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_scale/README.md b/src/assets/usage-examples-code/sprites/sprite_scale/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_scale/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_screen_rectangle/README.md b/src/assets/usage-examples-code/sprites/sprite_screen_rectangle/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_screen_rectangle/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_send_layer_backward/README.md b/src/assets/usage-examples-code/sprites/sprite_send_layer_backward/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_send_layer_backward/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_send_layer_to_back/README.md b/src/assets/usage-examples-code/sprites/sprite_send_layer_to_back/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_send_layer_to_back/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_set_anchor_point/README.md b/src/assets/usage-examples-code/sprites/sprite_set_anchor_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_set_anchor_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_set_collision_bitmap/README.md b/src/assets/usage-examples-code/sprites/sprite_set_collision_bitmap/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_set_collision_bitmap/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_set_collision_kind/README.md b/src/assets/usage-examples-code/sprites/sprite_set_collision_kind/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_set_collision_kind/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_set_dx/README.md b/src/assets/usage-examples-code/sprites/sprite_set_dx/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_set_dx/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_set_dy/README.md b/src/assets/usage-examples-code/sprites/sprite_set_dy/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_set_dy/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_set_heading/README.md b/src/assets/usage-examples-code/sprites/sprite_set_heading/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_set_heading/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_set_layer_offset_at_index/README.md b/src/assets/usage-examples-code/sprites/sprite_set_layer_offset_at_index/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_set_layer_offset_at_index/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_set_layer_offset_named/README.md b/src/assets/usage-examples-code/sprites/sprite_set_layer_offset_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_set_layer_offset_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_set_mass/README.md b/src/assets/usage-examples-code/sprites/sprite_set_mass/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_set_mass/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_set_move_from_anchor_point/README.md b/src/assets/usage-examples-code/sprites/sprite_set_move_from_anchor_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_set_move_from_anchor_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_set_position/README.md b/src/assets/usage-examples-code/sprites/sprite_set_position/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_set_position/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_set_rotation/README.md b/src/assets/usage-examples-code/sprites/sprite_set_rotation/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_set_rotation/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_set_scale/README.md b/src/assets/usage-examples-code/sprites/sprite_set_scale/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_set_scale/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_set_speed/README.md b/src/assets/usage-examples-code/sprites/sprite_set_speed/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_set_speed/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_set_value_named/README.md b/src/assets/usage-examples-code/sprites/sprite_set_value_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_set_value_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_set_velocity/README.md b/src/assets/usage-examples-code/sprites/sprite_set_velocity/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_set_velocity/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_set_x/README.md b/src/assets/usage-examples-code/sprites/sprite_set_x/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_set_x/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_set_y/README.md b/src/assets/usage-examples-code/sprites/sprite_set_y/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_set_y/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_show_layer/README.md b/src/assets/usage-examples-code/sprites/sprite_show_layer/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_show_layer/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_show_layer_named/README.md b/src/assets/usage-examples-code/sprites/sprite_show_layer_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_show_layer_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_speed/README.md b/src/assets/usage-examples-code/sprites/sprite_speed/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_speed/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_start_animation/README.md b/src/assets/usage-examples-code/sprites/sprite_start_animation/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_start_animation/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_start_animation_named/README.md b/src/assets/usage-examples-code/sprites/sprite_start_animation_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_start_animation_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_start_animation_named_with_sound/README.md b/src/assets/usage-examples-code/sprites/sprite_start_animation_named_with_sound/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_start_animation_named_with_sound/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_start_animation_with_sound/README.md b/src/assets/usage-examples-code/sprites/sprite_start_animation_with_sound/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_start_animation_with_sound/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_stop_calling_on_event/README.md b/src/assets/usage-examples-code/sprites/sprite_stop_calling_on_event/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_stop_calling_on_event/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_toggle_layer_visible/README.md b/src/assets/usage-examples-code/sprites/sprite_toggle_layer_visible/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_toggle_layer_visible/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_toggle_layer_visible_named/README.md b/src/assets/usage-examples-code/sprites/sprite_toggle_layer_visible_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_toggle_layer_visible_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_value/README.md b/src/assets/usage-examples-code/sprites/sprite_value/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_value/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_value_count/README.md b/src/assets/usage-examples-code/sprites/sprite_value_count/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_value_count/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_velocity/README.md b/src/assets/usage-examples-code/sprites/sprite_velocity/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_velocity/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_visible_index_of_layer/README.md b/src/assets/usage-examples-code/sprites/sprite_visible_index_of_layer/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_visible_index_of_layer/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_visible_index_of_layer_named/README.md b/src/assets/usage-examples-code/sprites/sprite_visible_index_of_layer_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_visible_index_of_layer_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_visible_layer/README.md b/src/assets/usage-examples-code/sprites/sprite_visible_layer/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_visible_layer/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_visible_layer_count/README.md b/src/assets/usage-examples-code/sprites/sprite_visible_layer_count/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_visible_layer_count/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_visible_layer_id/README.md b/src/assets/usage-examples-code/sprites/sprite_visible_layer_id/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_visible_layer_id/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_width/README.md b/src/assets/usage-examples-code/sprites/sprite_width/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_width/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_x/README.md b/src/assets/usage-examples-code/sprites/sprite_x/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_x/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/sprite_y/README.md b/src/assets/usage-examples-code/sprites/sprite_y/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/sprite_y/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/stop_calling_on_sprite_event/README.md b/src/assets/usage-examples-code/sprites/stop_calling_on_sprite_event/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/stop_calling_on_sprite_event/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/update_all_sprites/README.md b/src/assets/usage-examples-code/sprites/update_all_sprites/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/update_all_sprites/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/update_all_sprites_percent/README.md b/src/assets/usage-examples-code/sprites/update_all_sprites_percent/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/update_all_sprites_percent/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/update_sprite/README.md b/src/assets/usage-examples-code/sprites/update_sprite/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/update_sprite/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/update_sprite_animation/README.md b/src/assets/usage-examples-code/sprites/update_sprite_animation/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/update_sprite_animation/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/update_sprite_animation_percent/README.md b/src/assets/usage-examples-code/sprites/update_sprite_animation_percent/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/update_sprite_animation_percent/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/update_sprite_animation_percent_with_sound/README.md b/src/assets/usage-examples-code/sprites/update_sprite_animation_percent_with_sound/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/update_sprite_animation_percent_with_sound/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/update_sprite_animation_with_sound/README.md b/src/assets/usage-examples-code/sprites/update_sprite_animation_with_sound/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/update_sprite_animation_with_sound/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/update_sprite_percent/README.md b/src/assets/usage-examples-code/sprites/update_sprite_percent/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/update_sprite_percent/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/update_sprite_percent_with_sound/README.md b/src/assets/usage-examples-code/sprites/update_sprite_percent_with_sound/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/update_sprite_percent_with_sound/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/update_sprite_with_sound/README.md b/src/assets/usage-examples-code/sprites/update_sprite_with_sound/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/update_sprite_with_sound/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/vector_from_center_sprite_to_point_point/README.md b/src/assets/usage-examples-code/sprites/vector_from_center_sprite_to_point_point/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/vector_from_center_sprite_to_point_point/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/sprites/vector_from_to/README.md b/src/assets/usage-examples-code/sprites/vector_from_to/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/sprites/vector_from_to/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/terminal/read_char/README.md b/src/assets/usage-examples-code/terminal/read_char/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/terminal/read_char/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/terminal/read_line/README.md b/src/assets/usage-examples-code/terminal/read_line/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/terminal/read_line/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/terminal/terminal_has_input/README.md b/src/assets/usage-examples-code/terminal/terminal_has_input/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/terminal/terminal_has_input/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/terminal/write/README.md b/src/assets/usage-examples-code/terminal/write/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/terminal/write/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/terminal/write_char/README.md b/src/assets/usage-examples-code/terminal/write_char/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/terminal/write_char/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/terminal/write_double/README.md b/src/assets/usage-examples-code/terminal/write_double/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/terminal/write_double/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/terminal/write_int/README.md b/src/assets/usage-examples-code/terminal/write_int/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/terminal/write_int/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/terminal/write_line/README.md b/src/assets/usage-examples-code/terminal/write_line/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/terminal/write_line/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/terminal/write_line/write_line-1-hello-world.cpp b/src/assets/usage-examples-code/terminal/write_line/write_line-1-hello-world.cpp
new file mode 100644
index 000000000..e803603e1
--- /dev/null
+++ b/src/assets/usage-examples-code/terminal/write_line/write_line-1-hello-world.cpp
@@ -0,0 +1,18 @@
+#include "splashkit.h"
+
+int main()
+{
+ // Example 1: Print explicit string
+ write_line("Hello World");
+
+ // Example 2: Print value of string variable
+ string message = "Hello World from 'message' variable";
+ write_line(message);
+
+ // Example 3: Print combination of explicit string and value of string variable
+ string hello = "Hello";
+ write_line(hello + " World!\nDon't forget spaces between words when printing to the terminal!");
+ write_line("Otherwise you get this: " + hello + "World!");
+
+ return 0;
+}
\ No newline at end of file
diff --git a/src/assets/usage-examples-code/terminal/write_line/write_line-1-hello-world.cs b/src/assets/usage-examples-code/terminal/write_line/write_line-1-hello-world.cs
new file mode 100644
index 000000000..b6630c1ea
--- /dev/null
+++ b/src/assets/usage-examples-code/terminal/write_line/write_line-1-hello-world.cs
@@ -0,0 +1,13 @@
+using static SplashKitSDK.SplashKit;
+
+// Example 1: Print explicit string
+WriteLine("Hello World");
+
+// Example 2: Print value of string variable
+string message = "Hello World from 'message' variable";
+WriteLine(message);
+
+// Example 3: Print combination of explicit string and value of string variable
+string hello = "Hello";
+WriteLine(hello + " World!\nDon't forget spaces between words when printing to the terminal!");
+WriteLine("Otherwise you get this: " + hello + "World!");
\ No newline at end of file
diff --git a/src/assets/usage-examples-code/terminal/write_line/write_line-1-hello-world.png b/src/assets/usage-examples-code/terminal/write_line/write_line-1-hello-world.png
new file mode 100644
index 000000000..7ef2983e9
Binary files /dev/null and b/src/assets/usage-examples-code/terminal/write_line/write_line-1-hello-world.png differ
diff --git a/src/assets/usage-examples-code/terminal/write_line/write_line-1-hello-world.txt b/src/assets/usage-examples-code/terminal/write_line/write_line-1-hello-world.txt
new file mode 100644
index 000000000..98a78f504
--- /dev/null
+++ b/src/assets/usage-examples-code/terminal/write_line/write_line-1-hello-world.txt
@@ -0,0 +1,3 @@
+### Hello World string
+
+The following code shows examples of using [Write Line](/api/terminal#write-line-5) to print a string in the terminal.
\ No newline at end of file
diff --git a/src/assets/usage-examples-code/terminal/write_line/write_line-2-ascii-art-charlie-the-unicorn.cpp b/src/assets/usage-examples-code/terminal/write_line/write_line-2-ascii-art-charlie-the-unicorn.cpp
new file mode 100644
index 000000000..0694b3127
--- /dev/null
+++ b/src/assets/usage-examples-code/terminal/write_line/write_line-2-ascii-art-charlie-the-unicorn.cpp
@@ -0,0 +1,63 @@
+#include "splashkit.h"
+
+int main()
+{
+ write_line("");
+ write_line("CHARRRLLIIEEEE! WE'RE GOING TO CANDY MOUNTAIN CHARLIE!");
+ write_line("");
+ write_line("");
+ write_line(" ###@ ");
+ write_line(" %% #*=# ");
+ write_line(" @#*# ##*-*% ");
+ write_line(" #+*% %**%+--#% ");
+ write_line(" %#=-#% %%###*++::+@ ");
+ write_line(" %#*%#=:+%@ @%#*+==+++-:-*% ");
+ write_line(" @%%#*+*-:-#% @%#+=========-::*% ");
+ write_line(" @%#*++=+**=::=%@@%*================*@ ");
+ write_line(" %%#++++=====-::-%%#*+====-===++===+==+-*@ ");
+ write_line(" @%#+==+==========-=-#*+=======-+*++====----+% ");
+ write_line(" @#*+=========+====+--++#*==-==--=+*+++====----+% %%@ ");
+ write_line(" @@#++==+=======++++====+---%*=-=--===#%#*++===----:* @#%@ ");
+ write_line(" @%*+=============*++++====----**=-----*@ @@@@%#**=---+# @=%% ");
+ write_line(" @%++===============***++=====----*#=-==+% @@%#+*+=*@ @++% ");
+ write_line(" #%%##**++====++*#%%#+++======--===-===*%%%#*++==-----+%+==#@ @%#+*@ #-*% ");
+ write_line("====------:::::=#*+========---===--===+%#*#%@@%#**+-===*#+*@ @@ @--%% ");
+ write_line("+====----:::=#%*--==========----=-====%#*+===+#@@#**=-=###@ %*:-%% ");
+ write_line("+===----=*%%+=--------=-------=======#%*+=-----=+%%#**%%#%@ #::+%%%%% ");
+ write_line("#***#%@%*====-----------------======*%#*+=----::--+####*#@ #=:-*@@+*@ ");
+ write_line("-:---:----====-::--::::::----=-====+%#*+=-------:::-=++*%@ @+::=*%*+%% ");
+ write_line("-::::--------==-------::::::----===#%*+==----==-------=#@ @%=::--=**#%% ");
+ write_line("-:::::--:-----==------::::::::--==+@*+==-----==-------=%@ @#-:-=*+--=***%@ ");
+ write_line("-::::::::::---==--=-----::::::---=##*+====------------+@ @%#=:=##==++++++++#%%% ");
+ write_line("-::::::::::-::-==----==---:::----*%**+=====---------==#@ @#=::---==:-*+++++++*++*%%%%%%@%% ");
+ write_line("-:---:---::::--==----====-------=%#*+==+++=====---===+% @%+---------=++++++++++++------=====+*#%%%%%@@@@ ");
+ write_line("------------------=---===-------+%#*++++***+========+%@ @#+---==--======+++++++++++=-------=------=====++++**##%%%@ ");
+ write_line("---------------=====-----=---===*@%#*****#***++===+%@ @=:++++====-====+++++++**+++++===---=------=---------------=+%%%@ ");
+ write_line("===------------=====---------===%@@%%%%%%%#*+==--+% #:-+======++++=+++***++*+++++=+===+=========-==--------:-------=*#%%# ");
+ write_line("+===============+++======-=====*@@@@@@@@ @%*+===-*@ *--+*+==++**###********+++++==+====+++=========--------::::-------=+%@% @%%@%%####%%%%%###* ");
+ write_line("+++++===========+***+=========*%@ %*+====#@ @@@@@%#%%@@@@@@@@@@@@%#**+++*++======+===========-::::::::---::-----==*%%%%## #%%@@%%#*=-::::::::::----=+*#");
+ write_line("*******++++++++++*#**++++===*%@ %#*===+@ @@%%%%######*#*#*#%%@@@#*+++++++==============--::::::::----::---==-----=+*******+==-::::::::::::::::---------");
+ write_line("###############**###*++==-=#@ %#*==+%% %@%#*++++=++============-::::::::-------=----------::::::::::::::::::::::::::----------=");
+ write_line("@@@@@%%%%%%%%@@@@@@#*++==-=%@ %#*==+@ @@@%#*++=++==========:::::::::::-------------:::::::::::::::::::::::::::::-----------=");
+ write_line("#***##*#@% @%*+++==*@ %#+=-+@ %%@%#+++*+=======-::::::::--------==-----::::::::::::::::::::::::::---------------=");
+ write_line("%**==++=#@ @%**++==#@ %#+--*@ %@%**++++++++-::::::::---------=--::---:::::::::::::::::::::::::::::-----------=");
+ write_line(" %*=-=*--%@ %#*=++*@ %%*==% @@%#*+++*+=--::::-------------------::::::::::::::::::----:::::::------------=");
+ write_line(" #*--#+:=%@ @#*=++%@ @#*=+% @@%***+=--::::------------=------:---------------------::::::-------------==");
+ write_line(" @#+-=*=:=%@ @#*==+@% %#+-+% @#==--===------------------------------------------------:::---------========");
+ write_line(" %*=:=+=:+@ @*+--+@ %#+-=# @--=-=-------------------------------------------------=-::---------=========+");
+ write_line(" #+-:=++%% @*+--*% %*=-+% @+----==+=----::-----------==----------------------======-:--------=========+++");
+ write_line(" %#=----#%# @#*==#@ %*+-=# @#--++======-:::::--------------------==----============+=-------=====++++++++++");
+ write_line(" %*===+*%# @#*=+% @#+-+#%% #=-*##%+==-----:::--------==--====================+++++++==-------=+++++++++++++");
+ write_line(" @*=-=%@#### @#+=*@ %#=:+%%% @@=-**#@@%+=------:-------=======================++++++++*#*++=-------=+**********");
+ write_line(" **++*#@### @*+-+% @%%%%%%% @+:-+*#@@@#%+=-----:----=====++===+++++++=====++++++**********+**=------=+*******##");
+ write_line(" %%%##%%## %*=-+% %@@@@@@ @+:-+**==-+#%@*=--------==+*****+++++****++++*****************###**+==----==*#####% ");
+ write_line(" %#%%%## @%*=-+@ @#:=****--:+%%%@#==-----=++*********###################**####%@@@@%**#+=----===+# ");
+ write_line(" %*+--*% @#:-=+#%@%#*#%%%%%%+===+++*****#%%%%%%%%%%%%%%#######%%%%%%#==+%@+--=+****+---===+* ");
+ write_line(" @#=-*%%%% %++***%@%#%@@@@@@%%%%#*+++****#%@@@%%%%%%%@@@@@%%%@@@@@@@%%*---=+#@%##***++=--=====* ");
+ write_line(" %*=:*@@@ @#%%%%%%%@ @@%#####%@% %%%%%%% %%@*--------------==++=====%@ ");
+ write_line(" @@%%%%%%@ %%%%%#%%%@ @@@@@@ *=---=========---=====+*%@ ");
+ write_line(" %@@@@@@ @%%#%%@@% *=========+*#%%@@@@@@@@%% ");
+ write_line(" @%%%%@%# ++*%@@@@@%%% ");
+
+ return 0;
+}
\ No newline at end of file
diff --git a/src/assets/usage-examples-code/terminal/write_line/write_line-2-ascii-art-charlie-the-unicorn.cs b/src/assets/usage-examples-code/terminal/write_line/write_line-2-ascii-art-charlie-the-unicorn.cs
new file mode 100644
index 000000000..ccf5af1cd
--- /dev/null
+++ b/src/assets/usage-examples-code/terminal/write_line/write_line-2-ascii-art-charlie-the-unicorn.cs
@@ -0,0 +1,58 @@
+using static SplashKitSDK.SplashKit;
+
+WriteLine("");
+WriteLine("CHARRRLLIIEEEE! WE'RE GOING TO CANDY MOUNTAIN CHARLIE!");
+WriteLine("");
+WriteLine("");
+WriteLine(" ###@ ");
+WriteLine(" %% #*=# ");
+WriteLine(" @#*# ##*-*% ");
+WriteLine(" #+*% %**%+--#% ");
+WriteLine(" %#=-#% %%###*++::+@ ");
+WriteLine(" %#*%#=:+%@ @%#*+==+++-:-*% ");
+WriteLine(" @%%#*+*-:-#% @%#+=========-::*% ");
+WriteLine(" @%#*++=+**=::=%@@%*================*@ ");
+WriteLine(" %%#++++=====-::-%%#*+====-===++===+==+-*@ ");
+WriteLine(" @%#+==+==========-=-#*+=======-+*++====----+% ");
+WriteLine(" @#*+=========+====+--++#*==-==--=+*+++====----+% %%@ ");
+WriteLine(" @@#++==+=======++++====+---%*=-=--===#%#*++===----:* @#%@ ");
+WriteLine(" @%*+=============*++++====----**=-----*@ @@@@%#**=---+# @=%% ");
+WriteLine(" @%++===============***++=====----*#=-==+% @@%#+*+=*@ @++% ");
+WriteLine(" #%%##**++====++*#%%#+++======--===-===*%%%#*++==-----+%+==#@ @%#+*@ #-*% ");
+WriteLine("====------:::::=#*+========---===--===+%#*#%@@%#**+-===*#+*@ @@ @--%% ");
+WriteLine("+====----:::=#%*--==========----=-====%#*+===+#@@#**=-=###@ %*:-%% ");
+WriteLine("+===----=*%%+=--------=-------=======#%*+=-----=+%%#**%%#%@ #::+%%%%% ");
+WriteLine("#***#%@%*====-----------------======*%#*+=----::--+####*#@ #=:-*@@+*@ ");
+WriteLine("-:---:----====-::--::::::----=-====+%#*+=-------:::-=++*%@ @+::=*%*+%% ");
+WriteLine("-::::--------==-------::::::----===#%*+==----==-------=#@ @%=::--=**#%% ");
+WriteLine("-:::::--:-----==------::::::::--==+@*+==-----==-------=%@ @#-:-=*+--=***%@ ");
+WriteLine("-::::::::::---==--=-----::::::---=##*+====------------+@ @%#=:=##==++++++++#%%% ");
+WriteLine("-::::::::::-::-==----==---:::----*%**+=====---------==#@ @#=::---==:-*+++++++*++*%%%%%%@%% ");
+WriteLine("-:---:---::::--==----====-------=%#*+==+++=====---===+% @%+---------=++++++++++++------=====+*#%%%%%@@@@ ");
+WriteLine("------------------=---===-------+%#*++++***+========+%@ @#+---==--======+++++++++++=-------=------=====++++**##%%%@ ");
+WriteLine("---------------=====-----=---===*@%#*****#***++===+%@ @=:++++====-====+++++++**+++++===---=------=---------------=+%%%@ ");
+WriteLine("===------------=====---------===%@@%%%%%%%#*+==--+% #:-+======++++=+++***++*+++++=+===+=========-==--------:-------=*#%%# ");
+WriteLine("+===============+++======-=====*@@@@@@@@ @%*+===-*@ *--+*+==++**###********+++++==+====+++=========--------::::-------=+%@% @%%@%%####%%%%%###* ");
+WriteLine("+++++===========+***+=========*%@ %*+====#@ @@@@@%#%%@@@@@@@@@@@@%#**+++*++======+===========-::::::::---::-----==*%%%%## #%%@@%%#*=-::::::::::----=+*#");
+WriteLine("*******++++++++++*#**++++===*%@ %#*===+@ @@%%%%######*#*#*#%%@@@#*+++++++==============--::::::::----::---==-----=+*******+==-::::::::::::::::---------");
+WriteLine("###############**###*++==-=#@ %#*==+%% %@%#*++++=++============-::::::::-------=----------::::::::::::::::::::::::::----------=");
+WriteLine("@@@@@%%%%%%%%@@@@@@#*++==-=%@ %#*==+@ @@@%#*++=++==========:::::::::::-------------:::::::::::::::::::::::::::::-----------=");
+WriteLine("#***##*#@% @%*+++==*@ %#+=-+@ %%@%#+++*+=======-::::::::--------==-----::::::::::::::::::::::::::---------------=");
+WriteLine("%**==++=#@ @%**++==#@ %#+--*@ %@%**++++++++-::::::::---------=--::---:::::::::::::::::::::::::::::-----------=");
+WriteLine(" %*=-=*--%@ %#*=++*@ %%*==% @@%#*+++*+=--::::-------------------::::::::::::::::::----:::::::------------=");
+WriteLine(" #*--#+:=%@ @#*=++%@ @#*=+% @@%***+=--::::------------=------:---------------------::::::-------------==");
+WriteLine(" @#+-=*=:=%@ @#*==+@% %#+-+% @#==--===------------------------------------------------:::---------========");
+WriteLine(" %*=:=+=:+@ @*+--+@ %#+-=# @--=-=-------------------------------------------------=-::---------=========+");
+WriteLine(" #+-:=++%% @*+--*% %*=-+% @+----==+=----::-----------==----------------------======-:--------=========+++");
+WriteLine(" %#=----#%# @#*==#@ %*+-=# @#--++======-:::::--------------------==----============+=-------=====++++++++++");
+WriteLine(" %*===+*%# @#*=+% @#+-+#%% #=-*##%+==-----:::--------==--====================+++++++==-------=+++++++++++++");
+WriteLine(" @*=-=%@#### @#+=*@ %#=:+%%% @@=-**#@@%+=------:-------=======================++++++++*#*++=-------=+**********");
+WriteLine(" **++*#@### @*+-+% @%%%%%%% @+:-+*#@@@#%+=-----:----=====++===+++++++=====++++++**********+**=------=+*******##");
+WriteLine(" %%%##%%## %*=-+% %@@@@@@ @+:-+**==-+#%@*=--------==+*****+++++****++++*****************###**+==----==*#####% ");
+WriteLine(" %#%%%## @%*=-+@ @#:=****--:+%%%@#==-----=++*********###################**####%@@@@%**#+=----===+# ");
+WriteLine(" %*+--*% @#:-=+#%@%#*#%%%%%%+===+++*****#%%%%%%%%%%%%%%#######%%%%%%#==+%@+--=+****+---===+* ");
+WriteLine(" @#=-*%%%% %++***%@%#%@@@@@@%%%%#*+++****#%@@@%%%%%%%@@@@@%%%@@@@@@@%%*---=+#@%##***++=--=====* ");
+WriteLine(" %*=:*@@@ @#%%%%%%%@ @@%#####%@% %%%%%%% %%@*--------------==++=====%@ ");
+WriteLine(" @@%%%%%%@ %%%%%#%%%@ @@@@@@ *=---=========---=====+*%@ ");
+WriteLine(" %@@@@@@ @%%#%%@@% *=========+*#%%@@@@@@@@%% ");
+WriteLine(" @%%%%@%# ++*%@@@@@%%% ");
diff --git a/src/assets/usage-examples-code/terminal/write_line/write_line-2-ascii-art-charlie-the-unicorn.png b/src/assets/usage-examples-code/terminal/write_line/write_line-2-ascii-art-charlie-the-unicorn.png
new file mode 100644
index 000000000..b9aca762e
Binary files /dev/null and b/src/assets/usage-examples-code/terminal/write_line/write_line-2-ascii-art-charlie-the-unicorn.png differ
diff --git a/src/assets/usage-examples-code/terminal/write_line/write_line-2-ascii-art-charlie-the-unicorn.txt b/src/assets/usage-examples-code/terminal/write_line/write_line-2-ascii-art-charlie-the-unicorn.txt
new file mode 100644
index 000000000..2b2b21e42
--- /dev/null
+++ b/src/assets/usage-examples-code/terminal/write_line/write_line-2-ascii-art-charlie-the-unicorn.txt
@@ -0,0 +1,3 @@
+### ASCII Art - Charlie the Unicorn
+
+The following code is an example of using [Write Line](/api/terminal#write-line-5) to create ASCII art of "Charlie the Unicorn" in the terminal.
\ No newline at end of file
diff --git a/src/assets/usage-examples-code/terminal/write_line_char/README.md b/src/assets/usage-examples-code/terminal/write_line_char/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/terminal/write_line_char/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/terminal/write_line_double/README.md b/src/assets/usage-examples-code/terminal/write_line_double/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/terminal/write_line_double/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/terminal/write_line_empty/README.md b/src/assets/usage-examples-code/terminal/write_line_empty/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/terminal/write_line_empty/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/terminal/write_line_int/README.md b/src/assets/usage-examples-code/terminal/write_line_int/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/terminal/write_line_int/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/create_timer/README.md b/src/assets/usage-examples-code/timers/create_timer/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/create_timer/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/free_all_timers/README.md b/src/assets/usage-examples-code/timers/free_all_timers/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/free_all_timers/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/free_timer/README.md b/src/assets/usage-examples-code/timers/free_timer/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/free_timer/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/has_timer__named/README.md b/src/assets/usage-examples-code/timers/has_timer__named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/has_timer__named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/pause_timer/README.md b/src/assets/usage-examples-code/timers/pause_timer/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/pause_timer/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/pause_timer__named/README.md b/src/assets/usage-examples-code/timers/pause_timer__named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/pause_timer__named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/reset_timer/README.md b/src/assets/usage-examples-code/timers/reset_timer/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/reset_timer/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/reset_timer__named/README.md b/src/assets/usage-examples-code/timers/reset_timer__named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/reset_timer__named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/resume_timer/README.md b/src/assets/usage-examples-code/timers/resume_timer/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/resume_timer/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/resume_timer__named/README.md b/src/assets/usage-examples-code/timers/resume_timer__named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/resume_timer__named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/start_timer/README.md b/src/assets/usage-examples-code/timers/start_timer/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/start_timer/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/start_timer__named/README.md b/src/assets/usage-examples-code/timers/start_timer__named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/start_timer__named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/stop_timer/README.md b/src/assets/usage-examples-code/timers/stop_timer/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/stop_timer/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/stop_timer__named/README.md b/src/assets/usage-examples-code/timers/stop_timer__named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/stop_timer__named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/timer_named/README.md b/src/assets/usage-examples-code/timers/timer_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/timer_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/timer_paused/README.md b/src/assets/usage-examples-code/timers/timer_paused/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/timer_paused/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/timer_paused__named/README.md b/src/assets/usage-examples-code/timers/timer_paused__named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/timer_paused__named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/timer_started/README.md b/src/assets/usage-examples-code/timers/timer_started/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/timer_started/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/timer_started__named/README.md b/src/assets/usage-examples-code/timers/timer_started__named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/timer_started__named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/timer_ticks/README.md b/src/assets/usage-examples-code/timers/timer_ticks/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/timer_ticks/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/timers/timer_ticks__named/README.md b/src/assets/usage-examples-code/timers/timer_ticks__named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/timers/timer_ticks__named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/utilities/convert_to_double/README.md b/src/assets/usage-examples-code/utilities/convert_to_double/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/utilities/convert_to_double/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/utilities/convert_to_integer/README.md b/src/assets/usage-examples-code/utilities/convert_to_integer/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/utilities/convert_to_integer/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/utilities/current_ticks/README.md b/src/assets/usage-examples-code/utilities/current_ticks/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/utilities/current_ticks/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/utilities/delay/README.md b/src/assets/usage-examples-code/utilities/delay/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/utilities/delay/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/utilities/display_dialog/README.md b/src/assets/usage-examples-code/utilities/display_dialog/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/utilities/display_dialog/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/utilities/file_as_string/README.md b/src/assets/usage-examples-code/utilities/file_as_string/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/utilities/file_as_string/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/utilities/is_double/README.md b/src/assets/usage-examples-code/utilities/is_double/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/utilities/is_double/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/utilities/is_integer/README.md b/src/assets/usage-examples-code/utilities/is_integer/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/utilities/is_integer/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/utilities/is_number/README.md b/src/assets/usage-examples-code/utilities/is_number/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/utilities/is_number/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/utilities/rnd/README.md b/src/assets/usage-examples-code/utilities/rnd/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/utilities/rnd/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/utilities/rnd_int/README.md b/src/assets/usage-examples-code/utilities/rnd_int/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/utilities/rnd_int/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/utilities/rnd_range/README.md b/src/assets/usage-examples-code/utilities/rnd_range/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/utilities/rnd_range/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/utilities/to_lowercase/README.md b/src/assets/usage-examples-code/utilities/to_lowercase/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/utilities/to_lowercase/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/utilities/to_uppercase/README.md b/src/assets/usage-examples-code/utilities/to_uppercase/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/utilities/to_uppercase/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/utilities/trim/README.md b/src/assets/usage-examples-code/utilities/trim/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/utilities/trim/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/clear_window/README.md b/src/assets/usage-examples-code/windows/clear_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/clear_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/close_all_windows/README.md b/src/assets/usage-examples-code/windows/close_all_windows/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/close_all_windows/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/close_current_window/README.md b/src/assets/usage-examples-code/windows/close_current_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/close_current_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/close_window/README.md b/src/assets/usage-examples-code/windows/close_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/close_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/close_window_named/README.md b/src/assets/usage-examples-code/windows/close_window_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/close_window_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/current_window/README.md b/src/assets/usage-examples-code/windows/current_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/current_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/current_window_has_border/README.md b/src/assets/usage-examples-code/windows/current_window_has_border/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/current_window_has_border/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/current_window_height/README.md b/src/assets/usage-examples-code/windows/current_window_height/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/current_window_height/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/current_window_is_fullscreen/README.md b/src/assets/usage-examples-code/windows/current_window_is_fullscreen/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/current_window_is_fullscreen/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/current_window_position/README.md b/src/assets/usage-examples-code/windows/current_window_position/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/current_window_position/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/current_window_toggle_border/README.md b/src/assets/usage-examples-code/windows/current_window_toggle_border/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/current_window_toggle_border/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/current_window_toggle_fullscreen/README.md b/src/assets/usage-examples-code/windows/current_window_toggle_fullscreen/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/current_window_toggle_fullscreen/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/current_window_width/README.md b/src/assets/usage-examples-code/windows/current_window_width/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/current_window_width/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/current_window_x/README.md b/src/assets/usage-examples-code/windows/current_window_x/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/current_window_x/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/current_window_y/README.md b/src/assets/usage-examples-code/windows/current_window_y/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/current_window_y/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/has_window/README.md b/src/assets/usage-examples-code/windows/has_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/has_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/is_current_window/README.md b/src/assets/usage-examples-code/windows/is_current_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/is_current_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/move_current_window_to/README.md b/src/assets/usage-examples-code/windows/move_current_window_to/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/move_current_window_to/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/move_window_to/README.md b/src/assets/usage-examples-code/windows/move_window_to/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/move_window_to/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/move_window_to_named/README.md b/src/assets/usage-examples-code/windows/move_window_to_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/move_window_to_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/open_window/README.md b/src/assets/usage-examples-code/windows/open_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/open_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/refresh_window/README.md b/src/assets/usage-examples-code/windows/refresh_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/refresh_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/refresh_window_with_target_fps/README.md b/src/assets/usage-examples-code/windows/refresh_window_with_target_fps/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/refresh_window_with_target_fps/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/resize_current_window/README.md b/src/assets/usage-examples-code/windows/resize_current_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/resize_current_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/resize_window/README.md b/src/assets/usage-examples-code/windows/resize_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/resize_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/set_current_window/README.md b/src/assets/usage-examples-code/windows/set_current_window/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/set_current_window/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/set_current_window_named/README.md b/src/assets/usage-examples-code/windows/set_current_window_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/set_current_window_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_caption/README.md b/src/assets/usage-examples-code/windows/window_caption/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_caption/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_close_requested/README.md b/src/assets/usage-examples-code/windows/window_close_requested/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_close_requested/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_close_requested_named/README.md b/src/assets/usage-examples-code/windows/window_close_requested_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_close_requested_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_has_border/README.md b/src/assets/usage-examples-code/windows/window_has_border/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_has_border/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_has_border_named/README.md b/src/assets/usage-examples-code/windows/window_has_border_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_has_border_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_has_focus/README.md b/src/assets/usage-examples-code/windows/window_has_focus/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_has_focus/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_height/README.md b/src/assets/usage-examples-code/windows/window_height/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_height/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_height_named/README.md b/src/assets/usage-examples-code/windows/window_height_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_height_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_is_fullscreen/README.md b/src/assets/usage-examples-code/windows/window_is_fullscreen/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_is_fullscreen/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_is_fullscreen_named/README.md b/src/assets/usage-examples-code/windows/window_is_fullscreen_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_is_fullscreen_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_named/README.md b/src/assets/usage-examples-code/windows/window_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_position/README.md b/src/assets/usage-examples-code/windows/window_position/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_position/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_position_named/README.md b/src/assets/usage-examples-code/windows/window_position_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_position_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_set_icon/README.md b/src/assets/usage-examples-code/windows/window_set_icon/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_set_icon/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_toggle_border/README.md b/src/assets/usage-examples-code/windows/window_toggle_border/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_toggle_border/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_toggle_border_named/README.md b/src/assets/usage-examples-code/windows/window_toggle_border_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_toggle_border_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_toggle_fullscreen/README.md b/src/assets/usage-examples-code/windows/window_toggle_fullscreen/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_toggle_fullscreen/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_toggle_fullscreen_named/README.md b/src/assets/usage-examples-code/windows/window_toggle_fullscreen_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_toggle_fullscreen_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_width/README.md b/src/assets/usage-examples-code/windows/window_width/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_width/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_width_named/README.md b/src/assets/usage-examples-code/windows/window_width_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_width_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_with_focus/README.md b/src/assets/usage-examples-code/windows/window_with_focus/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_with_focus/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_x/README.md b/src/assets/usage-examples-code/windows/window_x/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_x/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_x_named/README.md b/src/assets/usage-examples-code/windows/window_x_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_x_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_y/README.md b/src/assets/usage-examples-code/windows/window_y/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_y/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/assets/usage-examples-code/windows/window_y_named/README.md b/src/assets/usage-examples-code/windows/window_y_named/README.md
new file mode 100644
index 000000000..0c27dd5ad
--- /dev/null
+++ b/src/assets/usage-examples-code/windows/window_y_named/README.md
@@ -0,0 +1,5 @@
+# Files for Usage Examples
+
+To contribute a function usage example, please read the [CONTRIBUTING file](/src/content/docs/usage-examples/CONTRIBUTING.mdx)
+
+Note: You can use 'CTRL + click' (or 'Command + click' on macOS) on the path above for quick access
diff --git a/src/components/Signatures.astro b/src/components/Signatures.astro
new file mode 100644
index 000000000..bea18d87f
--- /dev/null
+++ b/src/components/Signatures.astro
@@ -0,0 +1,82 @@
+---
+import { Code, Tabs, TabItem } from "@astrojs/starlight/components";
+
+interface Props {
+ name: string;
+}
+
+import jsonData from "../../scripts/api.json";
+
+const { name } = Astro.props;
+
+function getSignatures(jsonData: any, name: string) {
+ for (const categoryKey in jsonData) {
+ const category = jsonData[categoryKey];
+
+ const categoryFunctions = category.functions;
+ const uniqueName = name.toLowerCase().replaceAll("-", "_");
+
+ for (const functionKey in categoryFunctions) {
+ const func = categoryFunctions[functionKey];
+ if (func.unique_global_name === uniqueName) {
+ //if function signature has multiple lines as follwing:
+ //"csharp": [
+ // "public static bool Timers.HasTimer(string name);",
+ // "public static bool SplashKit.HasTimer(string name);"
+ // ],
+ // add them all together, not just for csharp, but for all languages
+ for (const key in func.signatures) {
+ if (func.signatures[key].length > 1) {
+ let signatures = "";
+ for (const line in func.signatures[key]) {
+ signatures += func.signatures[key][line] + "\n";
+ }
+ func.signatures[key] = signatures;
+ }
+ }
+
+
+ return func.signatures;
+ }
+ }
+ }
+ return null;
+}
+
+const signatures = getSignatures(jsonData, name);
+---
+
+{
+ signatures && (
+
+ Signatures
+
+
+
+
+
+ {signatures.cpp &&
}
+
+
+
+
+ {signatures.csharp &&
}
+
+
+
+
+ {signatures.python &&
}
+
+
+
+ {signatures.pascal &&
}
+
+
+
+
+ )
+// no signature found
+ ||
+ No Signatures Found for {name}
+
+}
diff --git a/src/content/docs/api/index.mdx b/src/content/docs/api/index.mdx
index 81c196651..60bcec79b 100644
--- a/src/content/docs/api/index.mdx
+++ b/src/content/docs/api/index.mdx
@@ -6,7 +6,6 @@ sidebar:
:::tip[Components]
-{/* all done */}
SplashKit provides a versatile set of categories, encompassing graphics, audio, input, and more, offering developers a comprehensive toolkit for game and multimedia development.
@@ -16,6 +15,3 @@ import Some from "../../../components/Api.astro";
-
-
-
diff --git a/src/content/docs/guides/00-00-Reading-text.mdx b/src/content/docs/guides/00-00-Reading-text.mdx
index 536404bce..5c2ee568e 100644
--- a/src/content/docs/guides/00-00-Reading-text.mdx
+++ b/src/content/docs/guides/00-00-Reading-text.mdx
@@ -20,7 +20,8 @@ Reading text input from the user is straightforward for command line application
The following code demonstrates the use of [Read Line](/api/terminal/#read-line) in order to read in and display the user's name.
-
+
+
```cpp
#include "splashkit.h"
@@ -41,6 +42,7 @@ string quest; // and another to store a quest
}
```
+
@@ -67,8 +69,24 @@ public class Program
}
```
+
+
+
+```python
+from splashkit import *
+
+write("What is your name: ") # prompt the user for input
+name = read_line() # read user input and store in a variable
+
+# Read in another value
+write(name + " what is your quest?")
+quest = read_line()
+
+write_line(quest)
+```
+
## Reading Text in Graphical Applications
@@ -143,6 +161,7 @@ string name = "unknown";
}
```
+
@@ -211,17 +230,73 @@ class Program
} while (!SplashKit.QuitRequested());
}
}
+
```
+
+
+
+```python
+from splashkit import *
+
+# Lets read into this string...
+name = "unknown"
+
+# Open a window to show the user...
+open_window("Reading Input.", 800, 600)
+
+# Load a font for text rendering
+load_font("input", "arial.ttf")
+
+# Define area where text should appear
+rect = rectangle_from(230.0, 50.0, 200.0, 30.0)
+
+# Start reading text in this area
+# This could be in the loop, if we had a button or something to click to trigger this
+start_reading_text(rect)
+
+# Here is our game loop
+
+while not quit_requested():
+
+ # Listen for input... thiss will update the text read
+ process_events()
+
+ # Looks like we finished reading text...
+ if not reading_text():
+ # Was input cancelled
+ if text_entry_cancelled():
+ name = "unknown"
+ else:
+ # Get the name from the text input
+ name = text_input()
+
+ # Draw the screen...
+ clear_screen(color_white())
+
+ draw_rectangle_record(color_black(), rect)
+
+ # If we are reading text... then show what it is
+ if reading_text():
+ draw_collected_text(color_black(), font_named("input"), 18, option_defaults())
+
+ # Draw what we have in the name
+ draw_text(name, color_black(), font_named("input"), 18, 10, 10)
+
+ # Show it...
+ refresh_screen_with_target_fps(60)
+```
+
+
In the above program we want to read in the user's name and store it in the `name` variable. To get started with this we need to open a window, and load a font to draw the text and input. There is also the standard event loop that is repeating the basic actions of checking user input and drawing the screen until the program is closed.
-The logic for reading input starts with the call to [Start Reading Text](/api/input/#group-start-reading-text). This tells SplashKit that you want it to collect text input by the user, and that you want it drawn into the passed-in [Rectangle](/api/types/#rectangle) (in this case `rect`). SplashKit is now listening for input from, and collecting this text for you when you call [Process Events](/api/input/#process-events).
+The logic for reading input starts with the call to [Start Reading Text](/api/input/#start-reading-text). This tells SplashKit that you want it to collect text input by the user, and that you want it drawn into the passed-in [Rectangle](/api/types/#rectangle) (in this case `rect`). SplashKit is now listening for input from, and collecting this text for you when you call [Process Events](/api/input/#process-events).
-SplashKit will continue reading text from the user until they hit the Escape or Enter key. You can check if text is still being read by calling the [Reading Text](/api/input/#group-reading-text) function. In this example, we use this to update the name. You can also end text input yourself using the [End Reading Text](/api/input/#group-end-reading-text) function.
+SplashKit will continue reading text from the user until they hit the Escape or Enter key. You can check if text is still being read by calling the [Reading Text](/api/input/#reading-text) function. In this example, we use this to update the name. You can also end text input yourself using the [End Reading Text](/api/input/#end-reading-text) function.
-When the SplashKit is no longer reading text, you can use [Text Entry Cancelled](/api/input/#group-text-entry-cancelled) to check if the user cancelled (by hitting Escape) the input. To read the actual value entered, you call [Text Input](/api/input/#group-text-input). This will return the value entered by the user. If they did cancel the input, then this will be an empty string.
+When the SplashKit is no longer reading text, you can use [Text Entry Cancelled](/api/input/#text-entry-cancelled) to check if the user cancelled (by hitting Escape) the input. To read the actual value entered, you call [Text Input](/api/input/#text-input). This will return the value entered by the user. If they did cancel the input, then this will be an empty string.
-The key with graphical input will be to keep updating the data associated with the graphical elements. This will keep the screen updating as you collect the input from the user. For this, you need to [Start Reading Text](/api/input/#group-start-reading-text), then at some point collect the [Text Input](/api/input/#group-text-input) and [End Reading Text](/api/input/#group-end-reading-text).
+The key with graphical input will be to keep updating the data associated with the graphical elements. This will keep the screen updating as you collect the input from the user. For this, you need to [Start Reading Text](/api/input/#start-reading-text), then at some point collect the [Text Input](/api/input/#text-input) and [End Reading Text](/api/input/#end-reading-text).
diff --git a/src/content/docs/guides/01-00-drawing.mdx b/src/content/docs/guides/01-00-drawing.mdx
index 4e29afb89..8ec99b2f3 100644
--- a/src/content/docs/guides/01-00-drawing.mdx
+++ b/src/content/docs/guides/01-00-drawing.mdx
@@ -3,7 +3,7 @@ title: Drawing using Procedures
description: This article provide a quick overview of getting started with SplashKit. It includes how to create a window and do some basic drawing in order to create a small animation. This is a great place to start with SplashKit.
category: Tutorials
author: Andrew Cain
-lastupdated: May 30 2018
+lastupdated: May 10 2024
---
**{frontmatter.description}**
@@ -15,7 +15,7 @@ In this article you will see how to get started with SplashKit with some simple
## Step 1: Creating a Window
-In SplashKit you can open a Window to draw on and interact with. To open the window you need to call [open_window](/api/graphics/#open-window). This procedure requires you to pass it the window’s title, width and height. For example `open_window("House Drawing", 800, 600);` will open a window that is 800 pixels wide and 600 pixels high with the title "House Drawing", as shown in the following image. Please note that the house and hill are drawn by additional code.
+In SplashKit you can open a Window to draw on and interact with. To open the window you need to call [open_window](/api/windows/#open-window). This procedure requires you to pass it the window’s title, width and height. For example `open_window("House Drawing", 800, 600);` will open a window that is 800 pixels wide and 600 pixels high with the title "House Drawing", as shown in the following image. Please note that the house and hill are drawn by additional code. You must close the window when you are done using it, even if your program is otherwise finished. If you do not, the window will not be freed from memory when the program exits. You can close a window by calling a [close window](/api/windows/#close-window) function E.G. close_all_windows().
1. Lets get this started by opening a new Window, and using SplashKit to delay us for a few seconds. Give the following code a try:
-
+
@@ -34,9 +34,8 @@ In SplashKit you can open a Window to draw on and interact with. To open the win
int main()
{
open_window("Window Title... to change", 800, 600);
-
delay(5000);
-
+ close_all_windows();
return 0;
}
```
@@ -49,16 +48,27 @@ using SplashKitSDK;
public class Program
{
-public static void Main()
-{
-new Window("Window Title... to change", 800, 600);
-
+ public static void Main()
+ {
+ new Window("Window Title... to change", 800, 600);
SplashKit.Delay(5000);
+ close_all_windows();
}
-
}
```
+
+
+
+
+```python
+from splashkit import *
+
+open_window("Window Title... to change", 800, 600)
+
+delay(5000)
+```
+
@@ -77,7 +87,6 @@ new Window("Window Title... to change", 800, 600);
Switch back to the terminal to compile and run your program.
-
## Step 2: Drawing to a Window
1. Adjust `main` so that it now draws the house shown above.
@@ -95,8 +104,9 @@ int main()
fill_rectangle(COLOR_GRAY, 300, 300, 200, 200);
fill_triangle(COLOR_RED, 250, 300, 400, 150, 550, 300);
refresh_screen();
-
delay(5000);
+ close_all_windows();
+ return 0;
}
```
@@ -108,10 +118,10 @@ using SplashKitSDK;
public class Program
{
-public static void Main(string[] args)
-{
-Window shapesWindow;
-shapesWindow = new Window("Shapes by ...", 800, 600);
+ public static void Main(string[] args)
+ {
+ Window shapesWindow;
+ shapesWindow = new Window("Shapes by ...", 800, 600);
shapesWindow.Clear(Color.White);
shapesWindow.FillEllipse(Color.BrightGreen, 0, 400, 800, 400);
@@ -120,12 +130,30 @@ shapesWindow = new Window("Shapes by ...", 800, 600);
shapesWindow.Refresh();
SplashKit.Delay(5000);
+ close_all_windows();
}
}
```
+
+
+
+```python
+from splashkit import *
+
+open_window("Shapes by ...", 800, 600)
+
+clear_screen(color_white())
+fill_ellipse(color_bright_green(), 0, 400, 800, 400)
+fill_rectangle(color_gray(), 300, 300, 200, 200)
+fill_triangle(color_red(), 250, 300, 400, 150, 550, 300)
+refresh_screen()
+
+delay(5000)
+```
+
@@ -157,7 +185,7 @@ For example: the magenta rectangle is drawn at 10, 1. This means its x value is
To draw a shape with SplashKit you need to call one of the shape drawing procedures. All of the shape drawing operations in SplashKit take a number of parameter values:
* The **color** to draw the shape.
- SplashKit has a number of colors you can use. See the list of colors starting with (Alice Blue)[/api/color#color-alice-blue]. For example, in C++ the colors are written as `COLOR_WHITE`, `COLOR_GREEN`, `COLOR_BLUE`, `COLOR_BLACK`, `COLOR_RED`, and many others. VS Code should show you a list once you type `COLOR_` then hit ctrl+space. Though this only works if you opened the project folder.
+ SplashKit has a number of colors you can use. See the list of colors starting with [Alice Blue](/api/color#color-alice-blue). For example, in C++ the colors are written as `COLOR_WHITE`, `COLOR_GREEN`, `COLOR_BLUE`, `COLOR_BLACK`, `COLOR_RED`, and many others. VS Code should show you a list once you type `COLOR_` then hit ctrl+space. Though this only works if you opened the project folder.
* An **x** value, representing the x position of the shape (column).
This is a number of pixels from the left edge of the screen. Larger values are further to the right.
@@ -168,16 +196,16 @@ To draw a shape with SplashKit you need to call one of the shape drawing procedu
See the following for examples of what you can call:
-* [Clear Screen](/api/graphics#clear_screen)
-* [Draw Circle](/api/graphics#draw_circle)
-* [Fill Circle](/api/graphics#fill_circle)
-* [Draw Rectangle](/api/graphics#draw_rectangle)
-* [Fill Rectangle](/api/graphics#fill_rectangle)
-* [Draw Triangle](/api/graphics#draw_triangle)
-* [Fill Triangle](/api/graphics#fill_triangle)
-* [Draw Ellipse](/api/graphics#draw_ellipse)
-* [Fill Ellipse](/api/graphics#fill_ellipse)
-* [Draw Line](/api/graphics#draw_line)
+* [Clear Screen](/api/graphics/#clear-screen)
+* [Draw Circle](/api/graphics/#draw-circle)
+* [Fill Circle](/api/graphics/#fill-circle)
+* [Draw Rectangle](/api/graphics/#draw-rectangle)
+* [Fill Rectangle](/api/graphics/#fill-rectangle)
+* [Draw Triangle](/api/graphics/#draw-triangle)
+* [Fill Triangle](/api/graphics/#fill-triangle)
+* [Draw Ellipse](/api/graphics/#draw-ellipse)
+* [Fill Ellipse](/api/graphics/#fill-ellipse)
+* [Draw Line](/api/graphics/#draw-line)
## Autocomplete
@@ -190,4 +218,3 @@ You should be able to get Visual Studio Code to show you to list of parameters.
To draw a picture, like the house shown above, the computer executes the code to draw the individual shapes one at a time in the order they appear in the code (in **sequence**). However, we dont want each element to appear individually, we just want the whole picture to appear at once, so in this case the whole house should show all at once. SplashKit uses a technique called **Double Buffering** to enable this. When double buffering, the computer first draws the shapes, then waits for a command to display the shapes to the user. With SplashKit, the shapes are all shown together when you call the `refresh_screen` procedure. This is illustrated below.
-
diff --git a/src/content/docs/guides/02-00-utilities.mdx b/src/content/docs/guides/02-00-utilities.mdx
index 93c9a8d0b..05e5a7c51 100644
--- a/src/content/docs/guides/02-00-utilities.mdx
+++ b/src/content/docs/guides/02-00-utilities.mdx
@@ -6,6 +6,8 @@ author: Richard Denton
lastupdated: Oct 3 2018
---
+import { Tabs, TabItem } from "@astrojs/starlight/components";
+
**{frontmatter.description}**
_Written by {frontmatter.author} on {frontmatter.lastupdated}_
@@ -13,16 +15,18 @@ SplashKit's [Utilities library](/api/utilities) provides a range of useful funct
These functions are useful in many areas of programming.
-- [Converting a string to a number](#convert-string-to-number)
- - [Usage scenario: converting user input to an integer](#convert-user-input-to-int)
-- [Checking if a string is a number](#check-if-string-is-number)
- - [Usage scenario: accept user input as a number](#accept-user-input-as-number)
+- [Converting a string to a number](#converting-a-string-to-a-number)
+ - [Usage scenario: converting user input to an integer](#usage-scenario-converting-user-input-to-an-integer)
+- [Checking if a string is a number](#checking-if-a-string-is-a-number)
+ - [Usage scenario: accept user input as a number](#usage-scenario-accept-user-input-as-a-number)
- [Manipulating strings](#manipulating-strings)
## Converting a string to a number
+SplashKit provides two useful functions for handling the conversion of a `string` to either an `int` or a `double`.
-SplashKit provides two useful functions for handling the conversion of a `std::string` to either an `int` or a `double`.
+
+
```cpp
#include "splashkit.h"
@@ -50,10 +54,68 @@ int main()
}
```
+
+
+
+
+```csharp
+using SplashKitSDK;
+
+public class Program
+{
+ public static void Main()
+ {
+ //Convert the string "2017" to an integer 2017
+ string some_string = "2017";
+ int some_number = SplashKit.ConvertToInteger(some_string);
+
+ SplashKit.WriteLine("The value of some_number is now:");
+ SplashKit.WriteLine(some_number);
+
+ //Convert the string "3.14159265358979" to a double ~3.141593
+ string pi_string = "3.14159265358979";
+ double pi = SplashKit.ConvertToDouble(pi_string);
+
+ SplashKit.WriteLine("The value of pi is now:");
+ SplashKit.WriteLine(pi);
+ }
+}
+
+```
+
+
+
+
+```python
+from splashkit import *
+
+## Convert the string "2017" to an integer 2017
+
+some_string = "2017"
+some_number = convert_to_integer(some_string)
+
+write_line("The value of some_number is now:")
+write_line_int(some_number)
+
+## Convert the string "3.14159265358979" to a double ~3.141593
+
+pi_string = "3.14159265358979"
+pi = convert_to_double(pi_string)
+
+write_line("The value of pi is now:")
+write_line_double(pi)
+
+```
+
+
+
+
### Usage scenario: converting user input to an integer
+Consider you want to write a program that accepts two numbers as input from a user, multiplies them, and outputs the result. One way to accomplish this is to use SplashKit's [Convert To Integer](/api/utilities/#convert-to-integer) function.
-Consider you want to write a program that accepts two numbers as input from a user, multiplies them, and outputs the result. One way to accomplish this is to use SplashKit's `convert_to_integer` function.
+
+
```cpp
#include "splashkit.h"
@@ -106,13 +168,109 @@ inum_2 = convert_to_double(snum_2);
//...
```
-## Checking if a string is a number
+
+
+
+```csharp
+using SplashKitSDK;
+
+public class Program
+{
+ public static void Main()
+ {
+ //User input will initially be stored in these two strings.
+ string snum_1, snum_2;
+
+ // And then it will be converted and stored in these integers.
+ int inum_1, inum_2, result;
+
+ //Read user input
+ SplashKit.Write("Enter first number: ");
+ snum_1 = SplashKit.ReadLine();
+ SplashKit.Write("Enter second number: ");
+ snum_2 = SplashKit.ReadLine();
+
+ //Convert user input to integers
+ inum_1 = SplashKit.ConvertToInteger(snum_1);
+ inum_2 = SplashKit.ConvertToInteger(snum_2);
+
+ //Compute the result
+ result = inum_1 + inum_2;
+
+ //Output the results
+ SplashKit.Write(snum_1 + " multiplied by " + snum_2 + " equals ");
+ SplashKit.WriteLine(result);
+ }
+}
+
+```
+
+The same can be achieved for decimal numbers, simply by swapping `ConvertToInteger`with `ConvertToDouble`, and using the appropriate data types.
+
+```csharp
+//...
+
+// Don't use integers, instead use doubles
+double inum_1, inum_2, result;
+
+//...
+
+inum_1 = SplashKit.ConvertToDouble(snum_1);
+inum_2 = SplashKit.ConvertToDouble(snum_2);
+
+//...
+```
+
+
+
+
+```python
+from splashkit import *
+
+# Read user input
+write("Enter first number: ")
+snum_1 = read_line()
+write("Enter second number: ")
+snum_2 = read_line()
+
+
+# Convert user inputs to integers
+inum_1 = convert_to_integer(snum_1)
+inum_2 = convert_to_integer(snum_2)
+
+# Compute the result
+result = inum_1 * inum_2
+
+# Output the result
+write(snum_1 + " multiplied by " + snum_2 + " equals ")
+write_line_int(result)
+```
+
+The same can be achieved for decimal numbers, simply by swapping `ConvertToInteger` with `ConvertToDouble`, and using the appropriate data types.
+
+```python
+#...
+
+# Don't uses integers, instead use doubles
+inum_1 = convert_to_double(snum_1)
+inum_2 = convert_to_double(snum_2)
+
+#...
+
+```
+
+
+
+## Checking if a string is a number
-Another helpful set of functions provided by SplashKit's utilities library is `is_integer` and `is_number`.
+Another helpful set of functions provided by SplashKit's utilities library is [Is Integer](/api/utilities/#is-integer) and [Is Number](/api/utilities/#is-number).
Consider the following.
+
+
+
```cpp
#include "splashkit.h"
#include
@@ -147,9 +305,78 @@ int main()
}
```
-Its output is as follows.
+
+
+
+```csharp
+using SplashKitSDK;
+
+public class Program
+{
+ public static void Main()
+ {
+ string message_1 = "9781273";
+ string message_2 = "23129739.13";
+ string message_3 = "Hello world.";
+
+ if ( SplashKit.IsInteger(message_1) )
+ SplashKit.WriteLine("Message 1 contains an integer!");
+
+ if ( SplashKit.IsNumber(message_1) )
+ SplashKit.WriteLine("Message 1 contains a number!");
+
+ if ( !SplashKit.IsInteger(message_2) )
+ SplashKit.WriteLine("Message 2 is not an integer!");
+
+ if ( SplashKit.IsNumber(message_2) )
+ SplashKit.WriteLine("Message 2 contains a number!");
+
+ if ( !SplashKit.IsInteger(message_3) )
+ SplashKit.WriteLine("Message 3 is not an integer!");
+
+ if ( !SplashKit.IsNumber(message_3) )
+ SplashKit.WriteLine("Message 3 is not a number!");
+ }
+}
```
+
+
+
+
+```python
+from splashkit import *
+
+message_1 = "9781273"
+message_2 = "23129739.13"
+message_3 = "Hello world."
+
+if is_integer(message_1):
+ write_line("Message 1 contains an integer!")
+
+if is_number(message_1):
+ write_line("Message 1 contains a number!")
+
+if not is_integer(message_2):
+ write_line("Message 2 is not an integer!")
+
+if is_number(message_2):
+ write_line("Message 2 contains a number!")
+
+if not is_integer(message_3):
+ write_line("Message 3 is not an integer!")
+
+if not is_number(message_3):
+ write_line("Message 3 is not a number!")
+
+```
+
+
+
+
+Its output is as follows.
+
+```text
Message 1 contains an integer!
Message 1 contains a number!
Message 2 is not an integer!
@@ -160,7 +387,10 @@ Message 3 is not a number!
### Usage scenario: accept user input as a number
-SplashKit's `is_integer` and `is_number` functions can be used to validate user input, ensuring the user always enters a valid data type.
+SplashKit's [Is Integer](/api/utilities/#is-integer) and [Is Number](/api/utilities/#is-number) functions can be used to validate user input, ensuring the user always enters a valid data type.
+
+
+
```cpp
#include "splashkit.h"
@@ -199,7 +429,7 @@ int main()
int height;
height = read_integer("Enter your height in centimetres: ");
- write("Your are ");
+ write("You are ");
write(height);
write_line("CM tall!");
@@ -207,10 +437,96 @@ int main()
}
```
+
+
+
+```csharp
+using SplashKitSDK;
+
+public class Program
+{
+ /**
+ * Reads input from a user, only allowing whole numbers.
+ * @prompt string - The string to display to the user.
+ * @return int
+ */
+ static int read_integer(String prompt)
+ {
+ String buffer;
+
+ //Continue requesting user input until a valid whole number is entered.
+ while (true)
+ {
+ //Prompt the user with the message
+ SplashKit.Write(prompt);
+ //Read the user input as a string.
+ buffer = SplashKit.ReadLine();
+ //If the user input is a valid whole number, leave the loop.
+ if (SplashKit.IsInteger(buffer))
+ break;
+ //If the user input was not a valid whole number, ask them to enter a whole number.
+ SplashKit.WriteLine("Please enter a valid whole number.");
+ }
+ //Convert the user input to an integer before returning it.
+ return SplashKit.ConvertToInteger(buffer);
+ }
+ public static void Main()
+ {
+
+ int height;
+
+ height = read_integer("Enter your height in centimetres: ");
+ SplashKit.Write("You are ");
+ SplashKit.Write(height);
+ SplashKit.WriteLine("CM tall!");
+ }
+}
+```
+
+
+
+
+```python
+from splashkit import *
+
+"""
+Reads input from a user, only allowing whole numbers.
+@prompt string - The string to display to the user.
+@return int
+"""
+def read_integer(prompt):
+
+ # Continue requesting user input until a valid whole number is entered.
+ while True:
+ # Prompt the user with the message
+ write(prompt)
+ # Read the user input as a string.
+ buffer = read_line()
+ # If the user input is a valid whole number, leave the loop.
+ if is_integer(buffer):
+ break
+ # If the user input was not a valid whole number, ask them to enter a whole number.
+ write_line("Please enter a valid whole number.")
+ # Convert the user input to an integer before returning it.
+ return convert_to_integer(buffer)
+
+
+
+height = read_integer("Enter your height in centimetres: ")
+write("You are ")
+write_int(height)
+write_line("CM tall!")
+```
+
+
+
+
## Manipulating strings
+In addition to the functionality provided by each language's standard library (The `string` library in C++, and the `System` library in C#), SplashKit's utilities library provides some extra string manipulation functions that can assist you with manipulating `string` data.
-In addition to the functionality provided by C++'s standard `string` library, SplashKit's utilities library provides some extra string manipulation functions that can assist you with manipulating `std::string` data.
+
+
```cpp
#include "splashkit.h"
@@ -239,3 +555,59 @@ int main()
return 0;
}
```
+
+
+
+
+```csharp
+using SplashKitSDK;
+
+public class Program
+{
+ public static void Main()
+ {
+ string name = "Richard";
+ string location = " Burwood";
+
+ //Convert "Richard" to "RICHARD"
+ name = SplashKit.ToUppercase(name);
+ SplashKit.WriteLine(name);
+
+ //Convert "RICHARD" to "richard"
+ name = SplashKit.ToLowercase(name);
+ SplashKit.WriteLine(name);
+
+ //Remove all of the empty spaces at the start of " Burwood".
+ SplashKit.WriteLine("Before: " + location);
+ location = SplashKit.Trim(location);
+ SplashKit.WriteLine("After: " + location);
+ }
+}
+```
+
+
+
+
+```python
+from splashkit import *
+
+name = "Richard"
+location = " Burwood"
+
+# Convert "Richard" to "RICHARD"
+name = to_uppercase(name)
+write_line(name)
+
+# Convert "RICHARD" to "richard"
+name = to_lowercase(name)
+write_line(name)
+
+# Remove all of the empty spaces at the start of " Burwood".
+write_line("Before: " + location)
+location = trim(location)
+write_line("After: " + location)
+
+```
+
+
+
diff --git a/src/content/docs/guides/03-00-animation.mdx b/src/content/docs/guides/03-00-animation.mdx
index 6327028bb..c9f73fc14 100644
--- a/src/content/docs/guides/03-00-animation.mdx
+++ b/src/content/docs/guides/03-00-animation.mdx
@@ -55,7 +55,7 @@ Frames are coded within the animation script file using a line that starts with
The following code is the start of an animation script file.
-```
+```text
SplashKit Animation
//Frames are declared with an f: and contain
@@ -89,7 +89,7 @@ f: [8, 9, 10, 11], [8, 9, 10, 11], 5,
When designing your animation an easy place to start is with a frame per cell in your animation. You can then put in a set duration, and link the frames together. For example, with the Frog sprite sheet you could use the following as a start. This includes frames in four groups, one for each of the different animations within the sheet (as indicated by the comments). Notice that each of these is a loop, so the "toward the user" sequence plays cells 0, 1, 2, 3 and then back to 0.
-```
+```text
SplashKit Animation
// Toward user
@@ -108,7 +108,7 @@ The next key element of the Animation is a starting point. This is a named frame
Using the frog animation we have the 4 separate animations, which can then be coded as 4 identifiers for _walk forward_ starting at frame 0 (the loop 0, 1, 2, 3, 0, ...), _walk left_ starting at frame 4, _walk right_ starting at frame 8, and _walk away_ starting at frame 12.
-```
+```text
SplashKit Animation
// -- Frames --
@@ -136,27 +136,28 @@ Once you have a sprite sheet and an animation script the code to get this workin
- You can do this with a bundle by specifying the image and its details on one line.
- To load the image manually, you need to:
- 1. Call [Load Bitmap](/api/graphics#load-bitmap) to load the sprite sheet.
- 2. Call [Bitmap Set Cell Details](/api/graphics#bitmap-set-cell-details) to set the cell details (which includes width, height, columns, rows, count).
+ 1. Call [Load Bitmap](/api/graphics/#load-bitmap) to load the sprite sheet.
+ 2. Call [Bitmap Set Cell Details](/api/graphics/#bitmap-set-cell-details) to set the cell details (which includes width, height, columns, rows, count).
-2. Load the **animation script** using [Load Animation Script](/api/animations#load-animation-script).
+2. Load the **animation script** using [Load Animation Script](/api/animations/#load-animation-script).
-3. Create an **animation** from the animation script using the identifier from the script. See [Create Animation](/api/animations#group-create-animation).
+3. Create an **animation** from the animation script using the identifier from the script. See [Create Animation](/api/animations/#create-animation).
-4. Create a Drawing Option using [Option With Animation](/api/graphics#group-option-with-animation), which can be used to pass options to a draw bitmap call.
+4. Create a Drawing Option using [Option With Animation](/api/graphics/#option-with-animation), which can be used to pass options to a draw bitmap call.
-5. Draw the bitmap, passing in the image, the location to draw it, and the drawing options. See [Draw Bitmap (using an Image)](/api/graphics#draw-bitmap-with-options) or [Draw Bitmap (using the image name)](/api/graphics#draw-bitmap-named).
+5. Draw the bitmap, passing in the image, the location to draw it, and the drawing options. See [Draw Bitmap (using an Image)](/api/graphics/#draw-bitmap-2) or [Draw Bitmap (using the image name)](/api/graphics/#draw-bitmap-4).
-6. Update the animation using [Update Animation](/api/animations#update-animation).
+6. Update the animation using [Update Animation](/api/animations/#update-animation).
This is demonstrated in the following code examples.
+
```cpp
#include "splashkit.h"
-/// A Test application to demonstrate the use of Animations in SplashKit.
+// A Test application to demonstrate the use of Animations in SplashKit.
int main()
{
window w = open_window("Animation Test", 120, 120);
@@ -214,9 +215,11 @@ window w = open_window("Animation Test", 120, 120);
}
-````
+```
+
+
```csharp
using System;
using SplashKitSDK;
@@ -282,7 +285,7 @@ public class Program
}
}
}
-````
+```
@@ -292,7 +295,7 @@ To test the above code you can download these [resources](/resources/animation/b
### Switching Animations
-Once you have an Animation you can use the [Assign Animation](/api/animations#assign-animation) method to switch from one animation sequence to another in the same animation script, or to swap to alternate animation scripts.
+Once you have an Animation you can use the [Assign Animation](/api/animations/#assign-animation) method to switch from one animation sequence to another in the same animation script, or to swap to alternate animation scripts.
When calling assign animation, you indicate the animation to change and the new animation details, which include the animation identifier and optionally a new animation script.
@@ -302,7 +305,7 @@ Animations can include points where sounds should be played as well. When sound
Sounds are coded with lines starting with "**s:**". An example of this is written below, it plays footsteps.wav whenever the frame with the identifier 0 is played.
-```
+```text
//s: Identifier, SoundName, Filename
s: 0, 'FootStep', 'footsteps.wav'
```
@@ -319,7 +322,7 @@ SplashKit animations also includes options to add vectors to individual frames,
In the animation script, a vector is indicated using a line starting with "**v:**". The following animation script snippet will move the sprite +5 pixels in the x axis and -3 pixels along the y axis for every Sprite Update while the animation is on the 0 frame.
-```
+```text
//v: identifier, change in x velocity, change in y velocity
v: 0, 5, -3
```
diff --git a/src/content/docs/guides/03-01-double-buffering.mdx b/src/content/docs/guides/03-01-double-buffering.mdx
index d252e2a0f..cd7a09a0a 100644
--- a/src/content/docs/guides/03-01-double-buffering.mdx
+++ b/src/content/docs/guides/03-01-double-buffering.mdx
@@ -9,7 +9,7 @@ lastupdated: May 30 2018
**{frontmatter.description}**
_Written by {frontmatter.author} on {frontmatter.lastupdated}_
-Why do we need to [Refresh Screen](/api/graphics#refresh_screen)?
+Why do we need to [Refresh Screen](/api/graphics/#refresh-screen)?
## Double Buffering
@@ -19,7 +19,7 @@ This means you control when something appears on the screen which is important w
The four images below execute the following pseudo code.
-```
+```text
call Fill Triangle()
call Fill Rectangle()
call Fill Circle()
diff --git a/src/content/docs/guides/04-00-audio.mdx b/src/content/docs/guides/04-00-audio.mdx
index 56e26be05..95567fdfd 100644
--- a/src/content/docs/guides/04-00-audio.mdx
+++ b/src/content/docs/guides/04-00-audio.mdx
@@ -36,9 +36,9 @@ The following table shows the supported audio formats for Sound Effect and Music
To play a sound effect you fist must load the audio file into your program. Sounds are stored in the **Resources/sounds** folder, and can be loaded using [Load Sound Effect](/api/audio/#load-sound-effect). You only need to load the sound effect once, and you can then access it using the name you assigned to the sound effect and [Sound Effect Named](/api/audio/#sound-effect-named), or by using the name of the sound effect in other calls.
-Once it is loaded, you can use the name you can play the sound effect using [Play Sound Effect](/api/audio/#group-play-sound-effect). By default the sound effect will play once, at full volume. Additional parameters can be passed along with the sound effect to change the number of times the sound plays, and the volume.
+Once it is loaded, you can use the name you can play the sound effect using [Play Sound Effect](/api/audio/#play-sound-effect). By default the sound effect will play once, at full volume. Additional parameters can be passed along with the sound effect to change the number of times the sound plays, and the volume.
-Sounds play until the file ends or until it is manually stopped in your code using [Stop Sound Effect](/api/audio/#group-stop-sound-effect) or [Stop Music](/api/audio/#stop-music). The sound effect or music will play in the background while your program's code continues to run.
+Sounds play until the file ends or until it is manually stopped in your code using [Stop Sound Effect](/api/audio/#stop-sound-effect) or [Stop Music](/api/audio/#stop-music). The sound effect or music will play in the background while your program's code continues to run.
+
```cpp
#include "splashkit.h"
@@ -149,10 +150,11 @@ sound_effect snd_effect;
}
-````
+```
+
+
-
```csharp
using SplashKitSDK;
@@ -224,7 +226,65 @@ class Program
}
}
-````
+```
+
+
+
+
+```python
+from splashkit import *
+
+open_window("Sound, Demo", 320, 240)
+
+snd_effect = load_sound_effect("chipmunk", "chipmunk.ogg")
+
+load_sound_effect("bells", "bells.ogg")
+load_sound_effect("camera", "camera.ogg")
+load_sound_effect("boing", "comedy_boing.ogg")
+load_sound_effect("dinosaur", "dinosaur.ogg")
+load_sound_effect("bark", "dog_bark.ogg")
+
+while not (quit_requested() or key_typed(KeyCode.escape_key or key_typed(KeyCode.q_key))):
+ process_events()
+
+ if key_down(KeyCode.right_ctrl_key) or key_down(KeyCode.left_ctrl_key):
+ if key_typed(KeyCode.num_1_key):
+ snd_effect = sound_effect_named("chipmunk")
+ if key_typed(KeyCode.num_2_key):
+ snd_effect = sound_effect_named("bells")
+ if key_typed(KeyCode.num_3_key):
+ snd_effect = sound_effect_named("camera")
+ if key_typed(KeyCode.num_4_key):
+ snd_effect = sound_effect_named("boing")
+ if key_typed(KeyCode.num_5_key):
+ snd_effect = sound_effect_named("dinosaur")
+ if key_typed(KeyCode.num_6_key):
+ snd_effect = sound_effect_named("bark")
+ else:
+ if key_typed(KeyCode.num_1_key):
+ play_sound_effect(snd_effect)
+ if key_typed(KeyCode.num_2_key):
+ play_sound_effect_with_volume(snd_effect, 0.5)
+ if key_typed(KeyCode.num_3_key):
+ play_sound_effect_with_times_and_volume(snd_effect, 3, 0.25)
+ if key_typed(KeyCode.num_4_key):
+ play_sound_effect_with_times_and_volume(snd_effect, -1, 0.1)
+ if key_typed(KeyCode.num_5_key):
+ if sound_effect_playing(snd_effect):
+ stop_sound_effect(snd_effect)
+
+ clear_screen(color_white())
+
+ draw_text_font_as_string("Control Sound (Escape or q to quit)", color_red(), "arial.ttf", 18, 15, 15)
+ draw_text_font_as_string("1: Play Sound At Full Volume", color_blue(), "arial.ttf", 14, 20, 50)
+ draw_text_font_as_string("2: Play Sound At 50% Volume", color_blue(), "arial.ttf", 14, 20, 80)
+ draw_text_font_as_string("3: Play Sound At 25% Volume 3 Times", color_blue(), "arial.ttf", 14, 20, 110)
+ draw_text_font_as_string("4: Play Sound Continuously at 10%", color_blue(), "arial.ttf", 14, 20, 140)
+ draw_text_font_as_string("5: Stop Playing Current Sound", color_blue(), "arial.ttf", 14, 20, 170)
+ draw_text_font_as_string("CTRL + (1-6) switch sound effects", color_blue(), "arial.ttf", 14, 20, 200)
+
+ refresh_screen_with_target_fps(60)
+```
diff --git a/src/content/docs/guides/05-00-camera.mdx b/src/content/docs/guides/05-00-camera.mdx
index 8e8aff4ef..af00781ab 100644
--- a/src/content/docs/guides/05-00-camera.mdx
+++ b/src/content/docs/guides/05-00-camera.mdx
@@ -32,17 +32,17 @@ With the camera you can create the effect of moving past stationary background o
- [Set Camera X](/api/camera/#set-camera-x) - adjust the x value for the camera
- [Set Camera Y](/api/camera/#set-camera-y) - adjust the y value for the camera
- [Set Camera Position](/api/camera/#set-camera-position) - adjust the camera position
-- [Move Camera By](/api/camera/#group-move-camera-by) - move the camera a specified amount
-- [Move Camera To](/api/camera/#group-move-camera-to) - move the camera to a location
-- [Center Camera On](/api/camera/#group-center-camera-on) - position the camera to focus on a sprite
+- [Move Camera By](/api/camera/#move-camera-by) - move the camera a specified amount
+- [Move Camera To](/api/camera/#move-camera-to) - move the camera to a location
+- [Center Camera On](/api/camera/#center-camera-on) - position the camera to focus on a sprite
## Where is the mouse?
Once you use the camera, then you need to map any interactions with the screen from screen to world coordinates. For example, when you read mouse input the values are in 'screen coordinates'. In this system the coordinates always have 0,0 as the top left-hand corner, regardless of the camera position.
-You can translate between these coordinate systems using the [To Screen](/api/camera/#group-to-screen) and [To World](/api/camera/#to-world).
+You can translate between these coordinate systems using the [To Screen](/api/camera/#to-screen) and [To World](/api/camera/#to-world).
-- [To Screen](/api/camera/#group-to-screen) converts values from world coordinates to screen coordinates.
+- [To Screen](/api/camera/#to-screen) converts values from world coordinates to screen coordinates.
- [To World](/api/camera/#to-world) converts a screen coordinate to a game world coordinate.
- [To World X](/api/camera/#to-world-x) converts a screen x value to its location in the game world.
- [To World Y](/api/camera/#to-world-y) converts a screen y value to its location in the game world.
@@ -51,10 +51,10 @@ You can translate between these coordinate systems using the [To Screen](/api/ca
## Drawing directly to the screen
-Some game elements will need to remain in the same place, regardless of the camera position. To achieve this you need to use the [Option To Screen](/api/graphics/#group-option-to-screen). Drawing options allow you to customise each of the drawing instructions. Each drawing operation include a variation that accepts a Drawing Option value.
+Some game elements will need to remain in the same place, regardless of the camera position. To achieve this you need to use the [Option To Screen](/api/graphics/#option-to-screen). Drawing options allow you to customise each of the drawing instructions. Each drawing operation include a variation that accepts a Drawing Option value.
-- [Option To Screen](/api/graphics/#group-option-to-screen) ignore camera position when drawing
-- [Option To World](/api/graphics/#group-option-to-world) adjust all positions based on the camera position
+- [Option To Screen](/api/graphics/#option-to-screen) ignore camera position when drawing
+- [Option To World](/api/graphics/#option-to-world) adjust all positions based on the camera position
## Example Code
@@ -62,9 +62,9 @@ The following program code demonstrates the use of some of these camera operatio
+
```cpp
#include "splashkit.h"
-
#define SCREEN_BORDER 100
void update_camera_position(double player_x, double player_y)
@@ -144,9 +144,11 @@ double bottom_edge = top_edge + screen_height() - 2 _ SCREEN_BORDER;
}
-````
+```
+
+
```csharp
using System;
using SplashKitSDK;
@@ -223,7 +225,72 @@ public class Program
}
}
}
-````
+```
+
+
+
+
+```python
+from splashkit import *
+
+SCREEN_BORDER = 100
+
+def update_camera_position(player_x, player_y):
+
+ # Test edge of screen boundaries to adjust the camera
+ left_edge = camera_x() + SCREEN_BORDER
+ right_edge = left_edge + screen_width() - 2 * SCREEN_BORDER
+ top_edge = camera_y() + SCREEN_BORDER
+ bottom_edge = top_edge + screen_height() - 2 * SCREEN_BORDER
+
+ # Test if the player is outside the area and move the camera
+ # the player will appear to stay still and everything else
+ # will appear to move :)
+
+ # Test top/bottom of screen
+ if player_y < top_edge:
+ move_camera_by(0, player_y - top_edge)
+ elif player_y > bottom_edge:
+ move_camera_by(0, player_y - bottom_edge)
+
+ # Test left/right of screen
+ if player_x < left_edge:
+ move_camera_by(player_x - left_edge, 0)
+ elif player_x > right_edge:
+ move_camera_by(player_x - right_edge, 0)
+
+
+
+open_window("Camera Test", 800, 800)
+
+player_x, player_y = 400, 400
+
+while not quit_requested():
+ # Handle input to adjust player movement
+ process_events()
+
+ if key_down(KeyCode.left_key): player_x -= 3
+ if key_down(KeyCode.right_key): player_x += 3
+ if key_down(KeyCode.down_key): player_y += 3
+ if key_down(KeyCode.up_key): player_y -= 3
+
+ update_camera_position(player_x, player_y)
+
+ # Redraw everything
+ clear_screen(color_black())
+
+ # Draw to the screen
+ draw_text_no_font_no_size_with_options(f"{camera_x()}, {camera_y()}", color_white(), 0, 0, option_to_screen())
+
+ # as well as the player who can move
+ fill_circle(color_yellow(), player_x, player_y, 20)
+
+ # including something stationary - it doesn't move
+ fill_rectangle(color_white(), 400, 200, 10, 10)
+
+ refresh_screen_with_target_fps(60)
+
+```
diff --git a/src/content/docs/guides/06-00-bundles.mdx b/src/content/docs/guides/06-00-bundles.mdx
index 8de162fbb..6d204da6a 100644
--- a/src/content/docs/guides/06-00-bundles.mdx
+++ b/src/content/docs/guides/06-00-bundles.mdx
@@ -26,7 +26,7 @@ Following the resource kind is the resources name and the associated filename fo
Bitmap and font resources also require additional information.
-**BITMAP** can optionally be followed by bitmap cell details useful for animation [Using Animations](/guides/animations/using-animation/). This is in the format: `BITMAP, name, filename, width, height, cellCols, cellRows, cellCount`. Once the bitmap is loaded the bundle will set the cell details from the information given.
+**BITMAP** can optionally be followed by bitmap cell details useful for animation [Using Animations](/guides/03-00-animation). This is in the format: `BITMAP, name, filename, width, height, cellCols, cellRows, cellCount`. Once the bitmap is loaded the bundle will set the cell details from the information given.
**FONT** must be followed by the point size for the font.
@@ -34,7 +34,7 @@ Bitmap and font resources also require additional information.
The following is an example of a bundle script file, it includes an example of each resource kinds you can load in SplashKit.
-```
+```text
BITMAP,mySpriteSheet,image1_name.png, 500, 100, 10, 2, 19
BITMAP,myBitmap,image2_name.png
ANIM,myAnimation,anim_name.txt
diff --git a/src/content/docs/guides/08-00-mouse-button-inputs.mdx b/src/content/docs/guides/08-00-mouse-button-inputs.mdx
index 485c80415..4b75ab7fa 100644
--- a/src/content/docs/guides/08-00-mouse-button-inputs.mdx
+++ b/src/content/docs/guides/08-00-mouse-button-inputs.mdx
@@ -1,283 +1,908 @@
---
-title: Mouse Button and Inputs
-description: As a SplashKit developer, I want to learn how to use `Key Code` in SplashKit so that I can identify which key triggers an event and handle it accordingly.
+title: Using Mouse Inputs
+description: Introductory Mouse Input functionality guide
category: Guides
author: Various
---
-**{frontmatter.description}**
-## Introduction to Mouse Button
+import { Tabs, TabItem } from "@astrojs/starlight/components";
-## What is `Mouse Button`?
+## Mouse Button Functionality
-`Mouse Button` is an enumeration used by SplashKit to read inputs from the mouse to be handled on
-your program. If you want to have users control your program using the mouse, then you must
-understand `Mouse Button`!
+Here are some functions that are used to handle mouse button inputs. These functions all use SplashKit's [Mouse Button](/api/input/#mouse-button) data type for the argument and check if the specified button has been clicked, held down, or released.
-## List of `Mouse Button`
+### List of Mouse Button Enum Values
-| Name | Description |
-| --------------- | ----------------------- |
-| NO_BUTTON | No mouse button |
-| LEFT_BUTTON | The left mouse button |
-| MIDDLE_BUTTON | The middle mouse button |
-| RIGHT_BUTTON | The right mouse button |
-| MOUSE_X1_BUTTON | The x1 mouse button |
-| MOUSE_X2_BUTTON | The x2 mouse button |
+[Mouse Button](/api/input/#mouse-button) is an enumeration used by SplashKit to read inputs from the mouse. Understanding how to handle mouse buttons is crucial for developers who want users to control their programs using the mouse.
-## Mouse Button Inputs
+
+
-Here are some functions that are used to handle mouse button inputs. These functions takes in the
-`Mouse Button` as parameter and checks if the specified button has been clicked, held down, or
-released.
+| Description | Enum Value in Code |
+| ----------------------- | ---------------------------|
+| No mouse button | NO_BUTTON |
+| The left mouse button | LEFT_BUTTON |
+| The middle mouse button | MIDDLE_BUTTON |
+| The right mouse button | RIGHT_BUTTON |
+| The x1 mouse button | MOUSE_X1_BUTTON |
+| The x2 mouse button | MOUSE_X2_BUTTON |
-## Mouse Clicked
+
+
-`Mouse Clicked` is a boolean function that checks if the specified `Mouse Button` has been clicked
-since the last time `Process Events` was called.
+| Description | Enum Value in Code |
+| ----------------------- | ---------------------------|
+| No mouse button | MouseButton.NoButton |
+| The left mouse button | MouseButton.LeftButton |
+| The middle mouse button | MouseButton.MiddleButton |
+| The right mouse button | MouseButton.RightButton |
+| The x1 mouse button | MouseButton.MouseX1Button |
+| The x2 mouse button | MouseButton.MouseX2Button |
-Syntax in C++:
+
+
-`bool mouse_clicked(mouse_button button)`
+### Mouse Clicked
-## Mouse Down
+[Mouse Clicked](/api/input/#mouse-clicked) is a boolean function that checks if the specified `Mouse Button` has been clicked since the last time [Process Events](/api/input/#process-events) was called.
-`Mouse Down` checks if the specified button is being held down.
+Here is a simple example using the left and right mouse buttons:
-Syntax in C++:
+
+
-`bool mouse_down(mouse_button button)`
+```cpp
+#include "splashkit.h"
-## Mouse Up
+int main()
+{
+ open_window("Mouse Inputs", 800, 600);
-Opposite from the previous function, `Mouse Up` checks if the specified button is being held up (not
-pressed).
+ while (!window_close_requested("Mouse Inputs"))
+ {
+ // process user input events
+ process_events();
-Syntax in C++:
+ // change screen colour to red if left mouse button is clicked
+ if (mouse_clicked(LEFT_BUTTON))
+ {
+ clear_screen(COLOR_RED);
+ }
+ // change screen colour to yellow if right mouse button is clicked
+ else if (mouse_clicked(RIGHT_BUTTON))
+ {
+ clear_screen(COLOR_YELLOW);
+ }
-`bool mouse_up(mouse_button button)`
+ refresh_screen(60);
+ }
-## Demonstration
+ close_all_windows();
-Here is an example of all the mouse input functions being used together.
+ return 0;
+}
+```
+
+
+
+```csharp
+using SplashKitSDK;
+
+SplashKit.OpenWindow("Mouse Inputs", 800, 600);
+
+while (!SplashKit.WindowCloseRequested("Mouse Inputs"))
+{
+ // process user input events
+ SplashKit.ProcessEvents();
+
+ // change screen colour to red if left mouse button is clicked
+ if (SplashKit.MouseClicked(MouseButton.LeftButton))
+ {
+ SplashKit.ClearScreen(SplashKit.ColorRed());
+ }
+ // change screen colour to yellow if right mouse button is clicked
+ else if (SplashKit.MouseClicked(MouseButton.RightButton))
+ {
+ SplashKit.ClearScreen(SplashKit.ColorYellow());
+ }
+
+ SplashKit.RefreshScreen(60);
+}
+
+SplashKit.CloseAllWindows();
```
+
+
+
+
+### Mouse Down
+
+[Mouse Down](/api/input/#mouse-down) checks if the specified button is being held down.
+
+Here is a simple example using the left and right mouse buttons:
+
+
+
+
+```cpp
+#include "splashkit.h"
+
int main()
{
- open_window("Game", 800, 600);
+ open_window("Mouse Inputs", 800, 600);
- while(!key_down(ESCAPE_KEY))
+ while (!window_close_requested("Mouse Inputs"))
{
- process_events(); // check mouse state
+ // process user input events
+ process_events();
- if (mouse_clicked(LEFT_BUTTON)) // check if left mouse button is clicked
+ // change screen colour to red if left mouse button is held down
+ if (mouse_down(LEFT_BUTTON))
{
clear_screen(COLOR_RED);
}
- else if (mouse_down(LEFT_BUTTON)) // check if left mouse button is pressed down
+ // change screen colour to yellow if right mouse button is held down
+ else if (mouse_down(RIGHT_BUTTON))
{
clear_screen(COLOR_YELLOW);
}
- else if (mouse_up(LEFT_BUTTON)) // check if left mouse button is released
+ // change screen colour to white if no mouse button held down
+ else
{
- clear_screen(COLOR_GREEN);
+ clear_screen(COLOR_WHITE);
}
-
refresh_screen(60);
}
+ close_all_windows();
+
return 0;
}
```
-In this example, the screen will turn red if the left mouse button is clicked, which is checked in
-the first if clause. In the next loop, if the mouse has not just been clicked but is still being
-held down, the screen will turn yellow. Meanwhile, if the left mouse button is released, the screen
-will turn green.
+
+
-## Read Mouse Movement
+```csharp
+using SplashKitSDK;
-Another thing we can do with a mouse other than pressing its buttons is moving it around. So, we
-should also understand the functions to handle mouse movement to use it on our program.
+SplashKit.OpenWindow("Mouse Inputs", 800, 600);
-## Mouse Movement
+while (!SplashKit.WindowCloseRequested("Mouse Inputs"))
+{
+ // process user input events
+ SplashKit.ProcessEvents();
-`Mouse Movement` is a function that returns the amount of accumulated mouse movement since the last
-time `Process Events` was called. It returns the value as a `Vector 2D` data type, which shows the
-direction and distance in the x and y scale.
+ // change screen colour to red if left mouse button is held down
+ if (SplashKit.MouseDown(MouseButton.LeftButton))
+ {
+ SplashKit.ClearScreen(SplashKit.ColorRed());
+ }
+ // change screen colour to yellow if right mouse button is held down
+ else if (SplashKit.MouseDown(MouseButton.RightButton))
+ {
+ SplashKit.ClearScreen(SplashKit.ColorYellow());
+ }
+ // change screen colour to white if no mouse button held down
+ else
+ {
+ SplashKit.ClearScreen(SplashKit.ColorWhite());
+ }
+
+ SplashKit.RefreshScreen(60);
+}
+
+SplashKit.CloseAllWindows();
+```
+
+
+
+
+### Mouse Up
-Syntax in C++:
+Opposite to the previous function, [Mouse Up](/api/input/#mouse-up) checks if the specified button is released.
-`vector_2d mouse_movement()`
+Here is a simple example using the left mouse button:
-## Mouse Wheel Scroll
+
+
-`Mouse Wheel Scroll` returns the distance and direction of the mouse scroll since the last time
-`Process Events` was called. Like the previous function, this function returns the `Vector 2D` data
-type.
+```cpp
+#include "splashkit.h"
-Syntax in C++:
+int main()
+{
+ open_window("Mouse Inputs", 800, 600);
+
+ while (!window_close_requested("Mouse Inputs"))
+ {
+ // process user input events
+ process_events();
+
+ // change screen colour to red if left mouse button is not pressed
+ if (mouse_up(LEFT_BUTTON))
+ {
+ clear_screen(COLOR_RED);
+ }
+ // change screen colour to white if left button is pressed
+ else
+ {
+ clear_screen(COLOR_WHITE);
+ }
-`vector_2d mouse_wheel_scroll()`
+ refresh_screen(60);
+ }
-## Demonstration
+ close_all_windows();
+ return 0;
+}
```
+
+
+
+
+```csharp
+using SplashKitSDK;
+
+SplashKit.OpenWindow("Mouse Inputs", 800, 600);
+
+while (!SplashKit.WindowCloseRequested("Mouse Inputs"))
+{
+ // process user input events
+ SplashKit.ProcessEvents();
+
+ // change screen colour to red if left mouse button is not pressed
+ if (SplashKit.MouseUp(MouseButton.LeftButton))
+ {
+ SplashKit.ClearScreen(SplashKit.ColorRed());
+ }
+ // change screen colour to white if left button is pressed
+ else
+ {
+ SplashKit.ClearScreen(SplashKit.ColorWhite());
+ }
+
+ SplashKit.RefreshScreen(60);
+}
+
+SplashKit.CloseAllWindows();
+```
+
+
+
+
+## Mouse Movement Functionality
+
+Another thing we can do with mouse input, other than checking button presses, is to check mouse movement in the program.
+
+### Mouse Movement
+
+[Mouse Movement](/api/input/#mouse-movement) is a function that returns the amount of accumulated mouse movement since the last time `Process Events` was called. It returns the value as a `Vector 2D` data type, which shows the direction and distance in the x and y scale.
+
+Here is an example using the left mouse button combined with horizontal movement to change the hue of the screen colour, and the right mouse button combined with vertical movement to change the saturation of the screen colour:
+
+
+
+
+```cpp
+#include "splashkit.h"
+
int main()
{
+ // colour variables
+ double hue = 0.8;
+ double saturation = 0.8;
+ double brightness = 0.8;
+
+ // mouse movement variable
vector_2d movement;
+ open_window("Mouse Movement", 800, 600);
+
+ while (!window_close_requested("Mouse Movement"))
+ {
+ // process user input events
+ process_events();
+
+ // store the mouse movement direction and distance to the movement variable
+ movement = mouse_movement();
+
+ // change screen colour 'hue' if left mouse button is held down
+ if (mouse_down(LEFT_BUTTON))
+ {
+ // change hue of screen colour based on horizontal mouse movement
+ hue += movement.x / screen_width();
+ }
+ // change screen colour 'saturation' if right mouse button is held down
+ if (mouse_down(RIGHT_BUTTON))
+ {
+ // change saturation of screen colour based on vertical mouse movement
+ saturation += movement.y / screen_height();
+ }
+
+ // display current screen colour
+ clear_screen(hsb_color(hue, saturation, brightness));
+ refresh_screen(60);
+ }
+
+ close_all_windows();
+
+ return 0;
+}
+```
+
+
+
+
+```csharp
+using SplashKitSDK;
+
+// colour variables
+double hue = 0.8;
+double saturation = 0.8;
+double brightness = 0.8;
+
+// mouse movement variable
+Vector2D movement;
+
+SplashKit.OpenWindow("Mouse Movement", 800, 600);
+
+while (!SplashKit.WindowCloseRequested("Mouse Movement"))
+{
+ // process user input events
+ SplashKit.ProcessEvents();
+
+ // store the mouse movement direction and distance to the movement variable
+ movement = SplashKit.MouseMovement();
+
+ // change screen colour 'hue' if left mouse button is held down
+ if (SplashKit.MouseDown(MouseButton.LeftButton))
+ {
+ // change hue of screen colour based on horizontal mouse movement
+ hue += movement.X / SplashKit.ScreenWidth();
+ }
+ // change screen colour 'saturation' if right mouse button is held down
+ if (SplashKit.MouseDown(MouseButton.RightButton))
+ {
+ // change saturation of screen colour based on vertical mouse movement
+ saturation += movement.Y / SplashKit.ScreenHeight();
+ }
+
+ // display current screen colour
+ SplashKit.ClearScreen(SplashKit.HSBColor(hue, saturation, brightness));
+ SplashKit.RefreshScreen(60);
+}
+
+SplashKit.CloseAllWindows();
+```
+
+
+
+
+### Mouse Wheel Scroll
+
+[Mouse Wheel Scroll](/api/input/#mouse-wheel-scroll) returns the distance and direction of the mouse scroll since the last time `Process Events` was called. Like the previous function, this function returns the `Vector 2D` data type.
+
+Here is an example using vertical scrolling to change the hue of the screen colour:
+
+
+
+
+```cpp
+#include "splashkit.h"
+
+int main()
+{
+ // color variables
+ double hue = 0.6;
+ double saturation = 0.6;
+ double brightness = 0.6;
+
+ // mouse scroll variable
vector_2d scroll;
- open_window("Game", 800, 600);
+ open_window("Mouse Scrolling", 800, 600);
- while(!key_down(ESCAPE_KEY))
+ while (!window_close_requested("Mouse Scrolling"))
{
- clear_screen(COLOR_BLACK);
+ // process user input events
+ process_events();
+
+ // store the mouse wheel scroll direction and distance to the scroll variable
+ scroll = mouse_wheel_scroll();
+
+ // change hue of screen colour based on vertical mouse scrolling (two fingers if using trackpad)
+ hue += scroll.y / 100;
+
+ // display current screen colour
+ clear_screen(hsb_color(hue, saturation, brightness));
+ refresh_screen(60);
+ }
+
+ close_all_windows();
+
+ return 0;
+}
+```
+
+
+
+
+```csharp
+using SplashKitSDK;
+
+// color variables
+double hue = 0.6;
+double saturation = 0.6;
+double brightness = 0.6;
+
+// mouse scroll variable
+Vector2D scroll;
- process_events(); // check mouse state
+SplashKit.OpenWindow("Mouse Scrolling", 800, 600);
- movement = mouse_movement(); // This stores the mouse movement direction and distance to the movement variable
+while (!SplashKit.WindowCloseRequested("Mouse Scrolling"))
+{
+ // process user input events
+ SplashKit.ProcessEvents();
+
+ // store the mouse wheel scroll direction and distance to the scroll variable
+ scroll = SplashKit.MouseWheelScroll();
+
+ // change hue of screen colour based on vertical mouse scrolling (two fingers if using trackpad)
+ hue += scroll.Y / 100;
+
+ // display current screen colour
+ SplashKit.ClearScreen(SplashKit.HSBColor(hue, saturation, brightness));
+ SplashKit.RefreshScreen(60);
+}
+
+SplashKit.CloseAllWindows();
+```
+
+
+
+
+## Mouse Location Functionality
+
+Now that we have learned how to handle mouse inputs and movements, let's look at how to
+use the mouse's location in the window, which can be used in your program to make the experience more interactive. Combined with the mouse input functions, it can be used to spawn items where the player clicked or respond to the player clicking where an item is located.
- scroll = mouse_whell_scroll(); // This stores the mouse wheel scroll direction and distance to the scroll variable
+### Mouse Position
- draw_text("The mouse has moved: " + vector_to_string(movement), COLOR_WHITE, 100, 300); // Print out mouse movement
+[Mouse Position](/api/input/#mouse-position) returns the position of the mouse in the current window as a [Point 2d](/api/types/#point-2d) data type, which is its x and y coordinates.
- draw_text("The mouse wheel scrolled: " + vector_to_string(scroll), COLOR_WHITE, 100, 400); // Print out mouse wheel scroll
+Here is a simple example that draws a circle at the mouse position:
+
+
+
+```cpp
+#include "splashkit.h"
+
+int main()
+{
+ open_window("Mouse Location", 800, 600);
+
+ while (!window_close_requested("Mouse Location"))
+ {
+ // process user input events
+ process_events();
+
+ // draw blue circle at mouse position
+ clear_screen(COLOR_WHITE);
+ fill_circle(COLOR_LIGHT_BLUE, circle_at(mouse_position(), 20));
refresh_screen(60);
}
+ close_all_windows();
+
return 0;
}
```
-## Mouse Position
+
+
-Now that we have learned how to handle mouse inputs and movements, we should also learn how to
-handle the mouse's position. Getting the mouse position can be used in your program to make the
-experience more interactive. Combined with the mouse input functions, it can be used to spawn items
-where the player clicked or respond to the player clicking where an item is located. Not only
-getting the position, we can also move the mouse to a specified position using the `Move Mouse`
-function.
+```csharp
+using SplashKitSDK;
-## Mouse Position
+SplashKit.OpenWindow("Mouse Location", 800, 600);
-`Mouse Position` returns the position of the mouse in the current window as a `Point2d` data type,
-which is its x and y coordinates.
+while (!SplashKit.WindowCloseRequested("Mouse Location"))
+{
+ // process user input events
+ SplashKit.ProcessEvents();
-Syntax in C++:
+ // draw blue circle at mouse position
+ SplashKit.ClearScreen(SplashKit.ColorWhite());
+ SplashKit.FillCircle(SplashKit.ColorLightBlue(), SplashKit.CircleAt(SplashKit.MousePosition(), 20));
+ SplashKit.RefreshScreen(60);
+}
+
+SplashKit.CloseAllWindows();
+```
+
+
+
+
+### Mouse Position Vector
-`point_2d mouse_position()`
+[Mouse Position Vector](/api/input/#mouse-position-vector) returns the position of the mouse relative to the window origin as a [Vector 2d](/api/types/#vector-2d).
-## Mouse Position Vector
+Here is a simple example that displays the mouse position vector as a line:
-`Mouse Position Vector` returns the position of the mouse relative to the window origin as a
-`Vector 2D`.
+
+
-Syntax in C++:
+```cpp
+#include "splashkit.h"
-`vector_2d mouse_position_vector()`
+int main()
+{
+ open_window("Mouse Location", 800, 600);
+
+ while (!window_close_requested("Mouse Location"))
+ {
+ // process user input events
+ process_events();
-## Mouse X
+ // draw line from mouse position vector
+ clear_screen(COLOR_WHITE);
+ draw_line(COLOR_BLUE, line_from(mouse_position_vector()));
+ refresh_screen(60);
+ }
-`Mouse X` returns a `float` of the distance of the mouse from the left edge of the window.
+ close_all_windows();
-Syntax in C++:
+ return 0;
+}
+```
-`float mouse_x()`
+
+
-## Mouse Y
+```csharp
+using SplashKitSDK;
-`Mouse Y` returns a `float` of the distance of the mouse from the top edge of the window.
+SplashKit.OpenWindow("Mouse Location", 800, 600);
-Syntax in C++:
+while (!SplashKit.WindowCloseRequested("Mouse Location"))
+{
+ // process user input events
+ SplashKit.ProcessEvents();
-`float mouse_y()`
+ // draw line from mouse position vector
+ SplashKit.ClearScreen(SplashKit.ColorWhite());
+ SplashKit.DrawLine(SplashKit.ColorBlue(), SplashKit.LineFrom(SplashKit.MousePositionVector()));
+ SplashKit.RefreshScreen(60);
+}
-## Move Mouse
+SplashKit.CloseAllWindows();
+```
-`Move Mouse` moves the cursor to the specified location. This function has two versions, one with
-the x and y locations as parameters, and one with a `point2d` as its parameter.
+
+
-Syntax in C++:
+### Mouse X
-`void move_mouse(double x, double y)`
+[Mouse X](/api/input/#mouse-x) returns the distance of the mouse from the left edge of the window.
-`void move_mouse(point_2d point)`
+Here is an example using the left mouse button to drag a "curtain" across the screen from the left side, based on the mouse's x coordinate:
-## Demonstration
+
+
-This example shows moving the mouse a few pixels from the current position.
+```cpp
+#include "splashkit.h"
+int main()
+{
+ float x = 0;
+
+ open_window("Mouse Location", 800, 600);
+
+ while (!window_close_requested("Mouse Location"))
+ {
+ // process user input events
+ process_events();
+
+ if (mouse_down(LEFT_BUTTON))
+ {
+ x = mouse_x();
+ }
+
+ clear_screen(COLOR_WHITE);
+ fill_circle(COLOR_BLUE, 400, 300, 100);
+ // draw purple "curtain" from left side of screen to x coordinate of mouse
+ fill_rectangle(COLOR_PURPLE, 0, 0, x, screen_height());
+ refresh_screen(60);
+ }
+
+ close_all_windows();
+
+ return 0;
+}
```
-void move_10_point()
+
+
+
+
+```csharp
+using SplashKitSDK;
+
+float x = 0;
+
+SplashKit.OpenWindow("Mouse Location", 800, 600);
+
+while (!SplashKit.WindowCloseRequested("Mouse Location"))
{
- double current_x = mouse_x(); // Get the current x position as a double
- double current_y = mouse_y(); // Get the current y position as a double
+ // process user input events
+ SplashKit.ProcessEvents();
- move_mouse(current_x + 10, current_y + 10); // Move the cursor 10 point to the x and y direction
+ if (SplashKit.MouseDown(MouseButton.LeftButton))
+ {
+ x = SplashKit.MouseX();
+ }
+
+ SplashKit.ClearScreen(SplashKit.ColorWhite());
+ SplashKit.FillCircle(SplashKit.ColorBlue(), 400, 300, 100);
+ // draw purple "curtain" from left side of screen to x coordinate of mouse
+ SplashKit.FillRectangle(SplashKit.ColorPurple(), 0, 0, x, SplashKit.ScreenHeight());
+ SplashKit.RefreshScreen(60);
}
+SplashKit.CloseAllWindows();
+```
+
+
+
+
+### Mouse Y
+
+[Mouse Y](/api/input/#mouse-y) returns the distance of the mouse from the top edge of the window.
+
+Here is an example using the left mouse button to drag a "curtain/blind" down the screen from the top, based on the mouse's y coordinate:
+
+
+
+
+```cpp
+#include "splashkit.h"
+
int main()
{
- open_window("Game", 800, 600);
+ float y = 0;
- while(!key_down(ESCAPE_KEY))
+ open_window("Mouse Location", 800, 600);
+
+ while (!window_close_requested("Mouse Location"))
{
- process_events(); // check mouse state
+ // process user input events
+ process_events();
- if (mouse_clicked(LEFT_BUTTON))
+ if (mouse_down(LEFT_BUTTON))
{
- move_10_point(); // Performs the move when the left mouse button is clicked
+ y = mouse_y();
}
+ clear_screen(COLOR_WHITE);
+ fill_circle(COLOR_BLUE, 400, 300, 100);
+ // draw purple "curtain" from top of screen to y coordinate of mouse
+ fill_rectangle(COLOR_PURPLE, 0, 0, screen_width(), y);
refresh_screen(60);
}
+
+ close_all_windows();
+
return 0;
}
```
+
+
+
+```csharp
+using SplashKitSDK;
+
+float y = 0;
+
+SplashKit.OpenWindow("Mouse Location", 800, 600);
+
+while (!SplashKit.WindowCloseRequested("Mouse Location"))
+{
+ // process user input events
+ SplashKit.ProcessEvents();
+
+ if (SplashKit.MouseDown(MouseButton.LeftButton))
+ {
+ y = SplashKit.MouseY();
+ }
+
+ SplashKit.ClearScreen(SplashKit.ColorWhite());
+ SplashKit.FillCircle(SplashKit.ColorBlue(), 400, 300, 100);
+ // draw purple "curtain" from top of screen to y coordinate of mouse
+ SplashKit.FillRectangle(SplashKit.ColorPurple(), 0, 0, SplashKit.ScreenWidth(), y);
+ SplashKit.RefreshScreen(60);
+}
+
+SplashKit.CloseAllWindows();
+```
+
+
+
+
## Mouse Visibility
Finally, we can also alter the mouse visibility on SplashKit. The following functions handles the
mouse visibility. These can be useful to create a more immersive environment for your game.
-## Hide Mouse
+### Hide/Show Mouse
+
+[Hide Mouse](/api/input/#hide-mouse) hides the mouse from the screen. [Show Mouse](/api/input/#show-mouse) shows the mouse to the screen.
+
+Here is a simple example where the mouse "disappears in a black hole":
+
+
+
+
+```cpp
+#include "splashkit.h"
+
+int main()
+{
+ // create cirle variable for "black hole"
+ circle blackHole;
+
+ open_window("Mouse Visibility", 800, 600);
+
+ // create black hole in centre of screen
+ blackHole = circle_at(screen_center(), 50);
+
+ while (!window_close_requested("Mouse Visibility"))
+ {
+ // process user input events
+ process_events();
+
+ // mouse disappears in black hole
+ if (point_in_circle(mouse_position(), blackHole))
+ {
+ hide_mouse();
+ }
+ // mouse reappears once out of black hole
+ else
+ {
+ show_mouse();
+ }
+
+ // display "black hole" on screen
+ clear_screen(COLOR_WHITE);
+ fill_circle(COLOR_BLACK, blackHole);
+ refresh_screen(60);
+ }
+
+ close_all_windows();
+
+ return 0;
+}
+```
+
+
+
+
+```csharp
+using SplashKitSDK;
+
+// create cirle variable for "black hole"
+Circle blackHole;
+
+SplashKit.OpenWindow("Mouse Visibility", 800, 600);
+
+// create black hole in centre of screen
+blackHole = SplashKit.CircleAt(SplashKit.ScreenCenter(), 50);
+
+while (!SplashKit.WindowCloseRequested("Mouse Visibility"))
+{
+ // process user input events
+ SplashKit.ProcessEvents();
+
+ // mouse disappears in black hole
+ if (SplashKit.PointInCircle(SplashKit.MousePosition(), blackHole))
+ {
+ SplashKit.HideMouse();
+ }
+ // mouse reappears once out of black hole
+ else
+ {
+ SplashKit.ShowMouse();
+ }
+
+ // display "black hole" on screen
+ SplashKit.ClearScreen(SplashKit.ColorWhite());
+ SplashKit.FillCircle(SplashKit.ColorBlack(), blackHole);
+ SplashKit.RefreshScreen(60);
+}
+
+SplashKit.CloseAllWindows();
+```
+
+
+
+
+### Show Mouse
-`Hide Mouse` hides the mouse from the screen.
+There are two versions of the [Show Mouse](/api/input/#show-mouse-2) function. The first version is shown above. The second version shows or hides the mouse based on its boolean parameter. If true, it shows the mouse, while if false, it hides the mouse from the screen.
-Syntax in C++:
+Here is a simple example where the mouse is only visible in the "spot light":
-`void hide_mouse()`
+
+
-## Show Mouse
+```cpp
+#include "splashkit.h"
-There are two versions of the `Show Mouse` function. The first version shows the mouse to the
-screen.
+int main()
+{
+ // create cirle variable for emulating a "stage spot light"
+ circle spotLight;
+
+ open_window("Mouse Visibility", 800, 600);
+
+ // create a "spot light" circle in centre of screen
+ spotLight = circle_at(screen_center(), 100);
+
+ while (!window_close_requested("Mouse Visibility"))
+ {
+ // process user input events
+ process_events();
+
+ // mouse disappears when not in the "spot light"
+ show_mouse(point_in_circle(mouse_position(), spotLight));
+
+ // display "spot light" on screen
+ clear_screen(COLOR_BLACK);
+ fill_circle(COLOR_ALICE_BLUE, spotLight);
+ refresh_screen(60);
+ }
-Syntax in C++:
+ close_all_windows();
-`void show_mouse()`
+ return 0;
+}
+```
-The second version of the function shows or hides the mouse based on its boolean parameter. If true,
-it shows the mouse, while if false, it hides the mouse from the screen.
+
+
-Syntax in C++:
+```csharp
+using SplashKitSDK;
-`void show_mouse(bool show)`
+// create cirle variable for emulating a "stage spot light"
+Circle spotLight;
-## Mouse Shown
+SplashKit.OpenWindow("Mouse Visibility", 800, 600);
-`Mouse Shown` is a boolean function that checks if the mouse is currently visible or not.
+// create a "spot light" circle in centre of screen
+spotLight = SplashKit.CircleAt(SplashKit.ScreenCenter(), 100);
-Syntax in C++:
+while (!SplashKit.WindowCloseRequested("Mouse Visibility"))
+{
+ // process user input events
+ SplashKit.ProcessEvents();
+
+ // mouse disappears when not in the "spot light"
+ SplashKit.ShowMouse(SplashKit.PointInCircle(SplashKit.MousePosition(), spotLight));
-`bool mouse_shown()`
+ // display "spot light" on screen
+ SplashKit.ClearScreen(SplashKit.ColorBlack());
+ SplashKit.FillCircle(SplashKit.ColorWhite(), spotLight);
+ SplashKit.RefreshScreen(60);
+}
-## Conclusion
+SplashKit.CloseAllWindows();
+```
-From this tutorial, we have learned how to handle the mouse on SplashKit starting from the
-`Mouse Button` data type, functions related to mouse inputs, movements, positions, to its
-visibility. Now that you have learned these functions, you can handle inputs associated with the
-mouse on SplashKit!
+
+
diff --git a/src/content/docs/guides/09-00-servers.mdx b/src/content/docs/guides/09-00-servers.mdx
index 76410ad9b..b10b203f3 100644
--- a/src/content/docs/guides/09-00-servers.mdx
+++ b/src/content/docs/guides/09-00-servers.mdx
@@ -17,7 +17,7 @@ Web browsers and servers are programs that make it possible for you to access re
For the computer you connected with to know what to do there must be a program that is listening for these requests and performing some actions in response. In this case that program is what we generally call a "web server". It has an open port (somewhere for others to connect to) and listens on that port for incoming connections. When the connection arrives, it can read the request, perform some actions, and respond.
-In this article you will see how to start listening for connections, how to send a file in response, and how to stop listening for new connections. This is then build upon in the [routing with servers](/guides/networking/routing-with-servers/) article, which shows you how to customise your response based upon what the caller requested.
+In this article you will see how to start listening for connections, how to send a file in response, and how to stop listening for new connections. This is then build upon in the [Routing With Servers](/guides/09-01-routing-with-servers/) article, which shows you how to customise your response based upon what the caller requested.
## Step 1: Getting Started
@@ -40,12 +40,13 @@ Save it as "index.html" in **Resources/server** and we are ready to start!
## Step 2: Starting The Server
-To start listening for incoming connections, you need to call the [Start Web Server](/api/networking/#group-start-web-server) procedure. You can pass a **port** value (integer) to this to indicate which port to listen for connections. Each computer can support multiple concurrent connections, so each needs a unique address, so there can only be one program using a given port at one time. To help make this easier to navigate, there are standards for which port to use, and in general, web servers listen on port 80 for insecure (http) traffic, and port 443 for secure (https) traffic, while secure shell (ssh; remote terminal access) is port 22, for example. For local web servers, it’s standard to use port 8080.
+To start listening for incoming connections, you need to call the [Start Web Server](/api/networking/#start-web-server) procedure. You can pass a **port** value (integer) to this to indicate which port to listen for connections. Each computer can support multiple concurrent connections, so each needs a unique address, so there can only be one program using a given port at one time. To help make this easier to navigate, there are standards for which port to use, and in general, web servers listen on port 80 for insecure (http) traffic, and port 443 for secure (https) traffic, while secure shell (ssh; remote terminal access) is port 22, for example. For local web servers, it’s standard to use port 8080.
-We need to pair the [Start Web Server](/api/networking/#group-start-web-server) with a call to the [Stop Web Server](/api/networking/#stop-web-server) procedure. This will wrap up any requests that have come in and will stop listening for any new requests. So once you are finished with the web server, you can stop it so that it does not take up system resources that you do not need. The following code shows a small program that starts and stops a web server.
+We need to pair the [Start Web Server](/api/networking/#start-web-server) with a call to the [Stop Web Server](/api/networking/#stop-web-server) procedure. This will wrap up any requests that have come in and will stop listening for any new requests. So once you are finished with the web server, you can stop it so that it does not take up system resources that you do not need. The following code shows a small program that starts and stops a web server.
+
```cpp
#include "splashkit.h"
@@ -54,15 +55,7 @@ int main()
write_line("About to start the server...");
// Start a web server - defaults to listening to port 8080
- web_server server = web_server();
-
- write_line("Waiting for a request - navigate to http://localhost:8080");
-
- // Wait and get the first request that comes in
- http_request request = next_web_request(server);
-
- // Send back the index.html file
- send_html_file_response(request, "index.html");
+ web_server server = start_web_server();
// For now we are done... so lets shutdown...
stop_web_server(server);
@@ -71,78 +64,71 @@ write_line("About to start the server...");
}
-````
+```
+
```csharp
-using System;
using SplashKitSDK;
-class Program
-{
- static void Main()
- {
- Console.WriteLine("About to start the server...");
-
- // Start a web server - defaults to listening to port 8080
- WebServer server = new WebServer();
+Console.WriteLine("About to start the server...");
- Console.WriteLine("Waiting for a request - navigate to http://localhost:8080");
+// Start a web server - defaults to listening to port 8080
+WebServer server = SplashKit.StartWebServer();
- // Wait and get the first request that comes in
- HttpRequest request = server.NextWebRequest();
+// For now, we are done... so let's shutdown...
+SplashKit.StopWebServer(server);
- // Send back the index.html file
- SendHtmlFileResponse(request, "index.html");
+```
- // For now, we are done, so let's shutdown
- server.Stop();
+
+
- Console.ReadLine(); // Pause to keep the console window open
- }
+```python
+from splashkit import *
- static void SendHtmlFileResponse(HttpRequest request, string fileName)
- {
- if (request != null)
- {
- HttpResponse response = request.CreateResponse();
+write_line("About to start the server...")
- // Set the response content type to HTML
- response.SetContentType("text/html");
+# Start a web server - defaults to listening to port 8080
+server = start_web_server()
- // Send the contents of the HTML file
- response.SendFile(fileName);
+# For now we are done... so lets shutdown...
+stop_web_server(server)
- // Close the response to indicate we're done sending data
- response.Close();
- }
- }
-}
-````
+```
## Step 3: Responding to a request
-[Start Web Server](/api/networking/#group-start-web-server) will get the computer to listen for incoming connections on port 8080. So now we need to tell it what to do when a request comes in. Each request needs to have a response, and the client's web browser will be waiting for this.
+[Start Web Server](/api/networking/#start-web-server) will get the computer to listen for incoming connections on port 8080. So now we need to tell it what to do when a request comes in. Each request needs to have a response, and the client's web browser will be waiting for this.
-To send a response, you can use the [Send Response](/api/networking/#group-send-response) procedure. There are several different versions of this, but the easiest allows you to send a string back as a response to the request. In order to send a response, we must wait to get the next incoming request. This is done by calling the [Next Web Request](/api/networking/#next-web-request) function. When you call this, the computer will wait for a request to come in to the web server, and when it arrives, the details are packaged up for us to use and sent back as an [HTTP Request](/api/networking/#http-request). If you don't want to wait, you can check if there are requests before calling [Next Web Request](/api/networking/#next-web-request) by using the [Has Incoming Requests](/api/networking/#has-incoming-requests) function, which will return true if there is a request waiting.
+To send a response, you can use the [Send Response](/api/networking/#send-response) procedure. There are several different versions of this, but the easiest allows you to send a string back as a response to the request. In order to send a response, we must wait to get the next incoming request. This is done by calling the [Next Web Request](/api/networking/#next-web-request) function. When you call this, the computer will wait for a request to come in to the web server, and when it arrives, the details are packaged up for us to use and sent back as an [HTTP Request](/api/networking/#http-request). If you don't want to wait, you can check if there are requests before calling [Next Web Request](/api/networking/#next-web-request) by using the [Has Incoming Requests](/api/networking/#has-incoming-requests) function, which will return true if there is a request waiting.
The following code shows an appropriate `"Hello World"` web server program.
+
```cpp
#include "splashkit.h"
int main()
{
-write_line("About to start the server...");
+ write_line("About to start the server...");
// Start a web server - defaults to listening to port 8080
- web_server server = start_web_server();
+ web_server server = web_server();
+
+ write_line("Waiting for a request - navigate to http://localhost:8080");
+
+ // Wait and get the first request that comes in
+ http_request request = next_web_request(server);
+
+ // Send back the index.html file
+ send_html_file_response(request, "index.html");
// For now we are done... so lets shutdown...
stop_web_server(server);
@@ -151,30 +137,59 @@ write_line("About to start the server...");
}
-````
+```
+
+
```csharp
-using System;
-using SplashKitSDK; // Assuming SplashKit library bindings are available in this namespace
+using SplashKitSDK;
-class Program
-{
- static void Main(string[] args)
- {
- Console.WriteLine("About to start the server...");
+SplashKit.WriteLine("About to start the server...");
- // Start a web server - defaults to listening to port 8080
- WebServer server = SplashKit.StartWebServer();
+// Start a web server - defaults to listening to port 8080
+WebServer server = SplashKit.StartWebServer();
- // For now, we are done... so let's shutdown...
- SplashKit.StopWebServer(server);
+SplashKit.WriteLine("Waiting for a request - navigate to http://localhost:8080");
- Environment.Exit(0);
- }
-}
+// Wait and get the first request that comes in
+HttpRequest request = SplashKit.NextWebRequest(server);
+
+// Send back the index.html file
+SplashKit.SendResponse(request, "Hello World");
-````
+// For now, we are done, so let's shutdown
+SplashKit.StopWebServer(server);
+
+SplashKit.ReadLine(); // Pause to keep the console window open
+
+```
+
+
+
+
+```python
+from splashkit import *
+
+write_line("About to start the server...")
+
+# Start a web server - defaults to listening to port 8080
+server = start_web_server_with_default_port()
+
+write_line("Waiting for a request - navigate to http://localhost:8080")
+
+# Wait and get the first request that comes in
+request = next_web_request(server)
+
+# Send back the index.html file
+send_response(request, "Hello World")
+
+# For now, we are done, so let's shutdown
+stop_web_server(server)
+
+read_line() # Pause to keep the console window open
+
+```
@@ -189,6 +204,7 @@ The follow code replaces the "Hello World" response with the details from the in
+
```cpp
#include "splashkit.h"
@@ -214,38 +230,63 @@ write_line("About to start the server...");
}
-````
+```
+
+
```csharp
-using SplashKitDotNet;
+using SplashKitSDK;
-class Program
-{
- static void Main()
- {
- SplashKit.Write("About to start the server...\n");
+SplashKit.WriteLine("About to start the server...");
- // Start a web server - defaults to listening to port 8080
- var server = SplashKit.CreateWebServer();
+// Start a web server - defaults to listening to port 8080
+WebServer server = SplashKit.StartWebServer();
- SplashKit.Write("Waiting for a request - navigate to http://localhost:8080\n");
+SplashKit.WriteLine("Waiting for a request - navigate to http://localhost:8080");
- // Wait and get the first request that comes in
- var request = SplashKit.NextWebRequest(server);
+// Wait and get the first request that comes in
+HttpRequest request = SplashKit.NextWebRequest(server);
- // Send back the index.html file
- SplashKit.SendHTMLFileResponse(request, "index.html");
+// Send back the index.html file
+SplashKit.SendHtmlFileResponse(request, "index.html");
- // For now, we are done... so let's shutdown...
- SplashKit.StopWebServer(server);
- }
-}
-````
+// For now, we are done, so let's shutdown
+SplashKit.StopWebServer(server);
+
+SplashKit.ReadLine(); // Pause to keep the console window open
+
+```
+
+
+
+
+```python
+from splashkit import *
+
+write_line("About to start the server...")
+
+# Start a web server - defaults to listening to port 8080
+server = start_web_server_with_default_port()
+
+write_line("Waiting for a request - navigate to http://localhost:8080")
+
+# Wait and get the first request that comes in
+request = next_web_request(server)
+
+# Send back the index.html file
+send_html_file_response(request, "index.html")
+
+# For now, we are done, so let's shutdown
+stop_web_server(server)
+
+read_line() # Pause to keep the console window open
+
+```
## Next Step
-See how to respond to different requests in the [routing with servers](/guides/networking/routing-with-servers/) article.
+See how to respond to different requests in the [routing with servers](/guides/09-01-routing-with-servers/) article.
diff --git a/src/content/docs/guides/09-01-routing-with-servers.mdx b/src/content/docs/guides/09-01-routing-with-servers.mdx
index e267461fc..57206d61e 100644
--- a/src/content/docs/guides/09-01-routing-with-servers.mdx
+++ b/src/content/docs/guides/09-01-routing-with-servers.mdx
@@ -11,9 +11,10 @@ import { Tabs, TabItem } from "@astrojs/starlight/components";
**{frontmatter.description}**
_Written by {frontmatter.author} on {frontmatter.lastupdated}_
-This article extends the skills gained from [getting started with servers](/guides/networking/getting-started-with-servers/) specifically around serving different files for different paths
+This article extends the skills gained from [Getting Started With Servers](/guides/09-00-servers/) specifically around serving different files for different paths
+
+## Routing
-##Routing
Routing is an important part of the web server's job. This is how you get different pages depending on your requests for login, home, or about, pages on a site. Basically, a URL is structured **[serverName]:[port]/[route]**, for example **localhost:8080/login**
## Recap of servers
@@ -22,6 +23,7 @@ Start with this code, which we built in the introduction guide
+
```cpp
#include "splashkit.h"
@@ -47,50 +49,59 @@ write_line("About to start the server...");
}
-````
+```
+
+
```csharp
-using System;
-using SplashKitDotNet;
+using SplashKitSDK;
-class Program
-{
- static void Main()
- {
- Console.WriteLine("About to start the server...");
+SplashKit.WriteLine("About to start the server...");
- // Start a web server - defaults to listening to port 8080
- WebServer server = new WebServer();
+// Start a web server - defaults to listening to port 8080
+WebServer server = SplashKit.StartWebServer();
- Console.WriteLine("Waiting for a request - navigate to http://localhost:8080");
+SplashKit.WriteLine("Waiting for a request - navigate to http://localhost:8080");
- // Wait and get the first request that comes in
- WebRequest request = server.NextWebRequest();
+// Wait and get the first request that comes in
+HttpRequest request = SplashKit.NextWebRequest(server);
- // Send back the index.html file
- SendHtmlFileResponse(request, "index.html");
+// Send back the index.html file
+SplashKit.SendHtmlFileResponse(request, "index.html");
- // For now, we are done... so let's shutdown...
- server.Stop();
+// For now, we are done, so let's shutdown
+SplashKit.StopWebServer(server);
- Console.ReadLine();
- }
+SplashKit.ReadLine(); // Pause to keep the console window open
- static void SendHtmlFileResponse(WebRequest request, string filename)
- {
- try
- {
- request.SendHtmlResponse(filename);
- }
- catch (Exception ex)
- {
- Console.WriteLine($"Error sending HTML response: {ex.Message}");
- }
- }
-}
+```
+
+
+
+
+```python
+from splashkit import *
+
+write_line("About to start the server...")
+
+# Start a web server - defaults to listening to port 8080
+server = start_web_server_with_default_port()
+
+write_line("Waiting for a request - navigate to http://localhost:8080")
+
+# Wait and get the first request that comes in
+request = next_web_request(server)
-````
+# Send back the index.html file
+send_html_file_response(request, "index.html")
+
+# For now, we are done, so let's shutdown
+stop_web_server(server)
+
+read_line() # Pause to keep the console window open
+
+```
@@ -117,6 +128,7 @@ The following code shows the use of an if statement to serve some login text or
+
```cpp
#include "splashkit.h"
@@ -154,28 +166,29 @@ write_line("About to start the server...");
}
-````
+```
+
+
```csharp
-using System;
using SplashKitSDK;
class Program
{
static void Main()
{
- Console.WriteLine("About to start the server...");
+ SplashKit.WriteLine("About to start the server...");
WebServer server = SplashKit.StartWebServer();
HttpRequest request;
- Console.WriteLine("Waiting for a request - navigate to http://localhost:8080");
+ SplashKit.WriteLine("Waiting for a request - navigate to http://localhost:8080");
// Get the next request that the server has
request = SplashKit.NextWebRequest(server);
- Console.WriteLine("I got a request for " + SplashKit.RequestUri(request));
+ SplashKit.WriteLine("I got a request for " + SplashKit.RequestURI(request));
if (SplashKit.IsGetRequestFor(request, "/login") || SplashKit.IsGetRequestFor(request, "/login.html"))
{
@@ -190,12 +203,44 @@ class Program
SplashKit.SendHtmlFileResponse(request, "index.html");
}
- Console.WriteLine("About to stop the server...");
+ SplashKit.WriteLine("About to stop the server...");
SplashKit.StopWebServer(server);
}
}
-````
+```
+
+
+
+
+```python
+from splashkit import *
+
+write_line("About to start the server...")
+
+server = start_web_server_with_default_port()
+
+write_line("Waiting for a request - navigate to http://localhost:8080")
+
+# Get the next request that the server has
+request = next_web_request(server)
+
+write_line("I got a request for " + request_uri(request))
+
+
+if is_get_request_for(request, "/login") or is_get_request_for(request, "/login.html"):
+ # Serve page for login path, e.g.
+ # send_html_file_response(request, "login.html")
+
+ send_response(request, "login page")
+else:
+ # If no specified path is requested, serve index.html to the user
+ send_html_file_response(request, "index.html")
+
+write_line("About to stop the server...")
+stop_web_server(server)
+
+```
@@ -210,10 +255,11 @@ You'll usually want your server to handle lots of requests, not just one then qu
You can then add a special route that will stop the server.
-The following code illustrates the use of the concepts covered so far. You can now make multiple requests in your browser, and you can navidate to [http://localhost:8080/quit] to get the web server to stop.
+The following code illustrates the use of the concepts covered so far. You can now make multiple requests in your browser, and you can navidate to [http://localhost:8080/quit](http://localhost:8080/quit) to get the web server to stop.
+
```cpp
#include "splashkit.h"
int main()
@@ -252,7 +298,7 @@ int main()
// Server page for about path, e.g.
// send_html_file_response(request, "about.html");
- send_response(request, "contact page");
+ send_response(request, "about page");
}
else
{
@@ -274,106 +320,119 @@ int main()
}
-````
+```
+
+
```csharp
-using System;
using SplashKitSDK;
-class Program
-{
- static void Main()
- {
- Console.WriteLine("About to start the server...");
+SplashKit.WriteLine("About to start the server...");
- WebServer server = StartWebServer();
- HttpRequest request;
+WebServer server = SplashKit.StartWebServer();
+HttpRequest request;
- Console.WriteLine("Waiting for a request - navigate to http://localhost:8080");
- Console.WriteLine("To end - navigate to http://localhost:8080/quit");
+SplashKit.WriteLine("Waiting for a request - navigate to http://localhost:8080");
+SplashKit.WriteLine("To end - navigate to http://localhost:8080/quit");
- // Get the next request that the server has
- request = NextWebRequest(server);
-
- while (!IsGetRequestFor(request, "/quit"))
- {
- Console.WriteLine("I got a request for " + RequestUri(request));
-
- if (IsGetRequestFor(request, "/login") || IsGetRequestFor(request, "/login.html"))
- {
- // Serve page for login path, e.g.
- // SendHtmlFileResponse(request, "login.html");
-
- SendResponse(request, "login page");
- }
- else if (IsGetRequestFor(request, "/contact") || IsGetRequestFor(request, "/contact.html"))
- {
- // Serve page for contact path, e.g.
- // SendHtmlFileResponse(request, "contact.html");
-
- SendResponse(request, "contact page");
- }
- else if (IsGetRequestFor(request, "/about") || IsGetRequestFor(request, "/about.html"))
- {
- // Serve page for about path, e.g.
- // SendHtmlFileResponse(request, "about.html");
-
- SendResponse(request, "about page");
- }
- else
- {
- // If no specified path is requested, serve index.html to the user
- SendHtmlFileResponse(request, "index.html");
- }
-
- Console.WriteLine("Waiting for a request - navigate to http://localhost:8080");
- Console.WriteLine("To end - navigate to http://localhost:8080/quit");
-
- // Get the next request that the server has
- request = NextWebRequest(server);
- }
+// Get the next request that the server has
+request = SplashKit.NextWebRequest(server);
- Console.WriteLine("About to stop the server...");
- StopWebServer(server);
- }
+while (!SplashKit.IsGetRequestFor(request, "/quit"))
+{
+ SplashKit.WriteLine("I got a request for " + SplashKit.RequestURI(request));
- static WebServer StartWebServer()
+ if (SplashKit.IsGetRequestFor(request, "/login") || SplashKit.IsGetRequestFor(request, "/login.html"))
{
- return WebServer.Start();
- }
+ // Serve page for login path, e.g.
+ // SendHtmlFileResponse(request, "login.html");
- static HttpRequest NextWebRequest(WebServer server)
- {
- return server.NextRequest();
+ SplashKit.SendResponse(request, "login page");
}
-
- static bool IsGetRequestFor(HttpRequest request, string path)
+ else if (SplashKit.IsGetRequestFor(request, "/contact") || SplashKit.IsGetRequestFor(request, "/contact.html"))
{
- return request.IsGet && request.URI == path;
- }
+ // Serve page for contact path, e.g.
+ // SendHtmlFileResponse(request, "contact.html");
- static string RequestUri(HttpRequest request)
- {
- return request.URI;
+ SplashKit.SendResponse(request, "contact page");
}
-
- static void SendResponse(HttpRequest request, string response)
+ else if (SplashKit.IsGetRequestFor(request, "/about") || SplashKit.IsGetRequestFor(request, "/about.html"))
{
- request.SendResponse(response);
- }
+ // Serve page for about path, e.g.
+ // SendHtmlFileResponse(request, "about.html");
- static void SendHtmlFileResponse(HttpRequest request, string filename)
- {
- request.SendHTMLFileResponse(filename);
+ SplashKit.SendResponse(request, "about page");
}
-
- static void StopWebServer(WebServer server)
+ else
{
- server.Stop();
+ // If no specified path is requested, serve index.html to the user
+ SplashKit.SendHtmlFileResponse(request, "index.html");
}
+
+ SplashKit.WriteLine("Waiting for a request - navigate to http://localhost:8080");
+ SplashKit.WriteLine("To end - navigate to http://localhost:8080/quit");
+
+ // Get the next request that the server has
+ request = SplashKit.NextWebRequest(server);
}
-````
+
+SplashKit.WriteLine("About to stop the server...");
+SplashKit.StopWebServer(server);
+
+```
+
+
+
+
+```python
+from splashkit import *
+
+
+write_line("About to start the server...")
+
+server = start_web_server_with_default_port()
+
+write_line("Waiting for a request - navigate to http://localhost:8080")
+write_line("To end - navigate to http://localhost:8080/quit")
+
+# Get the next request that the server has
+request = next_web_request(server)
+
+while not is_get_request_for(request, "/quit"):
+ write_line("I got a request for " + request_uri(request))
+
+ if is_get_request_for(request, "/login") or is_get_request_for(request, "/login.html"):
+ # Serve page for login path, e.g.
+ # send_html_file_response(request, "login.html")
+
+ send_response(request, "login page")
+ elif is_get_request_for(request, "/contact") or is_get_request_for(request, "/contact.html"):
+ # Serve page for contact path, e.g.
+ # send_html_file_response(request, "contact.html")
+
+ send_response(request, "contact page")
+
+ elif is_get_request_for(request, "/about") or is_get_request_for(request, "/about.html"):
+ # Server page for about path, e.g.
+ # send_html_file_response(request, "about.html")
+
+ send_response(request, "about page")
+
+ else:
+ # If no specified path is requested, serve index.html to the user
+ send_html_file_response(request, "index.html")
+
+ write_line("Waiting for a request - navigate to http://localhost:8080")
+ write_line("To end - navigate to http://localhost:8080/quit")
+
+ # Get the next request that the server has
+ request = next_web_request(server)
+
+write_line("About to stop the server...")
+stop_web_server(server)
+
+```
@@ -403,15 +462,15 @@ The html for your web page would be:
You can add links to your `index.html` to link to the other pages we have created. The general syntax for links is
-```
+```html
Text to be clicked
```
For example, a link to the login page would look like
-```
+```html
- Login Page
+ Login Page
```
diff --git a/src/content/docs/guides/09-02-restful-api-call.mdx b/src/content/docs/guides/09-02-restful-api-call.mdx
index ce26298b1..7a996bbb0 100644
--- a/src/content/docs/guides/09-02-restful-api-call.mdx
+++ b/src/content/docs/guides/09-02-restful-api-call.mdx
@@ -9,16 +9,15 @@ lastupdated: Oct 3 2018
import { Tabs, TabItem } from "@astrojs/starlight/components";
**{frontmatter.description}**
-
_Written by {frontmatter.author} on {frontmatter.lastupdated}_
In the world of web services and microservices many companies make their data availlable through a REST API, like twitter, google, weather channels, stock market movement etc. This allows 3rd party software to utilize this data within their own application with a simple API call. In this document we want to use the Networking and JSON [SplashKit Library](https://www.splashkit.io) functions to make a RESTful API call.
REST is an acronym for REpresentational State Transfer which means a client’s API call will be answered with a representation of the requested resources state. For example if I were to request data for a particular stock market company I might get the name of the company, the abbreviation on the market, the share value, and whether it has gone up or down since the last refresh. This data represents the state of the resource.
-In order to make a HTTP REST call two parameters must be passed along, one the resource that is requested which is embedded in the URL, and two, the operation you want to perform like [GET](#get), [POST](#post), PUT, DELETE. The SplashKit network library supports the first two.
+In order to make a HTTP REST call two parameters must be passed along, one the resource that is requested which is embedded in the URL, and two, the operation you want to perform like [GET](#example-1-get-resource), [POST](#example-3-post-resource), PUT, DELETE. The SplashKit network library supports the first two.
-A REST request data transfer can be in a JSON format, but other formats such as XML or HTTP are possible and often multiple formats are supported by a RESTful API server. In this document we are using the JSON format to represent both the data we send and receive. Which format we wish to use for the transfer is defined in the header of the HTTP request see [example 3](#post).
+A REST request data transfer can be in a JSON format, but other formats such as XML or HTTP are possible and often multiple formats are supported by a RESTful API server. In this document we are using the JSON format to represent both the data we send and receive. Which format we wish to use for the transfer is defined in the header of the HTTP request see [example 3](#example-3-post-resource).
## Test JSON Server
@@ -29,7 +28,7 @@ The following code examples make use of the [JSONPlaceholder](https://jsonplaceh
- title
- body
-## Example 1: GET Resource
+## Example 1: GET Resource
In this first example we make use of a simple GET operation to retrieve a single resource from an REST API server. The URL tells us which resource to request, in this case it's the 1st post. The response is converted to a string and the the HTTP response must be set free. The string now contains the JSON response, but to call the key value pairs in the string it must be converted to a JSON object.
@@ -119,24 +118,6 @@ class Program
```
-
-
-```python
-import requests
-
-# Get a single JSON web resource
-
-response = requests.get('https://jsonplaceholder.typicode.com/posts/1')
-
-# Output the response
-
-if response.status_code == 200:
-for key, value in response.json().items():
-print("{0} => {1}".format(key, value))
-
-```
-
-
## Example 2: GET Resources
@@ -199,27 +180,10 @@ string response;
```
-
-
-
-```python
-import requests
-
-# Get a list of JSON web resources
-response = requests.get('https://jsonplaceholder.typicode.com/posts/')
-
-# Output the response
-if response.status_code == 200:
- for i in response.json():
- for key, value in i.items():
- print("{0} => {1}".format(key, value))
-
-```
-
-## Example 3: POST Resource
+## Example 3: POST Resource
In this example we create a resource on the remote server by using the POST operation. This request requires the header definition specified the content type and the charset. This header must be within a vector as specified in the SplashKit documentation. The data is formed as a JSON object that is converted to a string for the purpose of the HTTP request. Note that the body only contains three parameters as the id is generated on the server.
@@ -311,32 +275,4 @@ class Program
```
-
-
-
-```python
-import requests
-
-url = 'https://jsonplaceholder.typicode.com/posts/'
-
-# Create the JSON body for the http post call
-
-body = {
-'title':'foo',
-'body':'Test Entry',
-'userId':1
-}
-
-# Create a JSON Web resource
-
-response = requests.post(url, json=body)
-
-# Output the response
-
-if response.status_code == 201:
-for key, value in response.json().items():
-print("{0} => {1}".format(key, value))
-
-```
-
-
\ No newline at end of file
+
diff --git a/src/content/docs/guides/index.mdx b/src/content/docs/guides/index.mdx
index 65e6c34bb..cc6cdd190 100644
--- a/src/content/docs/guides/index.mdx
+++ b/src/content/docs/guides/index.mdx
@@ -7,7 +7,6 @@ sidebar:
:::tip[Components]
-
SplashKit provides a versatile set of categories, encompassing graphics, audio, input, and more, offering developers a comprehensive toolkit for game and multimedia development.
:::
@@ -16,4 +15,3 @@ import Some from "../../../components/Guides.astro";
-
diff --git a/src/content/docs/installation/Linux/index.mdx b/src/content/docs/installation/Linux/index.mdx
index db9941526..87f52d048 100644
--- a/src/content/docs/installation/Linux/index.mdx
+++ b/src/content/docs/installation/Linux/index.mdx
@@ -13,22 +13,22 @@ import { LinkCard, CardGrid } from "@astrojs/starlight/components";
diff --git a/src/content/docs/troubleshoot/macos/mac.mdx b/src/content/docs/troubleshoot/macos/mac.mdx
index ddc4aceae..f23ac3c5b 100644
--- a/src/content/docs/troubleshoot/macos/mac.mdx
+++ b/src/content/docs/troubleshoot/macos/mac.mdx
@@ -16,9 +16,9 @@ refer to this document for possible solutions.
## Table of Contents
-- [Issue 1:](../list/mac-issue-1) "`bash <(curl -s https://raw.githubusercontent.com/splashkit/skm/master/installscripts/skm-install.sh)`" does nothing
-- [Issue 2:](../list/mac-issue-2) "`brew cask install dotnet-sdk`" command not working (or any issues installing Homebrew)
-- [Issue 3:](../list/mac-issue-3) "`ln -s /usr/local/share/dotnet/dotnet /usr/local/bin`" command not working
-- [Issue 4:](../list/mac-issue-4) "`System.DllNotFoundException unable to load DLL splashkit.dll`" when trying to run program
-- [Issue 5:](../list/mac-issue-5) "`zsh: command not found: skm`"
-- [Issue 6:](../list/mac-issue-6) Error that mentions "(`are you missing an assembly reference?`)"
+- [Issue 1:](/troubleshoot/macos/list/mac-issue-1) "`bash <(curl -s https://raw.githubusercontent.com/splashkit/skm/master/installscripts/skm-install.sh)`" does nothing
+- [Issue 2:](/troubleshoot/macos/list/mac-issue-2) "`brew cask install dotnet-sdk`" command not working (or any issues installing Homebrew)
+- [Issue 3:](/troubleshoot/macos/list/mac-issue-3) "`ln -s /usr/local/share/dotnet/dotnet /usr/local/bin`" command not working
+- [Issue 4:](/troubleshoot/macos/list/mac-issue-4) "`System.DllNotFoundException unable to load DLL splashkit.dll`" when trying to run program
+- [Issue 5:](/troubleshoot/macos/list/mac-issue-5) "`zsh: command not found: skm`"
+- [Issue 6:](/troubleshoot/macos/list/mac-issue-6) Error that mentions "(`are you missing an assembly reference?`)"
diff --git a/src/content/docs/troubleshoot/windows/List/win-issue-2.md b/src/content/docs/troubleshoot/windows/List/win-issue-2.md
index fe699d050..f460ebd96 100644
--- a/src/content/docs/troubleshoot/windows/List/win-issue-2.md
+++ b/src/content/docs/troubleshoot/windows/List/win-issue-2.md
@@ -21,7 +21,7 @@ description: A reference page in my new Starlight docs site.
terminal) and create the project files in its own directory/folder.
1. **Solution 4:**
Add the folder containing splashkit.dll file to your path environment variable manually.
- Firstly, go through Steps 1 – 3 shown in the “Update your system “Path” variable” section [here](./update-system-path.md).
+ Firstly, go through Steps 1 – 3 shown in the “Update your system “Path” variable” section [here](/troubleshoot/windows/list/update-system-path).
Then come back here for the Next Step.
diff --git a/src/content/docs/troubleshoot/windows/List/win-issue-3.md b/src/content/docs/troubleshoot/windows/List/win-issue-3.md
index 25ed5a359..5622961bf 100644
--- a/src/content/docs/troubleshoot/windows/List/win-issue-3.md
+++ b/src/content/docs/troubleshoot/windows/List/win-issue-3.md
@@ -4,13 +4,14 @@ description: A reference page in my new Starlight docs site.
---
Issue : Windows
-## `-bash: skm: command not found`:
+## `-bash: skm: command not found`
+
![](https://i.imgur.com/PMDiueq.png?1)
-## Solution:
+## Solution
+
+Firstly, go through Steps 1 – 3 shown in the “Update your system “Path” variable” section [here](/troubleshoot/windows/list/update-system-path)
-Firstly, go through Steps 1 – 3 shown in the “Update your system “Path” variable” section [here](./update-system-path.md)
-
Then come back here for the Next Step.
Disable any antivirus software on your computer.
@@ -20,7 +21,7 @@ In the “Edit environment variable” window, you should have these two paths s
![](https://i.imgur.com/H9sF33y.png)
If you are missing one of the paths in the Green box, click "New" (Red box), then add the
-path you are missing.
+path you are missing.
It will be similar to what is shown in the Green box - just using your own username.
Once it is added, click “OK” on all the windows, open a **new** MINGW64 terminal and tryrunning the program again.
diff --git a/src/content/docs/troubleshoot/windows/List/win-issue-4.md b/src/content/docs/troubleshoot/windows/List/win-issue-4.md
index 995e05fce..a34718bf4 100644
--- a/src/content/docs/troubleshoot/windows/List/win-issue-4.md
+++ b/src/content/docs/troubleshoot/windows/List/win-issue-4.md
@@ -11,7 +11,7 @@ description: A reference page in my new Starlight docs site.
**Solution :**
You might need to add the dotnet folder path to your “Path” environment variable.
-Firstly, go through Steps 1 – 3 shown in the “Update your system “Path” variable” section [here](./update-system-path.md)
+Firstly, go through Steps 1 – 3 shown in the “Update your system “Path” variable” section [here](/troubleshoot/windows/list/update-system-path)
Then come back here for the Next Step.
diff --git a/src/content/docs/troubleshoot/windows/List/win-issue-5.md b/src/content/docs/troubleshoot/windows/List/win-issue-5.md
index 6d9ed3671..00498e3f3 100644
--- a/src/content/docs/troubleshoot/windows/List/win-issue-5.md
+++ b/src/content/docs/troubleshoot/windows/List/win-issue-5.md
@@ -9,7 +9,7 @@ description: A reference page in my new Starlight docs site.
## Solution :
You might need to add the dotnet folder path to your “Path” environment variable.
-Firstly, go through Steps 1 – 3 shown in the “Update your system “Path” variable” section [here](./update-system-path.md).
+Firstly, go through Steps 1 – 3 shown in the “Update your system “Path” variable” section [here](/troubleshoot/windows/list/update-system-path).
Then come back here for the Next Step.
**Next Step:** In the “Edit environment variable” window, click "New" (Red box), then add the
diff --git a/src/content/docs/troubleshoot/windows/windows.mdx b/src/content/docs/troubleshoot/windows/windows.mdx
index 0f51116c0..330eceeed 100644
--- a/src/content/docs/troubleshoot/windows/windows.mdx
+++ b/src/content/docs/troubleshoot/windows/windows.mdx
@@ -14,11 +14,11 @@ sidebar:
*This repository provides solutions to known installation issues encountered by Windows users while installing SplashKit. If you are facing any problems with SplashKit, refer to this document for possible solutions.*
## Table of Contents
-- [Issue 1](../list/win-issue-1): "`bash <(curl -s https://raw.githubusercontent.com/splashkit/skm/master/installscripts/skm-install.sh)`" does nothing
-- [Issue 2](../list/win-issue-2): "`System.DllNotFoundException unable to load DLL splashkit.dll`" when trying to run program
-- [Issue 3](../list/win-issue-3): "`-bash: skm: command not found`"
-- [Issue 4](../list/win-issue-4): `Unable to find the .NET SDK`
-- [Issue 5](../list/win-issue-5) : "`dotnet: command not found`"
-- [Issue 6](../list/win-issue-6) : Error that mentions "(`are you missing an assembly reference?`)"
-- [Update System path](../list/update-system-path.md) Guide: Update Environment System path
\ No newline at end of file
+- [Issue 1](/troubleshoot/windows/list/win-issue-1): "`bash <(curl -s https://raw.githubusercontent.com/splashkit/skm/master/installscripts/skm-install.sh)`" does nothing
+- [Issue 2](/troubleshoot/windows/list/win-issue-2): "`System.DllNotFoundException unable to load DLL splashkit.dll`" when trying to run program
+- [Issue 3](/troubleshoot/windows/list/win-issue-3): "`-bash: skm: command not found`"
+- [Issue 4](/troubleshoot/windows/list/win-issue-4): `Unable to find the .NET SDK`
+- [Issue 5](/troubleshoot/windows/list/win-issue-5) : "`dotnet: command not found`"
+- [Issue 6](/troubleshoot/windows/list/win-issue-6) : Error that mentions "(`are you missing an assembly reference?`)"
+- [Update System path](/troubleshoot/windows/list/update-system-path): Guide: Update Environment System path
diff --git a/src/content/docs/usage-examples/CONTRIBUTING.mdx b/src/content/docs/usage-examples/CONTRIBUTING.mdx
new file mode 100644
index 000000000..5e4c3bdef
--- /dev/null
+++ b/src/content/docs/usage-examples/CONTRIBUTING.mdx
@@ -0,0 +1,85 @@
+---
+title: Contributing to Usage Examples
+sidebar:
+ hidden: true
+---
+
+To contribute a function usage example, you need to create the following files:
+
+- **Text file** (.txt) containing a title and short description of the example.
+- **Image file** (.png) (or **Gif file** (.gif) if the example code is interactive) showing the expected output of the example.
+- **Code file** with the example code. This must be a complete code example, not just a snippet of code.
+
+## File Naming
+
+To allow the files to be used to automatically generate the usage example MDX page, you need to follow a specific format when naming your files.
+
+Here is an example of files for two code examples added into the `write_line` folder that are demonstrating the use of `void write_line(string line);
+
+```text
+write_line-1-hello-world.cpp
+write_line-1-hello-world.cs
+write_line-1-hello-world.png
+write_line-1-hello-world.txt
+write_line-2-ascii-art-charlie-the-unicorn.cpp
+write_line-2-ascii-art-charlie-the-unicorn.cs
+write_line-2-ascii-art-charlie-the-unicorn.png
+write_line-2-ascii-art-charlie-the-unicorn.txt
+```
+
+Breaking down the first line from above:
+
+```text
+write_line-1-hello-world.cpp
+ ^ ^ ^ ^
+ | | | |
+ | | | -----: file type: .cpp
+ | | |
+ | | -------------: example name: hello-world
+ | | (hyphenated: use dash `-` between each word,
+ | | no spaces in filenames)
+ | |
+ | --------------------: number id of example: -1-
+ | (used to create the order of examples)
+ |
+ ---------------------------: folder name: write_line
+ (created using the "unique_global_name" key
+ from SplashKit's "api.json" file)
+```
+
+## File Contents
+
+### Text file
+
+The text file needs to include:
+
+- Name of the example program, using a level 3 markdown heading, `###`.
+- Short description of what the example code is demonstrating, with a hyperlink to the function's API Documentation details.
+
+Here is an example of the contents of the `write_line-2-ascii-art-charlie-the-unicorn.txt` file:
+
+```text
+### ASCII Art - Charlie the Unicorn
+
+The following code is an example of using [Write Line](/api/terminal#write-line-5) to create ASCII art of "Charlie the Unicorn" in the terminal.
+```
+
+### Image of Gif file
+
+Add a screenshot of the output of the example program.
+
+If the example program includes user input or any movement, please create a Gif showing the program running.
+
+Remove identifying details from the image/gif where possible.
+
+### Code file(s)
+
+Please follow the guidelines below:
+
+- All of the example code needs to be in a single file.
+- One file per language, with a **minimum of C++ and C# code files** added.
+- Example code should be able to be run by copying the code into an empty code file.
+
+## Write Line Examples
+
+For more info, you can look at the completed **Write Line** examples in the folder: /src/assets/usage-examples-code/terminal/write_line/