update pretty html

2c9c52bb · Cholgrrr · 2f46576d · 2c9c52bb · 2c9c52bb · 2c9c52bb
Commit 2c9c52bb authored 2 years ago by Cholgrrr
Expand all Show whitespace changes
Inline Side-by-side

Showing

with 1802 additions and 310 deletions
+1802 -310
--- a/public/home/chapters/00_intro.html
+++ b/public/home/chapters/00_intro.html
--- a/public/home/chapters/01_gestaltung.html
+++ b/public/home/chapters/01_gestaltung.html
--- a/public/home/chapters/02_mobility.html
+++ b/public/home/chapters/02_mobility.html
--- a/public/home/chapters/03_partizipation.html
+++ b/public/home/chapters/03_partizipation.html
--- a/public/home/chapters/04_nachhaltig.html
+++ b/public/home/chapters/04_nachhaltig.html
--- a/public/home/chapters/05_digital.html
+++ b/public/home/chapters/05_digital.html
--- a/public/home/downloads.html
+++ b/public/home/downloads.html
--- a/public/home/index.html
+++ b/public/home/index.html
@@ -3,7 +3,8 @@
 <head>
    <meta charset="utf-8">
-    <meta name="keywords" content="Zukunft, Stadt, Labor, HFT, Stuttgart, Handlungsleitfaden, M4_LAB, Transfer, Hochschule, Technik" />
+    <meta name="keywords"
+        content="Zukunft, Stadt, Labor, HFT, Stuttgart, Handlungsleitfaden, M4_LAB, Transfer, Hochschule, Technik" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- <meta name="generator" content="GitLab Pages"> -->
    <title>ZUKUNFT STADT LABOR</title>

--- a/public/home/projekt.html
+++ b/public/home/projekt.html
--- a/public/home/stadtplanung.html
+++ b/public/home/stadtplanung.html
@@ -12,7 +12,72 @@
  <link rel="stylesheet" href="../assets/css/importet.css">
  <style>
