Ignore:
Timestamp:
2014-12-08T14:11:00+13:00 (9 years ago)
Author:
davidb
Message:

Second iteration of the page swiping sequence, with more careful deployment of liteAccordion and SVG-Edit init in callback events

File:
1 edited

Legend:

Unmodified
Added
Removed
  • other-projects/nz-flag-design/trunk/main-form/index.html

    r29530 r29549  
    11<!DOCTYPE html> 
    2 <html id="story"><!-- class="story" id="idea"-->
     2<html id="story">
    33  <head>
    44    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     5<!--
    56    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    6     <title>Enter Your Name</title>
    7 
    8     <link rel="shortcut icon" href="lib-slider/favicon.ico"/>       
    9 
    10     <!-- Local styling -->
     7-->
     8    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
     9    <meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1"/>
     10    <meta name="apple-mobile-web-app-capable" content="yes"/>
     11   
    1112    <script src="css/source-sans-pro.js"></script>
    1213    <link href="css/styles.css" rel="stylesheet"/>
    1314    <link href="css/storystyle.css" rel="stylesheet"/>
     15   
     16    <link rel="stylesheet"  href="lib-slider/css/jquery.mobile-1.3.0.css"/>
     17    <link rel="stylesheet" href="lib-slider/css/jqm-demos.css"/>
     18    <link rel="stylesheet" href="lib-slider/css/swipe-page.css"/>
     19    <link rel="shortcut icon" href="lib-slider/favicon.ico"/>       
    1420
    1521    <!-- jQuery -->
    1622    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    17    
    18     <!-- Swipe support -->
    19 
    20     <link rel="stylesheet"  href="lib-slider/css/jquery.mobile-1.3.0.css"/>
    21     <link rel="stylesheet" href="lib-slider/css/jqm-demos.css"/>
    22     <link rel="stylesheet" href="lib-slider/css/swipe-page.css"/>
    2323<!--
    2424    <script src="lib/jquery-1.8.2.min.js"></script>
    2525-->
    26    
     26
     27    <!-- page swipe -->
    2728    <script src="lib-slider/js/jquery.mobile.demos.js"></script>
    28     <script src="lib-slider/js/jquery.mobile-1.3.0.js"></script> 
    29     <script src="lib-slider/js/swipe-page.js"></script>    
     29    <script src="lib-slider/js/jquery.mobile-1.3.0.js"></script>
     30    <script src="lib-slider/js/swipe-page.js"></script>
    3031
    31 
    32     <!-- Side-bar accordion support -->
    33 <!--
    34     <link href="css/liteaccordion.css" rel="stylesheet" />   
     32    <!-- accordion bars -->
     33    <link href="css/liteaccordion.css" rel="stylesheet" />
    3534    <script src="js/jquery.easing.1.3.js"></script>
    3635    <script src="js/liteaccordion.jquery.js"></script>
    37 -->
    3836
    39 
     37    <title>Enter Name</title>
    4038
    4139  </head>
    42 
    4340  <body>
    44     <div data-role="page" id="innovation-story-01"
     41    <div data-role="page" id="enter-name-page"
    4542     class="demo-page"
    4643     data-dom-cache="true"
    47      data-next="choose-canvas"> <!--data-theme="a" -->
    48      
     44     data-next="choose-canvas">
    4945      <div data-role="content">
    50    
     46     
    5147    <div data-role="controlgroup" class="control" data-mini="true">         
    5248          <a href="#" class="next right-button idea-fwd" style="right:1%;"></a>
     49      <a href="#" class="prev left-button gen-back" style="left:1%;"></a>
    5350        </div> 
     51     
     52    <a target="_parent" href="../index.html" class="back-button back-left"></a>   
     53     
     54    <div class="story-page">
    5455
    55     <a target="_parent" href='../index.html' class="back-button back-left"></a>   
    56 
    57     <div class="story-page">
    58       <!-- put custom content here -->
    59      
     56      <!-- put custom content here -->   
    6057      <div class="story-title">
    6158        <h1 class="center">Enter Name</h1>
     59        <p class="center">-- xx </p>
     60        <p>
     61          Name:
     62          <form>
     63        <input type="text" />
     64          </form>
     65        </p>
    6266      </div>
     67      <!-- end of putting custom content -->
    6368
    64         <p>
    65           ...
    66         </p>   
    67 
    68       <!-- end of putting custom content -->
    6969    </div> <!-- end story-page-->       
    70    
    71 <!--
    72     <span class="swipe-text"></span>
    73 -->
    7470   
    7571      </div><!-- /content -->
    7672
    77     </div><!-- /page -->
    78 
    79 <!--
    80     <div id="footer" class="center">
    81       Creative Commons Licensed, Center for Open Source Innovation (COSI), University of Waikato 2015
    82     </div>
    83 -->     
    84    
    85 
     73    </div><!-- /page -->     
    8674  </body>
    8775</html>
    88  
Note: See TracChangeset for help on using the changeset viewer.