This repository has been archived by the owner on Apr 28, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
145 lines (128 loc) · 6.08 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
143
144
145
<!DOCTYPE html>
<html lang=en>
<head>
<title>Responsive Environments</title>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="apple-touch-icon" href="images/resenv-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/resenv-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/resenv-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/resenv-icon-ipad-retina.png">
<link rel="stylesheet" href="css/style.css?1" media="screen" charset="utf-8">
<!-- Start of Woopra Code -->
<script>
(function(){
var t,i,e,n=window,o=document,a=arguments,s="script",r=["config","track","identify","visit","push","call","trackForm","trackClick"],c=function(){var t,i=this;for(i._e=[],t=0;r.length>t;t++)(function(t){i[t]=function(){return i._e.push([t].concat(Array.prototype.slice.call(arguments,0))),i}})(r[t])};for(n._w=n._w||{},t=0;a.length>t;t++)n._w[a[t]]=n[a[t]]=n[a[t]]||new c;i=o.createElement(s),i.async=1,i.src="//static.woopra.com/js/w.js",e=o.getElementsByTagName(s)[0],e.parentNode.insertBefore(i,e)
})("woopra");
woopra.config({
domain: 'resenv.media.mit.edu'
});
woopra.track();
</script>
<!-- End of Woopra Code -->
</head>
<body>
<div class="main-container" style="z-index:1">
<svg id="logo" onclick="logoAnimation.speed=1000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="357.036px" height="366.037px" viewBox="0 0 357.036 366.037" enable-background="new 0 0 357.036 366.037" xml:space="preserve">
<g id="Default">
<g>
<polygon fill="#FEFEFE" fill-opacity="0" stroke="#000" stroke-width="2" stroke-linecap="square" stroke-linejoin="miter" points="113.785,333.578 329.209,333.578 329.209,290.625 156.666,290.625 156.666,247.62 329.209,247.62 329.209,204.667 156.666,204.667 156.666,161.661 329.209,161.661 329.209,118.709 113.785,118.708 "/>
<polygon fill="#FEFEFE" fill-opacity="0" stroke="#000" stroke-width="2" stroke-linecap="square" stroke-linejoin="miter" points="27.827,333.578 70.707,333.578 70.707,75.412 328.936,75.412 328.936,32.458 27.827,32.458 "/> </g>
</g>
<g id="dim"></g>
<g id="Viewport_Boundary"></g>
</svg>
<h2 class="intro-logo hide">Responsive Environments</h2>
<ul class="navigation hide">
<li id="projects"><a href="#Projects">Projects</a></li>
<li id="publications"><a href="#Publications">Publications</a></li>
<li id="people"><a href="#People">People</a></li>
<li id="courses"><a href="#Courses">Courses</a></li>
</ul>
<p class="intro-about hide"><span class="intro-exp">resenv <span class="intro-pho">/rezɘnv/</span></span>The Responsive Environments group explores how sensor networks augment and mediate human experience, interaction and perception.</p>
</div>
<div class="container"></div>
<div class="black sub-container"><div class="exit"></div><div class="panel"></div></div>
<div class="tilt-tolive"><div class="rect1"></div><div class="rect2"></div></div>
<div class="color-clit"></div>
<div class="social-links">
<a href="https://vimeo.com/ResEnv" target="_BLANK"><span class="fui-vimeo white"></span></a>
<a href="https://github.com/ResEnv" target="_BLANK"><span class="fui-github white"></span></a >
</div>
<div class="footer"><p>MIT Media Lab © 2016</p></div>
<div class="bottomBorder"></div>
<!-- Mustache Templates-->
<script id="tpl-projects" type="x-tmpl-mustache">
<div class="project" id={{id}}>
<h3 class="title popInfo">{{name}} <span class="date">{{date}}</span></h3>
<img class="popInfo" src={{image}} width="100" height="76"/>
<p class="description">{{description}} <a id="read-more" href={{link}}>read more</a> <span class="categories"><strong>Tags</strong>: {{categories}}.</span></p>
<div class="more-info" style="display:none;">
<div class="right-panel">
<h1 class="title">{{name}}</h1>
<p><span class="contributors">{{contributors}}</span> / {{date}}</p>
<p class="categories">{{categories}}.</p>
</div>
<div class="left-panel">
<img src={{image}} width="100" height="76"/>
</div>
<div class="clearfix"></div>
<div class="description">{{description}}</div>
<div class="publications">
<h4>Publications</h4>
<ul>
{{#publications}}
<li>{{title}} <a target="_BLANK" href={{link}}>PDF</a></li>
{{/publications}}
</ul>
</div>
{{#video}}
<div class="video">
<iframe src={{video}} width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
{{/video}}
<div class="external"><h4>Links</h4>
<ul>
{{#external}}
<li><a href={{.}} target="_BLANK">{{.}}</a></li>
{{/external}}
</ul>
</div>
</div>
</div>
<div class="clearfix"></div>
</script>
<script id="tpl-publications" type="x-tmpl-mustache">
<li data-title={{title}}>{{{dom}}}</li>
</script>
<script id="tpl-thesis" type="x-tmpl-mustache">
<li data-title="th"{{id}}><a href={{link}}>{{title}}</a>, <em>{{author}}</em> — <i>{{date}}</i></li>
</script>
<script id="tpl-people" type="x-tmpl-mustache">
<li>
<a href="{{link}}" target="_BLANK">
{{#image}}
<img width="120" height="120" src={{image}} title="{{name}}"/>
{{/image}}
{{^image}}
<img width="120" height="120" src="images/default_avatar.png" title={{name}}/>
{{/image}}
{{name}}</a>
</li>
</script>
<script id="tpl-courses" type="x-tmpl-mustache">
<li><span class="name">{{name}}</span>
<span class="date">{{date}}</span>
<span class="title">{{title}}</span>
<a href="{{link}}" target="_BLANK">course site.</a>
</li>
</script>
</script>
<script src="js/jquery-2.1.3.min.js" charset="utf-8"></script>
<script src="js/vivus.min.js" charset="utf-8"></script>
<script src="js/mustache.min.js"></script>
<script src="js/main.js?1" charset="utf-8"></script>
</body>
</html>