root/other-projects/nz-flag-design/trunk/main-form/iterative-design-frame.html @ 29530

Revision 29530, 2.0 KB (checked in by davidb, 6 years ago)

First cut at overview web pages to nz-flag-design project

  • Property svn:executable set to *
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml">
4  <head>
5    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6   
7    <title>Iterative Design</title>
8
9    <link href="css/liteaccordion.css" rel="stylesheet" />
10   
11    <!-- jQuery -->
12    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
13
14    <script src="js/jquery.easing.1.3.js"></script>
15    <script src="js/liteaccordion.jquery.js"></script>
16
17 
18  </head>
19
20  <body>
21
22    <div id="main-content">
23      <div id="side-by-side">
24        <ol>
25          <li>
26            <h2><span>2D Design</span></h2>
27            <div id="design-div" >
28
29          <iframe src="svg-edit-2.7/svg-editor.html"
30              style="width: 100%; height: 100%"
31              id="design-iframe" ></iframe>
32            </div>
33          </li>
34          <li>
35        <h2><span title="Click to Open/Close">Flag Similarity</span></h2>
36       
37        <div id="similarity-2d-div">
38          <iframe src="../similarity-2d/Images/"
39              style="width: 100%; height: 100%"
40              id="similarity-2d-iframe" ></iframe>
41        </div>
42               
43      </li>
44          <li>
45        <h2><span title="Click to Open/Close">3D Comparison</span></h2>
46        <div id="comparison-3d-div">
47          <iframe src="../render-3d/flagdb.html"
48              style="width: 100%; height: 100%;"
49              id="comparison-3d-iframe" ></iframe>
50        </div>
51      </li>
52
53
54
55    </ol>
56
57      </div> <!-- side-by-side -->
58    </div><!-- main-content -->
59
60
61   
62    <noscript>
63      <p>Please enable JavaScript to get the full experience.</p>
64    </noscript>
65   
66    <script>
67
68      $(function() {
69
70        $('#side-by-side')
71          .liteAccordion(
72             { theme           : 'light',
73               rounded         : true,
74               containerWidth  : 1200,
75               containerHeight : 600,       
76             }
77         );
78      });
79
80    </script>
81
82  </body>
83</html>
Note: See TracBrowser for help on using the browser.