html,body setup for embedding and example

cardume · Jul 9, 2012 · dceb1d1 · dceb1d1
1 parent 6c0a6b9
commit dceb1d1
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 1 deletion.
diff --git a/embed-example.html b/embed-example.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <title>Exemplo de embed do infográfico</title>
+    <style>
+    	html, body {
+    		width: 100%;
+    		margin: 0;
+    		padding: 0;
+    	}
+    </style>
+</head>
+<body>
+	<iframe width="960" height="1300" style="margin:0 auto;border:0;display:block;" src="http://dev.cardume.art.br/eduamazonia/"></iframe>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <meta charset=utf-8 />
+    <meta charset="utf-8" />
     <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
     <meta name='apple-mobile-web-app-status-bar-style' content='black' />
     <meta name='apple-mobile-web-app-capable' content='yes' />

diff --git a/js/site.js b/js/site.js
@@ -3,6 +3,11 @@
 /* CAROUSEL */
 
 $(document).ready(function() {
+
+    // overflow hidden if iframe loaded
+    if(window.location != window.parent.location)
+        $('html,body').css({'overflow':'hidden'})
+
     $('#carousel').carousel({
         slideSpeed: 700,
     });