Giter Club home page Giter Club logo

cylon-site's Introduction

Cylon Website

This is the code for the website for Cylon (http://cylonjs.com) is a JavaScript framework for robotics, physical computing, and the Internet of Things using Node.js. If you are looking for the actual Cylon code itself, it is at https://github.com/hybridgroup/cylon

This site is build using Middleman

To run locally:

  bundle install
  bundle exec middleman

Documentation

This project uses HAML.

If you want to help us with the documentation of the site, you can follow this steps :

    1. Download the zip of the branch "master" or clone the project with git.

      git clone [email protected]:hybridgroup/cylon-site.git "name"

    1. Create a new branch for the project and switch to that new branch.

      git branch "new_name" git checkout "new_name"

    or

    git checkout -b "new_name"
    
    1. Open the project with your favourite text editor.
    1. Go to the file source/documentation , here is all the documentation of the site.

Platforms

To update the introduction information of a platform:

    1. Go to the file source/documentation/platforms , and select the platform you want to edit.

All of the content beginning with How to Install is generated from the platform's github repo. To add new documentation to any platform, edit the readme in the respective Cylon module's repository.

In order for the readme to be properly extracted, the content being pushed to the site must:

  • begin with ## How to Install and end with ## Documentation
  • have a new line after each code block

To import platforms from the main Cylon repository, run the bin/import-platforms script. You'll need to have Git installed.

This script will:

  • clone down the Cylon repos
  • extract all platform readmes
  • convert github markdown syntax to be haml compatible
  • save the platform documentation to source/documentation/platforms/partials

Drivers

To add new information to any driver, do this :

    1. Go to the file source/documentation/drivers , and select the driver you want to edit.

Examples

To import examples from the main Cylon repository, run the bin/import-examples script. You'll need to have Git installed.

This script will:

  • clone down the Cylon repos
  • extract all examples
  • create missing example pages and remove those that have also been removed from the main repo
  • create/update examples index page

Repo Docs

To import docs partials from Cylon adaptor repositories, run the bin/import-docs script.

This script will:

  • clone down Cylon repositories
  • extract all inline JSDoc documentation, with the dox tool
  • add command/event data as partials to source/documentation/imports/#{repo}

Images

To add images for platforms or devices:

  • remove entire background
  • the image should be 800 width x 600 height
  • layer effect: White color overlay with blend mode HUE

Background color is #F3F1EB

Send your Pull Request

When you have your code ready, create a new PR : base: master and compare:"your_branch"

Deploy

middleman-gh-pages gem is being used to build the webpage and deploy to gh-pages branch.

For deploying the webpage, your must be in 'master' branch and run the following command:

  rake publish

You must not have any uncomitted or untracked files in the site dirs, or the publish operation will fail with a message such as Directory not clean.

If the publish fails, you might need to remove the build dir before trying to run rake publish again.

cylon-site's People

Contributors

adamrhunter avatar antoinemurat avatar avnercohen avatar bartmichu avatar brutalchrist avatar christhebaron avatar deadprogram avatar dfischer avatar dportalesr avatar edgarsilva avatar felixsanz avatar gorhgorh avatar hunterboerner avatar jsolis avatar juliancheal avatar kraigwalker avatar marioricalde avatar nigeltiany avatar roverwire avatar sonicradish avatar stewart avatar vitor-mariano avatar xixebombilla avatar zankavrogin avatar zankich avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

cylon-site's Issues

Note global installation to use command line tool

On line 19 of the Adding New Hardware Support page it says to install the cylon-cli tool using the command npm install cylon-cli.

I'm currently in the process of writing a custom driver and this command didn't work for me at first. I found that I had to use npm install -g cylon-cli to install it globally. I realize this is a really minor change, but I'm a new to node and I hope that noting this in the documentation might help someone else in the future.

Unable to create PR

Hey,

I might just be following your documentation wrong, but I am unable to create a pull request. I'm trying to add a link to a module I've made here for the Belkin WeMo.

I've cloned the repo locally, checked out a branch called wemo and made the changes to the relevant files but when I try to push to origin wemo, I do not have permission to do so.

Am I doing something completely wrong here?

Cheers, Chris

Website crashes in Chrome on Mac

When I leave the website https://cylonjs.com/ open for a few hours, the website crashes in latest Chrome browser on Mac with latest OS X. I usually have tens of tabs open for weeks, cyclonjs is the only one that crashes.

I looked briefly into it, the website has an unusual high memory and CPU usage.

After 5 minutes (Task, Memory, CPU)
bildschirmfoto 2016-02-02 um 16 24 59

5 minutes later (Task, Memory, CPU)
bildschirmfoto 2016-02-02 um 16 29 01

Seems some Javascript library is going wild.

Error in Guides -> Working With Robots

Hi everyone,

In the section Guides -> Working With Robots exists an error with the examples of Number#toScale.

(0.5).fromScale(0, 200); // 100
(10).fromScale(0, 50); // 50
(-1).fromScale(0, 50); // 0

Cheers.
๐ŸŒณ

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.