Skip to content

GitLab

Commit d2181f61 authored by Patrick's avatar Patrick
Browse files

Make Projekt overview

parent 92e32374
Expand all Hide whitespace changes
Inline Side-by-side
vcm/images/logos/logo_kleiner.svg 0 → 100644
View file @ d2181f61
This diff is collapsed.
vcm/index.html
View file @ d2181f61
......@@ -165,7 +165,7 @@
<div class="balloon-content">
<h1 class="balloon-title i18n_balloon_startscreen_title">
<!--img src="images/Logo_SV.png" width="150"-->
<strong>M4_Lab</strong> <br>Platform
<strong>Kesselkompass</strong> <br>Informieren, Beteiligen, Kooperieren
</h1>
<p class="contentOne">Willkommen auf der 3D-Partizipationsplattform Kesselkompass, ein Transferprojekt des M4_Lab an der Hochschule für Technik Stuttgart. Hier finden Sie Informationen und die Möglichkeit zur Beteiligung an unterschiedlichen Forschungsprojekten im Raum Stuttgart, die sich mit städtischer Planung auseinandersetzen. Über die 3D-Kartenansicht der Stadt Stuttgart können Sie verschiedene digitale Werkzeuge nutzen, wissenschaftliche Daten visualisieren, sich über Projekte und Planungen informieren, an Umfragen teilnehmen oder neue Anregungen und Kooperationspartner*innen finden. Viel Spaß beim Stöbern!</p>
<button id="tourstart-btn" onclick="removebuildings(); Introshow();" class="buttonset one"><span class="i18n_balloon_startscreen_btn">Start</span>
......@@ -179,9 +179,10 @@
<!-- Content Tour -->
<div id="tour-frame" style="display: none; overflow-y: scroll;">
<div class="tour-top-navi" style="z-index:99">
<a href="#" onclick="Introshow();setpositionVAR(false);zoomto('IntroProj')" id = "btn_intro" class=" top-nav buttonset one btn_home btn_size"><i class="fa fa-home"></i></a>
<a href="#" onclick="addcont('main_bock2');showtourSpecific('main');setpositionVAR(false);zoomto('projektOne')" id = "btn_bock" class=" top-nav buttonset one btn_home btn_size"><i class="fa fa-code-fork"></i> Böckingerstraße</a>
<a href="#" onclick="removebuildings();addcont('main_nordbstuff2');NordbahnhofText();setpositionVAR(false);zoomto('NordbahnhofInfo')" id = "btn_nord" class=" top-nav buttonset one btn_home btn_size"><i class="fa fa-code-fork"></i> Nordbahnhof</a>
<a href="#" onclick="Introshow();setpositionVAR(false);zoomto('IntroProj')" id = "btn_intro" class=" top-nav buttonset one btn_home btn_size">Info</a>
<a href="#" onclick="zoomto('ProjektePage');Projektshow()" id = "btn_intro" class=" top-nav buttonset one btn_home btn_size">Projekte</a>
<!-- <a href="#" onclick="addcont('main_bock2');showtourSpecific('main');setpositionVAR(false);zoomto('projektOne')" id = "btn_bock" class=" top-nav buttonset one btn_home btn_size"><i class="fa fa-code-fork"></i> Böckingerstraße</a>
<a href="#" onclick="removebuildings();addcont('main_nordbstuff2');NordbahnhofText();setpositionVAR(false);zoomto('NordbahnhofInfo')" id = "btn_nord" class=" top-nav buttonset one btn_home btn_size"><i class="fa fa-code-fork"></i> Nordbahnhof</a> -->
<!-- <a href="#" onclick="NoiseText(true);setpositionVAR(false);" id = "btn_acous" class=" top-nav buttonset one btn_home btn_size"><i class="fa fa-code-fork"></i> Akkustik Projekt</a> -->
<a href="#" onclick="removebuildings();addcont('main_bock');addcont('main_heatdem');addcont('main_nordbstuff');Expert();setpositionVAR(false);zoomto('Expertenmodus');" id = "btn_expert" class=" top-nav buttonset one btn_home btn_size"><i id="icon_lock" class="fa fa-lock"></i> Toolbox</a>
<!-- style="float:right;margin-right:2em;" -->
......@@ -507,7 +508,7 @@
<h3>Weshalb dieses Projekt?</h3>
<p class="contentOne">Kesselkompass ist eine 3D-Partizipationsplattform, die einen einfachen Zugang zu Stadtraum, Planung und Wissenschaft ermöglicht. Über die 3D-Kartenansicht kann man verschiedene digitale Werkzeuge nutzen, wissenschaftliche Daten visualisieren, sich über Projekte und Planungen informieren, an Umfragen teilnehmen oder neue Anregungen und Kooperationspartner*innen in den Projektgebieten finden. </p>
<p class="contentOne">Unsere Projekte werden im Rahmen individueller Forschungsfragen und transdisziplinären Seminarreihen in spezifischen Gebieten erarbeitet. Hier kann man sich informieren sowie aktiv am Ideenfindungsprozess beteiligen. </p><br>
<div class="row3">
<!-- <div class="row3">
<div style="cursor:pointer;" onclick="addcont('main_bock2');showtourSpecific('main');setpositionVAR(false);"class="column3">
<h3 class="top-left">Böckinger Straße</h3>
<img class="imagecol3" src="images/projects/bockinger1.png" alt="Snow" style="width:100%">
......@@ -516,15 +517,52 @@
<h3 class="top-left">Nordbahnhof</h3>
<img class="imagecol3" src="images/projects/nordbahn1.png" alt="Forest" style="width:100%">
</div>
<!-- <div style="cursor:pointer;" onclick="NoiseText(true);setpositionVAR(false);" class="column3">
<h3 class="top-left">Akkustik Projekt</h3>
<img class="imagecol3" src="images/projects/noise1.png" alt="Mountains" style="width:100%">
</div> -->
</div>
</div> -->
<p class="contentOne">Die Toolbox ist eine wachsende Sammlung aller digitalen Werkzeuge, die auf der Plattform angewendet werden können. Von Umfragen, über Energieverbrauchssimulation und Lärmkartierungen, bis zu Routenberechnung und Anzeige der aktuellen Verkehrslage kann können hier alle Möglichkeiten ausgetestet werden. </p><br>
<p class="contentOne">Die 3D-Partizipationsplattform Kesselkompass ist ein Transferprojekt des M4_Lab an der Hochschule für Technik, an dem verschiedene Forschungsprojekte und -bereiche wie Energietechnik, Bauakustik, Mobilität und Verkehr, Stadtplanung und Wirtschaftspsychologie beteiligt sind. Sie befindet sich in einer steten Entwicklungsphase, daher sind wir für jegliche Anregungen, Feedback oder Fragen dankbar. </p>
<p class="contentOne">Schreiben Sie uns einfach an ...</p> <br>
<p>logos ...</p>
<div style="height:90px">
<img src="images/logos/logo_kleiner.svg" width="120" height="100" alt="Hund">
<img src="images/logos/vcs_logo_black_120px.png" width="120" height="55" margin-top="10px" alt="Hund">
<img src="images/logos/cesium-logo.png" width="118" height="26" alt="Hund">
</div>
</div>
<!-- Projekte-.--------------------------
======================================================================================================= -->
<div id="ProjektePage" class="SideInfo" style="display:none;">
<h1 class="headOne" id="headOne">Kesselkompass – Informieren, Beteiligen, Kooperieren</h1>
<h3>Was sind unsere Projekte?</h3>
<p class="contentOne">Unsere Projekte werden im Rahmen individueller Forschungsfragen und transdisziplinären Seminarreihen in spezifischen Gebieten erarbeitet. Hier kann man sich informieren sowie aktiv am Ideenfindungsprozess beteiligen. </p><br>
<h3>Aktuelle Projekte:</h3>
<div class="row3">
<div style="cursor:pointer;" id = "btn_nord" onclick="removebuildings();addcont('main_nordbstuff2');NordbahnhofText();setpositionVAR(false);zoomto('NordbahnhofInfo')" class="column3">
<h3 class="top-left">Nordbahnhof</h3>
<img class="imagecol3" src="images/projects/nordbahn1.png" alt="Forest" style="width:100%">
</div>
<!-- <div style="cursor:pointer;" onclick="NoiseText(true);setpositionVAR(false);" class="column3">
<h3 class="top-left">Akkustik Projekt</h3>
<img class="imagecol3" src="images/projects/noise1.png" alt="Mountains" style="width:100%">
</div> -->
</div>
<p class="contentOne">Die Toolbox ist eine wachsende Sammlung aller digitalen Werkzeuge, die auf der Plattform angewendet werden können. Von Umfragen, über Energieverbrauchssimulation und Lärmkartierungen, bis zu Routenberechnung und Anzeige der aktuellen Verkehrslage kann können hier alle Möglichkeiten ausgetestet werden. </p><br>
<h3>Abgeschlossene Projekte:</h3>
<div class="row3">
<div style="cursor:pointer;" id = "btn_bock" onclick="addcont('main_bock2');showtourSpecific('main');setpositionVAR(false);zoomto('projektOne')"class="column3">
<h3 class="top-left">Böckinger Straße</h3>
<img class="imagecol3" src="images/projects/bockinger1.png" alt="Snow" style="width:100%">
</div>
<!-- <div style="cursor:pointer;" onclick="NoiseText(true);setpositionVAR(false);" class="column3">
<h3 class="top-left">Akkustik Projekt</h3>
<img class="imagecol3" src="images/projects/noise1.png" alt="Mountains" style="width:100%">
</div> -->
</div>
<p class="contentOne">Die 3D-Partizipationsplattform Kesselkompass ist ein Transferprojekt des M4_Lab an der Hochschule für Technik, an dem verschiedene Forschungsprojekte und -bereiche wie Energietechnik, Bauakustik, Mobilität und Verkehr, Stadtplanung und Wirtschaftspsychologie beteiligt sind. Sie befindet sich in einer steten Entwicklungsphase, daher sind wir für jegliche Anregungen, Feedback oder Fragen dankbar. </p>
<p class="contentOne">Schreiben Sie uns einfach an ...</p> <br>
<p>logos ...</p>
</div>
<!-- Projekt 1
......
vcm/templates/custom.js
View file @ d2181f61
......@@ -251,10 +251,12 @@ function showtourSpecific(specify) {
vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(vcs.vcm.Framework.getInstance().viewpoints.Böckingerstraße)
document.getElementById("Expertenmodus").style.display = "block";
document.getElementById("projektOne").style.display = "none";
document.getElementById("ProjektePage").style.display = "none";
} else if (specify == 'main'){
vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(vcs.vcm.Framework.getInstance().viewpoints.Böckingerstraße)
document.getElementById("Expertenmodus").style.display = "none";
document.getElementById("projektOne").style.display = "block";
document.getElementById("ProjektePage").style.display = "none";
var element = document.getElementById("icon_lock");
element.classList.add("fa-lock");
element.classList.remove("fa-unlock");
......@@ -304,8 +306,9 @@ function showtourSpecific(specify) {
document.getElementById("NordbahnhofInfo").style.display = "none";
document.getElementById("Energiekonzept").style.display = "none";
document.getElementById("Navigation").style.display = "none";
document.getElementById("ProjektePage").style.display = "none";
document.getElementById("IntroProj").style.display = "none";
document.getElementById("ProjektePage").style.display = "none";
showTour();
......@@ -494,6 +497,7 @@ comp3.classList.add("leftstuff");
document.getElementById("NordbahnhofInfo").style.display = "none";
document.getElementById("IntroProj").style.display = "block";
document.getElementById("Expertenmodus").style.display = "none";
document.getElementById("ProjektePage").style.display = "none";
// startStory();
showTour();
var viewp = vcs.vcm.Framework.getInstance().viewpoints.startview
......@@ -540,6 +544,7 @@ function Navigationshow() {
document.getElementById("NordbahnhofInfo").style.display = "none";
document.getElementById("IntroProj").style.display = "none";
document.getElementById("Expertenmodus").style.display = "none";
document.getElementById("ProjektePage").style.display = "none";
showTour();
}
......@@ -553,6 +558,7 @@ function NordbahnhofText() {
document.getElementById("NordbahnhofInfo").style.display = "block";
document.getElementById("IntroProj").style.display = "none";
document.getElementById("Expertenmodus").style.display = "none";
document.getElementById("ProjektePage").style.display = "none";
showTour();
showgraph();
......@@ -606,6 +612,7 @@ function NoiseText(proj) {
document.getElementById("NoiseInfo").style.display = "block";
document.getElementById("IntroProj").style.display = "none";
document.getElementById("Expertenmodus").style.display = "none";
document.getElementById("ProjektePage").style.display = "none";
}
showTour();
......@@ -734,6 +741,7 @@ function Expert() {
document.getElementById("NoiseInfo").style.display = "none";
document.getElementById("IntroProj").style.display = "none";
document.getElementById("Expertenmodus").style.display = "block";
document.getElementById("ProjektePage").style.display = "none";
showTour();
var viewp = vcs.vcm.Framework.getInstance().viewpoints.startview
......@@ -804,4 +812,53 @@ function Expert() {
function zoomto(where){
document.getElementById(where).scrollIntoView();
}
function Projektshow(){
document.getElementById("projektOne").style.display = "none";
document.getElementById("Energiekonzept").style.display = "none";
document.getElementById("UmfrageOne").style.display = "none";
document.getElementById("NoiseInfo").style.display = "none";
document.getElementById("Navigation").style.display = "none";
document.getElementById("NordbahnhofInfo").style.display = "none";
document.getElementById("IntroProj").style.display = "none";
document.getElementById("Expertenmodus").style.display = "none";
document.getElementById("ProjektePage").style.display = "block";
// startStory();
showTour();
var viewp = vcs.vcm.Framework.getInstance().viewpoints.startview
vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewp)
unhighlightStuff();
var framework = vcs.vcm.Framework.getInstance();
var layers = framework.getLayers();
for (var i = 0; i< layers.length; i++) {
var layer = layers[i];
if (layerfix.indexOf(layer.name) >= 0){
layer.activate(true);
} else if (layerfix01.indexOf(layer.name) >= 0){
layer.activate(true);
} else if (layerfix02.indexOf(layer.name) >= 0){
layer.activate(true);
} else if (layerfix03.indexOf(layer.name) >= 0){
layer.activate(true);
} else if (layerfix04.indexOf(layer.name) >= 0){
layer.activate(true);
} else if (layerfix13.indexOf(layer.name) >= 0){
layer.activate(true);
} else {
layer.activate(false);
}
}
// noisemap('offS')
unhighlightStuff();
// document.getElementById("tour-frame").style.display = "block";
expstate = true;
onoff()
var element = document.getElementById("icon_lock");
element.classList.add("fa-lock");
element.classList.remove("fa-unlock");
}
\ No newline at end of file
vcm/templates/story/story.css
View file @ d2181f61
......@@ -61,6 +61,7 @@ h2{
}
/*Hintergrundbild Startscreen*/
#story-frame.startscreen{
/* background: url("../../images/wallpaper.gif"); */
background: url("../../images/content/contentboeckingerstrasse/grafik_aufgabenstellung.jpg");
background-size: cover;
background-repeat: no-repeat;
......
Markdown is supported
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