Batman! (this commit has no parents)

.gitignore

@@ -0,0 +1,3 @@
+.vscode/
+*.zip
+*.min.js

css.css

@@ -0,0 +1,112 @@
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

index.html

@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>SPOI data set</title>
+    <meta charset="UTF-8">
+    <meta name="keywords" content="POI, Open data, SDI4Apps">
+    <meta name="author" content="SDI4Apps, Pavel Vlach">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
+    <link rel="stylesheet" type="text/css" href="style_spoi.css">
+    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
+    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
+    <link rel="meta" title="DOAP" href="doap-spoi.rdf" type="application/rdf+xml"/>
+    <script src="jquery-1.12.4.min.js"></script>
+    <script src="script.js" type="text/javascript"></script>
+</head>
+
+<body>
+    <header>
+        <div class="width_settings">
+            <h1 id="page_title"><a class="title-link" href="#"><em class="blue">Smart </em>POI data set</a></h1>
+            <h1 id="page_title_small"><a class="title-link" href="#">SPOI data set</a></h1>
+            <nav id="menu">
+                <ul>
+                    <li data-target="body">HOME</li>
+                    <li data-target="#visualization">VISUALIZATION</li>
+                    <li data-target="#about">ABOUT</li>
+                    <li data-target="#contribution">METHODOLOGY</li>
+                    <li data-target="#links">LINKS</li>
+                    <li data-target="#contact">CONTACT</li>
+                </ul>
+            </nav>
+            <div id="languages">
+                <button class="flags" value="&shy;" id="en"></button>
+                <button class="flags" value="&shy;" id="cz"></button>
+                <button class="flags" value="&shy;" id="it"></button>
+                <button class="flags" value="&shy;" id="gr"></button>
+                <button class="flags" value="&shy;" id="lv"></button>
+                <button class="flags" value="&shy;" id="sk"></button>
+            </div>
+
+            <!-- Navigation for low resolutions -->
+            <div id="menu_icon">
+                <button id="menu_icon_button" type="button" value="&shy;"></button>
+            </div>
+            <div id="menu_mobile">
+                <button class="menu_mobile_button" type="button" data-target="body">HOME</button>
+                <button class="menu_mobile_button" type="button" data-target="#visualization">VISUALIZATION</button>
+                <button class="menu_mobile_button" type="button" data-target="#about">ABOUT</button>
+                <button class="menu_mobile_button" type="button" data-target="#contribution">METHODOLOGY</button>
+                <button class="menu_mobile_button" type="button" data-target="#links">LINKS</button>
+                <button class="menu_mobile_button" type="button" data-target="#contact">CONTACT</button>
+            </div>
+
+        </div>
+    </header>
+
+    <section id="banner">
+        <div class="width_settings">
+            <div id="banner_box">
+                <h2 id="headline">Over 30,000,000 Points of Interest in the data set</h2>
+                <p id="headline_text">Open and seamless SPOI data set, which is based on Linked&nbsp;data principles, contains over 30&nbsp;million Points&nbsp;of&nbsp;Interest important for tourism from around the world.</p>
+            </div>
+        </div>
+    </section>
+
+    <section id="section_visualization">
+        <div class="width_settings">
+            <h3 id="visualization">Visualization</h3>
+            <div class="colored_line"></div>
+            <iframe id="map" src="https://app.hslayers.org/spoi/"></iframe>
+            <button class="headlines_button external_link" id="headlines_button_item" type="button" data-target="https://app.hslayers.org/spoi/">GO TO FULL EXTENT</button>
+        </div>
+    </section>
+
+    <section class="section_dark" id="section_about">
+        <div class="width_settings">
+            <h3 id="about">What is SPOI data set?</h3>
+            <div class="colored_line"></div>
+            <div id="about_texts">
+                <p class="plain_text">The Smart Points of Interest data set is the seamless and open resource of POIs that is available for other users to download, search or reuse in applications and services. </p>
+                <p class="plain_text">Its principal target is to provide information as Linked data together with other data set containing road network.</p>
+                <p class="plain_text">The added value of the Smart approach in comparison to other similar solutions consists in implementation of linked data, using of standardized and respected datatype properties and development of the completely harmonized data set with uniform data model and common classification.</p>
+            </div>
+        </div>
+    </section>
+
+    <section id="section_contribution">
+        <div class="width_settings">
+            <h3 id="contribution">Why use SPOI data set?</h3>
+            <div class="colored_line"></div>
+            <div class="boxes" id="contribution_boxes">
+                <div class="box_white">
+                    <img class="img_white_box" alt="tick" src="img/tick.png" />
+                    <h4 class="box_white_title">OPEN AND SEAMLESS DATABASE</h4>
+                    <p class="box_white_text">The SDI4Apps team developed a seamless open database of POIs, which will be distributed as 5&#8209;star Linked Open Data to be accessible for all users.</p>
+                </div>
+                <div class="box_white">
+                    <img class="img_white_box" alt="tick" src="img/tick.png" />
+                    <h4 class="box_white_title">OPEN AND FLEXIBLE DATA MODEL</h4>
+                    <p class="box_white_text">The essential core of <a href="doc/POI_data_model.svg" target="_blank">the model</a> was extended by several attributes which are integral components of some original data and could be helpful for tourist purposes.</p>
+                </div>
+                <div class="box_white">
+                    <img class="img_white_box" alt="tick" src="img/tick.png" />
+                    <h4 class="box_white_title">COMBINATION OF GLOBAL AND LOCAL DATA</h4>
+                    <p class="box_white_text">The SPOI data set is created as a combination of global data (selected points from <a href="http://openstreetmap.org" target="_blank">OpenStreetMap</a>) and local data provided by the <a href="http://sdi4apps.eu" target="_blank">SDI4Apps</a> partners or data available on the web.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section_dark" id="section_links">
+        <div class="width_settings">
+            <h3 id="links">Links</h3>
+            <div class="colored_line"></div>
+            <div class="boxes" id="links_boxes">
+                <div class="box external_link" data-target="https://www.foodie-cloud.org/sparql"> <!-- http://data.plan4all.eu/sparql -->
+                    <img class="img_box" alt="sparql" src="img/sparql.png" />
+                    <h4>SPARQL ENDPOINT</h4>
+                    <p class="box_text to_fill">The SPOI data set is published via SPARQL endpoint which enables comfortable, efficient and standardized querying of data.</p>
+                </div>
+                <div class="box box_with_links">
+                    <img class="img_box" alt="dwnld" src="img/download.png" />
+                    <h4>DOWNLOAD</h4>
+                    <p class="box_text box_link external_link" data-target="https://gis.zcu.cz/spoi/doc/SPOI.pdf">SPOI presentation <span class="file_info">[en, PDF, 0.8MB]</span></p>
+                    <p class="box_text box_link external_link" data-target="https://gis.zcu.cz/spoi/doc/POI_data_model.pdf">SPOI data model - schema <span class="file_info">[en, PDF, 17kB]</span></p>
+                    <p class="box_text box_link external_link" data-target="https://gis.zcu.cz/spoi/doc/SPOI_data_model.pdf">SPOI data model - text <span class="file_info">[en, PDF, 1,7MB]</span></p>
+                    <p class="box_text box_link external_link" data-target="https://gis.zcu.cz/spoi/doc/ontology.owl">SPOI Ontology <span class="file_info">[en, OWL, 134kB]</span></p>
+                    <p class="box_text box_link external_link" data-target="https://gis.zcu.cz/spoi/doc/Data_harmonization.svg">SPOI data harmonization scheme <span class="file_info">[en, PDF, 20kB]</span></p>
+                    <p class="box_text box_link external_link" data-target="https://gis.zcu.cz/spoi/doc/SPOI_changes.md">SPOI list of changes <span class="file_info">[en, MD/TXT]</span></p>
+                    <p class="box_text">
+                        <a class="inverse-link" href="https://gis.zcu.cz/spoi/doap-spoi.rdf" target="_blank">Metadata DOAP <span class="file_info">[RDF/XML], </span></a>
+                        <a class="inverse-link" href="https://gis.zcu.cz/spoi/void-spoi.ttl" target="_blank">VoID <span class="file_info">[RDF/Turtle]</span></a>
+                    </p>
+                </div>
+                <div class="box external_link" data-target="http://sdi4apps.eu/">
+                    <img class="img_box" alt="sdi4apps" src="img/sdi4apps.png" />
+                    <h4>SDI4Apps PROJECT</h4>
+                    <p class="box_text to_fill">S4A is an EU-funded project coordinated by the University of West Bohemia (Pilsen, CZ). It seeks to build a cloud-based framework with open APIs for data integration focusing on the development of 6 pilot applications.</p>
+                </div>
+
+            </div>
+        </div>
+    </section>
+
+    <section id="section_contact">
+        <div class="width_settings">
+            <h3 id="contact">Contact</h3>
+            <div class="colored_line"></div>
+            <div id="contacts">
+                <button title="SDI4Apps web page" class="footer_contacts_icon external_link" id="sdi_footer_icon" type="button" value="&shy;" data-target="http://sdi4apps.eu/contact/"></button>
+                <button title="SDI4Apps Linkedin group" class="footer_contacts_icon external_link" id="in_footer_icon" type="button" value="&shy;" data-target="https://www.linkedin.com/groups/3516067/"></button>
+                <button title="Otakar Čerba" class="footer_contacts_icon external_link" id="person_footer_icon" type="button" value="&shy;" data-target="https://www.linkedin.com/in/otakarcerba"></button>
+            </div>
+        </div>
+    </section>
+
+    <footer class="section_dark">
+        <div class="width_settings">
+            <p id="copyright">
+                &copy; SDI4Apps, Pavel Vlach 2015
+            </p>
+            <p id="contributors">SPOI contributors: Otakar Čerba, Raitis Bērziņš, Karel Charvát, Pavel Vlach, Jáchym Kellar</p>
+            <p id="license">Smart POI dataset is licensed under <a class="basic_link" href="http://opendatacommons.org/licenses/odbl/" target="_blank">ODbL.</a></p>
+            <p class="link" id="image_link">
+                Intro image: "OpenStreetMap GPS trace density" by Eric Fischer - <a href="http://www.flickr.com/photos/walkingsf/8033247558/" target="_blank">http://www.flickr.com/photos/walkingsf/8033247558/</a>. Licensed under CC BY 2.0 via Wikimedia Commons.
+            </p>
+        </div>
+    </footer>
+
+</body>
+</html>

