[add] inicio del proyecto basado en https://github.com/gatsbyjs/gatsb…

…y-starter-documentation

.babelrc

@@ -0,0 +1,4 @@
+{
+  "presets": ['react', 'es2015', 'stage-1'],
+  "plugins": ['add-module-exports']
+}

.eslintrc

@@ -0,0 +1,20 @@
+{
+  "extends": "eslint-config-airbnb",
+  "rules": {
+    "indent": [2, 2, {"SwitchCase": 1}],
+    "no-console": [0],
+    "func-names": [0],
+    "semi": [2, "never"],
+    "no-extra-semi": [2],
+    "space-before-function-paren": [2, "always"],
+    "no-else-return": [0],
+    "space-infix-ops": [0],
+    "react/prefer-es6-class": [0],
+    "react/prefer-stateless-function": [0],
+    "import/no-unresolved": [0],
+    "global-require": [0],
+  },
+  "globals": {
+    "__PREFIX_LINKS__": true,
+  },
+}

.gitignore

@@ -0,0 +1,3 @@
+node_modules/
+public/
+.gatsby-context.js

.travis.yml

@@ -0,0 +1,39 @@
+# back to language cpp to try to bypass osx node failure
+language: cpp
+sudo: false
+env:
+  - export NODE_VERSION="0.10"
+  - export NODE_VERSION="0.12"
+  - export NODE_VERSION="4"
+  - export NODE_VERSION="5"
+os:
+  - linux
+  - osx
+# pre-install to bring in the correct version of node via nvm
+before_install:
+  - git submodule update --init --recursive
+  - git clone https://github.com/creationix/nvm.git ./.nvm
+  - source ./.nvm/nvm.sh
+  - nvm install $NODE_VERSION
+  - nvm use $NODE_VERSION
+  - npm config set python `which python`
+  - if [ $TRAVIS_OS_NAME == "linux" ]; then
+      export CC="gcc-4.8";
+      export CXX="g++-4.8";
+      export LINK="gcc-4.8";
+      export LINKXX="g++-4.8";
+    fi
+  - gcc --version
+  - g++ --version
+# node 4 depends on gcc 4.8
+addons:
+  apt:
+    sources:
+    - ubuntu-toolchain-r-test
+    packages:
+    - g++-4.8
+    - gcc-4.8
+# script needed to test, because defaults don't work on osx
+script:
+  - npm install
+  - npm run lint

README.md

@@ -0,0 +1,5 @@
+# gatsby-starter-documentation
+Starter for building documentation site with GatsbyJS
+
+Install this starter (assuming Gatsby is installed) by running from your CLI:
+`gatsby new gatsby-documentation-site https://github.com/gatsbyjs/gatsby-starter-documentation`

components/Breakpoint.js

@@ -0,0 +1,29 @@
+import React, { Component } from 'react'
+import './breakpoints.css'
+
+class Breakpoint extends Component {
+  render () {
+    const { mobile, children } = this.props
+
+    if (mobile) {
+      return (
+        <div className="breakpoint-min-width-700">
+          {children}
+        </div>
+      )
+    }
+
+    return (
+      <div className="breakpoint-max-width-700">
+        {children}
+      </div>
+    )
+  }
+}
+
+Breakpoint.propTypes = {
+  children: React.PropTypes.array,
+  mobile: React.PropTypes.bool,
+}
+
+export default Breakpoint

components/breakpoints.css

@@ -0,0 +1,16 @@
+@media only screen and (min-width: 700px) {
+  .breakpoint-min-width-700 {
+    display: block;
+  }
+  .breakpoint-max-width-700 {
+    display: none;
+  }
+}
+@media only screen and (max-width: 700px) {
+  .breakpoint-min-width-700 {
+    display: none;
+  }
+  .breakpoint-max-width-700 {
+    display: block;
+  }
+}

config.toml

