Code Monkey home page Code Monkey logo

neuronrobotics.github.io's Introduction

NeuronRobotics.github.io

The Website for the Bowler System

http://neuronrobotics.github.io/

Build monitor:

https://travis-ci.org/NeuronRobotics/NeuronRobotics.github.io

Build Status

How this thing works

Local Compile

  git clone https://github.com/NeuronRobotics/NeuronRobotics.github.io.git
  sudo apt-get install ruby2.1-dev  bundler
  cd into NeuronRobotics.github.io
  bundle install
  bundle exec nanoc view && bundle exec guard
  
  For mac:
  Install xcode
  Install macports
  sudo port install ruby19
  sudo port install rb19-bundler
  bundle-1.9 install
  cd NeuronRobotics.github.io
  bundle-1.9 exec nanoc view && bundle-1.9 exec guard


To compile the source locally and see the rendered changes, run:

 bundle exec nanoc view & guard

and navagete to

http://localhost:3000/

to view the local build. As you make changes, it will automatically compile continously.

Adding A Tutorial

A tutorial consists of a Folder in the Content Directory with one index.md file containing the tutorial info and multiple other .md files containg the steps.

Here is an example

content/
  my-new-tut/
    index.md
    foo.md
    bar.md
    baz.md
    image1.jpg
    image2.jpg

The index.md describes a tutorial and looks like this

---
tutorial: true
title: "My Simple Tutorial"
order: 2
image: foo.jpeg
---
[tutorial description]
  • tutorial: true markes this folder as a tutorial. if omitted it will be omitted from the tutorials page
  • title: "some string" tutorial title. will be displayed on tutorials page
  • order: # defines the order in which it will apear on the tutorials page. smaller numbers float to beginning of list. you can have duplicate numbers or skipped numbers or negative numbers.
  • image: file.jpeg the image associated with the tutorial that will be displayed on the tutorials page. if omitted a plaeholder image will be used. image should be in the same directory as the index.md file
  • tutorial description The text for the tutorial that appears after the image and before the list of steps on the tutorial page

The *.md content files look like this

---
title: "my step"
step: 2
layout: post
---
[after this point, this is the content of the tutorial in markdown]
## this is a h2 title ##

this is a paragraph

1. this
2. is
3. a
4. ordered list

... etc/

  • title: "some title" the name of the current step
  • step: # Same as menu order smaller steps come sooner.
  • layout: post sets the page layout. should always be post for steps.

Adding Normal Pages

not everything has to be a tutorial, it can be a page.

example

not-a-tutorial/
  not-a-step.md
  random-image.jpg

The tutorial logic will ignore anything without the tutorial meta data and just put em in as pages

You can still use metadata though. like give it a title, set a layout other then default by adding a frontmatter section

---
title: This is just a vanilla page
layout: myawesometemplate
---
## just a normal page ##

nothing to see here

1. just
2. really
3. normal
4. seriosuly

Menus

To add a page (or tutorial) to the menu bar use these tags

menu: true
menuorder: 0
menuname: "Home"
  • menu: true will cause the page to get put into the site's main nav menu
  • menuorder: # is used to sort the menu. if omitted the item will be placed last
  • menuname: "Name" is the label for the menu item to be used in place of the page title. If title is omitted too it will be the file name.

Updating download links

On the new landing page the download links come from the frontmatter in the index.md file. Update them by comitting a new index.md file with updated links to this repo.

winInstaller: "https://github.com/NeuronRobotics/BowlerStudio/releases/download/*.*.*/Windows-nrdk-*.*.*.exe"
linInstaller: "https://github.com/NeuronRobotics/BowlerStudio/releases/download/*.*.*/Ubuntu-nrdk-*.*.*.deb"
macInstaller: "https://github.com/NeuronRobotics/BowlerStudio/releases/download/*.*.*/MacOSX-nrdk-*.*.*.zip"

neuronrobotics.github.io's People

Contributors

madhephaestus avatar clydemcfree avatar acamilo avatar tylergudmundsson avatar rparkere avatar adamjvr avatar johnfiegel avatar mdiblasi avatar sporkius avatar walterthorpejr avatar paularudy avatar drewrwilson avatar alexcoman avatar henry-ling avatar christmoore avatar petermitrano avatar acamilodc avatar dragon-lady avatar

Watchers

James Cloos avatar  avatar

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.