forked from Robot8A/atlas_web
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (99 loc) · 5.59 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Just Fair Mobility</title>
<link rel="shortcut icon" type="image/x-icon" href="https://www.tum.de/typo3conf/ext/in2template/Resources/Public/Images/Icons/favicons/favicon.ico" />
<link rel="stylesheet" href="index.css">
<!-- i18n -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/i18next.min.js" integrity="sha256-HhbcQm9uCk1XKzYb8wgO1aAW+Wcdh14ITlBggCy7lDk=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/i18nextHttpBackend.min.js" integrity="sha256-PEd69ii7lMPlO/bO8tpxaVjLXXkD+r9aejg8nFAcue4=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/i18nextBrowserLanguageDetector.min.js" integrity="sha256-5O8laLCvkg/QnkOa0yIzvZ7RcJgT4nSG6/gdbudcTGg=" crossorigin="anonymous"></script>
</head>
<body>
<header class="home_header">
<div class="navbar-container">
<div class="navbar-top-elements">
<div style="display: flex; align-items: center;">
<a style="margin-right: 20px;" class="logo" title="Technische Universität München" href="https://www.mos.ed.tum.de/sv/startseite/">
<svg width="80" height="42" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73 38">
<path d="M28 0v31h8V0h37v38h-7V7h-8v31h-7V7h-8v31H21V7h-7v31H7V7H0V0h28z" fill="white"></path>
</svg>
<span class="visually-hidden">TUM</span>
<!-- <span class="desktop-show" i18n="header"></span> -->
</a>
<img style="height: 42px; margin-right: 20px" src="img/mcube-logo.svg" alt="MCube Cluster">
<img style="height: 42px;" src="img/jfm_logo.png" alt="JustFairMobility">
</div>
<div class="title"><h1 i18n="title"></h1></div>
</div>
</div>
</header>
<div class="main">
<div id="left-column">
</div>
<div id="main-column">
<div style="display: flex; justify-content: flex-end;">
<select data-i18n-switcher class="locale-switcher" style="margin-bottom: 20px; margin-top: 5px">
<option value="en">English</option>
<option value="de">Deutsch</option>
</select>
</div>
<div class="text-box with-button">
<a href="atlas.html" class="button" i18n="index_button_openAtlas"></a>
</div>
<div class="text-box">
<h3 i18n="index_goal_title"></h3>
<p i18n="index_goal_text1"></p>
<p i18n="index_goal_text2"></p>
</div>
<div class="text-box">
<h3 i18n="index_definition_title"></h3>
<p i18n="index_definition_text"></p>
</div>
<div class="text-box">
<h3 i18n="index_left_title"></h3>
<p i18n="index_left_text1"></p>
<ol>
<li i18n="index_left_table1"></li>
<li i18n="index_left_table2"></li>
<li i18n="index_left_table3"></li>
<li i18n="index_left_table4"></li>
</ol>
<p i18n="index_left_text2"></p>
</div>
<div class="text-box">
<h3 i18n="index_functionality_title"></h3>
<p i18n="index_functionality_text"></p>
<a href='https://play.google.com/store/apps/details?id=de.jonasaugust.justfairmobilityapp'>
<img style="height: 60px" alt='Get it on Google Play' target="_blank" src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/>
</a>
<br>
</div>
<div class="text-box">
<h3 i18n="index_right_title"></h3>
<p i18n="index_right_text1"></p>
<ul>
<li><a href="https://www.openstreetmap.de/" target="_blank" i18n="index_right_table1"></a></li>
<li><a href="https://www.mobilitaet-in-deutschland.de/" target="_blank" i18n="index_right_table2"></a></li>
<li><a href="https://unfallatlas.statistikportal.de/" target="_blank" i18n="index_right_table3"></a></li>
<li><a href="https://www.lfu.bayern.de/umweltdaten/kartendienste/umweltatlas/index.htm" target="_blank" i18n="index_right_table4"></a></li>
<li><a href="https://www.ee.cit.tum.de/esm/forschung/atmospheric-modeling/" target="_blank" i18n="index_right_table5"></a></li>
<li><a href="https://www.zensus2011.de/DE/Home/Aktuelles/DemografischeGrunddaten.html" target="_blank" i18n="index_right_table6_1"></a> <a href="https://www.mstatistik-muenchen.de/indikatorenatlas/atlas.html?indicator=i63&date=2018" target="_blank" i18n="index_right_table6_2"></a></li>
</ul>
</div>
<div class="text-box with-button">
<a href="atlas.html" class="button" i18n="index_button_openAtlas"></a>
</div>
<a href="privacy.html" i18n="privacy"></a>
<a href="terms.html" i18n="terms"></a>
<br>
<a href="landingpage.html">Tech-Challenge Landingpage</a>
</div>
<div id="right-column">
</div>
</div>
<script src="src/i18n.js"></script>
</body>
</html>