update

0c5e8941 · Santhanavanich · 0618f75e · 0c5e8941 · 0c5e8941 · 0c5e8941
Commit 0c5e8941 authored 3 years ago by Santhanavanich
Hide whitespace changes
Inline Side-by-side

Showing

with 98 additions and 151 deletions
+98 -151
--- a/public/img/iCity2.webp
+++ b/public/img/iCity2.webp
--- a/public/img/sensor.png
+++ b/public/img/sensor.png
--- a/public/index.html
+++ b/public/index.html
 <!DOCTYPE html>
-<meta charset="utf-8">
-<title>Redirecting...</title>
-<meta http-equiv="refresh" content="0; URL=home/">
-<link rel="canonical" href="home/">
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="generator" content="GitLab Pages">
+    <title>Urban Data Platform</title>
+    <!-- <link rel="stylesheet" href="style.css"> -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="shortcut icon" href="favicon.ico" />
+
+  </head>
+  <body>
+    <div id="topbar" style="display: none;">
+        <div id="menu" class="navbar"></div>
+    </div>
+    <header>
+      <div class="navbar navbar-light shadow-sm" style="background-color: #ffffff;">
+        <div class="container d-flex justify-content-between">
+          <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/hft_logo_footer.svg" class="hftlogo" width="100px" >
+        </div>
+      </div>
+    </header>
+    <div class="px-4 pt-5 my-5 text-center border-bottom">
+      <h1 class="display-4 fw-bold">Urban Data Platform</h1>
+      <h2 class="text-muted">Prototype Application of the Project ICT4iCity</h2>
+      <div class="col-lg-6 mx-auto">
+        <p class="lead mb-4">
+          <br><br>
+          Urban data ranges from geospatial data for environment and construction to geometry data of buildings and information from the Internet of Things. How can a city's heterogeneous data sets be made available in a uniform manner via open interfaces and standards? Previous communication networks for data transmission are currently being expanded by new radio technologies such as 5G. What potential do these technologies have for use in buildings and cities? The increasing volume of data also requires automated processing to make the data valuable. How can new methods such as deep learning contribute to this? Finally yet importantly, how can data collected in the city and its buildings contribute to a better use of public resources, for example via new services for citizens?
+        </p>
+        <div class="d-grid gap-2 d-sm-flex justify-content-sm-center mb-5">
+          <a href="dashboard/index.html" type="button" class="btn btn-outline-secondary btn px-4">To the Application</a>
+        </div>
+      </div>
+      <div class="overflow-hidden" style="max-height: 30vh;">
+        <div class="container px-5">
+          <img src="img/iCity2.webp" class="img-fluid border rounded-3 shadow-lg mb-4" alt="Example image" width="700" height="500" loading="lazy">
+        </div>
+      </div>
+    </div>
+
+    <footer class="footer mt-auto py-3">
+      <div class="container d-flex justify-content-between">
+        <div class="mb-3 text-secondary">
+          <p class="fs-sm mb-0"><span class="opacity-50 me-1">© All rights reserved. 2022 HFT Stuttgart <br> 
+          Contact Person: </span><a href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich" target="_blank">Joe Thunyathep S.</a></p>
+        </div>
+      </div>
+    </footer>
+  </body>
+</html>
+
--- a/public/main.js
+++ b/public/main.js
-let portal=function(){let e=(e,t,l={},a=null)=>{let i=document.createElement(e);for(cls of t)i.classList.add(cls);return Object.keys(l).forEach(e=>{i.setAttribute(e,l[e])}),a&&(i.innerText=a),i},t={title:()=>{document.title=settings.pageTitle},hftLogo:()=>{let t=document.querySelector("#logo"),l=e("a",[],{href:"https://hft-stuttgart.de",title:"hft-stuttgart.de"}),a=e("img",[],{src:`${BASE_URL}/assets/images/hft_logo.svg`});l.appendChild(a),t.appendChild(l)},legal:()=>{let t=document.querySelector(".legal"),l=e("div",["legal-text-container"]),a=e("div",["legal-text"],{},"Hochschule für Technik Stuttgart"),i=e("a",["legal-text"],{href:"https://www.hft-stuttgart.de/impressum"},"Impressum"),o=e("a",["legal-text"],{href:"https://www.hft-stuttgart.de/datenschutz"},"Datenschutz"),r=e("div",["top"],{}),p=e("a",[],{href:"#header",title:"Top"}),n=e("img",[],{src:`${BASE_URL}/assets/images/top.png`});p.appendChild(n),r.appendChild(p),l.appendChild(a),l.appendChild(i),l.appendChild(o),t.appendChild(l),t.appendChild(r)}};Object.keys(t).forEach(e=>{t[e]()});let l=t=>{let l=e("div",["participant-social"]);for(i of t){let t=e("a",["social"],{title:i.agent,href:i.profile}),a=e("img",[],{src:i.icon});t.appendChild(a),l.appendChild(t)}return l},a={projectLogo:()=>{let t=e("img",[],{src:settings.projectLogo});document.querySelector("#projectlogo").append(t)},projectName:()=>{document.querySelector("#projectname").innerHTML=settings.projectName},menu:()=>{let t=document.createElement("ul");for(m of settings.menu){let l=document.createElement("li"),a=e("a",[],{href:m.link},m.menuText);l.appendChild(a),t.appendChild(l)}let l=document.querySelector("nav");l.appendChild(t);let a=document.querySelector(".hamburger");a.style.display="flex";let i=document.querySelector("header");a.addEventListener("click",()=>{a.classList.toggle("slide-hamburger"),l.classList.toggle("slide-nav"),i.classList.toggle("overflow-visible")})},participants:()=>{let t=document.querySelector(".footer"),a=e("ul",["footer-participants-container"]);for(p of settings.participants){let t=e("li",["participant"]),i=e("div",["participant-avatar"]),o=e("img",[],{src:p.avatar}),r=e("div",[],{},p.name),n=e("div",[],{},p.email);i.appendChild(o),t.appendChild(i),t.appendChild(r),t.appendChild(n),t.appendChild(l(p.social)),a.appendChild(t)}t.appendChild(a)},footerLogos:()=>{let t=document.querySelector(".footer"),l=e("ul",["footer-logo-container"]);for(fl of settings.footerLogos){let t=e("li",["footer-logo"]),a=e("a",[],{title:fl.title,href:fl.href}),i=e("img",[],{src:fl.logo});a.appendChild(i),t.appendChild(a),l.appendChild(t)}t.appendChild(l)}};for(swt of settings.switches)swt.state==ON&&a[swt.name]()}();
\ No newline at end of file
--- a/public/settings.js
+++ b/public/settings.js
-/*
-███████╗██╗███╗   ██╗ ██████╗ ███████╗██████╗     ██╗    ██╗███████╗ ██████╗ 
-██╔════╝██║████╗  ██║██╔════╝ ██╔════╝██╔══██╗    ██║    ██║██╔════╝██╔════╝ 
-█████╗  ██║██╔██╗ ██║██║  ███╗█████╗  ██████╔╝    ██║ █╗ ██║█████╗  ██║  ███╗
-██╔══╝  ██║██║╚██╗██║██║   ██║██╔══╝  ██╔══██╗    ██║███╗██║██╔══╝  ██║   ██║
-██║     ██║██║ ╚████║╚██████╔╝███████╗██║  ██║    ╚███╔███╔╝███████╗╚██████╔╝
-╚═╝     ╚═╝╚═╝  ╚═══╝ ╚═════╝ ╚══════╝╚═╝  ╚═╝     ╚══╝╚══╝ ╚══════╝ ╚═════╝ 
-*/
-
-const BASE_URL = `${window.location.origin}/${window.location.pathname.split('/').filter((e, i)=>{return i>0 & i<4}).join('/')}`;
-const ON = true;
-const OFF = false;
-const EMPTY_LINK = "javascript:undefined";
-const DEFAULT = {
-  social: {
-    twitter: {
-      icon: `${BASE_URL}/assets/images/twitter.png`,
-      profile: "https://twitter.com/InnolabM4"
-    },
-    facebook: {
-      icon: `${BASE_URL}/assets/images/facebook.png`,
-      profile: "https://www.facebook.com/HfTStuttgart"
-    },
-    linkedin: {
-      icon: `${BASE_URL}/assets/images/linkedin.png`,
-      profile: "https://www.linkedin.com/school/hochschule-f%C3%BCr-technik-stuttgart-%E2%80%93-university-of-applied-sciences"
-    },
-    webpage: {
-      icon: `${BASE_URL}/assets/images/webpage.png`,
-      profile: "https://www.hft-stuttgart.de"
-    }
-  },
-  avatar: `${BASE_URL}/assets/images/avatar.png`
-};
-
-/*
-███████╗███████╗████████╗████████╗██╗███╗   ██╗ ██████╗ ███████╗
-██╔════╝██╔════╝╚══██╔══╝╚══██╔══╝██║████╗  ██║██╔════╝ ██╔════╝
-███████╗█████╗     ██║      ██║   ██║██╔██╗ ██║██║  ███╗███████╗
-╚════██║██╔══╝     ██║      ██║   ██║██║╚██╗██║██║   ██║╚════██║
-███████║███████╗   ██║      ██║   ██║██║ ╚████║╚██████╔╝███████║
-╚══════╝╚══════╝   ╚═╝      ╚═╝   ╚═╝╚═╝  ╚═══╝ ╚═════╝ ╚══════╝
-*/
-
-let settings = {
-
-  pageTitle: "M4_LAB Page Title",
-
-  switches: [
-    {
-      name: "projectLogo",
-      state: ON
-    },
-    {
-      name: "projectName",
-      state: ON
-    },
-    {
-      name: "participants",
-      state: ON
-    },
-    {
-      name: "footerLogos",
-      state: ON
-    }
-  ],
-
-  projectLogo: `${BASE_URL}/assets/logos/M4_LAB_tr.png`,
-
-  projectName: "M4_LAB Page Demo",
-
-  participants: [
-    {
-      name: "John Doe",
-      avatar: DEFAULT.avatar,
-      email: "john.doe@lalaland.com",
-      social: [
-        {
-          agent: "twitter",
-          icon: DEFAULT.social.twitter.icon,
-          profile: DEFAULT.social.twitter.profile
-        },
-        {
-          agent: "facebook",
-          icon: DEFAULT.social.facebook.icon,
-          profile: DEFAULT.social.facebook.profile
-        },
-        {
-          agent: "linkedin",
-          icon: DEFAULT.social.linkedin.icon,
-          profile: DEFAULT.social.linkedin.profile
-        },
-        {
-          agent: "webpage",
-          icon: DEFAULT.social.webpage.icon,
-          profile: "https://johndoe.com"
-        }
-      ]
-    },
-    {
-      name: "Charlotte Doe",
-      avatar: `${BASE_URL}/assets/images/charlotte.jpg`,
-      email: "charlotte.doe@lalaland.com",
-      social: [
-        {
-          agent: "twitter",
-          icon: DEFAULT.social.twitter.icon,
-          profile: DEFAULT.social.twitter.profile
-        },
-        {
-          agent: "facebook",
-          icon: DEFAULT.social.facebook.icon,
-          profile: DEFAULT.social.facebook.profile
-        },
-        {
-          agent: "linkedin",
-          icon: DEFAULT.social.linkedin.icon,
-          profile: DEFAULT.social.linkedin.profile
-        }
-      ]
-    }
-  ],
-
-  footerLogos: [
-    {
-      logo: `${BASE_URL}/assets/logos/Logo_M4_LAB.jpg`,
-      href: EMPTY_LINK,
-      title: "M4_LAB"
-    },
-    {
-      logo: `${BASE_URL}/assets/logos/logo1.png`,
-      href: "http://www.innovative-hochschule.de",
-      title: "Innovative Hochschule"
-    },
-    {
-      logo: `${BASE_URL}/assets/logos/logo2.png`,
-      href: "https://www.bmbf.de",
-      title: "Bundesministerium für Bildung und Forschung"
-    },
-    {
-      logo: `${BASE_URL}/assets/logos/logo3.png`,
-      href: "https://www.gwk-bonn.de",
-      title: "Die Gemeinsame Wissenschaftskonferenz"
-    }
-  ]
-};
\ No newline at end of file
--- a/public/style.css
+++ b/public/style.css
+/* body {
+  font-family: sans-serif;
+  margin: auto;
+  max-width: 1280px;
+  margin-left:2%; 
+  margin-right:2%;
+} */
+
+.navbar {
+  background-color: #cc3125;
+  border-radius: 2px;
+/*   max-width: 800px; */
+}
+
+.navbar a {
+  color: #aaa;
+  display: inline-block;
+  font-size: 15px;
+  padding: 10px;
+  text-decoration: none;
+}
+
+.navbar a:hover {
+  color: #ffffff;
+}
+
+#topbar img{
+    max-width:15%;
+    margin-right:20px;
+}
+
+.content{
+    margin-left:2%;
+    margin-right:2%;
+}
+
+.header{
+    font-weight: bold;
+}
+.news{
+   background-color: #f5f5f5;
+   margin-bottom: 20px;
+   padding-top:10px;
+   padding-bottom: 10px;
+}
--- a/public/utility_data/Katharinenvorst.geojson
+++ b/public/utility_data/Katharinenvorst.geojson
--- a/public/utility_data/KatharinenvorstPoint.geojson
+++ b/public/utility_data/KatharinenvorstPoint.geojson