lng/cz.json

@@ -0,0 +1,54 @@
+{  
+   "menu":[  
+      "DOMŮ",
+      "VIZUALIZACE",
+      "POPIS",
+      "VÝHODY",
+      "ODKAZY",
+      "KONTAKT"
+   ],
+   "banner":{  
+      "headline":"Přes 30 000 000 turistických zájmových bodů",
+      "headline_text":"Otevřená a bezešvá datová sada, založená na principech Linked Data. Obsahuje přes 30 000 000 zájmových bodů z celého světa, využitelných zejména pro cykloturistiku."
+   },
+   "section_visualization":{  
+      "visualization":"Vizualizace",
+      "headlines_button_item":"PŘEJÍT NA MAPU"
+   },
+   "section_about":{  
+      "about":"Co je datová sada SPOI?",
+      "about_texts":[  
+         "Smart POI datová sada (POI = Point of Interest) je bezešvý a volně přístupný zdroj zájmových bodů, umožňující uživatelům tyto body stahovat, vyhledávat a používat pro vlastní aplikace.",
+         "Základním cílem SPOI datové sady je poskytovat formou Linked Data informace propojené s dalšími sadami dat, včetně silničních sítí.",
+         "Přínos Smart přístupu při porovnání s ostatními řešeními stejného problému spočívá v implementaci Linked Data, v použití standardizovaných a uznávaných datových typů a jejich vlastností a v rozvoji plně harmonizované databáze s jednotným datovým modelem a společným základním tříděním."
+      ]
+   },
+   "section_contribution":{  
+      "contribution":"Proč používat datovou sadu SPOI?",
+      "contribution_boxes_h":[  
+         "OTEVŘENÁ A BEZEŠVÁ DATA",
+         "OTEVŘENÝ A FLEXIBILNÍ DATOVÝ MODEL",
+         "KOMBINACE GLOBÁLNÍCH A LOKÁLNÍCH DAT"
+      ],
+      "contribution_boxes_p":[  
+         "Tým SDI4Apps vytvořil bezešvou volně přístupnou databázi, v které jsou Zájmové body uchovávány jako 5hvězdičková Linked Open Data a body jsou tak volně přístupné všem uživatelům.",
+         "Základní jádro modelu je rozšířeno o další atributy, které jsou součástí některých původních dat a které mohou být užitečné pro turistiku.",
+         "SPOI kombinuje vybraná globální data z OpenStreetMap s místními daty volně dostupnými z internetu, nebo poskytovanými partnery SDI4Apps."
+      ]
+   },
+   "section_links":{  
+      "links":"Odkazy",
+      "links_boxes_h":[  
+         "SPARQL ENDPOINT",
+         "KE STAŽENÍ",
+         "PROJEKT SDI4Apps"
+      ],
+      "links_boxes_p":[  
+         "Datová sada SPOI je publikována přes SPARQL endpoint, který poskytuje pohodlné, efektivní a standardizované dotazování.",
+         "SDI4Apps je projekt financovaný Evropskou unií, hlavním koordinátorem je Západočeská univerzita v Plzni. Snaží se o vytvoření rámce pro integraci dat v cloudu s volně přístupnými API, zejména se zaměřením na stanovené pilotní aplikace."
+      ]
+   },
+   "section_contact":{  
+      "contact":"Kontakt"
+   }
+}

