Skip to content
GitLab
Commit 2c9c52bb authored by Cholgrrr's avatar Cholgrrr
Browse files

update pretty html

parent 2f46576d
Pipeline #7046 passed with stages
in 16 seconds
Expand all Show whitespace changes
Inline Side-by-side
public/home/chapters/00_intro.html
View file @ 2c9c52bb
This diff is collapsed.
public/home/chapters/01_gestaltung.html
View file @ 2c9c52bb
This diff is collapsed.
public/home/chapters/02_mobility.html
View file @ 2c9c52bb
This diff is collapsed.
public/home/chapters/03_partizipation.html
View file @ 2c9c52bb
This diff is collapsed.
public/home/chapters/04_nachhaltig.html
View file @ 2c9c52bb
This diff is collapsed.
public/home/chapters/05_digital.html
View file @ 2c9c52bb
This diff is collapsed.
public/home/index.html
View file @ 2c9c52bb
...@@ -3,7 +3,8 @@ ...@@ -3,7 +3,8 @@
<head> <head>
<meta charset="utf-8"> <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="viewport" content="width=device-width, initial-scale=1">
<!-- <meta name="generator" content="GitLab Pages"> --> <!-- <meta name="generator" content="GitLab Pages"> -->
<title>ZUKUNFT STADT LABOR</title> <title>ZUKUNFT STADT LABOR</title>
......
public/home/stadtplanung.html
View file @ 2c9c52bb
...@@ -12,7 +12,72 @@ ...@@ -12,7 +12,72 @@
<link rel="stylesheet" href="../assets/css/importet.css"> <link rel="stylesheet" href="../assets/css/importet.css">
<style> <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> </style>
</head> </head>
...@@ -31,7 +96,8 @@ ...@@ -31,7 +96,8 @@
<div id="projectlogo"></div> <div id="projectlogo"></div>
<div id="projectname"></div> <div id="projectname"></div>
</header> </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> <i class="fas fa-project-diagram" aria-hidden="true"></i> &#11164; Zurück zur Hauptseite</a>
<div style="margin-top:-30px;" class="content"> <div style="margin-top:-30px;" class="content">
<h1>Handlungsleitfaden Stadtplanung</h1> <h1>Handlungsleitfaden Stadtplanung</h1>
...@@ -61,9 +127,13 @@ ...@@ -61,9 +127,13 @@
<div class="card-body"> <div class="card-body">
<p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator. <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> 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> <i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
</div> </div>
</div> </div>
...@@ -75,9 +145,13 @@ ...@@ -75,9 +145,13 @@
<div class="card-body"> <div class="card-body">
<p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator. <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> 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> <i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
</div> </div>
</div> </div>
...@@ -89,9 +163,14 @@ ...@@ -89,9 +163,14 @@
<div class="card-body"> <div class="card-body">
<p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator. <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> 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> <i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
</div> </div>
</div> </div>
...@@ -105,9 +184,14 @@ ...@@ -105,9 +184,14 @@
<div class="card-body"> <div class="card-body">
<p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator. <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> 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> <i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
</div> </div>
</div> </div>
...@@ -117,11 +201,23 @@ ...@@ -117,11 +201,23 @@
<h5>Geoinformatik <span class="content-subtitle text-muted"> iCity Project</span></h5> <h5>Geoinformatik <span class="content-subtitle text-muted"> iCity Project</span></h5>
<img class="thumbimg" src='chapterIMG/3D-Beteiligungsplattform.png' alt=""> <img class="thumbimg" src='chapterIMG/3D-Beteiligungsplattform.png' alt="">
<div class="card-body"> <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> <i class="fas fa-project-diagram" aria-hidden="true"></i> Paper</a>&nbsp;&nbsp;&nbsp;</p>
</div> </div>
</div> </div>
...@@ -133,9 +229,13 @@ ...@@ -133,9 +229,13 @@
<div class="card-body"> <div class="card-body">
<p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator. <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> 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> <i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
</div> </div>
</div> </div>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal