Initial commit from fftf/create-nuxt-app

.editorconfig

@@ -0,0 +1,13 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintrc.js

@@ -0,0 +1,23 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true
+  },
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  extends: [
+    '@nuxtjs'
+  ],
+  // add your custom rules here
+  rules: {
+    'no-console': 'off',
+    'space-infix-ops': 'off',
+    'prefer-promise-reject-errors': 'off',
+    'vue/no-v-html': 'off',
+    'vue/html-closing-bracket-newline': 'off',
+    'vue/max-attributes-per-line': 'off',
+    'vue/html-indent': 'off'
+  }
+}

.gitignore

@@ -0,0 +1,84 @@
+# Created by .ignore support plugin (hsz.mobi)
+### Node template
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# Nuxt generate
+dist
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless
+
+# IDE
+.idea
+
+# System files
+.DS_Store

README.md

@@ -1,2 +1,22 @@
 # fftf-starter-template
-Nuxt 2 starter site for campaigns
+
+> A Fight for the Future website
+
+## Build Setup
+
+``` bash
+# install dependencies
+$ npm install
+
+# serve with hot reload at localhost:3000
+$ npm run dev
+
+# build for production and launch server
+$ npm run build
+$ npm start
+
+# generate static project
+$ npm run generate
+```
+
+For detailed explanation on how things work, checkout [Nuxt.js docs](https://nuxtjs.org).

assets/README.md

@@ -0,0 +1,7 @@
+# ASSETS
+
+**This directory is not required, you can delete it if you don't want to use it.**
+
+This directory contains your un-compiled assets such as LESS, SASS, or JavaScript.
+
+More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked).

assets/css/_reset.scss

@@ -0,0 +1,73 @@
+//*** Reset ***//
+//  Adapted from:
+//  http://meyerweb.com/eric/tools/css/reset/
+//  v2.0 | 20110126 | License: none (public domain)
+ // Disabled elements below are no longer supported in HTML5:
+html, body, div, span, /*applet,*/ object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, /*acronym,*/ address, /*big,*/ cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, /*strike,*/ strong, sub, sup, /*tt,*/ var,
+b, /*u,*/ i, /*center,*/
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, datalist, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+}
+ article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+ol, ul {
+  list-style: none;
+}
+ *:before, *:after {
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+}
+ // Reset > Typography
+ body {
+  line-height: 1;
+}
+pre, code {
+  font-family: monospace;
+}
+ // Reset > Controls
+ input, textarea, button {
+  margin: 0;
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  font: inherit;
+}
+ // Reset > Tables
+ table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+caption, th, td {
+  font-weight: normal;
+  text-align: left;
+}
+ // Reset > Quotes
+ blockquote, q {
+  quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: ''; // Removes quotes in browsers where `content: none` fails
+  content: none;
+}
+cite {
+  font-style: normal;
+}

assets/css/_setup.scss

@@ -0,0 +1,88 @@
+// Setup: Variables & Mixins
+//
+// This file is injected into every Vue component and SCSS file
+
+// Colors
+$white:              #FFF;
+$black:              #000;
+$grey-light-color:   #CCC;
+$grey-color:         #999;
+$grey-dark-color:    #222;
+$brand-color:        blue; // TODO
+$brand-dark-color:   darken($brand-color, 10%);
+$background-color:   $white;
+$text-color:         $grey-dark-color;
+$success-color:      green; // TODO
+$warn-color:         red; // TODO
+
+$facebook-color:          #405993;
+$facebook-dark-color:     darken($facebook-color, 10%);
+$twitter-color:           #499FEC;
+$twitter-dark-color:      darken($twitter-color, 10%);
+
+// Typography
+$base-text-align: left; // switch for rtl
+$sans-serif-stack: "Helvetica Neue", Helvetica, Arial, sans-serif; // TODO: embed font
+$base-font-size: 16px;
+$base-font-weight: normal;
+$bold-font-weight: bold;
+$base-line-height: 1.6;
+
+$font-size-1: 36px;
+$font-size-2: 24px;
+// $font-size-3: 18px;
+// $font-size-4: $base-font-size;
+// $font-size-5: 14px;
+$font-size-6: 12px;
+
+$m-font-size-1: 24px;
+$m-font-size-2: 18px;
+$m-font-size-6: 10px;
+
+// Layout
+$gutter: 10px;
+$site-max-width: 1040px;
+$header-height: 61px;
+
+// Decoration
+$default-transition: all 0.3s ease-in-out;
+$default-border-radius: 5px;
+
+// Media Query Mixins
+$fix-mqs: false !default;
+
+@mixin respond-to($content) {
+  @if $fix-mqs {
+    @if $content == med {
+      $content: 900px;
+    } @else if $content == sml {
+      $content: 500px;
+    }
+    @if $fix-mqs >= $content {
+      @content;
+    }
+  }
+  @else {
+    @if $content == lrg {
+      @media only screen and (min-width: 900px) { @content; }
+    } @else if $content == med {
+      @media only screen and (min-width: 500px) { @content; }
+    } @else if $content == sml {
+      @media only screen and (min-width: 0px) { @content; }
+    } @else {
+      @media only screen and (min-width: $content) { @content; }
+    }
+  }
+}
+
+@mixin respond-to-max($content) {
+  @if $content == lrg {
+    @media only screen and (max-width: 1159px) { @content; }
+  } @else if $content == med {
+    @media only screen and (max-width: 899px) { @content; }
+  } @else if $content == sml {
+    @media only screen and (max-width: 499px) { @content; }
+  } @else {
+    @media only screen and (max-width: $content) { @content; }
+  }
+}

assets/css/base/_base.scss

@@ -0,0 +1,13 @@
+/// Base
+
+html,
+body {
+  background: $background-color;
+  color: $text-color;
+}
+body {
+  font-size: $base-font-size;
+}
+body.full-width .site-content {
+  padding-top: $header-height;
+}