Add bungee support

index.html

@@ -95,7 +95,7 @@
 
                 var header = 0
 
-                /* for (var index = 0; index < sidebar.children.length; index++) {
+                for (var index = 0; index < sidebar.children.length; index++) {
                     var element = sidebar.children.item(index)
 
                     if (element.tagName == "H3") {
@@ -117,7 +117,7 @@
 
                         index--
                     }
-                } */
+                }
             })
         })
 

pages/en/create-emotes-blender.md

@@ -0,0 +1,18 @@
+# Emotecraft Wiki
+
+## Creating Emotes With Blender
+
+**This requires basic knowledge of how to move and rotate blender object as well as use keyframes in blender.** For help with this see [this](https://docs.blender.org/manual/en/latest/scene_layout/object/editing/transform/introduction.html) and [this](https://docs.blender.org/manual/en/latest/animation/keyframes/introduction.html)
+
+To start you are going to need [Blender](https://www.blender.org/download/).
+If you need help installing it see [this](https://docs.blender.org/manual/en/latest/getting_started/installing/index.html)
+
+Then you are going to need the blender model, either with or without bend support. You can get it [here](./downloads#tool-downloads)
+
+Once you have blender installed open the model. You should be greeted with a readme, make sure to read it.\
+To get started switch to the animation tab. You can move and rotate any of the joints how you want and add keyframes.
+
+When you are done switch to the export tab. Here you will see a script with a few variables you can edit. You can change the emoteName, emoteDescription, and author to whatever you want. If you want the emote to loop you can set loop to true and set the return tick to the tick you would like it to loop on\
+When you are done click the play/run button. This will generate an emote.json in the same place as the blend file.
+
+Next see [Installing Custom Emotes](./install-emotes) to install the emote you created.

pages/en/downloads.md

@@ -2,6 +2,8 @@
 
 ## Downloads
 
+### Mod Downloads
+
 For Forge and Fabric downloads it is recommended to use [Modrinth](https://modrinth.com/mod/emotecraft/versions).\
 but you can also use Curseforge ([Forge](https://www.curseforge.com/minecraft/mc-mods/emotecraft-forge/files), [Fabric](https://www.curseforge.com/minecraft/mc-mods/emotecraft/files))
 
@@ -10,3 +12,10 @@ For the Bukkit plugin go [here](https://dev.bukkit.org/projects/emotecraft-bukki
 The most up to date versions for all loaders can also be found on [Github](https://github.com/KosmX/emotes/releases).
 
 Next see [Installing on Fabric](./install-fabric) or [Installing on Forge](./install-forge) to install the mod.
+
+### Tool Downloads
+
+[Blender with bends](https://github.com/KosmX/emotes/raw/dev/blender/emote_creator_bend.blend)\
+[Blender without bends](https://github.com/KosmX/emotes/raw/dev/blender/emote_creator.blend)
+
+[Blockbench](https://github.com/KosmX/emotes/raw/dev/blender/model.bbmodel)

pages/en/sidebar.md

@@ -19,6 +19,8 @@
 [Downloading Custom Emotes](./download-emotes)\
 [Installing Custom Emotes](./install-emotes)
 
-<!-- ### Creating emotes -->
+### Creating emotes
+
+[Creating Emotes With Blender](./create-emotes-blender)
 
 <!-- ### Sharing emotes -->

style/style.css

@@ -3,12 +3,16 @@
 html {
     --background-color: radial-gradient(#555555 25%, #444444 75%);
     --forground-color: #6e6e6e;
-    --dropdown-color: #686868;
 
     --border-color: #333333;
     --border-thickness: 3px;
     --border-radius: 20px;
 
+    --dropdown-color: #5c5c5c;
+    --dropdown-border-color: #333333;
+    --dropdown-border-thickness: 2.5px;
+    --dropdown-border-radius: 14px;
+
     --text-font: "Roboto Slab";
     --text-color: #fcfcfc;
 
@@ -87,8 +91,8 @@ html {
 .dropdown {
     background: var(--dropdown-color);
 
-    border: var(--border-thickness) solid var(--border-color);
-    border-radius: var(--border-radius);
+    border: var(--dropdown-border-thickness) solid var(--dropdown-border-color);
+    border-radius: var(--dropdown-border-radius);
 
     padding: 10%;
     margin: 3% 0px;