Commit for adding Close frame functionality

vcm/index.html

@@ -286,7 +286,7 @@
 
                 </p>
                 <img style='padding-top:0px;width:12rem;' id="signature" src='images/Intro/signature.png' alt='Simply Easy Learning'><br>
-                <button id="tourstart-btn2" onclick="showEinleitung();" class="buttonset one"><span class="i18n_balloon_startscreen_btn">Weiter</span>
+                <button id="tourstart-btn2" onclick="showEinleitung();" class="buttonset two"><span class="i18n_balloon_startscreen_btn">Weiter</span>
                 </div>
               <details id="detAnleitung" style="display:none;">
                 <summary class="contentOne">Anleitung zur Benutzung der Plattform</summary>
@@ -319,7 +319,7 @@
                     <p class="contentOne">Die Inhalte in der Karte welche für das Beteiligungsverfahren relevant sind werden über verschiedene Icons in der Karte verortet.</p>
                 </details>
               </details>
-              <button id="tourstart-btn" onclick="stopStory();" style="display:none;" class="buttonset one"><span class="i18n_balloon_startscreen_btn">Start</span>
+              <button id="tourstart-btn" onclick="stopStory();" style="display:none;" class="buttonset two"><span class="i18n_balloon_startscreen_btn">Start</span>
               </button> <br>
               <div id="iconlist" style="display:none;">
               <img id="balloon_logo01" src="./icons/STUTTGARTmitPferd.png" alt="Stadt_Logo">
@@ -336,7 +336,7 @@
       <!-- Content Tour -->
       <div id="tour-frame" style="display: none; overflow-y: scroll;">
           <div class="tour-top-navi"  style="z-index:99">
-             <a href="#" onclick="goHome()" id = "testing" class="top-nav buttonset one"><i class="fa fa-home"></i>Home</a>
+             <a href="#" onclick="handleClose()" id = "testing" class="top-nav buttonset one"><i style="zoom: 1.4" class="fa fa-close"></i></a>
              <!-- <a href="#energiefahrrad" class="top-nav buttonset one"><i class="fa fa-bicycle"></i> Projekt 2</a>
              <a href="#wea" class="top-nav buttonset one"><i class="fa fa-bolt"></i> Projekt 3</a>
              <a href="#projects" id="back" class="top-nav buttonset one"><i class="fa fa-bolt"></i> Back to Projekt View 3</a> -->

vcm/templates/custom.js

@@ -536,7 +536,7 @@ function Questionnaire(part) {
 
 
 
-function goHome(){
+function handleClose(){
   var viewp = vcs.vcm.Framework.getInstance().viewpoints.startview
   $("#tour-button").hide();
   showMap()

vcm/templates/story/story.css

@@ -22,10 +22,10 @@ header{
 }
 
 .buttonset.one{
-    background-color: #000000;
+    background-color: red;
 }
 .buttonset.one:hover{
-    background-color: #5e5e5e;
+    background-color: red;
 }
 .buttonset.two{
     background-color: #000000;
@@ -107,11 +107,14 @@ div.title-fill {
     display: inline-block;
     color: white;
     font-weight: bold;
-    padding: 4px;
+    padding: 4px 7px;
     margin-bottom: 4px;
-    border-radius: 2px;
+    border-radius: 6px;
     font-size: .9rem;
     text-decoration: none;
+    float: right;
+    margin-top: 1px;
+    margin-right: 10px;
 }
 
 #story-frame{
@@ -298,7 +301,7 @@ div.title-fill {
     position: absolute;
     left: -31px;
     background-color: #000000;
-    top: 10px;
+    top: 14px;
     padding:.45rem .55rem;
 }
 #tour-button > i:before{