Skip to content

Instantly share code, notes, and snippets.

@jlegewie

jlegewie/example.html

Created March 30, 2012 06:57
Show Gist options
  • Save jlegewie/2248127 to your computer and use it in GitHub Desktop.
Save jlegewie/2248127 to your computer and use it in GitHub Desktop.
Download ZIP
deck.js: Large font size for full screen use creates reloading problem
Raw
example.html
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Title</title>
<meta name="viewport" content="width=1024, user-scalable=no">
<!-- Core and extension CSS files -->
<link rel="stylesheet" href="/libs/deck/core/deck.core.css">
<link rel="stylesheet" href="/libs/deck/extensions/goto/deck.goto.css">
<link rel="stylesheet" href="/libs/deck/extensions/menu/deck.menu.css">
<link rel="stylesheet" href="/libs/deck/extensions/navigation/deck.navigation.css">
<link rel="stylesheet" href="/libs/deck/extensions/status/deck.status.css">
<link rel="stylesheet" href="/libs/deck/extensions/hash/deck.hash.css">
<link rel="stylesheet" href="/libs/deck/extensions/notes/deck.notes.css">
<link rel="stylesheet" href="/libs/deck/extensions/scale/deck.scale.css">
<!-- Style Themes -->
<link rel="stylesheet" href="/libs/deck/themes/style/swiss.css">
<!-- Transition Themes -->
<link rel="stylesheet" href="/libs/deck/themes/transition/horizontal-slide.css">
<script src="/libs/deck/modernizr.custom.js"></script>
<!-- Grab CDN jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.min.js"></script>
<script>window.jQuery || document.write('<script src="/libs/deck/jquery-1.7.min.js"><\/script>')</script>
<!-- Deck Core and extensions -->
<script src="/libs/deck/core/deck.core.js"></script>
<script src="/libs/deck/extensions/hash/deck.hash.js"></script>
<script src="/libs/deck/extensions/menu/deck.menu.js"></script>
<script src="/libs/deck/extensions/goto/deck.goto.js"></script>
<script src="/libs/deck/extensions/scale/deck.scale.js"></script>
<script src="/libs/deck/extensions/status/deck.status.js"></script>
<script src="/libs/deck/extensions/navigation/deck.navigation.js"></script>
<script src="/libs/deck/extensions/animate/deck.animate.js"></script>
<script src="/libs/deck/extensions/notes/deck.notes.js"></script>
<script src="/libs/deck/extensions/scale/deck.scale.js"></script>
</head>
<body class="deck-container">
<section class="slide">
<h2>Title of Slide</h2>
</div>
<div><strong>Bla</strong>
<ul>
<li class="slide" >
<p>Just copied text: When I set the default font size for .deck-container to 2em instead of 1.25em, pages are only properly reloaded when I am at the beginning of a section slide. When I slide in a li or div element with some text and then reload, this element is at the top of the screen and h2 heading is not visible.</p>
</li>
<li class="slide" >
<p>point2: When I set the default font size for .deck-container to 2em instead of 1.25em,</p>
</li>
<li class="slide" >
<p>point3: When I set the default font size for .deck-container to 2em instead of 1.25em,</p>
</li>
<li class="slide" >
<p>point4: When I set the default font size for .deck-container to 2em instead of 1.25em,</p>
</li>
<li class="slide" >
<p>point5: When I set the default font size for .deck-container to 2em instead of 1.25em,</p>
</li>
</ul>
</div>
</section>
<!-- Initialize the deck -->
<script>
$(function() {
$.deck('.slide');
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment