-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·175 lines (168 loc) · 6.78 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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<html>
<head>
<script src="https://greenapes.r.worldssl.net/tarsier/v0.2/tarsier.min.js"></script>
<style>
body{
margin:0;
padding: 0;
font-family: Helvetica, Arial, sans-serif;
}
#page {
}
#page:after {
clear: both;
display: block;
content: '';
}
.info {
display: inline-block;
border: 5px solid #ccc;
margin-left: 287;
overflow: hidden;
}
.info.right{
float: right;
}
.ga_info-tribe {
position: relative;
width: 645px;
height: 645px;
display: block;
}
h2:before {
display: inline;
margin-right: 5px;
}
h2 {
padding-left: 20px;
padding-right: 20px;
text-align: center;
font-size: 32px;
color: #6cb344;
}
a {
color: #6cb344;
}
#banner{
position: relative;
width: 960px;
height: 720px;
text-align: center;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
#banner a#greenapes{
display: block;
width: 210px;
height: 85px;
background: #fff;
position: absolute;
right: 40px;
bottom: 30px;
opacity: 0.0;
}
/*#banner a#greenapes:hover{
opacity: 0.5;
}*/
#banner a#greentech{
display: block;
width: 124px;
height: 124px;
background: #fff;
position: absolute;
left: 33px;
bottom: 11px;
opacity: 0.0;
}
/* #banner a#greentech:hover{
opacity: 0.5;
}*/
#wrap{
width: 1330px;
margin-left: auto;
margin-right: auto;
}
#footer {
padding-top: 60px;
padding-bottom: 30px;
text-align: center;
}
#footer a{
font-size: 32px;
color: #6cb344;
font-weight: bold;
text-decoration: none;
}
p {
font-size: 20px;
line-height: 30px;
}
ol li {
font-size: 20px;
line-height: 30px;
margin-bottom: 15px;
}
.small, .small li {
font-size: 16px;
font-style:italic;
}
div.text {
padding: 0px 200px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="banner">
<!-- <a id="greenapes" href="http://www.greenapes.com"></a>
<a id="greentech" href="http://www.greentechfestival.it/"></a> -->
<img src="lund-university_web.png" alt="">
</div>
<div class="text">
<h2> Welcome to the jungle! </h2>
<p>You are about join the Lund University Sustainability Challenge, to see how sustainable you are and how sustainable you can be.
So team up, share your green actions, earn points for your positive impact and enjoy. </p>
<p><b>What's in for you?</b> Well, you get to understand the ease of a sustainable lifestyle, enjoy a challenge with your peers and, if your team should win, you will be awarded a free fika at Ariman's Cafe.</p>
<p>Just follow the steps below to sign up for the two week sustainability challenge!</p>
<ol>
<li>Have an iPhone? Download greenApes from the App store. Otherwise sign-up on <a href="http://www.greenapes.com/preview">greenApes.com</a> </li>
<li>Contribute to the success of your faculty team, share your sustainable actions on greenApes <b>including a photo of the action and your unique team's #hashtag</b> at the end of your comment*.</li>
<li>Check all the actions of your team, friends and participants! Follow the “LU Challenge” profile in the “Communities” section of greenApes.</li>
<li>Enjoy, mingle with other sustainable students from Lund University and get your free fika at Ariman’s if you manage to win the challenge!</li>
</ol>
<p><b>*IMPORTANT!</b> Join the Facebook group <a href="https://www.facebook.com/groups/927903850564234/">Lund University Sustainability Challenge</a> and specify the unique #hashtag of your team. On the page you can also post questions, get more detailed information and be updated on the current score!!<b></p>
</div>
<!--
<div id="page">
<br>
<br>
<div class="info">
<h2>Quante azioni green stanno facendo<br> i visitatori del GreenTech Festival?</h2>
<ga:info-tribe ape="uZajodTGqYJmtkePWgHAzyVRDKfvEN" date="2013/09/01 10:00:00" duration="365" topic="actions" animation="2000"></ga:info-tribe>
<ga:info-tribe ape="uZajodTGqYJmtkePWgHAzyVRDKfvEN" date="2013/09/01 10:00:00" duration="365" topic="eating" animation="2000"></ga:info-tribe>
<ga:info-tribe ape="uZajodTGqYJmtkePWgHAzyVRDKfvEN" date="2013/09/01 10:00:00" duration="365" topic="moving" animation="2000"></ga:info-tribe>
<ga:info-tribe ape="uZajodTGqYJmtkePWgHAzyVRDKfvEN" date="2013/09/01 10:00:00" duration="365" topic="home" animation="2000"></ga:info-tribe>
<ga:info-tribe ape="uZajodTGqYJmtkePWgHAzyVRDKfvEN" date="2013/09/01 10:00:00" duration="365" topic="jungle" animation="2000"></ga:info-tribe>
<ga:info-tribe ape="uZajodTGqYJmtkePWgHAzyVRDKfvEN" date="2013/09/01 10:00:00" duration="365" topic="shopping" animation="2000"></ga:info-tribe>
</div>
</div>
<div id="footer">
<a href="http://www.greenapes.com/download">www.greenapes.com/download</a>
</div>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-34571151-1']);
_gaq.push(['_setDomainName', 'greenapes.com']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script>T.replace()</script>
!-->
</body>
</html>