Merge pull request #29 from convoo/inline-demo

Inline demo

README.md

@@ -1,8 +1,93 @@
-# \<login-fire\>
+# login-fire
 
+[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://beta.webcomponents.org/element/convoo/login-fire)
 [![Join the chat at https://gitter.im/convoo/login-fire](https://badges.gitter.im/convoo/login-fire.svg)](https://gitter.im/convoo/login-fire?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
 [![Stories In Progress](https://badge.waffle.io/convoo/login-fire.svg?label=In%20Progress&title=In%20Progress)](http://waffle.io/convoo/login-fire)
 
+Simple way to add authentication to your app using firebase.
+
+Note: login-fire is not associated with [firebase](https://firebase.google.com/). [polymerfire](https://github.com/firebase/polymerfire) components are used with login-fire.
+
+
+## \<login-fire\>
+
+Add email and password authentication as well as social provider authentication to your app. 
+If you want to only add social authentication or only email authentication please use \<social-login-fire\> or \<email-login-fire\> instead
+until [issue 27](https://github.com/convoo/login-fire/issues/27) is closed.
+
+<!--
+```
+<custom-element-demo>
+  <template>
+    <link rel="import" href="../polymerfire/firebase-app.html">
+    <link rel="import" href="login-fire.html">
+    <next-code-block></next-code-block>
+  </template>
+</custom-element-demo>
+```
+-->
+```
+<firebase-app
+  name="login"
+  api-key="AIzaSyAhoCXxkY-ffNwA_7L7HIwBVpASYj1btNE"
+  auth-domain="convoo-login-demo.firebaseapp.com"
+  database-url="https://convoo-login-demo.firebaseio.com">
+</firebase-app>
+<login-fire email-password anonymous twitter github google facebook app-name="login"></login-fire>
+```
+
+## \<social-login-fire\>
+
+Add social provider authentication to your app with firebase.
+
+<!--
+```
+<custom-element-demo>
+  <template>
+    <link rel="import" href="../polymerfire/firebase-app.html">
+    <link rel="import" href="social-login-fire.html">
+    <next-code-block></next-code-block>
+  </template>
+</custom-element-demo>
+```
+-->
+```
+<firebase-app
+  name="social"
+  api-key="AIzaSyAhoCXxkY-ffNwA_7L7HIwBVpASYj1btNE"
+  auth-domain="convoo-login-demo.firebaseapp.com"
+  database-url="https://convoo-login-demo.firebaseio.com">
+</firebase-app>
+<social-login-fire google facebook twitter github anonymous app-name="social"></social-login-fire>
+```
+
+
+## \<email-login-fire\>
+
+Add email authentication to your app with firebase.
+
+<!--
+```
+<custom-element-demo>
+  <template>
+    <link rel="import" href="../polymerfire/firebase-app.html">
+    <link rel="import" href="email-login-fire.html">
+    <next-code-block></next-code-block>
+  </template>
+</custom-element-demo>
+```
+-->
+```
+<firebase-app
+  name="email"
+  api-key="AIzaSyAhoCXxkY-ffNwA_7L7HIwBVpASYj1btNE"
+  auth-domain="convoo-login-demo.firebaseapp.com"
+  database-url="https://convoo-login-demo.firebaseio.com">
+</firebase-app>
+<email-login-fire app-name="email"></email-login-fire>
+```
+
+# Contributing
 
 ## Install the Polymer-CLI