lng/en.json

@@ -0,0 +1,54 @@
+{  
+   "menu":[  
+      "HOME",
+      "VISUALIZATION",
+      "ABOUT",
+      "METHODOLOGY",
+      "LINKS",
+      "CONTACT"
+   ],
+   "banner":{  
+      "headline":"Over 30,000,000 Points of Interest in the data set",
+      "headline_text":"Open and seamless SPOI data set, which is based on Linked data principles, contains over 30 million Points of Interest important for tourism from around the world."
+   },
+   "section_visualization":{  
+      "visualization":"Visualization",
+      "headlines_button_item":"GO TO FULL EXTENT"
+   },
+   "section_about":{  
+      "about":"What is SPOI data set?",
+      "about_texts":[  
+         "The Smart Points of Interest data set is the seamless and open resource of POIs that is available for other users to download, search or reuse in applications and services.",
+         "Its principal target is to provide information as Linked data together with other data set containing road network.",
+         "The added value of the Smart approach in comparison to other similar solutions consists in implementation of linked data, using of standardized and respected datatype properties and development of the completely harmonized data set with uniform data model and common classification."
+      ]
+   },
+   "section_contribution":{  
+      "contribution":"Why use SPOI data set?",
+      "contribution_boxes_h":[  
+         "OPEN AND SEAMLESS DATABASE",
+         "OPEN AND FLEXIBLE DATA MODEL",
+         "COMBINATION OF GLOBAL AND LOCAL DATA"
+      ],
+      "contribution_boxes_p":[  
+         "The SDI4Apps team developed a seamless open database of POIs, which will be distributed as 5-star Linked Open Data to be accessible for all users.",
+         "The essential core of the model was extended by several attributes which are integral components of some original data and could be helpful for tourist purposes.",
+         "The SPOI data set is created as a combination of global data (selected points from OpenStreetMap) and local data provided by the SDI4Apps partners or data available on the web."
+      ]
+   },
+   "section_links":{  
+      "links":"Links",
+      "links_boxes_h":[  
+         "SPARQL ENDPOINT",
+         "DOWNLOAD",
+         "SDI4Apps PROJECT"
+      ],
+      "links_boxes_p":[  
+         "The SPOI data set is published via SPARQL endpoint which enables comfortable, efficient and standardized querying of data.",
+         "S4A is an EU-funded project coordinated by the University of West Bohemia (Pilsen, CZ). It seeks to build a cloud-based framework with open APIs for data integration focusing on the development of 6 pilot applications."
+      ]
+   },
+   "section_contact":{  
+      "contact":"Contact"
+   }
+}

lng/gr.json

