Skip to content

Instantly share code, notes, and snippets.

@Preston-Landers

Preston-Landers/index.html

Created March 14, 2015 16:28
Show Gist options
  • Save Preston-Landers/1e102fddce488bc4102d to your computer and use it in GitHub Desktop.
Save Preston-Landers/1e102fddce488bc4102d to your computer and use it in GitHub Desktop.
Download ZIP
speakur-discussion Element Demo // source http://jsbin.com/jubabubazu/8
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<title>speakur-discussion Element Demo</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
<meta charset="utf-8">
<script src="http://preston-landers.github.io/speakur-discussion/components/webcomponentsjs/webcomponents.min.js"></script>
<link rel="import" href="http://preston-landers.github.io/speakur-discussion/components/speakur-discussion-dist/elements.vulcanized.html">
<style>
body {
font-family: Calibri, Arial, Helvetica, sans-serif;
background-color: rgba(240, 240, 236, 0.78);
}
</style>
</head>
<body unresolved>
<div class="main">
<p>
Here's a <code>&lt;speakur-discussion&gt;</code> for this demo page:
</p>
<pre>
&lt;speakur-discussion
firebaseLocation="https://speakur-demo.firebaseio.com"
xtitle="Demonstration Thread for &lt;Speakur-Discussion&gt;"
allowAnonymous="false"
initiallyOpen="true"&gt;
&lt;/speakur-discussion&gt;
</pre>
<P>Which results in this:</P>
<speakur-discussion
id="speakur"
firebaseLocation="https://speakur-demo.firebaseio.com"
xtitle="Demonstration Thread for <Speakur-Discussion>"
href="demo2"
allowAnonymous="true"
initiallyOpen="false">
</speakur-discussion>
</div>
<p>
This last part belongs to the containing page. This could be your page footer.
</p>
<hr>
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<title>speakur-discussion Element Demo</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
<meta charset="utf-8">
<script src="//preston-landers.github.io/speakur-discussion/components/webcomponentsjs/webcomponents.min.js"><\/script>
<link rel="import" href="//preston-landers.github.io/speakur-discussion/components/speakur-discussion-dist/elements.vulcanized.html">
<style>
body {
font-family: Calibri, Arial, Helvetica, sans-serif;
background-color: rgba(240, 240, 236, 0.78);
}
</style>
</head>
<body unresolved>
<div class="main">
<p>
Here's a <code>&lt;speakur-discussion&gt;</code> for this demo page:
</p>
<pre>
&lt;speakur-discussion
firebaseLocation="https://speakur-demo.firebaseio.com"
xtitle="Demonstration Thread for &lt;Speakur-Discussion&gt;"
allowAnonymous="false"
initiallyOpen="true"&gt;
&lt;/speakur-discussion&gt;
</pre>
<P>Which results in this:</P>
<speakur-discussion
id="speakur"
firebaseLocation="https://speakur-demo.firebaseio.com"
xtitle="Demonstration Thread for <Speakur-Discussion>"
href="demo2"
allowAnonymous="true"
initiallyOpen="false">
</speakur-discussion>
</div>
<p>
This last part belongs to the containing page. This could be your page footer.
</p>
<hr>
</body>
</html>
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment