diff --git a/creating_modules.md b/creating_modules.md index 2952351..81628a6 100644 --- a/creating_modules.md +++ b/creating_modules.md @@ -26,3 +26,40 @@ A module will contain at least four files required to function. A `module.html` └── php └── module.php ``` + +Modules are stored on the WiFi Pineapple at `/pineapple/modules/`. + +##Creating a module +You can create the module files on the WiFi Pineapple with ease using the [Module Maker](https://www.wifipineapple.com/modules) module. It will create the initial files for you (with an example included), and will also allow you to package the module for distribution when you are finished. + +After downloading the module, enter the correct information into the Name, Description, Version and Author fields and click "Generate". Your module will then be ready to download and edit. Open the module in your favorite text editor. + +### An example module +This example will teach you how to make requests, obtain data, and return it back to the HTML. + +#### module.html +The WiFi Pineapple modules make use of Bootstrap to provide a good mobile viewing experience and a clean look. Module developers are encouraged to make use of Bootstrap components, such as responsive tables and the grid system. To learn more about Bootstrap, visit the [Bootstrap Website](https://getbootstrap.com). + +In this example we will make a `div` that is the width of the webpage. To do this, we will create a row, and then our `div` element which will use the `col-md-12` Bootstrap class. + +Your code should look like this: +``` +