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/index.jsp"
|
---|
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/flag.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>
|
---|