-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (104 loc) · 7.54 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://opengraphprotocol.org/schema/"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>UrbanCyclr</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:regular,italic,bold&subset=latin' rel='stylesheet' type='text/css' />
<style type="text/css" charset="utf-8">
body { margin:0; padding:0; background: #222; font-size:13px; font-family: Helvetica,Arial, sans-serif; color:#222; }
a, a:visited {color:#222; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}
img.left {float:left; margin:0 0 1em 1em}
.main_wrapper {position:relative; width:990px; margin:0 auto; }
.sidetext {color:#fff; font-size: 18px; text-align:center; margin-bottom:25px; padding: 6px; background: #800; border-radius:11px; -moz-border-radius: 11px; -webkit-border-radius: 11px;}
.sidemobile {position:absolute; left: 440px; top:133px; display:block; border:0px;}
.header { padding:35px 4px 10px; text-align: left; }
.header img { margin:0; }
.contents { float: left; width:580px; padding:25px 25px 14px; margin-bottom:25px; background: #fafafa; border-top: 1px solid #fff; border-radius:11px; -moz-border-radius: 11px; -webkit-border-radius: 11px;}
.fb {float: right; width:292px; padding:25px 25px 14px; margin-bottom:25px; background: #fafafa; border-top: 1px solid #fff; border-radius:11px; -moz-border-radius: 11px; -webkit-border-radius: 11px;}
.header, .contents {}
.header {font-size: 10px; color: #fafafa; text-align: center; margin-bottom: 20px;width:620px}
.contents_header {overflow: hidden; margin-bottom:5px;}
.event {margin-left: 90px;}
.contents_header img {float: left; border:2px solid #333; margin: 0 10px 10px 0;}
h1, h2 { padding:0; margin:0; font-weight:normal; }
h1 {font-size: 42px; font-weight: bold; margin-top: 10px }
h2.place { padding-left:1px; margin-bottom:5px; font-weight:normal; font-size:14px; }
h2.date { padding-left:5px; font-style: italic; font-size:12px; color:#666; }
.article {}
div.artists {border-top:1px solid #999999;margin-top:18px;padding-top:16px;}
h2.artists {font-size:19px; margin-bottom: 5px;}
div.artists ul {list-style-type:circle; margin:0 0 13px 1.6em; padding:0;}
div.artists ul li {margin-bottom: 3px; font-size: 15px;}
span.source {font-size:15px; position:absolute; float:right; text-align:right;}
.headline {font-size: 1.3em; margin-bottom: 30px; text-align:left;}
.highlight{color:white; background:#42a7de; font-weight:bold; line-height:160%}
.footer { clear:both; padding-top: 30px; width: 100%; text-align: center; margin-top: 40px; margin-bottom: 14px;}
.contest { font-size: 1.2em; padding:17px; background:#fba; margin-bottom:18px;}
</style>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-23038861-1']);
_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>
</head>
<body>
<div class="main_wrapper">
<div class="header">
<a href="http://budapestcycletrack.appspot.com/">
<img class="left" src="/img/bringa74.png" />
</a>
<h1>UrbanCyclr</h1>
</div>
<div class="contents">
<div class="headline">
Az UrbanCyclr egy kezdeményezés, melynek célja megmutatni, merre bringáznak a városokban.<br/><br/>
Az Android és iPhone alkalmazásokkal önként és névtelenül feltöltheted az UrbanCyclr adatbázisba az általad tekert útvonalat.<br/><br/>
Az eddig beérkezett adatokból készítettünk egy nagyítható vizualizációt:<br/>
<a href="/map"><img src="/img/map_bannersize.png" /></a><br/><br/>
Ha szeretnél saját vizualizációt készíteni az adatokról, lépj kapcsolatba velünk a info@urbancyclr.com címen.<br/><br/>
<strong>Eddig feltöltött útvonalak hossza: <font style="color:crimson">${kilometers}</font> km.</strong><br/>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://www.facebook.com/BudapestCycleTrack" send="true" width="620" show_faces="false" font=""></fb:like>
<table ><tr><td>
<a href="http://twitter.com/bpcycletrack"><img style="width: 24px" src="img/twitterLogo.png"/></a>
</td>
<td> Megtalálhattok a Twitteren is.</td></tr>
</table>
</div>
<div id="mobile_phones" style="height:440px;">
<div style="padding-right:33px; padding-top:15px;float:left;">
<a href="https://market.android.com/details?id=hu.budapestcycletrack">
<img style="border:0px;" src="img/mobil/android.png"/><br/>
<img style="margin-left:33px; margin-top:44px; border:0px; height: 61px" src="img/mobil/android_badge.png"/><br/>
<img style="margin-left:60px; margin-top:24px; border:0px; height: 130px" src="img/mobil/bpcycletrackandroid_qr.png"/></a>
<br/>
<br/>
<div style="text-align:center;">
<a href="/BudapestCycleTrack.apk">Android app<br/>közvetlen link</a></div>
</div>
<div style="float:right;">
<a href="http://itunes.apple.com/hu/app/budapest-cycle-tracker/id433400907?mt=8">
<img style="border:0px;" src="img/mobil/iphone.png"/><br/>
<img style="margin-left:34px; margin-top:22px; border:0px;" src="img/mobil/app_store_badge.png"/><br/>
<img style="margin-left:65px; margin-top:20px; border:0px;height: 130px" src="img/mobil/bpcycletrackiphone_qr.png"/>
</a>
</div>
</div>
<!-- <div class="footer">
<a href="http://twitter.com/bpcycletrack">twitter</a>
<a href="http://www.facebook.com/pages/Budapest-Cycle-Track/119936874753270">facebook</a>
</div>-->
</div>
<div id="fb" class="fb">
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/BudapestCycleTrack" width="292" show_faces="true" stream="true" header="false"></fb:like-box>
</div>
<div class="footer"></div>
</div>
</body></html>