diff --git a/README.md b/README.md
index ec6ff67..e2548ec 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,3 @@
# docsify-betterembed
A docsify.js plugin to embed selective areas from another markdown file.
+
diff --git a/docs/.nojekyll b/docs/.nojekyll
new file mode 100644
index 0000000..92b4b53
--- /dev/null
+++ b/docs/.nojekyll
@@ -0,0 +1 @@
+File prevents GitHub Pages from ignoring files that begin with an underscore.
\ No newline at end of file
diff --git a/docs/_404.md b/docs/_404.md
new file mode 100644
index 0000000..a83998c
--- /dev/null
+++ b/docs/_404.md
@@ -0,0 +1,5 @@
+# 404 - Sorry!
+
+We don't have this page :(
+
+[Return Home?](README.md)
diff --git a/docs/_css/edits.css b/docs/_css/edits.css
new file mode 100644
index 0000000..fbf3c80
--- /dev/null
+++ b/docs/_css/edits.css
@@ -0,0 +1,40 @@
+:root{
+ --docsify-example-panels-left-panel-width : 55%;
+ --docsify-example-panels-right-panel-width : 45%;
+}
+.floating-cat{
+ position:absolute;
+ right: 0px;
+ width: 200px;
+ height: 360px;
+ z-index: 1000;
+
+ -webkit-filter: drop-shadow(0px 5px 15px rgba(0,0,0,0.6));
+ filter: drop-shadow(0px 5px 15px rgba(0,0,0,0.6));
+
+ transform: translatey(0px);
+ animation: float 6s ease-in-out infinite;
+}
+
+.floating-cat img{
+ position:fixed;
+}
+@keyframes float {
+ 0% {
+ -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.8));
+ filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.6));
+ transform: translatey(0px);
+ }
+ 50% {
+ box-shadow: drop-shadow(0px 25px 10px rgba(0,0,0,0.4));
+ filter: drop-shadow(0px 25px 10px rgba(0,0,0,0.2));
+ transform: translatey(-20px);
+ }
+ 100% {
+ box-shadow: drop-shadow(0px 5px 5px rgba(0,0,0,0.8));
+ filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.6));
+ transform: translatey(0px);
+ }
+}
+
+.text-danger{color:red;}
\ No newline at end of file
diff --git a/docs/_js/docsifyConfig.js b/docs/_js/docsifyConfig.js
new file mode 100644
index 0000000..8c76d3b
--- /dev/null
+++ b/docs/_js/docsifyConfig.js
@@ -0,0 +1,45 @@
+window.$docsify = {
+ catchPluginErrors: true,
+ name: "Docsify.js Better Embed",
+ repo: "https://github.com/FlippedCodes/docsify-betterembed/",
+ auto2top: true,
+ loadSidebar: true,
+ loadNavbar: true,
+ mergeNavbar: true,
+ subMaxLevel: 3,
+ formatUpdated: "{YYYY}-{MM}-{DD} {HH}:{mm}",
+ progress: {
+ position: "top",
+ color: "var(--accent)",
+ height: "2px",
+ },
+ darklightTheme: {
+ // Theme colors chose according to Resonite color palette
+ dark: {
+ custom_dropshadow_color: 'var(--codeBackgroundColor)',
+ custom_logo_invert: 'invert()',
+ 'theme-color': 'var(--accent)',
+ accent: '#ba64f2',
+ toogleBackground: '#ffffff',
+ background: '#2b2f35',
+ textColor: '#e1e1e0',
+ codeTextColor: '#e1e1e0',
+ codeBackgroundColor: '#11151d',
+ borderColor: '#474c50',
+ highlightColor: '#ae5458',
+ },
+ light: {
+ custom_dropshadow_color: 'var(--borderColor)',
+ custom_logo_invert: '',
+ 'theme-color': 'var(--accent)',
+ accent: '#e69e50',
+ toogleBackground: '#091a28',
+ background: '#fff',
+ textColor: '#2b2f35',
+ codeTextColor: '#11151d',
+ codeBackgroundColor: '#e1e1e0',
+ borderColor: '#86888b',
+ highlightColor: '#ba64f2',
+ },
+ },
+};
diff --git a/docs/_js/plugin-footer.js b/docs/_js/plugin-footer.js
new file mode 100644
index 0000000..fce0467
--- /dev/null
+++ b/docs/_js/plugin-footer.js
@@ -0,0 +1,33 @@
+// Edit on Github https://github.com/docsifyjs/docsify/blob/167596be51d8918efa2238a0e12eab14445e4022/docs/index.html#L193C16-L193C16
+// footer https://github.com/boopathikumar018/docsify-darklight-theme/blob/master/docs/index.html
+function footer(hook, vm) {
+ const footer = [
+ '",
+ ].join("");
+
+ // TODO: Look into what this does
+ hook.beforeEach((html) => {
+ if (/githubusercontent\.com/.test(vm.route.file)) {
+ url = vm.route.file
+ .replace("raw.githubusercontent.com", "github.com")
+ .replace(/\/master/, "/blob/master");
+ } else if (/jsdelivr\.net/.test(vm.route.file)) {
+ url = vm.route.file
+ .replace("cdn.jsdelivr.net/gh", "github.com")
+ .replace("@master", "/blob/master");
+ } else {
+ url =
+ "https://github.com/FlippedCodes/docsify-betterembed/blob/main/" +
+ vm.route.file;
+ }
+ const editText = `\n\`;
+
+ return html + editText + footer;
+ });
+}
+// Add plugin to docsify's plugin array
+window.$docsify = window.$docsify || {};
+$docsify.plugins = [footer, ...($docsify.plugins || [])];
diff --git a/docs/_sidebar.md b/docs/_sidebar.md
new file mode 100644
index 0000000..bc0fdf5
--- /dev/null
+++ b/docs/_sidebar.md
@@ -0,0 +1,4 @@
+- [Documentation](/)
+- **Links**
+- [Github](https://github.com/VagnerDomingues/docsify-example-panels)
+- [NPM](https://www.npmjs.com/package/docsify-example-panels)
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..e477e54
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,41 @@
+
+
+
+
+
+ Unofficial Resonite Docs
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file