@@ -0,0 +1,11 @@
+siteTitle="AlphabetJS"
+baseColor = "#884499"
+linkPrefix = "/gatsby-starter-documentation"
+docPages = [
+  "/docs/",
+  "/docs/getting-started/",
+  "/docs/how-to-run/",
+  "/docs/some-react-code/",
+  "/docs/the-next-step/",
+  "/docs/conclusion/",
+]

css/github.css

@@ -0,0 +1,123 @@
+/*
+
+github.com style (c) Vasily Polovnyov <[email protected]>
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  color: #333;
+  background: #f8f8f8;
+  -webkit-text-size-adjust: none;
+}
+
+.hljs-comment,
+.diff .hljs-header {
+  color: #998;
+  font-style: italic;
+}
+
+.hljs-keyword,
+.css .rule .hljs-keyword,
+.hljs-winutils,
+.nginx .hljs-title,
+.hljs-subst,
+.hljs-request,
+.hljs-status {
+  color: #333;
+  font-weight: bold;
+}
+
+.hljs-number,
+.hljs-hexcolor,
+.ruby .hljs-constant {
+  color: #008080;
+}
+
+.hljs-string,
+.hljs-tag .hljs-value,
+.hljs-doctag,
+.tex .hljs-formula {
+  color: #d14;
+}
+
+.hljs-title,
+.hljs-id,
+.scss .hljs-preprocessor {
+  color: #900;
+  font-weight: bold;
+}
+
+.hljs-list .hljs-keyword,
+.hljs-subst {
+  font-weight: normal;
+}
+
+.hljs-class .hljs-title,
+.hljs-type,
+.vhdl .hljs-literal,
+.tex .hljs-command {
+  color: #458;
+  font-weight: bold;
+}
+
+.hljs-tag,
+.hljs-tag .hljs-title,
+.hljs-rule .hljs-property,
+.django .hljs-tag .hljs-keyword {
+  color: #000080;
+  font-weight: normal;
+}
+
+.hljs-attribute,
+.hljs-variable,
+.lisp .hljs-body,
+.hljs-name {
+  color: #008080;
+}
+
+.hljs-regexp {
+  color: #009926;
+}
+
+.hljs-symbol,
+.ruby .hljs-symbol .hljs-string,
+.lisp .hljs-keyword,
+.clojure .hljs-keyword,
+.scheme .hljs-keyword,
+.tex .hljs-special,
+.hljs-prompt {
+  color: #990073;
+}
+
+.hljs-built_in {
+  color: #0086b3;
+}
+
+.hljs-preprocessor,
+.hljs-pragma,
+.hljs-pi,
+.hljs-doctype,
+.hljs-shebang,
+.hljs-cdata {
+  color: #999;
+  font-weight: bold;
+}
+
+.hljs-deletion {
+  background: #fdd;
+}
+
+.hljs-addition {
+  background: #dfd;
+}
+
+.diff .hljs-change {
+  background: #0086b3;
+}
+
+.hljs-chunk {
+  color: #aaa;
+}

css/main.css

@@ -0,0 +1,13 @@
+pre {
+  background: whitesmoke;
+  padding: 1.5rem;
+}
+.demo1-ball {
+  border-radius: 99px;
+  background-color: white;
+  width: 50px;
+  height: 50px;
+  border: 3px solid white;
+  position: absolute;
+  background-size: 50px;
+}

html.js

@@ -0,0 +1,71 @@
+import React from 'react'
+import DocumentTitle from 'react-document-title'
+
+import { prefixLink } from 'gatsby-helpers'
+import { TypographyStyle } from 'utils/typography'
+import { colors } from 'utils/colors'
+
+const BUILD_TIME = new Date().getTime()
+
+module.exports = React.createClass({
+  displayName: 'HTML',
+  propTypes: {
+    body: React.PropTypes.string,
+  },
+  render () {
+    const title = DocumentTitle.rewind()
+
+    let css
+    if (process.env.NODE_ENV === 'production') {
+      css = <style dangerouslySetInnerHTML={{ __html: require('!raw!./public/styles.css') }} />
+    }
+
+    return (
+      <html lang="en">
+        <head>
+          <meta charSet="utf-8" />
+          <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
+          <meta
+            name="viewport"
+            content="width=device-width, initial-scale=1.0 maximum-scale=5.0"
+          />
+          <title>{title}</title>
+          <TypographyStyle />
+          {css}
+          <style
+            dangerouslySetInnerHTML={{
+              __html:
+                `
+                  a {
+                    color: ${colors.bg};
+                  }
+                  .ball-0 {
+                    background-image: url(${prefixLink('/docs/some-react-code/0.jpg')});
+                  }
+                  .ball-1 {
+                    background-image: url(${prefixLink('/docs/some-react-code/1.jpg')});
+                  }
+                  .ball-2 {
+                    background-image: url(${prefixLink('/docs/some-react-code/2.jpg')});
+                  }
+                  .ball-3 {
+                    background-image: url(${prefixLink('/docs/some-react-code/3.jpg')});
+                  }
+                  .ball-4 {
+                    background-image: url(${prefixLink('/docs/some-react-code/4.jpg')});
+                  }
+                  .ball-5 {
+                    background-image: url(${prefixLink('/docs/some-react-code/5.jpg')});
+                  }
+                `,
+            }}
+          />
+        </head>
+        <body>
+          <div id="react-mount" dangerouslySetInnerHTML={{ __html: this.props.body }} />
+          <script src={prefixLink(`/bundle.js?t=${BUILD_TIME}`)} />
+        </body>
+      </html>
+    )
+  },
+})

package.json

@@ -0,0 +1,54 @@
+{
+  "name": "docs-site",
+  "description": "Gatsby example site",
+  "version": "1.0.0",
+  "author": "Kyle Mathews <[email protected]>",
+  "dependencies": {
+    "babel-plugin-add-module-exports": "^0.2.1",
+    "babel-plugin-react-transform": "^2.0.2",
+    "babel-preset-es2015": "^6.9.0",
+    "babel-preset-react": "^6.5.0",
+    "babel-preset-stage-1": "^6.5.0",
+    "chroma-js": "^0.7.2",
+    "color-pairs-picker": "^1.3.5",
+    "gatsby": "^0.11.2",
+    "history": "^2.1.1",
+    "lodash": "^4.13.1",
+    "react": "^15.1.0",
+    "react-document-title": "^2.0.1",
+    "react-dom": "^15.1.0",
+    "react-motion": "^0.1.0",
+    "react-responsive-grid": "^0.3.3",
+    "react-router": "^2.4.1",
+    "typography": "^0.8.2",
+    "underscore.string": "^3.2.2"
+  },
+  "devDependencies": {
+    "babel-core": "^6.9.1",
+    "babel-loader": "^6.2.4",
+    "babel-preset-react-hmre": "^1.1.1",
+    "css-loader": "^0.23.1",
+    "eslint": "^2.11.1",
+    "eslint-config-airbnb": "^9.0.1",
+    "eslint-plugin-import": "^1.8.1",
+    "eslint-plugin-jsx-a11y": "^1.2.3",
+    "eslint-plugin-react": "^5.1.1",
+    "gh-pages": "^0.11.0",
+    "null-loader": "^0.1.1",
+    "postcss-loader": "^0.9.1",
+    "react-transform-catch-errors": "^1.0.2",
+    "react-transform-hmr": "^1.0.4",
+    "redbox-react": "^1.2.6",
+    "style-loader": "^0.13.1",
+    "webpack": "^1.13.1"
+  },
+  "keywords": [
+    "gatsby"
+  ],
+  "license": "MIT",
+  "main": "n/a",
+  "scripts": {
+    "lint": "./node_modules/.bin/eslint --ext .js,.jsx --ignore-pattern public .",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
+}