wwadge · August 29, 2015 14:08
diff --git a/designer.html b/designer.html
 <!doctype html>
 <html>
    <head>
        <title>Test Project</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
        <meta name="mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <script src="bower_components/platform/platform.js"></script>
        <link rel="import" href="../core-scaffold/core-scaffold.html">
      <link rel="import" href="../core-header-panel/core-header-panel.html">
        <link rel="import" href="../core-menu/core-menu.html">
        <link rel="import" href="../core-item/core-item.html">
        <link rel="import" href="../paper-toast/paper-toast.html">
        <link rel="import" href="../paper-fab/paper-fab.html">
        <script type="text/javascript" src="js/index.js"></script>
        <script type="text/javascript">
            app.initialize();
        </script>
        <style>
            html, body {
                height: 100%;
                margin: 0;
            }
            body {
                font-family: sans-serif;
            }
            core-scaffold {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
            }
            #core_toolbar {
                color: rgb(255, 255, 255);
                background-color: rgb(79, 125, 201);
            }
            #core_card {
                width: 96%;
                height: 300px;
                border-top-left-radius: 2px;
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px;
                border-bottom-left-radius: 2px;
                box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
                margin: 2%;
                background-color: rgb(255, 255, 255);
                text-align: left;
            }
            paper-fab {
                position: absolute;
                right: 20px; 
                bottom: 20px;
            }
        </style>
    </head>
    <body unresolved>
        <core-scaffold>
            <core-header-panel navigation flex mode="seamed">
                <core-toolbar id="core_toolbar">Navigation</core-toolbar>
                <core-menu theme="core-light-theme">
                    <core-item icon="settings" label="item1"></core-item>
                    <core-item icon="settings" label="item2"></core-item>
                </core-menu>
            </core-header-panel>
            <div tool>Test Project</div>
            <core-card id="core_card" vertical layout start>
                <div style="padding: 20px;">This is a sample project.  Please share my blog if you've found this useful</div>
            </core-card>
            <paper-toast id="toast1" text="Created by Nic Raboy"></paper-toast>
        </core-scaffold>
        <paper-fab icon="add" onclick="document.querySelector('#toast1').show()"></paper-fab>
    </body>
 </html>
	<!doctype html>
	<html>
	<head>
	<title>Test Project</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<script src="bower_components/platform/platform.js"></script>
	<link rel="import" href="../core-scaffold/core-scaffold.html">
	<link rel="import" href="../core-header-panel/core-header-panel.html">
	<link rel="import" href="../core-menu/core-menu.html">
	<link rel="import" href="../core-item/core-item.html">
	<link rel="import" href="../paper-toast/paper-toast.html">
	<link rel="import" href="../paper-fab/paper-fab.html">
	<script type="text/javascript" src="js/index.js"></script>
	<script type="text/javascript">
	app.initialize();
	</script>
	<style>
	html, body {
	height: 100%;
	margin: 0;
	}
	body {
	font-family: sans-serif;
	}
	core-scaffold {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	}
	#core_toolbar {
	color: rgb(255, 255, 255);
	background-color: rgb(79, 125, 201);
	}
	#core_card {
	width: 96%;
	height: 300px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
	margin: 2%;
	background-color: rgb(255, 255, 255);
	text-align: left;
	}
	paper-fab {
	position: absolute;
	right: 20px;
	bottom: 20px;
	}
	</style>
	</head>
	<body unresolved>
	<core-scaffold>
	<core-header-panel navigation flex mode="seamed">
	<core-toolbar id="core_toolbar">Navigation</core-toolbar>
	<core-menu theme="core-light-theme">
	<core-item icon="settings" label="item1"></core-item>
	<core-item icon="settings" label="item2"></core-item>
	</core-menu>
	</core-header-panel>
	<div tool>Test Project</div>
	<core-card id="core_card" vertical layout start>
	<div style="padding: 20px;">This is a sample project. Please share my blog if you've found this useful</div>
	</core-card>
	<paper-toast id="toast1" text="Created by Nic Raboy"></paper-toast>
	</core-scaffold>
	<paper-fab icon="add" onclick="document.querySelector('#toast1').show()"></paper-fab>
	</body>
	</html>