caseylmanus/index.html

## index.html
<html>
	<head>

	</head>
	<body>

	</body>
</html>

## polymer-hello.html
<!-- import polymer -->
<link href="bower_components/polymer/polymer.html" rel="import">
<!-- import any other elements you will reference -->
<link href="bower_components/paper-button/paper-button.html" rel="import">
<polymer-element name="hello-world">
  <template>
  	<style>
  		/* any style specific to this shadow dom, remember styles are isolated
  		and will not be inherited or interfere with this sandbox, you may include
  		any css file */
  	</style>
  	<div>
	 <template if="{{showbutton}}">
	  	<paper-button raised on-click="{{start}}">Say Hello</paper-button>
	  </template>
	  <template if="{{!showbutton}}">
	  	Hello World!
	  </template>
	</div>
  </template>
  <script>
    Polymer('hello-world', {
      	showbutton: true,
      	start: function(){
      		this.showbutton = false;

      	}
    });
  </script>
</polymer-element>
	<!-- import polymer -->
	<link href="bower_components/polymer/polymer.html" rel="import">
	<!-- import any other elements you will reference -->
	<link href="bower_components/paper-button/paper-button.html" rel="import">
	<polymer-element name="hello-world">
	<template>
	<style>
	/* any style specific to this shadow dom, remember styles are isolated
	and will not be inherited or interfere with this sandbox, you may include
	any css file */
	</style>
	<div>
	<template if="{{showbutton}}">
	<paper-button raised on-click="{{start}}">Say Hello</paper-button>
	</template>
	<template if="{{!showbutton}}">
	Hello World!
	</template>
	</div>
	</template>
	<script>
	Polymer('hello-world', {
	showbutton: true,
	start: function(){
	this.showbutton = false;

	}
	});
	</script>
	</polymer-element>