From 0a9c85a381121401633446d0dc33caa3492216d6 Mon Sep 17 00:00:00 2001 From: Cholgrrr <patrick.wuerstle@gmx.de> Date: Thu, 22 Sep 2022 09:42:05 +0200 Subject: [PATCH] update name --- public/home/index.html | 237 +++++++++++++++++++++++++++++------------ 1 file changed, 170 insertions(+), 67 deletions(-) diff --git a/public/home/index.html b/public/home/index.html index ba818e2..16ff285 100644 --- a/public/home/index.html +++ b/public/home/index.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> @@ -47,7 +112,11 @@ urna, vitae sagittis ex. Vivamus tincidunt nisi ultrices lectus dapibus, at placerat nisl elementum. Fusce cursus, sapien in tincidunt pellentesque, mi erat mollis nibh, ut maximus tortor magna vitae nibh. - </p><br> + + </p> + <a class="btn btn-sm btn-outline-success mt-1" href="downloads.html" target="_blank"> + <i class="fas fa-project-diagram" aria-hidden="true"></i>Downloads</a> + <br><br> <h2>Kapitelthemen</h2> @@ -57,12 +126,17 @@ <h5>Wirtschaftspsychologie <span class="content-subtitle text-muted">Partizipation?</span></h5> <img class="thumbimg" src="https://citydemonstrator.hft-stuttgart.de/assets/img/iCity_network_1.svg" alt=""> <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> - <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-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> <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> </p> + <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-Lehmann + </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> <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> </p> </div> </div> </div> @@ -71,12 +145,16 @@ <h5>Mobilität <span class="content-subtitle text-muted"> iCity Project</span></h5> <img class="thumbimg" src="https://citydemonstrator.hft-stuttgart.de/assets/img/iCity_network_1.svg" alt=""> <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> - <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-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> <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> </p> + <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-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> <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> </p> </div> </div> </div> @@ -85,12 +163,17 @@ <h5>Energie <span class="content-subtitle text-muted"> iCity Project</span></h5> <img class="thumbimg" src="https://citydemonstrator.hft-stuttgart.de/assets/img/iCity_network_1.svg" alt=""> <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> - <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-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> <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> </p> + <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-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> <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> </p> </div> </div> </div> @@ -101,12 +184,16 @@ <h5>Stadtplanung <span class="content-subtitle text-muted"> iCity Project</span></h5> <img class="thumbimg" src="https://citydemonstrator.hft-stuttgart.de/assets/img/iCity_network_1.svg" alt=""> <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> - <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-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a class="btn btn-sm btn-outline-secondary mt-1" href="stadtplanung.html" target="_blank"> - <i class="fas fa-search" aria-hidden="true"></i> Explore</a> <a target="_self" class="btn btn-sm btn-outline-success mt-1" href="stadtplanung.html" target="_blank"> - <i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a> </p> + <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-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a + class="btn btn-sm btn-outline-secondary mt-1" href="stadtplanung.html" target="_blank"> + <i class="fas fa-search" aria-hidden="true"></i> Explore</a> <a target="_self" + class="btn btn-sm btn-outline-success mt-1" href="stadtplanung.html" target="_blank"> + <i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a> </p> </div> </div> </div> @@ -115,12 +202,24 @@ <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> - <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> - <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> <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> <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> </p> + <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> + <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> + <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> <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> <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> </p> </div> </div> </div> @@ -129,12 +228,16 @@ <h5>Akustik <span class="content-subtitle text-muted"> iCity Project</span></h5> <img class="thumbimg" src="https://citydemonstrator.hft-stuttgart.de/assets/img/iCity_network_1.svg" alt=""> <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> - <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-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> <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> </p> + <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-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> <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> </p> </div> </div> </div> @@ -142,25 +245,25 @@ <div class="cover"> - <img src="cover.jpg"> - <ul class="metadata"> - <li class="metadata-item title"> - Handlungsleitfaden - </li> - <li class="metadata-item"> - <div class="metadata-name">Author*innen</div> - <div>Keyu Bao</div> - <div>Eric Duminil</div> - <div>Tom Kwakman</div> - <div>Carolin Lahode</div> - <div>Sarah Lang</div> - <div>Alexander Lee</div> - <div>Rushikesh Padsala</div> - <div>Amando Reber</div> - <div>Sarah Ann Sutter</div> - <div>Patrick Würstle</div> - </li> - <!-- <li class="metadata-item"> + <img src="cover.jpg"> + <ul class="metadata"> + <li class="metadata-item title"> + Handlungsleitfaden + </li> + <li class="metadata-item"> + <div class="metadata-name">Author*innen</div> + <div>Keyu Bao</div> + <div>Eric Duminil</div> + <div>Tom Kwakman</div> + <div>Carolin Lahode</div> + <div>Sarah Lang-Lehmann</div> + <div>Alexander Lee</div> + <div>Rushikesh Padsala</div> + <div>Amando Reber</div> + <div>Sarah Ann Sutter</div> + <div>Patrick Würstle</div> + </li> + <!-- <li class="metadata-item"> <div class="metadata-name">Professor*innen</div> <div class="supervisors"> <div>Christina Simon-Philipp</div> @@ -171,20 +274,20 @@ <div>2022</div> </li> <li class="download-item"><a href="thesis.pdf" class="button" download>download</a></li> --> - </ul> - <ul class="metadata" style="margin-top:4em;"> - <li class="metadata-item"> - <div class="metadata-name">Professor*innen</div> - <div class="supervisors"> - <div>Christina Simon-Philipp</div> - </div> - </li> - <li class="metadata-item"> - <div class="metadata-name">Year</div> - <div>2022</div> - </li> - <li class="download-item"><a href="thesis.pdf" class="button" download>download</a></li> - </ul> + </ul> + <ul class="metadata" style="margin-top:4em;"> + <li class="metadata-item"> + <div class="metadata-name">Professor*innen</div> + <div class="supervisors"> + <div>Christina Simon-Philipp</div> + </div> + </li> + <li class="metadata-item"> + <div class="metadata-name">Year</div> + <div>2022</div> + </li> + <li class="download-item"><a href="thesis.pdf" class="button" download>download</a></li> + </ul> </div> </div> @@ -198,4 +301,4 @@ <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/js/bootstrap-select.min.js"></script> --> </body> -</html> +</html> \ No newline at end of file -- GitLab