Initial commit

Author: Brandon Johnson

.gitignore

@@ -0,0 +1,29 @@
+# Logs
+logs
+*.log
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directory
+# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
+node_modules
+.gatsby-context.js
+.sass-cache/

.travis.yml

@@ -0,0 +1,38 @@
+# back to language cpp to try to bypass osx node failure
+language: cpp
+sudo: false
+env:
+  - 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,11 @@
+# JavaScriptMN
+This site is generated with [Gatsby.js]().
+
+## Prerequisites
+Install the Gatsby command line tool with `npm i -g gatsby`.
+
+## Develop
+Run `npm develop` and access the dev server at the address it reports.
+
+## Build
+Run `npm build`, and a built version will be written to `/build`

components/meetup.js

@@ -0,0 +1,28 @@
+import React from 'react'
+
+export default class meetup extends React.Component {
+  render () {
+    const meetupStyles = {
+        container: {
+          textAlign: 'center',
+          border: '1px solid black',
+          display: 'inline block',
+          margin: '8rem'
+        },
+        title: {
+          fontSize: '2rem',
+          margin: '1rem'
+        },
+        bug: {},
+        rsvpButton: {}
+    }
+
+    return (
+      <div style={ meetupStyles.container }>
+        <strong style={ meetupStyles.title }><p>{ this.props.title }</p></strong>
+        <p style={ meetupStyles.bug }>{ this.props.date } | { this.props.location }</p>
+        <a style={ meetupStyles.rsvpButton } target='_blank' href={ this.props.url }><p>RSVP</p></a>
+      </div>
+    )
+  }
+}

config.toml

@@ -0,0 +1 @@
+siteTitle="JavaScriptMN"

css/markdown-styles.css

@@ -0,0 +1,99 @@
+.warning {
+  color: #9F6000;
+  background-color: #FEEFB3;
+  padding: 18px;
+}
+.warning:before {
+  content:'\26A0';
+  margin-right: 9px;
+}
+
+.rfc-page pre {
+  font-family: inherit;
+}
+
+.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;
+}

html.js

@@ -0,0 +1,46 @@
+import React from 'react'
+import Helmet from 'react-helmet'
+
+import { prefixLink } from 'gatsby-helpers'
+import { TypographyStyle, GoogleFont } from 'react-typography'
+import typography from './utils/typography'
+
+const BUILD_TIME = new Date().getTime()
+
+module.exports = React.createClass({
+  propTypes () {
+    return {
+      body: React.PropTypes.string,
+    }
+  },
+  render () {
+    const head = Helmet.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"
+          />
+          {head.title.toComponent()}
+          {head.meta.toComponent()}
+          <TypographyStyle typography={typography} />
+          <GoogleFont typography={typography} />
+          {css}
+        </head>
+        <body>
+          <div id="react-mount" dangerouslySetInnerHTML={{ __html: this.props.body }} />
+          <script src={prefixLink(`/bundle.js?t=${BUILD_TIME}`)} />
+        </body>
+      </html>
+    )
+  },
+})

loaders/markdown-loader/index.js

@@ -0,0 +1,43 @@
+var frontMatter = require('front-matter')
+var markdownIt = require('markdown-it')
+var hljs = require('highlight.js')
+var objectAssign = require('object-assign')
+
+var highlight = function (str, lang) {
+  if ((lang !== null) && hljs.getLanguage(lang)) {
+    try {
+      return hljs.highlight(lang, str).value
+    } catch (_error) {
+      console.error(_error)
+    }
+  }
+  try {
+    return hljs.highlightAuto(str).value
+  } catch (_error) {
+    console.error(_error)
+  }
+  return ''
+}
+
+var md = markdownIt({
+  html: true,
+  linkify: true,
+  typographer: true,
+  highlight,
+})
+  .use(require('markdown-it-sub'))
+  .use(require('markdown-it-footnote'))
+  .use(require('markdown-it-deflist'))
+  .use(require('markdown-it-abbr'))
+  .use(require('markdown-it-attrs'))
+
+module.exports = function (content) {
+  this.cacheable()
+  const meta = frontMatter(content)
+  const body = md.render(meta.body)
+  const result = objectAssign({}, meta.attributes, {
+    body,
+  })
+  this.value = result
+  return `module.exports = ${JSON.stringify(result)}`
+}

package.json

@@ -0,0 +1,39 @@
+{
+  "name": "javascriptmn",
+  "description": "JavaScriptMN website",
+  "version": "1.0.0",
+  "private": true,
+  "author": "JavaScriptMN Organizers <javascriptmn@gmail.com",
+  "dependencies": {
+    "front-matter": "^2.1.1",
+    "gatsby": "^0.12.20",
+    "highlight.js": "^9.8.0",
+    "history": "^2.0.2",
+    "js-yaml": "^3.7.0",
+    "markdown-it": "^7.0.1",
+    "markdown-it-abbr": "^1.0.3",
+    "markdown-it-attrs": "^0.6.3",
+    "markdown-it-deflist": "^2.0.1",
+    "markdown-it-footnote": "^3.0.1",
+    "markdown-it-sub": "^1.0.0",
+    "object-assign": "^4.1.0",
+    "react-headroom": "^2.1.2",
+    "react-helmet": "^3.2.2",
+    "react-responsive-grid": "^0.3.3",
+    "react-typography": "^0.15.0",
+    "toml-js": "0.0.8",
+    "typography": "^0.15.0",
+    "typography-plugin-code": "^0.15.0"
+  },
+  "devDependencies": {
+    "gh-pages": "^0.12.0"
+  },
+  "license": "MIT",
+  "main": "n/a",
+  "scripts": {
+    "build": "gatsby build",
+    "deploy": "gatsby build --prefix-links && gh-pages -d public",
+    "develop": "gatsby develop",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
+}

pages/404.md

@@ -0,0 +1,6 @@
+---
+path: /404.html
+---
+# NOT FOUND
+
+You just hit a route that doesn't exist... the sadness.