Skip to content

Instantly share code, notes, and snippets.

@DaveVoyles
Last active August 29, 2015 14:17
Show Gist options
  • Save DaveVoyles/75958df1b2e03518892b to your computer and use it in GitHub Desktop.
Save DaveVoyles/75958df1b2e03518892b to your computer and use it in GitHub Desktop.
radial element index.html element
<article>
<header>
<h1>Gotta say 'em all! </h1>
<p>This web app takes advantage of Web Components and Polymer to enable new HTML features in the browser.</p>
<p>
In this particular case, we are using <a href="https://github.com/passy/x-pokemon" target="_blank">
the x-pokemon web component </a> to pull the images from a database, as well as the
<a href="http://zenorocha.github.io/voice-elements/" target="_blank">voice-elements web component</a> to speak the name of the pokemon we entered.
</p>
<p>
Enter the name of a Pokemon, watch it display on screen, then press the <b>Speak</b> button to hear the pronounciation.
</p>
<p>Not sure of a name? You can find a bunch of them here: <a href="http://pokemondb.net/sprites" target="_blank">PokemonDB</a></p>
<h2>Change the accent</h2>
<x-radial-buttons id="radButtons"></x-radial-buttons>
</header>
</article>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment