GithubHelp home page GithubHelp logo

docs's Introduction

This repository is depricated, all future Turbo.net docs edits must be done in Contentful

Contentful web app: https://app.contentful.com/spaces/r1iixxhzbg8u
See the Turbo.net docs for more information: https://github.com/codesystems/turbonet/tree/master/websites/www#docs-1


Turbo Documentation

This is the official Git repository for Turbo's public documentation.

Live version of the docs can be found at http://turbo.net/docs

Writing the Docs

Style Guide

When contributing to the docs on Turbo, please take the following style guidelines into consideration.

Code and Command-line Styling

  • Command-line comment: All comments should have a # followed by a space and the first word should be capitalized.
# This is formatted properly :)

#this is not :( 
  • Command-line input
> turbo build -n="my image" /path/to/turbo.me
  • Command-line output

  • Command-line spacing

building "my image" from /path/to/turbo.me
  • Always use turbo not spoon in the command line documentation.
  • All code blocks should be 'fenced' with 3 backticks (a la GFM). Inline code styles (i.e. this is a sample command: turbo run) only use 1 backtick. The syntax highlighting to use can be specified after the top 3 backticks (not available for inline code).
  • Use inline code styles sparingly.

Other Styling

  • Inline paths should be bolded. --> Example: navigate to C:\Users
  • Internal links to other documents should be relative paths
    • Other doc links: /docs/[topic]/[section]/[document]
    • To the hub: /hub
    • To contact page: /contact

Adding images

  • Put the image in the same folder as the md file
  • Modify the path in the link based on the example below
  • If you need to specify image dimensions, use HTML
  • Image file names should be all lower case
# GitHub location
https://github.com/turboapps/docs/tree/master/doc/getting_started/tour/image.png

# Markdown would be
![](/docs/getting_started/tour/image.png)

Contributing

How to Contribute

If you are not a member of the Turbo org (AKA you don't work at Turbo), fork this repo, make changes, commit, and submit a pull request.

Some basic terminology:

  • Topic: The horizontal items in the top navbar.
  • Section: Items on the left nav, a topic contains a list of documents
  • Document: Items listed under a section on the left nav. A document maps to a single web page.

The directory to store your document should be /[topic]/[section]/[document]. If the topic and title of the document contains illegal file system characters, it must be normalized. This is done by lower casing the path, replacing spaces with '_', and deleting illegal windows file system characters. For example, the "What is Turbo?" section under the topic "Getting Started" is stored in the directory "/getting_started/what_is_turbo". The md file names inside of the directory can be *.md

Adding a Page

If adding a document to an existing section, create the corresponding directory /[topic]/[section]/[document] and add your new .md file to it, then add the document to the docs.yaml file following existing patterns.

If adding a document to a new section, create a new folder under the appropriate topic. Add your new .md file. Then, add the new section and documents you are creating to the docs.yaml file, rearranging the ordering of the other sections and documents as you see fit.

Creating a New Topic

To add a new topic to the top navbar, first create a new folder in the /doc directory corresponding to your topic. Then, edit the docs.yaml file, adding your new topic and rearranging the topic ordering as you see fit. Follow existing patterns when editing this file.

docs.yaml

The overall structure of the page is dictated by the docs.yaml file, located at /docs.yaml. Each entry in the yaml file specifies a topic that will appear in the top navbar of the docs page. A topic has the following two properties:

  1. A title. This is the actual wording that will appear in the top nav bar
  2. A list of sections. This list is used to populate the topic's left sidebar.

Topics are rendered left-to-right in the order than the appear in the docs.yaml file.

Each topic has an attribute called sections. Each section must in turn have the following attributes:

  1. A title. This will be the text that appears for that section in the containing topic's left sidebar. The title is also used as the basis for forming that section's filename. The filename for a section is the title with spaces translated to '_' and with all special characters (not a-z, A-Z, 0-9, -, or _) trimmed out.
  2. A list of documents. This list is used to populate the section's expanded items, and each of these entries links to single web page. Each document must be a string attribute that will be used as its title in the left sidebar.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.