docs/themes/simplified-desktop/test.html

   1
   2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   3
   4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="<?php echo $this->lang_code; ?>">
   5
   6 <head>
   7         <title><?php echo SITE_NAME; ?> : <?php echo $this->page_title; ?></title>
   8         <meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->lang_charset; ?>" />
   9         <meta name="Generator" content="ATutor - Copyright 2005 by http://atutor.ca" />
  10         <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0," />
  11         <meta name="apple-mobile-web-app-capable" content="yes"/>
  12         <base href="<?php echo $this->content_base_href; ?>" />
  13         <link rel="shortcut icon" href="<?php echo $this->base_path; ?>favicon.ico" type="image/x-icon" />
  14         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/print.css" type="text/css" media="print" />
  15         <!-- mobile FSS -->
  16         <link rel="stylesheet" href="<?php echo $this->base_path; ?>jscripts/infusion/framework/fss/css/fss-mobile-layout.css" type="text/css"/>
  17         <link rel="stylesheet" href="<?php echo $this->base_path; ?>jscripts/infusion/framework/fss/css/fss-mobile-theme-iphone.css" type="text/css"/>
  18         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/styles.css" type="text/css"/>
  19
  20
  21         <!--[if IE]>
  22           <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/ie_styles.css" type="text/css" />
  23         <![endif]-->
  24         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/forms.css" type="text/css" />
  25
  26 <?php echo $this->rtl_css; ?>
  27 <?php if (isset($this->course_id) && $system_courses[$this->course_id]['rss']): ?>
  28         <link rel="alternate" type="application/rss+xml" title="<?php echo SITE_NAME; ?> - RSS 2.0" href="<?php echo $this->base_href; ?>get_rss.php?<?php echo $this->course_id; ?>-2" />
  29         <link rel="alternate" type="application/rss+xml" title="<?php echo SITE_NAME; ?> - RSS 1.0" href="<?php echo $this->base_href; ?>get_rss.php?<?php echo $this->course_id; ?>-1" />
  30 <?php endif; ?>
  31         <script src="<?php echo $this->base_path; ?>jscripts/infusion/InfusionAll.js" type="text/javascript"></script>
  32         <script src="<?php echo $this->base_path; ?>jscripts/infusion/jquery.autoHeight.js" type="text/javascript"></script>
  33         <script src="<?php echo $this->base_path; ?>jscripts/ATutor.js" type="text/javascript"></script>
  34         <script src="<?php echo $this->base_path; ?>jscripts/ATutorCourse.js" type="text/javascript"></script>
  35         <script src="<?php echo $this->base_path.'themes/'.$this->theme; ?>/iscroll.js" type="text/javascript"></script>
  36         <script language="javascript" type="text/javascript">
  37         //<!--
  38         jQuery.noConflict();
  39         //-->
  40         </script>
  41 <script type="text/javascript">
  42 var myScroll;
  43
  44 function setHeight() {
  45         var headerH = document.getElementById('header').offsetHeight;
  46         var footerH = document.getElementById('footer').offsetHeight;
  47         var wrapperH = window.innerHeight - headerH - footerH;
  48         document.getElementById('wrapper').style.height = wrapperH + 'px';
  49 }
  50
  51 function loaded() {
  52         setHeight();
  53         myScroll = new iScroll('scroller', { checkDOMChanges: true, fadeScrollbar: false, vScrollbar: true, bounce: false, desktopCompatibility: true });
  54 }
  55
  56 window.addEventListener('onorientationchange' in window ? 'orientationchange' : 'resize', setHeight, false); //destroy on horizontal?
  57 document.addEventListener('touchmove', function(e){ e.preventDefault(); }, false);
  58 document.addEventListener('DOMContentLoaded', loaded, false);
  59 </script>
  60
  61
  62 <?php echo $this->custom_css; ?>
  63 </head>
  64
  65 <body>
  66 <div id="header"><a href="http://cubiq.org/iscroll">iScroll</a></div>
  67
  68 <div id="wrapper">
  69         <div id="scroller">
  70                 <ul id="thelist">
  71                         <li>Pretty content row 1</li>
  72                         <li>Pretty content row 2</li>
  73
  74                         <li>Pretty content row 3</li>
  75                         <li>Pretty content row 4</li>
  76                         <li>Pretty content row 5</li>
  77                         <li>Pretty content row 1</li>
  78                         <li>Pretty content row 2</li>
  79
  80                         <li>Pretty content row 3</li>
  81                         <li>Pretty content row 4</li>
  82                         <li>Pretty content row 5</li>
  83                         <li>Pretty content row 1</li>
  84                         <li>Pretty content row 2</li>
  85
  86                         <li>Pretty content row 3</li>
  87                         <li>Pretty content row 4</li>
  88                         <li>Pretty content row 5</li>
  89                         <li>Pretty content row 1</li>
  90                         <li>Pretty content row 2</li>
  91
  92                         <li>Pretty content row 3</li>
  93                         <li>Pretty content row 4</li>
  94                         <li>Pretty content row 5</li>
  95                         <li>Pretty content row 1</li>
  96                         <li>Pretty content row 2</li>
  97
  98                         <li>Pretty content row 3</li>
  99                         <li>Pretty content row 4</li>
 100                         <li>Pretty content row 5</li>
 101
 102                 </ul>
 103         </div>
 104 </div>
 105
 106 <div id="footer"></div>
 107 <div id="test"><div></div></div>
 108 </body>
 109 </html>