index.html Documentation

1. Project Overview & Quickstart (faif/index.html) Copy Chapter

index.html

Open-source repository faif/index.html

Repository Details Copy Section

• Repository: faif/index.html
• Primary Language: Code

Note: High-volume repository documentation is actively indexed and synchronized by YakaAI.

2. Official Technical Reference & Guides (faif/docs) Copy Chapter

The Things Network Documentation [](https://travis-ci.org/TheThingsNetwork/docs)

This is a Jekyll site which Travis automatically tests and builds to the gh-pages branch to be served via GitHub Pages.

Update content Copy Chapter

If you do a lot of edits please use a local build to preview and test.

• The homepage for the site is index.html.
• The guides are a Jekyll collection in the _content folder.
• Store assets in the same folder as the markdown file you need it in and include them by their filename. You can also use relative paths to re-use images from other guides.
• To link to another child guide, use the relative markdown path (e.g. ../devices/registration.md) and Jekyll will make it .html.
• To link to another parent guide, use the relative markdown path (e.g. ../devices/index.md) or the directory path, ending with a slash (../devices/).
• Guides are sorted on descending zindex first, then title ascending and if those are equal label descending.
• Use blockquotes (>) to create callouts for important notes.
• To set an image to use on Facebook and Twitter use image:/absolute/path/to/image.png in your frontmatter.
• You can use most of the icons we use in the console. Simply use `` in the Markdown and we'll style it as a button.

Build local for preview and design Copy Chapter

1. Install Ruby 2.0.0 or higher

2. Install Bundler:

   bash Copy

   $ gem install bundler

3. Install Jekyll using Bundler:

   bash Copy

   $ bundle install

4. Install Node.js and NPM.

5. Install front-end and development dependencies:

$ npm install

> This will also overwrite any local git pre-commit hook to execute [npm run webpack](package.json#L12), [npm test](package.json#L15) and [npm run add](package.json#L16) to append the webpack build.

4. Run Webpack, build the local Jekyll site and watch for changes:

   bash Copy

   $ npm run dev

   Be aware that this will use Jekyll's experimental incremental mode. Only the file you edit will be regenerated. So a change in a guide's title will not cause the navigation on all other pages to be updated. Just kill the proces and run it again.

Guidance Copy Section

• Require and use any JS libraries you need in assets/js/_main.js and _page.js.
• Import any Sass files you need in assets/css/main.scss.
• Override Bootstrap variables in _sass/_variables.scss.
• Edit styles in _sass/_base.scss or break out to additional Sass files to keep it organized.
• Store layout assets in assets folder.
• Edit layouts in the _layouts folder.
• All layouts should inherit the default layout.

Build and upload a preview Copy Chapter

If you do some major refactoring and would like to upload a build somewhere for preview, then you can use:

npm run scp user@host:/path

This will create a build in _scp, upload it with scp and then delete the directory. Make sure the server has your public key or it will prompt for a password and cause the script to fail.

Alternatively, you can set the SCP_TARGET environment variable or dotenv.

Test [](https://travis-ci.org/TheThingsNetwork/docs) Copy Chapter

Pull Requests and Pushes will be tested automatically by Travis. It will let Jekyll try to build the site and then run HTMLProofer to test for broken links etc.

The test will also run automatically before every commit. To run the test manually, follow Build local to install the dependencies and then run:

npm test

Automatic updates Copy Chapter

Some content we source directly from elsewhere, e.g. the MQTT API Reference.

Update Copy Section

1. Follow the previous section to install NPM and dependencies.

2. Run the pull script:

   bash Copy

   npm run pull

Source Copy Section

To source more content from elsewhere edit _scripts/pull.js.