diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..8a4c32f
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+ "workbench.iconTheme": "vs-seti"
+}
\ No newline at end of file
diff --git a/main/extensions/penPlus/blocks/penProperties/drawdot.svg b/main/extensions/penPlus/blocks/penProperties/drawdot.svg
new file mode 100644
index 0000000..4b23b22
--- /dev/null
+++ b/main/extensions/penPlus/blocks/penProperties/drawdot.svg
@@ -0,0 +1,45 @@
+
\ No newline at end of file
diff --git a/main/extensions/penPlus/blocks/penProperties/drawline.svg b/main/extensions/penPlus/blocks/penProperties/drawline.svg
new file mode 100644
index 0000000..1370f21
--- /dev/null
+++ b/main/extensions/penPlus/blocks/penProperties/drawline.svg
@@ -0,0 +1,45 @@
+
\ No newline at end of file
diff --git a/main/extensions/penPlus/blocks/penProperties/penattribute.svg b/main/extensions/penPlus/blocks/penProperties/penattribute.svg
new file mode 100644
index 0000000..f2bf0f1
--- /dev/null
+++ b/main/extensions/penPlus/blocks/penProperties/penattribute.svg
@@ -0,0 +1,46 @@
+
\ No newline at end of file
diff --git a/main/extensions/penPlus/blocks/penProperties/penwasdown.svg b/main/extensions/penPlus/blocks/penProperties/penwasdown.svg
new file mode 100644
index 0000000..8e4024e
--- /dev/null
+++ b/main/extensions/penPlus/blocks/penProperties/penwasdown.svg
@@ -0,0 +1,67 @@
+
\ No newline at end of file
diff --git a/main/extensions/penPlus/main.html b/main/extensions/penPlus/main.html
index 10ab99b..b655843 100644
--- a/main/extensions/penPlus/main.html
+++ b/main/extensions/penPlus/main.html
@@ -1,3 +1,5 @@
+Pen+
+
Pen+
Welcome to the official documentation page for the Pen+ extension! This page covers everything in the extension itself.
@@ -14,7 +16,7 @@
+ Pen Property blocks look into the default pen's properties, or even detach certain functions of the pen.
+
+
+ "pen is down?"
+
+
+
A simple block that checks for if the pen is currently down.
+
+
+
+ "pen [attribute]"
+
+
+
+Gets an attribute from the current sprite's pen
+These attributes are
+
+
color - gets the current hue of the pen
+
saturation - gets the current saturation of the pen
+
brightness - gets the current brightness of the pen
+
transparency - gets the current transparency of the pen
+
hex code - gets the hex code the pen uses. The pen doesn't always use the exact hex of the pen
+
size - gets the current size of the pen
+
+
+
+
+
+ "draw dot at [x] [y]"
+
+
+
Draws a dot at the desired point with the current pen attributes
+
+
+
+ "draw line from [x] [y] to [x] [y]"
+
+
+
Draws a line between the 2 desired points with the current pen attributes
+
\ No newline at end of file
diff --git a/main/main.html b/main/main.html
index 24fbddd..8a8d510 100644
--- a/main/main.html
+++ b/main/main.html
@@ -1,12 +1,14 @@
+Pen Group Documentation
+
Pen Group Docs
Main Pages
-
diff --git a/script.js b/script.js
index 6a6551c..6f73655 100644
--- a/script.js
+++ b/script.js
@@ -1,16 +1,43 @@
(function(){
- const docSource = "https://pen-group.github.io/docs/main/";
+ //Just a custom element for retitling the page
+ class titleElement extends HTMLElement {
+ constructor() {
+ super();
+ document.title = this.innerText;
+ this.style.visibility = "hidden";
+ this.style.display = "none";
+ this.style.position = "absolute";
+ }
+ // Element functionality written in here
+ }
+
+ customElements.define("page-title", titleElement);
+
+
+ //Get the page path
+ window.penPlusPath = window.location.origin + window.location.pathname;
+ window.gotoPath = (path) => {
+ window.location.href = window.penPlusPath + '?page=' + path.replaceAll("/","%2F");
+ }
+
+ //The source page for the documents
+ const docSource = window.penPlusPath + "/main/";
+ //Search parameters
const searchParams = new URLSearchParams(window.location.search);
+ //The doc to find
const page = searchParams.get("page") || "main";
+ //Fetch the doc info
fetch(`${docSource}${page}.html`).then(Response => {Response.text().then((dat) => {
document.getElementById("documentContents").innerHTML = dat;
})});
+ //Get the theme
document.body.className = localStorage.getItem("theme") || "theme-dark";
+ //Retheming
document.getElementById("theme-button").onclick = () => {
switch (document.body.className) {
case "theme-light":
+
+
+
+