-    .cover{margin-top:48px;display:flex}.cover img{width:250px;object-fit:contain;margin-bottom:auto;box-shadow:0 1px 4px -1px #00000069}.metadata{display:flex;flex-direction:column;margin-left:1em}.title{flex-grow:1;font-size:2em;font-weight:700}.metadata-item{display:flex;flex-direction:column;margin-top:24px}.download-item{display:flex;margin-top:24px}.metadata-name{border-bottom:1px solid #cacaca;border-image:linear-gradient(to right,#cacaca,#ffffff00) 1;margin-bottom:5px}.supervisors{display:flex;flex-direction:column}.button{background-color:#4caf50;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px}@media only screen and (max-width :450px){.cover{flex-wrap:wrap}.cover img{width:100%}}
+    .cover {
+      margin-top: 48px;
+      display: flex
+    }
+    .cover img {
+      width: 250px;
+      object-fit: contain;
+      margin-bottom: auto;
+      box-shadow: 0 1px 4px -1px #00000069
+    }
+    .metadata {
+      display: flex;
+      flex-direction: column;
+      margin-left: 1em
+    }
+    .title {
+      flex-grow: 1;
+      font-size: 2em;
+      font-weight: 700
+    }
+    .metadata-item {
+      display: flex;
+      flex-direction: column;
+      margin-top: 24px
+    }
+    .download-item {
+      display: flex;
+      margin-top: 24px
+    }
+    .metadata-name {
+      border-bottom: 1px solid #cacaca;
+      border-image: linear-gradient(to right, #cacaca, #ffffff00) 1;
+      margin-bottom: 5px
+    }
+    .supervisors {
+      display: flex;
+      flex-direction: column
+    }
+    .button {
+      background-color: #4caf50;
+      border: none;
+      color: #fff;
+      padding: 15px 32px;
+      text-align: center;
+      text-decoration: none;
+      display: inline-block;
+      font-size: 16px
+    }
+    @media only screen and (max-width :450px) {
+      .cover {
+        flex-wrap: wrap
+      }
+      .cover img {
+        width: 100%
+      }
+    }
  </style>
 </head>
@@ -31,7 +96,8 @@
    <div id="projectlogo"></div>
    <div id="projectname"></div>
  </header>
-  <a style="margin-left:50px; position: sticky;" target="_self" class="btn btn-sm btn btn-dark mt-1" href="index.html" target="_blank"> 
+  <a style="margin-left:50px; position: sticky;" target="_self" class="btn btn-sm btn btn-dark mt-1" href="index.html"
+    target="_blank">
    <i class="fas fa-project-diagram" aria-hidden="true"></i> &#11164; Zurück zur Hauptseite</a>
  <div style="margin-top:-30px;" class="content">
    <h1>Handlungsleitfaden Stadtplanung</h1>
@@ -61,9 +127,13 @@
          <div class="card-body">
            <p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator.
              Find out what makes our cities Liveable, Intelligent and Sustainable - the LIS city.<br><b>
-                  <i class="fas fa-user" aria-hidden="true"></i> Contact Person</b>: <a href="https://www.hft-stuttgart.de/p/sarah-lang" target="_blank"> Sarah Lang</a> <br><b>
+                <i class="fas fa-user" aria-hidden="true"></i> Contact Person</b>: <a
-                  <i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/" target="_blank"> 
+                href="https://www.hft-stuttgart.de/p/sarah-lang" target="_blank"> Sarah Lang</a> <br><b>
-                  <i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank"> 
+                <i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a
+                class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/"
+                target="_blank">
+                <i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a
+                class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank">
                <i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
          </div>
        </div>
@@ -75,9 +145,13 @@
          <div class="card-body">
            <p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator.
              Find out what makes our cities Liveable, Intelligent and Sustainable - the LIS city.<br><b>
-                  <i class="fas fa-user" aria-hidden="true"></i> Contact Person</b>: <a href="https://www.hft-stuttgart.de/p/tom-kwakman" target="_blank"> Tom Kwakman</a> <br><b>
+                <i class="fas fa-user" aria-hidden="true"></i> Contact Person</b>: <a
-                  <i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/" target="_blank"> 
+                href="https://www.hft-stuttgart.de/p/tom-kwakman" target="_blank"> Tom Kwakman</a> <br><b>
-                  <i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank"> 
+                <i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a
+                class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/"
+                target="_blank">
+                <i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a
+                class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank">
                <i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
          </div>
        </div>
@@ -89,9 +163,14 @@
          <div class="card-body">
            <p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator.
              Find out what makes our cities Liveable, Intelligent and Sustainable - the LIS city.<br><b>
-                  <i class="fas fa-user" aria-hidden="true"></i> Contact Persons</b>: <a href="https://www.hft-stuttgart.de/p/Keyu-bao" target="_blank"> Keyu Bao, </a><a href="https://www.hft-stuttgart.de/p/Eric-duminil" target="_blank"> Eric Duminil</a> <br><b>
+                <i class="fas fa-user" aria-hidden="true"></i> Contact Persons</b>: <a
-                  <i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/" target="_blank"> 
+                href="https://www.hft-stuttgart.de/p/Keyu-bao" target="_blank"> Keyu Bao, </a><a
-                  <i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank"> 
+                href="https://www.hft-stuttgart.de/p/Eric-duminil" target="_blank"> Eric Duminil</a> <br><b>
+                <i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a
+                class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/"
+                target="_blank">
+                <i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a
+                class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank">
                <i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
          </div>
        </div>
@@ -105,9 +184,14 @@
          <div class="card-body">
            <p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator.
              Find out what makes our cities Liveable, Intelligent and Sustainable - the LIS city.<br><b>
-                  <i class="fas fa-user" aria-hidden="true"></i> Contact Persons</b>: <a href="https://www.hft-stuttgart.de/p/carolin-lahode" target="_blank"> Carolin Lahode,</a><a href="https://www.hft-stuttgart.de/p/sarah-ann-sutter" target="_blank"> Sarah Ann Sutter</a> <br><b>
+                <i class="fas fa-user" aria-hidden="true"></i> Contact Persons</b>: <a
-                  <i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/" target="_blank"> 
+                href="https://www.hft-stuttgart.de/p/carolin-lahode" target="_blank"> Carolin Lahode,</a><a
-                  <i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank"> 
+                href="https://www.hft-stuttgart.de/p/sarah-ann-sutter" target="_blank"> Sarah Ann Sutter</a> <br><b>
+                <i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a
+                class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/"
+                target="_blank">
+                <i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a
+                class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank">
                <i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
          </div>
        </div>
@@ -117,11 +201,23 @@
          <h5>Geoinformatik <span class="content-subtitle text-muted"> iCity Project</span></h5>
          <img class="thumbimg" src='chapterIMG/3D-Beteiligungsplattform.png' alt="">
          <div class="card-body">
-            <p class="card-text-lg small">Partitizipationsprozesse können durch digitale Elemente ergänzt und für mehr Teilnehmende zugänglich gemacht werden. Diese wird am Beispiel einer Beteiligung in Weilimdorf gezeigt.<br><b>
+            <p class="card-text-lg small">Partitizipationsprozesse können durch digitale Elemente ergänzt und für mehr
-                  <i class="fas fa-user" aria-hidden="true"></i> Kontaktpersonen</b>: <a href="https://www.hft-stuttgart.de/p/patrick-wuerstle" target="_blank"> Patrick Würstle,</a><a href="https://www.hft-stuttgart.de/p/rushikesh-padsala" target="_blank"> Rushikesh Padsala</a> <br><b>
+              Teilnehmende zugänglich gemacht werden. Diese wird am Beispiel einer Beteiligung in Weilimdorf
-                  <i class="fas fa-star" aria-hidden="true"></i> Stichworte</b>: Stadtmodelle, Partizipation, 3D<br><a class="btn btn-sm btn-outline-secondary mt-1" href="https://transfer.hft-stuttgart.de/partizipation/" target="_blank"> 
+              gezeigt.<br><b>
-                  <i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a class="btn btn-sm btn-outline-success mt-1" href="https://www.hft-stuttgart.de/forschung/news/hft-forschende-entwickeln-in-kooperation-mit-steg-und-stadt-stuttgart-digitales-tool-fuer-beteiligungsprozesse-zur-entwicklungsplanung-von-staedten-und-gemeinden" target="_blank"> 
+                <i class="fas fa-user" aria-hidden="true"></i> Kontaktpersonen</b>: <a
-                  <i class="fas fa-project-diagram" aria-hidden="true"></i> Projekt</a>&nbsp;&nbsp;&nbsp;<a class="btn btn-sm btn-outline-info mt-1" href="https://www.int-arch-photogramm-remote-sens-spatial-inf-sci.net/XLVI-4-W1-2021/123/2021/" target="_blank"> 
+                href="https://www.hft-stuttgart.de/p/patrick-wuerstle" target="_blank"> Patrick Würstle,</a><a
+                href="https://www.hft-stuttgart.de/p/rushikesh-padsala" target="_blank"> Rushikesh Padsala</a> <br><b>
+                <i class="fas fa-star" aria-hidden="true"></i> Stichworte</b>: Stadtmodelle, Partizipation, 3D<br><a
+                class="btn btn-sm btn-outline-secondary mt-1" href="https://transfer.hft-stuttgart.de/partizipation/"
+                target="_blank">
+                <i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a
+                class="btn btn-sm btn-outline-success mt-1"
+                href="https://www.hft-stuttgart.de/forschung/news/hft-forschende-entwickeln-in-kooperation-mit-steg-und-stadt-stuttgart-digitales-tool-fuer-beteiligungsprozesse-zur-entwicklungsplanung-von-staedten-und-gemeinden"
+                target="_blank">
+                <i class="fas fa-project-diagram" aria-hidden="true"></i> Projekt</a>&nbsp;&nbsp;&nbsp;<a
+                class="btn btn-sm btn-outline-info mt-1"
+                href="https://www.int-arch-photogramm-remote-sens-spatial-inf-sci.net/XLVI-4-W1-2021/123/2021/"
+                target="_blank">
                <i class="fas fa-project-diagram" aria-hidden="true"></i> Paper</a>&nbsp;&nbsp;&nbsp;</p>
          </div>
        </div>
@@ -133,9 +229,13 @@
          <div class="card-body">
            <p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator.
              Find out what makes our cities Liveable, Intelligent and Sustainable - the LIS city.<br><b>
-                  <i class="fas fa-user" aria-hidden="true"></i> Contact Person</b>: <a href="https://www.hft-stuttgart.de/p/alexander-lee" target="_blank"> Alexander Lee</a> <br><b>
+                <i class="fas fa-user" aria-hidden="true"></i> Contact Person</b>: <a
-                  <i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/" target="_blank"> 
+                href="https://www.hft-stuttgart.de/p/alexander-lee" target="_blank"> Alexander Lee</a> <br><b>
-                  <i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank"> 
+                <i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a
+                class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/"
+                target="_blank">
+                <i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a
+                class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank">
                <i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
          </div>
        </div>