@@ -0,0 +1,54 @@
+{  
+   "menu":[  
+      "ΑΡΧΙΚΗ",
+      "ΑΠΕΙΚΟΝΙΣΗ",
+      "ΠΕΡΙ",
+      "ΣΥΝΕΙΣΦΟΡΑ",
+      "ΔΕΣΜΟΙ",
+      "ΕΠΑΦΗ"
+   ],
+   "banner":{  
+      "headline":"Πάνω από 30.000.000 Σημεία Ενδιαφέροντος στο σύνολο δεδομένων",
+      "headline_text":"Ανοικτά και απρόσκοπτα σύνολα δεδομένων SPOI, που βασίζονται στις αρχές των Συνδεδεμένων  δεδομένων, περιέχει πάνω από 30 εκατομμύρια Σημεία Ενδιαφέροντος σημαντικά για τον τουρισμό από όλο τον κόσμο."
+   },
+   "section_visualization":{  
+      "visualization":"Απεικόνιση",
+      "headlines_button_item":"ΠΗΓΑΙΝΕΤΕ ΣΕ ΠΛΗΡΗ ΕΚΔΟΣΗ"
+   },
+   "section_about":{  
+      "about":"Τι είναι το σύνολο δεδομένων SPOI;",
+      "about_texts":[  
+         "Τα Σημεία Ενδιαφέροντος του Smart είναι μία ανοικτή και απρόσκοπτη πηγή που είναι διαθέσιμη σε άλλους χρήστες για κατέβασμα, αναζήτηση ή επαναχρησιμοποίηση σε εφαρμογές και υπηρεσίες.",
+         "Ο πρωταρχικός στόχος είναι να παρέχουν πληροφόριση για ποδηλασία αφού τα Συνδεδεμένα δεδομένα μαζί με άλλα σύνολα δεδομένων περιέχουν το οδικό δίκτυο.",
+         "Η προστιθέμενη αξία της προσέγγισης του Smart σε σύγκριση με άλλες παρόμοιες λύσεις είνα ότι υλοποιεί τα συνδεδεμένα δεδομένα, χρησιμοποιώντας τυποποιημένες και αναγνωρισμένες ιδιότητες τύπων δεδομένων και αναπτύσει ολοκληρωμένο και αρμονικό σύνολο δεδομένων με ομοιόμορφο μοντέλο και κοινή ταξινόμηση."
+      ]
+   },
+   "section_contribution":{  
+      "contribution":"Γιατί να χρησιμοποιήσουμε SPOI σύνολο δεδομένων;",
+      "contribution_boxes_h":[  
+         "ΑΝΟΙΚΤΗ ΚΑΙ ΑΠΡΟΣΚΟΠΤΗ ΒΑΣΗ ΔΕΔΟΜΕΝΩΝ",
+         "ΑΝΟΙΚΤΟ ΚΑΙ ΕΥΕΛΙΚΤΟ ΜΟΝΤΕΛΟ ΔΕΔΟΜΕΝΩΝ",
+         "ΣΥΝΔΙΑΣΜΟΣ ΚΑΘΟΛΙΚΩΝ ΚΑΙ ΤΟΠΙΚΩΝ ΔΕΔΟΜΕΝΩΝ"
+      ],
+      "contribution_boxes_p":[  
+         "Η Ομάδα του SDI4Apps ανέπτυξε μία απρόσκοπτη και ανοικτή βάση δεδομένων POIs, που θα διανεμηθούν ως Συνδεδεμένα Ανοικτά Δεδομένα 5 αστέρων τα οποία θα είναι προσβάσιμα για όλους τους χρήστες.",
+         "Ο βασικός πυρήνας του μοντέλου επεκτάθηκε από διάφορα χαρακτηριστικά που είναι αναπόσπαστα συστατικά κάποιων πρότυπων δεδομένων και θα μπορούσαν να είναι χρήσιμα για τουριστικούς σκοπούς.",
+         "Το σύνολο δεδομένων SPOI δημιουργείται ως ένας συνδιασμός καθολικών δεδομένων (επιλεγμένα σημεία από το OpenStreetMap) και τοπικά δεδομένα που παρέχονται από τους εταίρους του SDI4Apps ή δεδομένα διαθέσιμα στο διαδίκτυο."
+      ]
+   },
+   "section_links":{  
+      "links":"Σύνδεσμοι",
+      "links_boxes_h":[  
+         "SPARQL ENDPOINT",
+         "ΚΑΤΕΒΑΣΤΕ",
+         "ΕΡΓΟ SDI4Apps"
+      ],
+      "links_boxes_p":[  
+         "Το σύνολο δεδομένων SPOI δημοσιοποιείται μέσω του καταληκτικού σημείου SPARQL που ενεργοποιεί μία άνετη, ευφυή και τυποποιημένη αναζήτηση δεδομένων.",
+         "To S4A είναι ένα έργο που χρηματοδοτείται από την ΕΕ και συντονίζεται από το University of West Bohemia (Pilsen, CZ). Στοχεύει να δημιουργήσει ένα πλαίσιο βασισμένο στο σύννεφο με ανοικτά APIs για ενσωμάτωση δεδομένων επικεντρωμένων στην ανάπτυξη 6 πιλοτικών εφαρμογών."
+      ]
+   },
+   "section_contact":{  
+      "contact":"Επικοινωνία"
+   }
+}

lng/it.json

@@ -0,0 +1,54 @@
+{  
+   "menu":[  
+      "HOME",
+      "VISUALIZZAZIONE",
+      "RIGUARDO A",
+      "CONTRIBUTO",
+      "COLLEGAMENTI",
+      "CONTATTO"
+   ],
+   "banner":{  
+      "headline":"Più di 30,000,000 Punti di Interesse nell'insieme di dati",
+      "headline_text":"Insieme di dati SPOI aperto e senza soluzione di continuità, che si basa su principi di dati Collegati, contiene oltre 30 milioni di Punti di Interesse importanti per il turismo da tutto il mondo."
+   },
+   "section_visualization":{  
+      "visualization":"Visualizzazione",
+      "headlines_button_item":"VAI ALLA VERSIONE ESTESA"
+   },
+   "section_about":{  
+      "about":"Cosa è l'insieme di dati SPOI?",
+      "about_texts":[  
+         "L'insieme dei dati dei Punti di Interesse di Smart è la risorsa aperta e senza soluzioni di continuità di Punti di Interesse (POIs) che è disponibile per il download di altri uitilizzatori, per ricerche o il riutilizzo in altre applicazioni e servizi",
+         "Il suo obiettivo principale è quello di fornire informazioni come dati collegati insieme ad altri insieme di dati  dati contenenti la rete stradale.",
+         "Il valore aggiunto dell'approccio Smart rispetto ad altre soluzioni simili consiste nella implementazione  di dati collegati utilizzando   tipi di dati precisi e standardizzati e sviluppando  insieme di  dati completamente armonizzati  con modelli di dati uniformi e con classificazione comune."
+      ]
+   },
+   "section_contribution":{  
+      "contribution":"Perchè utilizzare l'insieme di dati SPOI?",
+      "contribution_boxes_h":[  
+         "INSIEME DI DATI APERTO E SENZA SOLUZIONE DI CONTINUITÀ",
+         "MODELLO DI DATI APERTO E FLESSIBILE",
+         "COMBINAZIONE DI DATI GLOBALI E LOCALI"
+      ],
+      "contribution_boxes_p":[  
+         "Il team di SDI4Apps ha sviluppato un database di POIs aperto e sensa soluzioni di continuità che sarà distribuito da 5 Principale distributore di Dati Aperti Collegati per essere accessibili a tutti gli utilizzatori.",
+         "il nucleo del modetto  del modello è stato ampliato con le  diverse  caratteristiche  di alcuni dati originali e che potrebbero essere utili per scopi turistici.",
+         "L'insieme di dati SPOI è stato creato come una combinazione di dati globali (punti selezionati  da OPEN STREET MAP) e dati locali forniti dai partner di SDI4Apps o da dati disponibili sul WEB"
+      ]
+   },
+   "section_links":{  
+      "links":"Collegamenti",
+      "links_boxes_h":[  
+         "SPARQL ENDPOINT",
+         "SCARICARE",
+         "PROGETTO SDI4Apps "
+      ],
+      "links_boxes_p":[  
+         "L'insieme dei dati SPOI è puibblicato attraverso SPARQL endpoint che consente una facile, efficiente e standardizzata interrogazione dei dati.",
+         "S4A è un progetto finanziato dalla Commissione Europea ed è coordinato  dalla University of West Bohemia (Pilsen, CZ). Il suo obiettivo è quello di  costruire un quadro di riferimento cloud- based con Apps aperte per l'integrazione di dati finalizzati allo sviluppo di 6 applicazioni pilota."
+      ]
+   },
+   "section_contact":{  
+      "contact":"Contatto"
+   }
+}

