-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
79 lines (76 loc) · 3.36 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html>
<head>
<title>ideaLab Worcester Art Museum</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/theme.css" /> <!-- jQuery Mobile theme -->
<link rel="stylesheet" href="css/pageViewer.css" /> <!-- page specific css -->
<script src="js/jquery-1.7.2.js"></script><!-- most compatable version of jquery with jquery Mobile and ipad -->
<script src="js/pageViewer.js"></script> <!-- page specific javascript is loaded prior to mobile-->
<script src="js/jquery.mobile-1.2.0.js"></script> <!-- jQuery Mobile library -->
<script src="js/toScreensaver.js"></script> <!-- script to go to screensaver after some idling -->
<!-- TEST 10 -->
</head>
<body>
<div data-role="page" id="one" data-theme="a">
<div data-role="header" role="banner">
<!--<a data-role="button" data-icon="home" data-iconpos="notext"> Home </a> //useless because this is the home page -->
<h1>Welcome to the ideaLab!</h1>
</div>
<div data-role="content"> <!-- basic content setup -->
INTRO PAGE 1
<a href="#two" data-role="button">Next</a>
</div>
</div>
<div data-role="page" id="two" data-theme="a">
<div data-role="header" role="banner">
<!--<a data-role="button" data-icon="home" data-iconpos="notext"> Home </a> //useless because this is the home page -->
<h1>Welcome to the ideaLab!</h1>
</div>
<div data-role="content"> <!-- basic content setup -->
INTRO PAGE 2
<a href="#three" data-role="button">Next</a>
</div>
</div>
<div data-role="page" id="three" data-theme="a">
<div data-role="header" role="banner">
<!--<a data-role="button" data-icon="home" data-iconpos="notext"> Home </a> //useless because this is the home page -->
<h1>Welcome to the ideaLab!</h1>
</div>
<div data-role="content"> <!-- basic content setup -->
INTRO PAGE 3
<a href="#four" data-role="button">Finish Intro</a>
</div>
</div>
<div data-role="page" id="four" data-theme="a">
<div data-role="header" role="banner">
<!--<a data-role="button" data-icon="home" data-iconpos="notext"> Home </a> //useless because this is the home page -->
<h1>Welcome to the ideaLab!</h1>
</div>
<div data-role="content"> <!-- basic content setup -->
<div id="article-wrapper"><!-- wrapper for all previews -->
<div class="article" id="current-article"><!-- Containter for the page preview -->
<div class="article-preview" id="read"><!-- div to hold this contents within the bounds of the article div but not distort -->
<a href="articles.html" rel="external"></a>
</div>
</div>
<div class="article"><!-- Containter for the page preview -->
<div class="article-preview" id="media"><!-- div to hold this contents within the bounds of the article div but not distort -->
<a href="interactive.html" rel="external"></a>
</div>
</div>
<div class="article""><!-- Containter for the page preview -->
<div class="article-preview" id="interact"><!-- div to hold this contents within the bounds of the article div but not distort -->
<a href="interactive.html" rel="external"></a>
</div>
</div>
<div class="article""><!-- Containter for the page preview -->
<div class="article-preview" id="Acknowledgements"><!-- div to hold this contents within the bounds of the article div but not distort -->
<a href="thanks.html" rel="external"></a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>