iframes support is dropped

2010-11-03 14:50:46 +03:00 · 2010-11-03 14:50:46 +03:00 · ae5aa03fc4
parent 02c7d19c81
commit ae5aa03fc4
5 changed files with 50 additions and 39 deletions
--- a/examples/index.htm
+++ b/examples/index.htm
@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+	<title>Shower</title>
+	<meta charset="UTF-8">
+	<style>
+		BODY {
+			background:#FFF;
+			}
+		H1 {
+			position:absolute;
+			top:50%;
+			left:0;
+			margin-top:-100px;
+			width:100%;
+			color:#000;
+			text-align:center;
+			font:bold 150px Georgia, serif;
+			}
+	</style>
+</head>
+<body>
+	<h1>★ Demo ★</h1>
+</body>
+</html>
--- a/index.htm
+++ b/index.htm
@ -114,21 +114,14 @@
 			</article>
 			<img src="pictures/image.jpg" alt="">
 		</section>
-		<section class="slide frame" id="Frame">
-			<article>
-				<h2>Shower on GitHub</h2>
-				<p><a href="http://github.com/pepelsbey/shower">http://github.com/pepelsbey/shower</a></p>
-			</article>
-			<iframe src="http://github.com/pepelsbey/shower" frameborder="0" scrolling="no"></iframe>
-		</section>
 		<section class="slide shout" id="JustAshout">
 			<article>
 				<h2>Shout!</h2>
 			</article>
 		</section>
-		<section class="slide shout" id="ShoutLink">
+		<section class="slide shout" id="ShoutDemo">
 			<article>
-				<h2><a href="#ThankYou">Link!</a></h2>
+				<h2><a href="examples/index.htm" target="_blank">Demo</a></h2>
 			</article>
 		</section>
 		<section class="slide last" id="ThankYou">
--- a/scripts/script.js
+++ b/scripts/script.js
@ -3,14 +3,21 @@ var url = document.location,
 	slides = [], backhash = {},
 	linkScreen = document.querySelector('link[title=screen]'),
 	linkProjection = document.querySelector('link[title=projection]'),
+	iframes = window.frames,
 	fullscreen = false;

-for(var i = 0, len = domSlides.length; i < len; i++) {
+for(var i = 0, iLength = domSlides.length; i < iLength; i++) {
 	var id = domSlides[i].id;
 	slides[i] = '#' + id;
 	backhash['#' + id] = i;
 }

+for( var j = 0, jLength = iframes.length; j < jLength; j++ ) {
+	iframes[j].onfocus = function() {
+		window.top.focus();
+	}
+}
+
 function enterFull() {
 	fullscreen = true;
 	updateView();
--- a/styles/projection.css
+++ b/styles/projection.css
@ -125,6 +125,15 @@ A {
 .slide ARTICLE EM {
 	font-style:italic;
 	}
+.slide ARTICLE KBD,
+.slide ARTICLE CODE {
+	padding:0.1em 0.3em;
+	-webkit-border-radius:0.3em;
+	-moz-border-radius:0.3em;
+	border-radius:0.3em;
+	background:#EEE;
+	font-family:Consolas, 'Droid Sans Mono', monospace;
+	}

 /* Quote */
 .slide ARTICLE BLOCKQUOTE {
@ -185,8 +194,9 @@ A {
 	}
 	.slide ARTICLE PRE CODE {
 		display:block;
+		padding:0;
+		background:none;
 		white-space:pre;
-		font-family:Consolas, 'Droid Sans Mono', monospace;
 		}
 	.slide ARTICLE PRE CODE:before {
 		position:absolute;
@ -200,9 +210,9 @@ A {
 	.slide ARTICLE PRE EM,
 	.slide ARTICLE PRE STRONG {
 		padding:0.1em 0.3em;
-		-webkit-border-radius:.3em;
-		-moz-border-radius:.3em;
-		border-radius:.3em;
+		-webkit-border-radius:0.3em;
+		-moz-border-radius:0.3em;
+		border-radius:0.3em;
 		}
 	.slide ARTICLE PRE EM {
 		background:#FAFAA2;
@ -286,19 +296,3 @@ A {
 .slide.shout:after {
 	content:'';
 	}
-
-/* Frame
---------------------------------------- */
-.slide.frame {
-	background:#FFF;
-	}
-	.slide.frame IFRAME {
-		position:absolute;
-		top:0;
-		left:0;
-		width:100%;
-		height:100%;
-		}
-.slide.frame:after {
-	content:'';
-	}
--- a/styles/screen.css
+++ b/styles/screen.css
@ -237,11 +237,3 @@ A {
 			text-align:center;
 			font-size:60px;
 			}
-
-/* Frame
---------------------------------------- */
-.slide.frame {
-	}
-	.slide.frame IFRAME {
-		display:none;
-		}