lng/lv.json

@@ -0,0 +1,54 @@
+{  
+   "menu":[  
+      "SĀKUMS",
+      "VIZUALIZĀCIJA",
+      "PAR",
+      "IEGUVUMI",
+      "SAITES",
+      "KONTAKTI"
+   ],
+   "banner":{  
+      "headline":"Vairāk nekā 30,000,000 interešu punkti datu kopā",
+      "headline_text":"Atvērtā un vienotā SPOI datu kopa, kura veidota ievērojot Saistīto datu principus, ietver vairāk nekā 30 miljonus interešu punktu, kas ir svarīgi tūrismam no visas pasaules."
+   },
+   "section_visualization":{  
+      "visualization":"Vizualizācija",
+      "headlines_button_item":"IET UZ PILNU TEKSTU"
+   },
+   "section_about":{  
+      "about":"Kas ir SPOI datu kopa?",
+      "about_texts":[  
+         "Smart interešu punktu datu kopa ir vienots un atvērts datu kopu resurss, kas ir pieejams lietotājiem datu lejupielādei, meklēšanai vai atkārtotai lietojumprogrammu un pakalpojumu izmantošanai.",
+         "Tās galvenais mērķis ir sniegt informāciju kā Saistītos datus kontekstā ar citiem datiem, kas ietver ceļu tīklu.",
+         "Smart pieejas radītā pievienotā vērtība, salīdzinot ar citiem līdzīgiem risinājumiem, ir Saistīto datu veidošana, izmantojot standartizētus un vispārpieņemtus datu atribūtus un harmonizētu datu kopu veidošanu ar vienotu datu modeli un klasifikāciju."
+      ]
+   },
+   "section_contribution":{  
+      "contribution":"Kāpēc izmantot SPOI datu kopu?",
+      "contribution_boxes_h":[  
+         "ATVĒRTA UN VIENOTA DATU BĀZE",
+         "ATVĒRTS UN ELASTĪGS DATU MODELIS",
+         "GLOBĀLO UN VIETĒJO DATU KOMBINĀCIJA"
+      ],
+      "contribution_boxes_p":[  
+         "SDI4Apps komanda ir izveidojusi vienotu interešu punktu atvērto datubāzi, kas tiks izplatīta kā 5 zvaigžņu Saistītie atvērtie dati, lai būtu pieejami visiem lietotājiem.",
+         "Modeļa kodols tika paplašināts ar vairākiem atribūtiem, kas ir atsevišķu oriģinālo datu neatņemama sastāvdaļa un varētu būt noderīgi tūrisma nozarē.",
+         "SPOI datu kopa ir veidota kā kombinācija no globālajiem datiem (izvēlēti punkti no OpenStreetMap) un vietējiem datiem, ko piedāvājuši SDI4Apps projekta partneri vai kas ir pieejams internetā."
+      ]
+   },
+   "section_links":{  
+      "links":"Saites",
+      "links_boxes_h":[  
+         "SPARQL ENDPOINT",
+         "LEJUPLĀDĒT",
+         "PROJEKTS SDI4Apps"
+      ],
+      "links_boxes_p":[  
+         "SPOI datu kopa ir publicēta caur SPARQL galapunktu, kas ļauj ērtu, efektīvu un standartizētu datu vaicājumu ievadi.",
+         "SDI4Apps ir Eiropas Savienības finansēts projekts, tā vadošais partneris ir Rietumbohēmijas Universitāte (Pilzene, Čehija). Tā mērķis ir izveidot mākonī balstītu struktūru ar atvērtu lietojumprogrammas saskarni datu integrācijai, fokusējoties uz 6 pilot aplikāciju izveidi."
+      ]
+   },
+   "section_contact":{  
+      "contact":"Kontakti"
+   }
+}

lng/sk.json

@@ -0,0 +1,54 @@
+{  
+   "menu":[  
+      "DOMOV",
+      "VIZUALIZÁCIA",
+      "O ZDROJI",
+      "METODOLÓGIA",
+      "ODKAZY",
+      "KONTAKT"
+   ],
+   "banner":{  
+      "headline":"Dataset obsahuje viac než 30,000,000 bodov záujmu",
+      "headline_text":"Otvorený a bezošvý SPOI data set, ktorý je vytvorený na princípoch prepojených dát, obsahujúci dôležité Body záujmu pre oblasť turizmu z celého sveta."
+   },
+   "section_visualization":{  
+      "visualization":"Vizualizácia",
+      "headlines_button_item":"CHOĎ NA PLNÝ OBSAH"
+   },
+   "section_about":{  
+      "about":"Čo je SPOI data set?",
+      "about_texts":[  
+         "Smart data set \"Bodov záujmu\" je otvorený zdroj POI, ktorý je dostupný pre iných užívateľov na stiahnutie, hľadanie alebo opätovné použitie v aplikáciách a službách.",
+         "Jeho základným cieľom je poskytnúť informácie ako prepojené dáta s inými datasetmi obsahujúcimi cestnú sieť.",
+         "Pridaná hodnota prístupu Smart v porovnaní s inými porovnateľnými riešeniami spočíva v implementácii prepojených dát, použitím štandardizovaných a rešpektovaných dátových typov a vývoj kompletne harmonizovaného datasetu s harmonizovaným dátovým modelom a klasifikáciou."
+      ]
+   },
+   "section_contribution":{  
+      "contribution":"Prečo použiť SPOI data set?",
+      "contribution_boxes_h":[  
+         "OTVORENÁ A BEZOŠVÁ DATABÁZA",
+         "OTVORENÝ FLEXIBILNÝ DÁTOVÝ MODEL",
+         "KOMBINÁCIA GLOBÁLNYCH A LOKÁLNYCH DÁT"
+      ],
+      "contribution_boxes_p":[  
+         "Tím SDI4Apps vyvinul otvorenú a bezošvú databázu \"Bodov záujmu\", ktoré budú distribuované ako 5 hviezdičkové Prepojené Otvorené Dáta dostupné pre všetkých užívateľov.",
+         "Kľúčový základný model bol rozšírený viacerými atribútmi, ktoré sú integrálnou súčasťou niektorých pôvodných dát a mohli by byť nápomocné pre turistické účely.",
+         "SPOI dataset je vytvorený ako kombinácia globálnych dát (vybrané body záumy z OpenStreetMap) a lokálnych dát poskytnutých partnermi SDI4Apps alebo dostupnými dátami z internetu."
+      ]
+   },
+   "section_links":{  
+      "links":"Odkazy",
+      "links_boxes_h":[  
+         "SPARQL ROZHRANIE",
+         "STIAHNUŤ",
+         "PROJEKT SDI4Apps "
+      ],
+      "links_boxes_p":[  
+         "SPOI dataset je publikovaný prostredníctvom SPARQL rozhrania, ktoré umožňuje pohodlné, efektívné a štandardizované dopytovanie dát.",
+         "S4A je projekt podporený Európskou Úniou, koordinovaný Západočeskou univerzitou (Plzeň, ČR). Jeho zámerom je vybudovanie rámcového cloudového riešenia s otvorenými Aplikačno programovými rozhraniami (API) pre integrované dáta so sústredením na 6 pilotných aplikácií."
+      ]
+   },
+   "section_contact":{  
+      "contact":"Kontakt"
+   }
+}

