From 471d70a16b4ab1638c896195ec47ade7e504d046 Mon Sep 17 00:00:00 2001
From: themancalledjakob <jakob@jrkb.land>
Date: Sun, 24 Sep 2023 22:01:06 +0200
Subject: [PATCH] add artboard, cleanup sidebar

---
 Artboard.md | 17 +++++++++++++++++
 _Sidebar.md | 11 +----------
 2 files changed, 18 insertions(+), 10 deletions(-)
 create mode 100644 Artboard.md

diff --git a/Artboard.md b/Artboard.md
new file mode 100644
index 0000000..5492e0e
--- /dev/null
+++ b/Artboard.md
@@ -0,0 +1,17 @@
+# Artboard
+
+The artboard contains the scene of your project.
+
+## Change Artboard Size And Pixel Density
+
+Changing the artboard size and pixel density can affect performance a lot. When working with a very dense scene, You can use pixel density to get a much faster preview of what you are working on. Then either change it back before [exporting](./Export), or change the scale during [exporting](./Export). A very coarse pixel density can affect width and height. You can also use pixel density to adjust your work for a *HiDPI/Retina* screen.
+
+<video src="../wiki/raw/media/instructions/artboard/1-change-artboard-size-and-pixel-density.mp4" height="360" controls></video>
+<br>*Video: change artboard size and pixel density*
+
+## Change Background Color
+
+The artboard color can be adjusted with a color picker or by filling in a color hex code in the textbox.
+
+<video src="../wiki/raw/media/instructions/artboard/2-change-bg-color.mp4" height="360" controls></video>
+<br>*Video: change artboard size and pixel density*
diff --git a/_Sidebar.md b/_Sidebar.md
index 188ed8f..9b68f6d 100644
--- a/_Sidebar.md
+++ b/_Sidebar.md
@@ -2,18 +2,9 @@
   - [Getting Started](./GettingStarted)
   - [Projects](./Projects)
   - [Layers](./Layers)
-  - Properties
-  - Animating
+  - [Artboard](./Artboard)
   - Timeline
   - Fonts
   - Export
   - Experiments
   - Roadmap
-
-- Source Code
-
-  - variableTime
-  - ofxVariableLab
-  - ofxGPUFont
-  - ofxMsdfgen
-  - dependencies