diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index ebe3b45..4157364 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -36,6 +36,7 @@
   <script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.5.1/vue-resource.min.js"></script>
   <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
   <script>
+    var development = false;
     var app = new Vue({
       el: '#app',
       data: {
@@ -74,10 +75,17 @@
 
       },
       watch: {
-        // whenever question changes, this function will run
+        // whenever the branch changes, this function will run
         branch: function (newb, old) {
           if (newb.value != this.branches[0].value) {
-            window.location = newb + window.location.pathname
+            development = !development;
+            console.log("switch")
+            if (!development){
+              document.getElementById('development').style='display:none';
+            }else{
+              document.getElementById('development').style='display:block';
+            }
+            //window.location = newb + window.location.pathname
           }
         },
       },
@@ -91,8 +99,10 @@
       debug: false // Set debug to true if you want to inspect the dropdown
     });
   </script>
-
+<!--{{- partial "footer.html" . -}}-->
 {{- partial "alexia.html" . -}}
 {{- partial "google_analitycs.html" . -}}
+
+
 </body>
 </html>
diff --git a/layouts/shortcodes/development.html b/layouts/shortcodes/development.html
new file mode 100644
index 0000000..bcbdce1
--- /dev/null
+++ b/layouts/shortcodes/development.html
@@ -0,0 +1,8 @@
+<div id='development'>
+<v-card class='{{ .Get "style" }}'>
+    <v-card-text>
+      {{ .Inner }}
+  
+    </v-card-text>
+</v-card>
+</div>
\ No newline at end of file
diff --git a/layouts/shortcodes/hint.html b/layouts/shortcodes/hint.html
index 28cb6f7..0029d56 100644
--- a/layouts/shortcodes/hint.html
+++ b/layouts/shortcodes/hint.html
@@ -1,5 +1,6 @@
-<v-card class="{{ .Get "style" }}-alert">
+<v-card class='{{ .Get "style" }}-alert'>
   <v-card-text>
     {{ .Inner }}
+
   </v-card-text>
 </v-card>
diff --git a/themes/doc-theme/static/css/doc-theme.css b/themes/doc-theme/static/css/doc-theme.css
index 427928c..9fcc193 100644
--- a/themes/doc-theme/static/css/doc-theme.css
+++ b/themes/doc-theme/static/css/doc-theme.css
@@ -220,6 +220,21 @@ li.hot {
     padding:0!important;
 }
 
+/* changes 19-08-2020
+Added shortcode for development markings
+
+*/
+#development {
+  display:none;
+
+}
+.dev {
+  background-color: #EF9A9A !important;
+}
+
+.v-card__text > h3, h4{
+  margin-top:0px;
+}
 .danger-alert {
   background-color: #EF9A9A !important;
   margin-top: 24px;