script.js

@@ -0,0 +1,107 @@
+$(document).ready(function() {
+    $(window).on("resize", hideMobileMenu);
+    $('.flags').on("click", selectLanguage);
+    $('#menu_icon_button').on("click", showMobileMenu);
+    $('#menu ul li, .menu_mobile_button').on("click", goTo);
+    $('.external_link').on("click", externalLink);
+    $(window).on("load resize", function() {
+        equalheight('.box');
+    });
+});
+
+function externalLink(){
+    var link = $(this).attr("data-target");
+    window.open(link, '_blank');
+}
+
+function goTo() {
+    var target = $(this).attr("data-target");
+    var link = $(target);
+    var margin = 100;
+    var width = $(window).width();
+    if (width > 749 && width < 1301){
+        margin = 130;
+    }
+
+    $('html, body').animate({
+        scrollTop: (link.offset().top) - margin
+    }, 500);
+    $('#menu_mobile').css("display", "none");
+}
+
+function selectLanguage(){
+    var lng = $(this).attr('id');
+
+    $.getJSON("lng/"+lng+".json", function(x){
+        $('#menu ul li').each(function(i){
+            $(this).text(x.menu[i]);
+            });
+        $('#menu_mobile button').each(function(i){
+            $(this).text(x.menu[i]);
+            });
+        $('#headline').text(x.banner.headline);
+        $('#headline_text').text(x.banner.headline_text);
+        $('#visualization').text(x.section_visualization.visualization);
+        $('#headlines_button_item').text(x.section_visualization.headlines_button_item);
+
+        $('#about').text(x.section_about.about);
+        $('#about_texts p').each(function(i){
+            $(this).text(x.section_about.about_texts[i]);
+            });
+
+        $('#contribution').text(x.section_contribution.contribution);
+        $('#contribution_boxes h4').each(function(i){
+            $(this).text(x.section_contribution.contribution_boxes_h[i]);
+            });
+        $('#contribution_boxes p').each(function(i){
+            $(this).text(x.section_contribution.contribution_boxes_p[i]);
+            });
+
+        $('#links').text(x.section_links.links);
+        $('#links_boxes h4').each(function(i){
+            $(this).text(x.section_links.links_boxes_h[i]);
+            });
+        $('#links_boxes p.to_fill').each(function(i){
+            $(this).text(x.section_links.links_boxes_p[i]);
+            });
+        $('#contact').text(x.section_contact.contact);
+
+    });
+    $('.flags').css("opacity", 0.3);
+    $('#'+lng).css("opacity",1);
+}
+
+function showMobileMenu() {
+    var elm = $('#menu_mobile');
+    if (elm.css("display") == "block") {
+        elm.css("display", "none");
+    } else {
+        elm.css("display", "block");
+    }
+}
+
+function hideMobileMenu() {
+    $("#menu_mobile").css("display","none");
+}
+
+// set the equal height of desired elements
+function equalheight (container){
+    var tallest = 0;
+    if ($(window).width() > 748){
+        $(container).each(function() {
+            $(this).css("height","auto");
+            var height = $(this).height();
+            if (height > tallest){
+                tallest = height;
+            }
+        });
+        $(container).each(function() {
+            $(this).css("height",tallest+"px");
+        });
+    }
+    else {
+        $(container).each(function() {
+            $(this).css("height","auto");
+        });
+    }
+}

style_spoi.css

