-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (113 loc) · 4.87 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Loci</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
<meta http-equiv="keywords" content="loci mobile app, memory palace, learning application" />
<meta http-equiv="description" content="Turn Your Wold into a Real Life Memory Palace" />
<link href="css/style.css"rel="stylesheet" type="text/css" />
</head>
<body>
<div class="logo"><h1><a href="#about"><img src="images/logo.png" alt="logo" /></a></h1></div>
<div id="content"></div>
<div class="footer">
<div class="menu">
<a href="#scan">Scan Another Loci QR Code</a>
<a href="#list">Review Your Path</a>
<!-- <a href="yourMap.html">Your Map</a> -->
<a href="#about">About Loci</a>
</div>
<div class="clear"></div>
<p>Design By <a href="http://www.mariarabinovich.com">Maria Rabinovich</a> and <a href="http://tobyschachman.com/">Toby Schachman</a></a></p>
</div>
<script id="project" type="text/html">
<h2 class="head">{{ title }}</h2>
<div class="content">
<p><a href="{{ url }}"><b>by {{ author }} ::</b></a> {{ pitch }} </p>
<img src="{{ image }}" alt="{{ title }}" />
</div>
<div class="show-more">
<div class="moreContent more">
<div class="content">
{{{ more }}}
</div>
</div>
<div class="menu show-more-button">
<a href="javascript://">Learn More About This Project</a>
</div>
<div class="menu show-less-button">
<a href="javascript://">Show Less</a>
</div>
</div>
</script>
<script id="president" type="text/html">
<h2 class="head">{{ name }}</h2>
<div class="content">
<p>{{ blurb }}</p>
<img src="images/{{ image }}" alt="{{ name }}" />
</div>
<div class="show-more">
<div class="more">
<div class="content">
<div class="embed-container">
<iframe src="http://www.youtube.com/embed/{{ video }}" frameborder="0" allowfullscreen ></iframe>
</div>
</div>
</div>
<div class="menu show-more-button">
<a href="javascript://">Watch the Video</a>
</div>
</div>
</script>
<script id="list" type="text/html">
<h2 class="head">Review Your Path</h2>
{{#associations}}
<div class="menu">
<a href="#project={{projectID}}">
<div class="force-size">
<img class="i1" src="{{#project}}{{image}}{{/project}}" />
<img class="i2" src="images/{{#president}}{{image}}{{/president}}" />
</div>
{{#project}}{{title}}{{/project}} = {{#president}}{{name}}{{/president}}
</a>
</div>
{{/associations}}
<h2 class="head">Send Your Path To Your Email</h2>
<div class="content">
<form method="get" action="http://locimind.com/ITPmobile/mail.php">
<input type="hidden" name="path" value="{{path}}" />
Email: <input type="text" name="email" size="40" />
<button type="submit">Send</button>
</form>
</div>
</script>
<script id="splash" type="text/html">
<h2 class="head">Welcome to Loci - Your Real World Memory Palace</h2>
<div class="content">
<p>Loci is a learning application that maps things you want to learn onto your physical environment, allowing you to learn by walking.<br><br> At the ITP spring show Loci will help you keep a record of the projects you visit, in case you want to remember what you saw or revisit a project. It will also teach you about the US Presidents. Simply scan the Loci QR codes at the projects you visit, and Loci will do the rest! <br><br>Loci is here at show: visit Maria Rabinovich in the App Room.</p>
</div>
<div class="menu">
<a href="#project={{projectID}}" onclick="loadPage()">Start the Journey! </a>
</div>
</script>
<script id="about" type="text/html">
<h2 class="head">About Loci</h2>
<div class="content">
<p><a href="http://locimind.com"><b>Loci</b></a> turns your environment into a real life <b>Memory Palace </b>- helping you learn and remember whatever you want. It was developed by Maria Rabinovich as a learning application for the mobile phone. Here at the <b>ITP show</b> you can use Loci to learn about the presidents of the United States, using QR codes, but it usually runs on your mobile phone and uses GPS, allowing you to turn your walks or commute into a learning experience. Visit Maria in the app room to talk to her about this project.</p>
</div>
</script>
<script id="scan" type="text/html">
<h2 class="head">Scan a Loci QR Code!</h2>
<div class="content">
<p>Please use your QR code scanning application to scan a code, Loci will be immediately activated, and your learning experience will continue!</p>
</div>
</script>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/ICanHaz.min.js"></script>
<script src="js/cookie.min.js"></script>
<script src="js/projectsDB.js"></script>
<script src="js/presidentsDB.js"></script>
<script src="js/app.js"></script>
</body>
</html>