<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
>
-<html xmlns="http://www.w3.org/1999/xhtml">
+<html xmlns="http://www.w3.org/1999/xhtml"
+ class="sws-aspect-16-9"
+>
<head>
<title>SimpleWebSlides</title>
<script src="../jquery-1.9.1.min.js" type="text/javascript" ></script>
<!-- Initialize the library -->
- <link rel="stylesheet" href="../simpleWebSlides.css" type="text/css"
- media="all" />
<script src="../simpleWebSlides.js" type="text/javascript" >
</script>
-
+ <link rel="stylesheet" href="../simpleWebSlides.css" type="text/css"
+ media="all" />
<!-- Load a custom Theme -->
<link rel="stylesheet" title="Web 2.0"
href="../themes/webTwoPointO.css"
<script type="text/javascript">
/*
SWS.Config['sws-slide-change'] = SWS.Effects.slideChangeVerticalSlide;
+ SWS.Config['sws-slide-change'] = SWS.Effects.slideChangeHorizontalSlide; */
SWS.Config['sws-slide-change'] = SWS.Effects.slideChangeFadeOutIn;
-*/
- SWS.Config['sws-slide-change'] = SWS.Effects.slideChangeHorizontalSlide;
+
+
SWS.Config['sws-object-deactivate'] = SWS.Effects.objectDeactivateFadeOut;
SWS.Config['sws-object-activate'] = SWS.Effects.objectActivateFadeIn;
<div class="centerbox">
<h1>SimpleWebSlides</h1>
<h1>An <em>HTML</em><img style="height:28pt"
- src="http://www.w3.org/html/logo/downloads/HTML5_Badge.svg" alt="5"/>
+ src="HTML5_Badge.svg" alt="5"/>
Presentation framework</h1>
<a href="mailto:kim@nguyen.vg">kim@nguyen.vg</a>
</div>
</div>
<div class="sws-slide">
- <h1>What's wrong with Beamer/LateX/Tikz?</h1>
+ <h1>What's wrong with Beamer/L<sub>A</sub>T<sup>E</sup>X/Tikz?</h1>
<ul>
<li class="sws-pause">Does not easily support smooth
animations</li>
<em>SWS.Presentation.registerCallback("3_6", zoom_title);</em>
<script>
</code></pre>
-
+ (That's not a bug, you should keep pressing next, see how many
+ steps there are on this slide)
</p>
<script type="text/javascript">
SWS.Presentation.registerCallback(2, function(o){
set_color(o.find("#middledisk"), "#ffa500");
set_color(o.find("#bottomdisk"), "#000a1a");
+/**/
+ SWS.Config['sws-slide-change'] = SWS.Effects.slideChangeFadeOutIn;
});
SWS.Presentation.registerCallback(3, function(o){
set_color(o.find("#bottomdisk"), "#00ff00");
+ SWS.Config['sws-slide-change'] = SWS.Effects.slideChangeHorizontalSlide;
+/* */
});
</script>
+</div>
+<div class="sws-slide">
+ <h1>Totally customizable</h1>
+ <p>
+ BTW did you see how I changed the transition effect for the
+ previous slide ?
+ </p>
</div>
</body>