@@ -0,0 +1,576 @@
+	* {
+		margin: 0;
+		padding: 0;
+	}
+	a, a:visited {
+		color: rgb(0, 142, 214);
+		font-weight: bold;
+		transition: color .3s;
+		text-decoration: none;
+	}
+	a:hover, a:focus {
+		color: rgb(0, 142, 214);
+		text-decoration: underline;
+	}
+	a.inverse-link, a.inverse-link:visited {
+		color: white;
+		font-weight: normal;
+		text-decoration: underline;
+		transition: color .3s;
+	}
+	a.inverse-link:hover, a.inverse-link:focus {
+		color: #222;
+	}
+	a.title-link, a.title-link:visited {
+		color: inherit;
+		text-decoration: none;
+	}
+	a.title-link:hover, a.title-link:focus {
+		color: inherit;
+	}
+	html {
+		height: 100%;
+	}
+	body {
+		font-family: 'Open Sans', Helvetica Neue, sans-serif;
+		font-size: 1em;
+		font-weight: 300;
+		color: rgb(69, 69, 69);
+		height: 100%;
+	}
+
+	/* general settings */
+
+	header {
+		position: fixed;
+		top: 0;
+		width: 100%;
+		background: white;
+		z-index: 3;
+		box-shadow: 0 3px 6px rgba(180, 180, 180, 0.7);
+	}
+	.width_settings {
+		max-width: 1300px;
+		width: 95%;
+		position: relative;
+		margin: 0 auto;
+	}
+	section {
+		width: 100%;
+		padding-bottom: 50px;
+		background: white;
+	}
+	.section_dark {
+		background: rgb(244, 244, 244);
+		border-bottom: 1px solid rgb(218, 223, 227);
+		border-top: 1px solid rgb(218, 223, 227);
+	}
+	h1,
+	h2,
+	h3 {
+		font-family: 'Open Sans', Helvetica Neue, sans-serif;
+	}
+	h1 {
+		font-size: 1.8em;
+	}
+	h1 a {
+		text-decoration: none;
+		color: rgb(69, 69, 69);
+		transition: color 0.5s;
+	}
+	.basic_link {
+		color: rgb(0, 142, 214);
+		transition: color .3s;
+		text-decoration: none;
+	}
+	.basic_link:hover {
+		color: rgb(0, 142, 214);
+		text-decoration: underline;
+	}
+	h2 {
+		font-size: 2.6em;
+		text-align: center;
+		font-weight: 600;
+	}
+	h3 {
+		font-size: 2em;
+		text-align: center;
+		font-weight: 600;
+		margin-top: 50px;
+	}
+	h4 {
+		font-size: 1.4em;
+		text-align: center;
+		color: white;
+		font-weight: 400;
+		padding: 0 10px;
+	}
+	.colored_line {
+		margin: 15px auto;
+		width: 100px;
+		height: 2px;
+		background: rgb(0, 142, 214);
+	}
+	footer {
+		background: white;
+		margin: 0;
+		padding: 20px 0;
+	}
+	footer p {
+		color: rgb(69, 69, 69);
+		text-align: center;
+		padding: 3px 0;
+		margin: 0;
+		font-weight: 600;
+		font-size: 0.9em;
+	}
+
+	/*header*/
+
+	#page_title {
+		display: inline-block;
+		height: 70px;
+		line-height: 70px;
+		margin: 0 20px 0 0;
+		white-space: nowrap;
+		color: rgb(69, 69, 69);
+	}
+	#page_title em {
+		color: rgb(0, 142, 214);
+		font-style: normal;
+		transition: color 0.5s;
+	}
+	#page_title a:hover {
+		color: rgb(0, 142, 214);
+	}
+	#page_title a:hover em {
+		color: rgb(69, 69, 69);
+	}
+	#page_title_small{
+		display: none;
+	}
+	nav {
+		display: inline-block;
+		text-align: center;
+		white-space: nowrap;
+		margin: 0 20px;
+	}
+	nav ul li {
+		display: inline-block;
+		font-weight: 600;
+		font-size: 0.95em;
+		color: rgb(69, 69, 69);
+		padding: 0 10px;
+		transition: color 0.5s;
+	}
+	nav ul li:hover {
+		color: rgb(0, 142, 214);
+		cursor: pointer;
+	}
+	#languages {
+		display: inline-block;
+		vertical-align: middle;
+		margin: 2px 0 0 0;
+	}
+	.flags{
+		width: 24px;
+		height: 24px;
+		border: 0;
+		transition: opacity 0.5s;
+		outline: none;
+		opacity: 0.5;		
+	}
+	.flags:hover{
+		opacity: 1;
+		cursor: pointer;	
+	}
+	#en {
+		background: url("img/flags/uk/uk_24x24.png") no-repeat;
+		opacity: 1;
+	}
+	#cz {
+		background: url("img/flags/cz/cz_24x24.png") no-repeat;
+	}
+	#it {
+		background: url("img/flags/it/it_24x24.png") no-repeat;
+	}
+	#gr {
+		background: url("img/flags/gr/gr_24x24.png") no-repeat;
+	}
+	#lv {
+		background: url("img/flags/lv/lv_24x24.png") no-repeat;
+	}
+	#sk {
+		background: url("img/flags/sk/sk_24x24.png") no-repeat;
+	}
+
+	#menu_icon, #menu_mobile {
+		display: none;
+	}
+
+	/*Banner*/
+
+	#banner {
+		margin: 70px auto 0 auto;
+		background: url('img/background.jpg') no-repeat top center;
+		height: 300px;
+		padding-bottom: 0;
+	}
+	#banner_box {
+		padding-top: 70px;
+	}
+	#headline {
+		color: white;
+	}
+	#headline_text {
+		width: 70%;
+		font-size: 1.2em;
+		font-weight: 400;
+		margin: 20px auto 0 auto;
+		text-align: center;
+		color: white;
+	}
+
+	/*About*/
+
+	.plain_text {
+		width: 70%;
+		text-align: center;
+		margin: 0 auto 20px auto;
+		line-height: 1.5;
+	}
+	.plain_text em {
+		font-weight: 600;
+		font-style: normal;
+	}
+
+	/*Why and Links*/
+
+	.boxes {
+		text-align: center;
+	}
+	.box_white {
+		display: inline-block;
+		vertical-align: top;
+		margin: 10px;
+		width: 30%;
+		max-width: 350px;
+	}
+	.img_white_box {
+		margin: 20px 0 10px 0;
+	}
+	.box_white_title {
+		font-size: 1.6em;
+		color: rgb(0, 142, 214);
+	}
+	.box_white_text {
+		width: 80%;
+		text-align: center;
+		margin: 10px auto 0 auto;
+		line-height: 1.5;
+	}
+	.box_white_text em {
+		font-weight: 600;
+		font-style: normal;
+	}
+	.box {
+		display: inline-block;
+		vertical-align: bottom;
+		margin: 10px;
+		width: 30%;
+		max-width: 350px;
+		padding-bottom: 30px;
+		background: rgb(0, 142, 214);
+		transition: background 0.5s;
+	}
+	.box:hover {
+		background: rgb(69, 69, 69);
+		cursor: pointer;
+	}
+	.box_with_links:hover {
+		background: rgb(0, 142, 214);
+		cursor: auto;
+	}
+	.img_box {
+		margin: 30px 0 20px 0;
+	}
+	.box_text {
+		width: 80%;
+		text-align: center;
+		margin: 10px auto 0 auto;
+		color: white;
+		line-height: 1.5;
+	}
+	.box_link {
+		text-decoration: underline;
+		transition: color .3s;
+	}
+	.box_link:hover {
+		color: #222;
+		cursor: pointer;
+	}
+	.file_info {
+		font-size: 13px;
+	}
+
+	/*map*/
+
+	#map {
+		width: 100%;
+		height: 500px;
+		border: 5px solid rgb(200, 200, 200);
+	}
+	#map:hover {
+		opacity: 1;
+	}
+	.headlines_button {
+		display: block;
+		margin: 20px auto;
+		padding: 1em 2.5em;
+		font-family: 'Open Sans', Helvetica Neue, sans-serif;
+		font-size: 1.1em;
+		border: 0;
+		background: rgb(0, 142, 214);
+		color: white;
+		transition: background 0.5s, color 0.5s;
+		outline: none;
+	}
+	.headlines_button:hover {
+		cursor: pointer;
+		background: rgb(69, 69, 69);
+	}
+
+	/*Contacts*/
+
+	#contacts {
+		padding: 10px;
+		text-align: center;
+	}
+	.footer_contacts_icon {
+		display: inline-block;
+		text-align: center;
+		border: 0;
+		height: 30px;
+		width: 30px;
+		margin: 5px;
+		cursor: pointer;
+		outline: none;
+		vertical-align: middle;
+	}
+	#sdi_footer_icon {
+		background: url("img/contacts.png") no-repeat top left;
+		transition: background 0.5s;
+	}
+	#sdi_footer_icon:hover {
+		background: url("img/contacts.png") no-repeat bottom left;
+	}
+	#in_footer_icon {
+		background: url("img/contacts.png") no-repeat top right;
+		transition: background 0.5s;
+	}
+	#in_footer_icon:hover {
+		background: url("img/contacts.png") no-repeat bottom right;
+	}
+	#person_footer_icon {
+		background: url("img/persons.png") no-repeat top left;
+		height: 35px;
+		transition: background 0.5s;
+	}
+	#person_footer_icon:hover {
+		background: url("img/persons.png") no-repeat bottom left;
+	}
+	.link, .link a {
+		font-size: 0.7em;
+		color: rgb(150, 150, 150);
+	}
+	#copyright, #contributors {
+		font-family: Helvetica Neue, sans-serif;
+	}
+
+	@media screen and (max-width: 1300px) and (min-width: 750px) {
+		/*header*/
+		#page_title {
+			display: block;
+			margin: 0;
+			position: relative;
+			text-align: center;
+			font-size: 1.7em;
+			height: 50px;
+			line-height: 60px;
+		}
+		nav {
+			display: block;
+			position: relative;
+			margin: 10px 0;
+			text-align: center;
+		}
+		#languages{
+			display: block;
+			position: relative;
+			text-align: center;
+			top: auto;
+		}
+		#banner {
+			margin: 100px auto 0 auto;
+		}
+		h2 {
+			font-size: 2.2em;
+		}
+		h3 {
+			font-size: 1.8em;
+			padding-top: 10px;
+		}
+		#headline_text {
+			width: 80%;
+		}
+		.plain_text {
+			width: 80%;
+		}
+
+		/*Why and Links*/
+		.box_white {
+			margin: 5px;
+			width: 30%;
+			max-width: 350px;
+		}
+		.box_white_text {
+			width: 90%;
+		}
+		.box {
+			margin: 5px;
+			width: 30%;
+			max-width: 350px;
+		}
+		.img_box {
+			margin: 20px 0 10px 0;
+		}
+		.box_text {
+			margin: 5px auto 0 auto;
+			width: 85%;
+		}
+	}
+
+	@media screen and (max-width: 749px) {
+		/*header*/
+		#page_title {
+			display: inline-block;
+			vertical-align: middle;
+			height: 50px;
+			line-height: 50px;
+			text-align: left;
+			font-size: 1.5em;
+		}
+		nav {
+			display: none;
+		}
+		#languages{
+			display: block;
+			position: relative;
+			top: 0;
+			left: 0;
+		}
+		#menu_icon {
+			display: inline-block;
+			position: absolute;
+			right: 0;
+			top: 12px;
+		}
+		#menu_icon_button {
+			width: 40px;
+			height: 24px;
+			background: url("img/menu.png") no-repeat top left;
+			border: 0;
+			transition: background 0.5s;
+			outline: none;
+		}
+		#menu_icon_button:hover {
+			background: url("img/menu.png") no-repeat top right;
+			cursor: pointer;
+		}
+		#menu_mobile {
+			display: none;
+			border-top: 1px solid rgb(218, 223, 227);
+			padding: 10px 0;
+		}
+		.menu_mobile_button {
+			width: 100%;
+			text-align: left;
+			border: 0;
+			background: white;
+			font-weight: 400;
+			color: rgb(69, 69, 69);
+			transition: color 0.5s;
+			padding: 7px 10px;
+			font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
+			font-size: 1em;
+			outline: none;
+		}
+		.menu_mobile_button:hover {
+			color: rgb(0, 142, 214);
+			cursor: pointer;
+		}
+		h2 {
+			font-size: 2em;
+		}
+		h3 {
+			font-size: 1.6em;
+			padding-top: 0;
+		}
+		#banner {
+			margin: 70px auto 0 auto;
+			background: black url('img/background.jpg') no-repeat top center;
+			height: auto;
+			padding-bottom: 20px;
+		}
+		#banner_box {
+		padding-top: 30px;
+		}
+		#headline_text {
+			width: 90%;
+			font-size: 1em;
+		}
+		.plain_text {
+			width: 90%;
+		}
+
+		/*Why and Links*/
+		.box_white {
+			display: block;
+			margin: 10px auto;
+			width: 90%;
+			max-width: 400px;
+		}
+		.box_white_text {
+			width: 90%;
+		}
+		.box {
+			display: block;
+			margin: 10px auto;
+			width: 90%;
+			max-width: 400px;
+			padding-bottom: 30px;
+		}
+		.box_text {
+			width: 90%;
+		}
+		#map {
+			height: 300px;
+		}
+	}
+
+	@media screen and (max-width: 400px) {
+		#page_title {
+			display: none;
+		}
+		#page_title_small {
+			display: inline-block;
+			vertical-align: middle;
+			height: 50px;
+			line-height: 50px;
+			text-align: left;
+			font-size: 1.2em;
+		}
+		#page_title_small a {
+			color: rgb(0, 142, 214);
+		}
+	}