2014-09-03 03:33:16 -07:00
<!doctype html>
< html lang = "" >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "description" content = "A front-end template that helps you build fast, modern mobile web apps." >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< title > Web Starter Kit< / title >
<!-- Add to homescreen for Chrome on Android -->
< meta name = "mobile-web-app-capable" content = "yes" >
< link rel = "icon" sizes = "192x192" href = "images/touch/chrome-touch-icon-192x192.png" >
<!-- Add to homescreen for Safari on iOS -->
< meta name = "apple-mobile-web-app-capable" content = "yes" >
< meta name = "apple-mobile-web-app-status-bar-style" content = "black" >
< meta name = "apple-mobile-web-app-title" content = "Web Starter Kit" >
< link rel = "apple-touch-icon-precomposed" href = "apple-touch-icon-precomposed.png" >
<!-- Tile icon for Win8 (144x144 + tile color) -->
< meta name = "msapplication-TileImage" content = "images/touch/ms-touch-icon-144x144-precomposed.png" >
< meta name = "msapplication-TileColor" content = "#3372DF" >
<!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone - sites/feature - phones -->
<!--
< link rel = "canonical" href = "http://www.example.com/" >
-->
<!-- Page styles -->
2014-09-03 06:40:56 -07:00
< link href = '//fonts.googleapis.com/css?family=RobotoDraft:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en' rel = 'stylesheet' type = 'text/css' >
2014-09-03 07:34:54 -07:00
2014-09-03 03:33:16 -07:00
< link rel = "stylesheet" href = "styleguide/styleguide.css" >
< / head >
< body >
2014-09-03 06:40:56 -07:00
< h1 > Buttons< / h1 >
< iframe src = "./styleguide/button/demo.html" scrolling = "no" > < / iframe >
2014-09-03 03:33:16 -07:00
2014-09-03 07:34:54 -07:00
< h1 > Shadows< / h1 >
< iframe src = "./styleguide/shadow/demo.html" scrolling = "no" > < / iframe >
2014-09-03 06:40:56 -07:00
< h1 > Palette< / h1 >
< iframe src = "./styleguide/palette/demo.html" scrolling = "no" > < / iframe >
< script >
sizeIframes();
function sizeIframes() {
var iframes = document.querySelectorAll('iframe');
console.log('Found '+iframes.length+' iframes');
/**iframes.forEach(function(iframe) {
});**/
for(var i = 0; i < iframes.length ; i + + ) {
sizeIframe(iframes[i]);
}
}
function sizeIframe(iframe) {
iframe.onload = function(){
var contentHeight = iframe.contentDocument.documentElement.scrollHeight;
iframe.style.height = contentHeight+'px';
iframe.classList.add('heightSet');
};
}
< / script >
2014-09-03 03:33:16 -07:00
< / body >
< / html >
