lenses · nishacodes · Jul 9, 2015 · Sep 9, 2015 · Sep 10, 2015 · Sep 11, 2015
diff --git a/.editorconfig b/.editorconfig
diff --git a/.gitattributes b/.gitattributes
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1 @@
-node_modules
-dist
-.sass-cache
-.tmp
+bower_components
diff --git a/.jshintrc b/.jshintrc
diff --git a/.yo-rc.json b/.yo-rc.json
@@ -0,0 +1,5 @@
+{
+  "generator-polymer": {
+    "ghUser": "nishacodes"
+  }
+}
diff --git a/README.md b/README.md
@@ -1,3 +1,56 @@
 # lens-u-colorpicker
 
-See the [component page](http://lenses.github.io/lens-u-colorpicker) for more information.
+An element providing a starting point for your own reusable Polymer elements.
+
+
+## Dependencies
+
+Element dependencies are managed via [Bower](http://bower.io/). You can
+install that via:
+
+    npm install -g bower
+
+Then, go ahead and download the element's dependencies:
+
+    bower install
+
+
+## Playing With Your Element
+
+If you wish to work on your element in isolation, we recommend that you use
+[Polyserve](https://github.com/PolymerLabs/polyserve) to keep your element's
+bower dependencies in line. You can install it via:
+
+    npm install -g polyserve
+
+And you can run it via:
+
+    polyserve
+
+Once running, you can preview your element at
+`http://localhost:8080/components/lens-u-colorpicker/`, where `lens-u-colorpicker` is the name of the directory containing it.
+
+
+## Testing Your Element
+
+Simply navigate to the `/test` directory of your element to run its tests. If
+you are using Polyserve: `http://localhost:8080/components/lens-u-colorpicker/test/`
+
+### web-component-tester
+
+The tests are compatible with [web-component-tester](https://github.com/Polymer/web-component-tester).
+Install it via:
+
+    npm install -g web-component-tester
+
+Then, you can run your tests on _all_ of your local browsers via:
+
+    wct
+
+#### WCT Tips
+
+`wct -l chrome` will only run tests in chrome.
+
+`wct -p` will keep the browsers alive after test runs (refresh to re-run).
+
+`wct test/some-file.html` will test only the files you specify.
diff --git a/bower.json b/bower.json
@@ -1,13 +1,33 @@
 {
   "name": "lens-u-colorpicker",
-  "version": "0.0.0",
-  "keywords": "thelma, polymer, web-components",
+  "version": "1.0.0",
+  "authors": [
+    "Anonymous <[email protected]>"
+  ],
+  "description": "An element providing a solution to no problem in particular.",
+  "keywords": [
+    "web-component",
+    "web-components",
+    "polymer",
+    "seed"
+  ],
   "main": "lens-u-colorpicker.html",
+  "license": "http://polymer.github.io/LICENSE.txt",
+  "homepage": "https://github.com/<USERNAME>/seed-element/",
+  "ignore": [
+    "/.*",
+    "/test/",
+    "/demo/"
+  ],
   "dependencies": {
-    "th-theme": "thelmanews/th-theme",
-    "polymer": "Polymer/polymer#~0.5.5",
     "flexi-color-picker": "DavidDurman/FlexiColorPicker",
-    "core-icon": "polymer/core-icon#~0.5.5",
-    "core-collapse": "polymer/core-collapse#~0.5.5"
+    "iron-input": "polymerelements/iron-input#~1.0.3",
+    "iron-collapse": "polymerelements/iron-collapse#~1.0.3",
+    "polymer": "Polymer/polymer#~1.1.0",
+    "lenses-styles": "lenses/lenses-styles"
+  },
+  "devDependencies": {
+    "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
+    "web-component-tester": "*"
   }
 }
diff --git a/demo.html b/demo.html
diff --git a/demo/index.html b/demo/index.html
@@ -0,0 +1,19 @@
+<!doctype html>
+
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
+    <title>lens-u-colorpicker Demo</title>
+
+    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+    <link rel="import" type="css" href="../../lenses-styles/themes.html">
+    <link rel="import" href="../lens-u-colorpicker.html">
+
+  </head>
+  <body class="belize">
+    <p>An example of <code>&lt;lens-u-colorpicker&gt;</code>:</p>
+    <lens-u-colorpicker></lens-u-colorpicker>
+
+  </body>
+</html>
diff --git a/index.html b/index.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../iron-component-page/iron-component-page.html">
+
+</head>
+<body>
+  <!-- Note: if the main element for this repository doesn't
+       match the folder name, add a src="&lt;main-component&gt;.html" attribute,
+       where &lt;main-component&gt;.html" is a file that imports all of the
+       components you want documented. -->
+  <iron-component-page></iron-component-page>
+
+</body>
+</html>
diff --git a/lens-u-colorpicker.css b/lens-u-colorpicker.css