Skip to content

GitLab

Commit 1f18f31d authored by Patrick's avatar Patrick
Browse files

Test Update of new mobile functionality

parent b163f0be
Expand all Hide whitespace changes
Inline Side-by-side
vcm/config.json
View file @ 1f18f31d
...@@ -531,14 +531,14 @@ ...@@ -531,14 +531,14 @@
] ]
}, },
{"template": [ {"template": [
"<div class='balloon' onclick='Questionnaire(\"3\")' id='myBalloon'>", "<div class='balloon' onclick='showbereich(\"UmfrageOne\")' id='myBalloon'>",
" <h1 class='balloon-title'>Online Befragung</h1>", " <h1 class='balloon-title'>Online Befragung</h1>",
" <div class='balloon-content' style='height:260px; margin-right: 0px;'", " <div class='balloon-content' style='height:260px; margin-right: 0px;'",
" </div>", " </div>",
"<p class='balloon-text'><span>Was sind Ihre Vorstellungen?</span><br></p>", "<p class='balloon-text'><span>Was sind Ihre Vorstellungen?</span><br></p>",
"<img style='padding-top:10px' src='icons/umfrageImage02.jpg' alt='noch kein bild' width='375'>", "<img style='padding-top:10px' src='icons/umfrageImage02.jpg' alt='noch kein bild' width='375'>",
"</div>", "</div>",
"<% Questionnaire(\"3\") %>", "<% showbereich(\"UmfrageOne\") %>",
"<% %>" "<% %>"
], ],
"minTop": "balloonHeight + 10", "minTop": "balloonHeight + 10",
...@@ -592,13 +592,13 @@ ...@@ -592,13 +592,13 @@
}, },
{ {
"template": [ "template": [
"<div class='balloon' onclick='showbereich(\"kinder\")' id='myBalloon'>", "<div class='balloon' onclick='showbereich(\"mk_kinder\")' id='myBalloon'>",
" <h1 class='balloon-title'>Kindertagesstätte</h1>", " <h1 class='balloon-title'>Kindertagesstätte</h1>",
" <div class='balloon-content' style='height:100px; margin-right: 0px;'", " <div class='balloon-content' style='height:100px; margin-right: 0px;'",
" </div>", " </div>",
"<p class='balloon-text'><span>Text fehlt...</span><br></p>", "<p class='balloon-text'><span>Text fehlt...</span><br></p>",
"</div>", "</div>",
"<% showbereich(\"kinder\") %>", "<% showbereich(\"mk_kinder\") %>",
"<% %>" "<% %>"
], ],
"minTop": "balloonHeight + 10", "minTop": "balloonHeight + 10",
...@@ -674,9 +674,8 @@ ...@@ -674,9 +674,8 @@
"template": [ "template": [
"<div class='balloon' onclick='showbereich(\"forum\")' id='myBalloon'>", "<div class='balloon' onclick='showbereich(\"forum\")' id='myBalloon'>",
" <h1 class='balloon-title'>FORUM Stuttgart-Weilimdorf e.V.</h1>", " <h1 class='balloon-title'>FORUM Stuttgart-Weilimdorf e.V.</h1>",
" <div class='balloon-content' style='height:100px; margin-right: 0px;'", " <div class='balloon-content' style='margin-right: 0px;'",
" </div>", " </div>",
"<p class='balloon-text'><span>Text fehlt...</span><br></p>",
"</div>", "</div>",
"<% showbereich(\"forum\") %>", "<% showbereich(\"forum\") %>",
"<% %>" "<% %>"
...@@ -690,26 +689,6 @@ ...@@ -690,26 +689,6 @@
"MK_multForum" "MK_multForum"
] ]
}, },
{
"template": [
"<div class='balloon' onclick='showbereich(\"musik\")' id='myBalloon'>",
" <h1 class='balloon-title'>Tanzkreis Weilimdorf</h1>",
" <div class='balloon-content' style='height:100px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>Text fehlt...</span><br></p>",
"</div>",
"<% showbereich(\"musik\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_multTanz"
]
},
{ {
"template": [ "template": [
"<div class='balloon' onclick='showbereich(\"TSVW\")' id='myBalloon'>", "<div class='balloon' onclick='showbereich(\"TSVW\")' id='myBalloon'>",
...@@ -754,9 +733,8 @@ ...@@ -754,9 +733,8 @@
"template": [ "template": [
"<div class='balloon' onclick='showbereich(\"chloroplast\")' id='myBalloon'>", "<div class='balloon' onclick='showbereich(\"chloroplast\")' id='myBalloon'>",
" <h1 class='balloon-title'>Chloroplast e.V.</h1>", " <h1 class='balloon-title'>Chloroplast e.V.</h1>",
" <div class='balloon-content' style='height:100px; margin-right: 0px;'", " <div class='balloon-content' style=' margin-right: 0px;'",
" </div>", " </div>",
"<p class='balloon-text'><span>Text fehlt...</span><br></p>",
"</div>", "</div>",
"<% showbereich(\"chloroplast\") %>", "<% showbereich(\"chloroplast\") %>",
"<% %>" "<% %>"
...@@ -858,27 +836,6 @@ ...@@ -858,27 +836,6 @@
"MK_bereichA", "MK_bereichA",
"AreaFour" "AreaFour"
] ]
},{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Grüner Korridor</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier stehen Infos zum grünen Korridor</span><br></p>",
"<img style='padding-top:10px' src='images/MK_Images/Info_ehem.Walz Gärtnerei_vorläufig.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% showtourSpecific() %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_Korridor"
]
},{ },{
"template": [ "template": [
"<div class='balloon' onclick='showbereich(\"jugendhaus\")' id='myBalloon'>", "<div class='balloon' onclick='showbereich(\"jugendhaus\")' id='myBalloon'>",
...@@ -921,69 +878,6 @@ ...@@ -921,69 +878,6 @@
"layerNames": [ "layerNames": [
"MK_Walz" "MK_Walz"
] ]
},{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Haltestelle U13</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier stehen Infos zur U13</span><br></p>",
"<img style='padding-top:10px' src='images/MK_Images/Info_U13.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% showtourSpecific() %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_U13"
]
},{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Aktuelle Gebäudenutzung</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier stehen Infos zu der aktuellen Gebäudenutzung</span><br></p>",
"<img style='padding-top:10px' src='images/MK_Images/Info_Sportangebot.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% showtourSpecific() %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_Gebaeudenutzung"
]
},{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Bestehende Sportfelder</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier stehen Infos zu den bestehenden Sportfeldern</span><br></p>",
"<img style='padding-top:10px' src='images/MK_Images/Bereich_B_sport.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% showtourSpecific() %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_Sportfelder"
]
},{ },{
"template": [ "template": [
"<div class='balloon' onclick='showbereich(\"burgerhaus\")' id='myBalloon'>", "<div class='balloon' onclick='showbereich(\"burgerhaus\")' id='myBalloon'>",
...@@ -1028,7 +922,7 @@ ...@@ -1028,7 +922,7 @@
] ]
},{ },{
"template": [ "template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>", "<div class='balloon' onclick='showbereich(\"mk_jugendhaus\")' id='myBalloon'>",
" <h1 class='balloon-title'>Jugend</h1>", " <h1 class='balloon-title'>Jugend</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'", " <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>", " </div>",
...@@ -1036,7 +930,7 @@ ...@@ -1036,7 +930,7 @@
"<img style='padding-top:10px' src='images/MK_Images/AJugendhausParkour.jpg' alt='noch kein bild' width='375'>", "<img style='padding-top:10px' src='images/MK_Images/AJugendhausParkour.jpg' alt='noch kein bild' width='375'>",
"</div>", "</div>",
"<% showtourSpecific() %>", "<% showbereich(\"mk_jugendhaus\") %>",
"<% %>" "<% %>"
], ],
"minTop": "balloonHeight + 10", "minTop": "balloonHeight + 10",
...@@ -1138,94 +1032,6 @@ ...@@ -1138,94 +1032,6 @@
"AreaTwo" "AreaTwo"
] ]
}, },
{
"template": [
"<div class='balloon' onclick='WeilimdorfAreaText()' id='myBalloon'>",
" <h1 class='balloon-title'>Station 2</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier wurde eine Gartenkiosk errichtet.</span><br></p>",
"<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/fehlt.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"LocationTwo"
]
},
{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Station 1</h1>",
" <div class='balloon-content' style='height:290px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier wurde eine Spielekiosk errichtet.</span><br></p>",
"<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/fehlt.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% %>",
"<% openquestionaire() %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"LocationOne"
]
},
{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Station 3</h1>",
" <div class='balloon-content' style='height:290px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier wurde eine Outdoorkiosk errichtet.</span><br></p>",
"<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/fehlt.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% %>",
"<% openquestionaire() %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"LocationThree"
]
},
{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Station 4</h1>",
" <div class='balloon-content' style='height:290px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier wurde eine Infokiosk errichtet.</span><br></p>",
"<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/fehlt.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% %>",
"<% openquestionaire() %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"LocationFour"
]
},
{ {
"template": [ "template": [
"<div class='balloon' id='myBalloon'>", "<div class='balloon' id='myBalloon'>",
......
vcm/config_mobile.json
View file @ 1f18f31d
This diff is collapsed.
vcm/config_safari.json
View file @ 1f18f31d
...@@ -531,7 +531,7 @@ ...@@ -531,7 +531,7 @@
] ]
}, },
{"template": [ {"template": [
"<div class='balloon' onclick='Questionnaire(\"3\")' id='myBalloon'>", "<div class='balloon' onclick='showbereich(\"UmfrageOne\")' id='myBalloon'>",
" <h1 class='balloon-title'>Online Befragung</h1>", " <h1 class='balloon-title'>Online Befragung</h1>",
" <div class='balloon-content' style='height:260px; margin-right: 0px;'", " <div class='balloon-content' style='height:260px; margin-right: 0px;'",
" </div>", " </div>",
...@@ -592,7 +592,7 @@ ...@@ -592,7 +592,7 @@
}, },
{ {
"template": [ "template": [
"<div class='balloon' onclick='showbereich(\"kinder\")' id='myBalloon'>", "<div class='balloon' onclick='showbereich(\"mk_kinder\")' id='myBalloon'>",
" <h1 class='balloon-title'>Kindertagesstätte</h1>", " <h1 class='balloon-title'>Kindertagesstätte</h1>",
" <div class='balloon-content' style='height:100px; margin-right: 0px;'", " <div class='balloon-content' style='height:100px; margin-right: 0px;'",
" </div>", " </div>",
...@@ -674,9 +674,9 @@ ...@@ -674,9 +674,9 @@
"template": [ "template": [
"<div class='balloon' onclick='showbereich(\"forum\")' id='myBalloon'>", "<div class='balloon' onclick='showbereich(\"forum\")' id='myBalloon'>",
" <h1 class='balloon-title'>FORUM Stuttgart-Weilimdorf e.V.</h1>", " <h1 class='balloon-title'>FORUM Stuttgart-Weilimdorf e.V.</h1>",
" <div class='balloon-content' style='height:100px; margin-right: 0px;'", " <div class='balloon-content' style='margin-right: 0px;'",
" </div>", " </div>",
"<p class='balloon-text'><span>Text fehlt...</span><br></p>", "<p class='balloon-text'><span>Für mehr Informationen zum FORUM klicken Sie bitte hier!</span><br></p>",
"</div>", "</div>",
"<% %>", "<% %>",
"<% %>" "<% %>"
...@@ -754,9 +754,9 @@ ...@@ -754,9 +754,9 @@
"template": [ "template": [
"<div class='balloon' onclick='showbereich(\"chloroplast\")' id='myBalloon'>", "<div class='balloon' onclick='showbereich(\"chloroplast\")' id='myBalloon'>",
" <h1 class='balloon-title'>Chloroplast e.V.</h1>", " <h1 class='balloon-title'>Chloroplast e.V.</h1>",
" <div class='balloon-content' style='height:100px; margin-right: 0px;'", " <div class='balloon-content' style='margin-right: 0px;'",
" </div>", " </div>",
"<p class='balloon-text'><span>Text fehlt...</span><br></p>", "<p class='balloon-text'><span>Für mehr Informationen zu Chloroplast klicken Sie bitte hier!</span><br></p>",
"</div>", "</div>",
"<% %>", "<% %>",
"<% %>" "<% %>"
...@@ -858,27 +858,6 @@ ...@@ -858,27 +858,6 @@
"MK_bereichA", "MK_bereichA",
"AreaFour" "AreaFour"
] ]
},{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Grüner Korridor</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier stehen Infos zum grünen Korridor</span><br></p>",
"<img style='padding-top:10px' src='images/MK_Images/Info_ehem.Walz Gärtnerei_vorläufig.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_Korridor"
]
},{ },{
"template": [ "template": [
"<div class='balloon' onclick='showbereich(\"jugendhaus\")' id='myBalloon'>", "<div class='balloon' onclick='showbereich(\"jugendhaus\")' id='myBalloon'>",
...@@ -921,69 +900,6 @@ ...@@ -921,69 +900,6 @@
"layerNames": [ "layerNames": [
"MK_Walz" "MK_Walz"
] ]
},{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Haltestelle U13</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier stehen Infos zur U13</span><br></p>",
"<img style='padding-top:10px' src='images/MK_Images/Info_U13.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_U13"
]
},{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Aktuelle Gebäudenutzung</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier stehen Infos zu der aktuellen Gebäudenutzung</span><br></p>",
"<img style='padding-top:10px' src='images/MK_Images/Info_Sportangebot.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_Gebaeudenutzung"
]
},{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Bestehende Sportfelder</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier stehen Infos zu den bestehenden Sportfeldern</span><br></p>",
"<img style='padding-top:10px' src='images/MK_Images/Bereich_B_sport.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_Sportfelder"
]
},{ },{
"template": [ "template": [
"<div class='balloon' onclick='showbereich(\"burgerhaus\")' id='myBalloon'>", "<div class='balloon' onclick='showbereich(\"burgerhaus\")' id='myBalloon'>",
...@@ -1028,7 +944,7 @@ ...@@ -1028,7 +944,7 @@
] ]
},{ },{
"template": [ "template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>", "<div class='balloon' onclick='showbereich(\"mk_jugendhaus\")' id='myBalloon'>",
" <h1 class='balloon-title'>Jugend</h1>", " <h1 class='balloon-title'>Jugend</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'", " <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>", " </div>",
...@@ -1138,94 +1054,6 @@ ...@@ -1138,94 +1054,6 @@
"AreaTwo" "AreaTwo"
] ]
}, },
{
"template": [
"<div class='balloon' onclick='WeilimdorfAreaText()' id='myBalloon'>",
" <h1 class='balloon-title'>Station 2</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier wurde eine Gartenkiosk errichtet.</span><br></p>",
"<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/fehlt.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"LocationTwo"
]
},
{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Station 1</h1>",
" <div class='balloon-content' style='height:290px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier wurde eine Spielekiosk errichtet.</span><br></p>",
"<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/fehlt.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"LocationOne"
]
},
{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Station 3</h1>",
" <div class='balloon-content' style='height:290px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier wurde eine Outdoorkiosk errichtet.</span><br></p>",
"<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/fehlt.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"LocationThree"
]
},
{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Station 4</h1>",
" <div class='balloon-content' style='height:290px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier wurde eine Infokiosk errichtet.</span><br></p>",
"<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/fehlt.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"LocationFour"
]
},
{ {
"template": [ "template": [
"<div class='balloon' id='myBalloon'>", "<div class='balloon' id='myBalloon'>",
......
vcm/index.html
View file @ 1f18f31d
This diff is collapsed.
vcm/templates/custom.js
View file @ 1f18f31d
This diff is collapsed.
vcm/templates/story/story.css
View file @ 1f18f31d
...@@ -130,7 +130,7 @@ div.title-fill { ...@@ -130,7 +130,7 @@ div.title-fill {
transition: top .5s ease-in; transition: top .5s ease-in;
} }
#story-frame.tour{ #story-frame.tour{
top: 50%; top: 10%;
left: 0; left: 0;
bottom: 0; bottom: 0;
padding: 3rem 2rem 1rem 3rem; padding: 3rem 2rem 1rem 3rem;
......
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