Clear gh-pages branch

e1ea1aad · Cole Bemis · dbb4c1c8 · dbb4c1c8 · dbb4c1c8 · dbb4c1c8
Commit e1ea1aad authored Feb 21, 2017 by Cole Bemis
14 changed files
--- a/.babelrc
+++ b/.babelrc
-{
-  "presets": [
-    ["es2015", {"modules": false}]
-  ]
-}
\ No newline at end of file
--- a/bundle.js
+++ b/bundle.js
--- a/icons/circle.svg
+++ b/icons/circle.svg
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"><circle cx="12" cy="12" r="10"/></svg>
\ No newline at end of file
--- a/icons/rectangle-horizontal.svg
+++ b/icons/rectangle-horizontal.svg
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2" ry="2"/></svg>
\ No newline at end of file
--- a/icons/rectangle-vertical.svg
+++ b/icons/rectangle-vertical.svg
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"><rect x="4" y="2" width="16" height="20" rx="2" ry="2"/></svg>
\ No newline at end of file
--- a/icons/square.svg
+++ b/icons/square.svg
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/></svg>
\ No newline at end of file
--- a/index.html
+++ b/index.html
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Feather</title>
-</head>
-<body>
-  <div id="app"></div>
-  <script src="bundle.js"></script>
-</body>
-</html>
\ No newline at end of file
--- a/package.json
+++ b/package.json
-{
-  "name": "feather",
-  "version": "0.0.0",
-  "scripts": {
-    "dev": "webpack-dev-server"
-  },
-  "devDependencies": {
-    "babel-core": "^6.22.1",
-    "babel-loader": "^6.2.10",
-    "babel-preset-es2015": "^6.22.0",
-    "css-loader": "^0.26.1",
-    "stylus": "^0.54.5",
-    "stylus-loader": "^2.4.0",
-    "vue": "^2.1.10",
-    "vue-loader": "^10.1.2",
-    "vue-template-compiler": "^2.1.10",
-    "vuex": "^2.1.1",
-    "webpack": "^2.2.0",
-    "webpack-dev-server": "^1.16.2"
-  }
-}
--- a/src/App.vue
+++ b/src/App.vue
-<template>
-  <div>
-    <icon-grid :icons="icons"></icon-grid>
-  </div>
-</template>
-
-<script>
-  import {mapState} from 'vuex';
-  import IconGrid from './IconGrid';
-
-  export default {
-    name: 'App',
-    components: {IconGrid},
-    computed: mapState(['icons'])
-  }
-</script>
-
-<style lang="stylus">
-  body
-    margin 0
-</style>
\ No newline at end of file
--- a/src/Icon.vue
+++ b/src/Icon.vue
-<template>
-  <div class="icon"></div>
-</template>
-
-<script>
-  export default {
-    name: 'Icon',
-    props: {
-      name: {
-        type: String,
-        required: true
-      },
-      size: {
-        type: String,
-        default: '24'
-      }
-    },
-    mounted() {
-      fetch(`./icons/${this.name}.svg`)
-        .then(response => {
-          if (response.ok) {
-            return response.text();
-          }
-          throw new Error(`Cannot find ${this.name}.svg`);
-        })
-        .then(svgText => {
-          const svgDocument = new DOMParser().parseFromString(svgText, 'image/svg+xml');
-          const svgIcon = svgDocument.querySelector('svg').cloneNode(true);
-
-          svgIcon.setAttribute('width', this.size);
-          svgIcon.setAttribute('height', this.size);
-
-          this.$el.appendChild(svgIcon);
-        })
-        .catch(error => {
-          console.error(error);
-        });
-    }
-  }
-</script>
-
-<style lang="stylus">
-  .icon
-    display inline-block
-    line-height 0
-
-  .icon > svg
-    stroke currentColor
-</style>
\ No newline at end of file
--- a/src/IconContainer.vue
+++ b/src/IconContainer.vue
-<template>
- <div class="icon-container">
-    <a :href="`icons/${name}.svg`" download>
-      <icon :name="name" size="48"></icon>
-    </a>
-  </div>
-</template>
-
-<script>
-  import Icon from './Icon';
-
-  export default {
-    name: 'IconContainer',
-    components: {Icon},
-    props: {
-      name: {
-        type: String,
-        required: true
-      }
-    }
-  }
-</script>
\ No newline at end of file
--- a/src/IconGrid.vue
+++ b/src/IconGrid.vue
-<template>
-  <div>
-    <icon-container v-for="icon in icons" :name="icon"></icon-container>
-  </div>
-</template>
-
-<script>
-  import IconContainer from './IconContainer';
-
-  export default {
-    name: 'IconGrid',
-    components: {IconContainer},
-    props: {
-      icons: {
-        type: Array,
-        required: true
-      }
-    }
-  }
-</script>
\ No newline at end of file
--- a/src/main.js
+++ b/src/main.js
-import Vue from 'vue';
-import Vuex from 'vuex';
-import App from './App';
-
-const icons = [
-  'square',
-  'circle',
-  'rectangle-vertical',
-  'rectangle-horizontal'
-];
-
-Vue.use(Vuex);
-
-const store = new Vuex.Store({
-  state: {
-    icons
-  }
-});
-
-new Vue({
-  el: '#app',
-  store,
-  components: {App},
-  template: '<app/>'
-});
\ No newline at end of file
--- a/webpack.config.js
+++ b/webpack.config.js
-var path = require('path');
-
-module.exports = {
-  entry: './src/main.js',
-  output: {
-    path: path.resolve(__dirname),
-    filename: 'bundle.js'
-  },
-  module: {
-    rules: [
-      {
-        test: /\.vue$/,
-        loader: 'vue-loader'
-      },
-      {
-        test: /\.js$/,
-        loader: 'babel-loader',
-        exclude: /node_modules/
-      }
-    ]
-  },
-  resolve: {
-    extensions: ['*', '.js', '.vue'],
-    alias: {
-      'vue$': 'vue/dist/vue.common.js'
-    }
-  }
-}
\ No newline at end of file