Make the style as resolution independent as possible.

[hacks/simpleWebSlides.git] / doc / demo.xhtml
diff --git a/doc/demo.xhtml b/doc/demo.xhtml

index 490173b..472982b 100644 (file)
--- a/doc/demo.xhtml
+++ b/doc/demo.xhtml
@@ -2,7 +2,9 @@
  <!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>
  
@@ -15,11 +17,10 @@
      <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"