changed font, added logo, change base color, various paddings

.gitignore

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

.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,12 @@
+siteTitle="FreeCodeCamp"
+siteLogo="freecodecamp_logo.svg"
+baseColor = "darkgreen"
+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,91 @@
+/*
+
+github.com style (c) Vasily Polovnyov <[email protected]>
+
+*/
+.hljs-comment,
+.hljs-quote {
+  color: #998;
+  font-style: italic;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-subst {
+  color: #333;
+  font-weight: bold;
+}
+
+.hljs-number,
+.hljs-literal,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag .hljs-attr {
+  color: #008080;
+}
+
+.hljs-string,
+.hljs-doctag {
+  color: #d14;
+}
+
+.hljs-title,
+.hljs-section,
+.hljs-selector-id {
+  color: #900;
+  font-weight: bold;
+}
+
+.hljs-subst {
+  font-weight: normal;
+}
+
+.hljs-type,
+.hljs-class .hljs-title {
+  color: #458;
+  font-weight: bold;
+}
+
+.hljs-tag,
+.hljs-name,
+.hljs-attribute {
+  color: #000080;
+  font-weight: normal;
+}
+
+.hljs-regexp,
+.hljs-link {
+  color: #009926;
+}
+
+.hljs-symbol,
+.hljs-bullet {
+  color: #990073;
+}
+
+.hljs-built_in,
+.hljs-builtin-name {
+  color: #0086b3;
+}
+
+.hljs-meta {
+  color: #999;
+  font-weight: bold;
+}
+
+.hljs-deletion {
+  background: #fdd;
+}
+
+.hljs-addition {
+  background: #dfd;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
+

css/lato.css

@@ -0,0 +1,14 @@
+@font-face {
+  font-family: "Lato";
+  src: url(/fonts/Lato-Regular.ttf) format("truetype");
+}
+
+@font-face {
+  font-family: "Lato Light";
+  src: url(/fonts/Lato-Light.ttf) format("truetype");
+}
+
+@font-face {
+  font-family: "Lato Bold";
+  src: url(/fonts/Lato-Bold.ttf) format("truetype");
+}

css/main.css

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