diff --git a/plotter/models.py b/plotter/models.py
index 9a4f2f3..e445ed8 100644
--- a/plotter/models.py
+++ b/plotter/models.py
@@ -12,6 +12,7 @@ class ExpDetail(Document):
     date = DateTimeField()
     last_time = FloatField()
     interval = IntField()
+    tag = StringField(max_length=40)
 
     def plots(self):
         return PlotMeta.objects(exp_detail=self)
@@ -30,3 +31,10 @@ class PlotData(Document):
         'indexes': ["plot", "+time"]
     }
     
+class Exp(models.Model):
+
+    name = models.CharField(max_length=60)
+    code = models.IntegerField()
+
+    def __str__(self):
+        return self.name
diff --git a/plotter/static/css/style.css b/plotter/static/css/style.css
index f082ce5..1efe31b 100644
--- a/plotter/static/css/style.css
+++ b/plotter/static/css/style.css
@@ -54,6 +54,15 @@ main {
     margin: 0;
 }
 
+#sidebar a {
+    color: gray;
+    padding: 0.1rem;
+}
+
+#sidebar h5 {
+    color:#333;
+}
+
 .text-blue {
     color: #003A8E;
 }
@@ -72,6 +81,8 @@ main {
 
 .legend {
     list-style: none;
+    padding-left: 1rem;
+    padding-top: 1rem;
 }
 
 .legend span {
@@ -106,16 +117,8 @@ main {
     font-size: 0.8rem;
 }
 
-.bc-icons {
-    color: #898989;
-}
-
-.bc-icons .breadcrumb-item+.breadcrumb-item::before {
-    content: none;
-}
-
-.bc-icons .breadcrumb-item.active {
-    color: #00addc;
+.tools-date {
+    font-size: 0.8rem;
 }
 
 /* cards */
diff --git a/plotter/static/js/jroplots.js b/plotter/static/js/jroplots.js
index 275a07b..f1099b3 100644
--- a/plotter/static/js/jroplots.js
+++ b/plotter/static/js/jroplots.js
@@ -87,7 +87,6 @@ class PcolorBuffer {
             };
             var iDiv = document.createElement('div');
             iDiv.id = 'plot-' + i;
-            //iDiv.className += iDiv.className ? ' col-lg-6 col-md-6 col-sm-12' : 'col-lg-6 col-md-12 col-sm-12';
             this.zbuffer.push([]);
             this.n = this.n + 1;
             this.div.appendChild(iDiv);
@@ -104,10 +103,13 @@ class PcolorBuffer {
             if (this.metadata.zmin) { trace.zmin = this.metadata.zmin }
             if (this.metadata.zmax) { trace.zmax = this.metadata.zmax }
 
+            var tm = new Date(this.last * 1000);
+            tm.setTime( tm.getTime() + tm.getTimezoneOffset()*60*1000 );
+            
             if ('titles' in this.metadata){
-                layout.title = this.metadata.titles[i] + ' - ' + this.last.toLocaleString();
+                layout.title = this.metadata.titles[i] + ' - ' + tm.toLocaleString();
             }else{
-                layout.title = 'Ch ' + i + ' - ' + this.last.toLocaleString();
+                layout.title = 'Ch ' + i + ' - ' + tm.toLocaleString();
             }
             
             var conf = {
@@ -128,6 +130,16 @@ class PcolorBuffer {
         }
         $('#id_ymin').val(Math.min(...this.metadata.yrange));
         $('#id_ymax').val(Math.max(...this.metadata.yrange));
+        if (this.metadata.zmin) {
+            $('#id_zmin').val(this.metadata.zmin);
+        } else {
+            $('#id_zmin').val(Math.min(...values.data[0][0]));
+        }
+        if (this.metadata.zmax) { 
+            $('#id_zmax').val(this.metadata.zmax);
+        } else {
+            $('#id_zmax').val(Math.max(...values.data[0][0]));
+        }
     }
 
     getSize() {
@@ -315,13 +327,10 @@ class Pcolor {
             };
             var iDiv = document.createElement('div');
             iDiv.id = 'plot-' + i;
-            iDiv.className += iDiv.className ? ' col-md-5' : 'col-md-5';
+            iDiv.className += iDiv.className ? ' col-md-6' : 'col-md-6';
             this.n = this.n + 1;
             this.div.appendChild(iDiv);
             this.divs.push(iDiv.id);
-            var iDiv = document.createElement('div');
-            iDiv.className = 'col-md-1';
-            this.div.appendChild(iDiv);
             var trace1 = {
                 z: data['data'][i],
                 y: data.metadata.yrange,
@@ -370,6 +379,17 @@ class Pcolor {
         $('#id_ymax').val(Math.max(...this.metadata.yrange));
         $('#id_xmin').val(Math.min(...this.metadata.xrange));
         $('#id_xmax').val(Math.max(...this.metadata.xrange));
+
+        if (this.metadata.zmin) {
+            $('#id_zmin').val(this.metadata.zmin);
+        } else {
+            $('#id_zmin').val(Math.min(...data.data[0][0]));
+        }
+        if (this.metadata.zmax) { 
+            $('#id_zmax').val(this.metadata.zmax);
+        } else {
+            $('#id_zmax').val(Math.max(...data.data[0][0]));
+        }
     }
 
     plot(obj) {
@@ -488,14 +508,8 @@ class ScatterBuffer {
         }
 
         var label;
-        //if (data.metadata.localtime == true){
         label = "[LT]";
 
-        //}
-        //else{
-        //    label = "[UTC]";
-        //}
-
         var layout = {
             height: 300,
             title: t.slice(-1).toLocaleString(),
@@ -536,8 +550,17 @@ class ScatterBuffer {
             showTips: true
         };
         Plotly.newPlot('plot', traces, layout, conf);
-        $('#id_ymin').val(Math.min(...this.metadata.yrange));
-        $('#id_ymax').val(Math.max(...this.metadata.yrange));
+
+        if (this.metadata.ymin) {
+            $('#id_ymin').val(this.metadata.ymin);
+        } else {
+            $('#id_ymin').val(layout.yaxis.range[0]);
+        }
+        if (this.metadata.ymax) { 
+            $('#id_ymax').val(this.metadata.ymax);
+        } else {
+            $('#id_ymax').val(layout.yaxis.range[1]);
+        }
     }
 
     getSize() {
diff --git a/plotter/templates/base.html b/plotter/templates/base.html
index c85cf37..3502696 100644
--- a/plotter/templates/base.html
+++ b/plotter/templates/base.html
@@ -26,13 +26,16 @@
     {% include "header_igp.html" %}
     <div class="container">
       <!-- main -->
-      <div class="d-flex" id="wrapper">
       <main role="main">
         <h1 class="titulo">{{title}}</h1>
-        {% block content %}{% endblock content %}
+        <div class="row">
+        {%if sidebar %}
+          <div id="sidebar" class="col-md-3 col-12">{% block sidebar_content %}{% endblock sidebar_content %}</div>
+        {% endif %}
+          <div {% if sidebar %}class="col-md-9 col-12"{% else %}class="col-12"{% endif %}>{% block content %}{% endblock content %}</div>
+        </div>
       </main>
     </div>
-    </div>
     <!-- footer -->
     {% include "footer_igp.html" %}
     <!-- This part put block modal which is used to change parameters of my plot -->
diff --git a/plotter/templates/cartas.html b/plotter/templates/cartas.html
deleted file mode 100644
index 76e104f..0000000
--- a/plotter/templates/cartas.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<!-- CARDs -->
-<div class="row text-center justify-content-around pt-4">
-  {% for exp in experiments %}
-  <div class="col-xs">
-    <div id="card_{{exp.code}}" class="card mb-4 box-shadow text-{{exp.style}} border-{{exp.style}}">
-      <div id="card_header_{{exp.code}}" class="card-header bg-{{exp.style}} text-white">{{exp.name}}</div>
-      <div id="card_body_{{exp.code}}" class="card-body">
-        <div id="date_{{exp.code}}">Last data: {{exp.date | date:"h:i:s a" }}</div>
-        {% for plot in exp.plots %}
-        <a class="btn btn-outline-{{exp.style}}" href="{% url 'url-plot' exp.code plot.plot %}" role="button">{{plot.name}}</a>
-        {% endfor %}
-      </div>
-    </div></div>
-  {% endfor %}
-</div>
-<!-- fin CARDs -->
\ No newline at end of file
diff --git a/plotter/templates/home.html b/plotter/templates/home.html
index 14ea493..830e825 100644
--- a/plotter/templates/home.html
+++ b/plotter/templates/home.html
@@ -2,22 +2,41 @@
 {% load static%}
 {% block extra-header %}
 {% endblock %}
+{% block sidebar_content %}
+<nav class="nav flex-column">
+  {% for tag in tags %}
+  <a class="nav-link {{tag.active}}" href="{% url 'url_main' tag.name %}">{{tag.name | title}} &nbsp; <span class="badge badge-primary text-left">{{tag.n | stringformat:"02d"}} </span></a>
+  {% endfor %}
+</nav>
+{% endblock %}
 {% block content %}
-{% include 'cartas.html' %}
+<div class="row">
+  {% for exp in experiments %}
+  <div class="col-12 col-sm-6 col-md-4 col-lg-3 p-1">
+    <div id="card_{{exp.code}}" class="card m-1 box-shadow text-{{exp.style}} border-{{exp.style}}">
+      <div id="card_header_{{exp.code}}" class="card-header bg-{{exp.style}} text-white">{{exp.name}}</div>
+      <div id="card_body_{{exp.code}}" class="card-body">
+        <div id="date_{{exp.code}}">Last data: {{exp.date | date:"H:i:s" }}</div>
+        {% for plot in exp.plots %}
+        <a class="btn btn-outline-{{exp.style}} mt-1" href="{% url 'url-plot' exp.code plot.plot %}" role="button">{{plot.name}}</a>
+        {% endfor %}
+        <a class="btn btn-outline-{{exp.style}} mt-1" role="button">Hola</a>
+      </div>
+    </div>
+  </div>
+  {% endfor %}
+</div>
+{% if experiments %}
 <div class="row">
   <ul class="legend">
-    <li>
-      <i class="fas fa-circle text-success"></i><span>Instrument online</span>
-    </li>
-    <li>
-      <i class="fas fa-circle text-warning"></i><span>Instrument delayed</span>
-    </li>
-    <li>
-      <i class="fas fa-circle text-danger"></i><span>Instrument offline</span>
-    </li>
+    <li>Time format: 24h (UTC-5)</li>
+    <li><i class="fas fa-circle text-success"></i><span>Instrument online</span></li>
+    <li><i class="fas fa-circle text-warning"></i><span>Instrument delayed</span></li>
+    <li><i class="fas fa-circle text-danger"></i><span>Instrument offline</span></li>
   </ul>
 </div>
-{% endblock content %}
+{% endif %}
+{% endblock %}
 {% block script %}
 <script>
   function pad(num) {
@@ -29,9 +48,7 @@
     var hours = Math.floor(minutes/60)
     minutes = minutes%60;
     return pad(hours)+":"+pad(minutes)+":"+pad(secs);
-  }
-  $("#loader").css("display", "none");
-    
+  }    
     /* This part create a new socket named "socket" to comunicate
        if there is new data we could be able to change some attributes of a class*/
     var socket = new WebSocket('ws://' + window.location.host +'/ws/main/');
@@ -45,15 +62,15 @@
       var code =  data['code'];
       console.log(code);
       var value = data['value'];
-      var time = moment(new Date(data['time']*1000)).format('hh:mm:ss a');
+      var time = moment(new Date(data['time']*1000)).format('HH:mm:ss');
     
     /*This conditional ask if value(send by server) is online, and if it is then
       change value to online in div with id="#alert_"+code*/  
       
       $("#date_"+code).text("Last data: "+time);
-      $("#card_"+code).removeClass().addClass("card mb-4 box-shadow text-"+value+" border-"+value);
+      $("#card_"+code).removeClass().addClass("card m-1 box-shadow text-"+value+" border-"+value);
       $("#card_header_"+code).removeClass().addClass("card-header text-white bg-"+value);
-      $("#card_body_"+code).find("a").removeClass().addClass("btn btn-outline-"+value);
+      $("#card_body_"+code).find("a").removeClass().addClass("btn mt-1 btn-outline-"+value);
     };
 
     if (socket.readyState == WebSocket.OPEN) {
diff --git a/plotter/templates/plot.html b/plotter/templates/plot.html
index 8e16bcf..4d7443f 100644
--- a/plotter/templates/plot.html
+++ b/plotter/templates/plot.html
@@ -1,24 +1,26 @@
-{% extends 'base.html' %} {% load static %} {% load bootstrap4 %} {% block content %}
-<div class="bc-icons">
-  <nav aria-label="breadcrumb">
-    <ol class="breadcrumb bg-transparent mb-0 p-0">
-      {% for item in menu_list %}
-      <li class="breadcrumb-item">{{item}}
-        {% if forloop.last is False %}<i class="fas fa-caret-right mx-2" aria-hidden="true"></i>{% endif %}</li>
-      {% endfor %}
-    </ol>
-  </nav>
-</div>
+{% extends 'base.html' %} {% load static %} {% load bootstrap4 %} 
+
+{% block sidebar_content %}
+<h5>{{name}}</h5>
+<nav class="nav flex-column">
+{% for plot in plots %}
+  <a class="nav-link" href="{% url 'url-plot' code plot.plot %}">{{plot.name}}</a>
+{% endfor %}
+</nav>
+{% endblock %}
+
+{% block content %}
 <div class="row justify-content-center">
-  <div id="loader" class="col-sm-2 loader"></div>
+  <div id="loader" class="m-5 loader"></div>
 </div>
 <div id="plot" {%if meta.metadata.type == 'pcolor' %}class="row"{%endif%}>
   {% if image %}
   <img id="image" class="img-fluid"/>
   {% endif %}
 </div>
+{% endblock content %} 
 
-{% endblock content %} {% block modal %}
+{% block modal %}
 <!-- Modal -->
 {% if setup_form %}
 <div class="modal fade" id="setup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
diff --git a/plotter/templates/tools.html b/plotter/templates/tools.html
index cabe751..584c494 100644
--- a/plotter/templates/tools.html
+++ b/plotter/templates/tools.html
@@ -9,34 +9,99 @@
       <h5 class="card-title">Sky noise</h5>
       <p class="card-text">Sky brightness at 50 MHz, useful for antenna calibrations and measure radar's sensitivity.
       </p>
-      <div class="input-group input-group-sm">
-        <div class="input-group-prepend">
-          <span class="input-group-text" id="validationTooltipSkynoiseDate"><i class="fas fa-calendar"
-              aria-hidden="true"></i></span>
-        </div>
-        <input type="text" class="form-control" id="skynoise-date" placeholder="dd/mm/yy"
-          aria-describedby="validationTooltipSkynoiseDate" value="{% now 'd-m-Y' %}" required>
+        <input type="date" class="form-control tools-date" id="skynoise-date" placeholder="dd/mm/yy"
+          aria-describedby="validationTooltipSkynoiseDate" value="{% now 'Y-m-d' %}" required>
         <div class="invalid-tooltip">
           Please enter a valid date.
         </div>
-        <a class="btn btn-primary" data-toggle="modal" href="#toolModal" data-title="Sky Noise"
+        <a class="btn btn-primary m-1" data-toggle="modal" href="#toolModal" data-title="Sky Noise"
           data-image="{% url 'url_skynoise' %}">Go</a>
-      </div>
     </div>
   </div>
+
   <div class="card text-justify">
-    <img src="{% static 'images/kp.png' %}" class="card-img-top" alt="...">
     <div class="card-body">
-      <h5 class="card-title">Kp Index</h5>
-      <p class="card-text">The K-index, are used to characterize the magnitude of geomagnetic storms. Kp is an excellent
-        indicator of disturbances in the Earth's magnetic field (<a
-          href="https://www.swpc.noaa.gov/products/planetary-k-index" target="_blank">NOAA/SWPC</a>).</p>
-      <a class="btn btn-primary" data-toggle="modal" href="#toolModal" data-title="Kp Index"
-        data-image="https://services.swpc.noaa.gov/images/planetary-k-index.gif">Go</a>
+      <h5 class="card-title">Over JRO</h5>
+      <p class="card-text">Main antenna radiation pattern for several experiments.
+      
+        <input type="date" class="form-control form-control-sm tools-date" id="overjro-date" placeholder="dd/mm/yy"
+          aria-describedby="validationTooltipOverJRODate" value="{% now 'Y-m-d' %}" required>
+        <div class="invalid-tooltip">
+          Please enter a valid date.
+        </div>
+        <select name="experiment" class="form-control form-control-sm">
+          <option value="-1">Experiment:</option>
+          <option value="-1">------------------</option>
+          <option value="20">Vertical Drifts</option>
+          <option value="[21,22]">East West 1996</option>
+          <option value="[25,26]">East West 2003</option>
+          <option value="23">Differential Phase 2000</option>
+          <option value="24">Differential Phase 2004 High Alt</option>
+          <option value="27">Differential Phase 2005 - 2006</option>
+          <option value="[28,29]">DEWD 2005</option>
+                      <option value="2710">DVD 2006 - 2008</option>
+          <option value="-1">------------------</option>
+          <option value="10">Oblique ISR On-Axis</option>
+          <option value="11">Oblique ISR 4.5</option>
+          <option value="12">Oblique ISR 6.0S</option>
+          <option value="13">Oblique ISR 3.0N</option>
+          <option value="-1">------------------</option>
+          <option value="[30,31]">JULIA CP2</option>
+          <option value="32">JULIA CP3</option>
+          <option value="35">JULIA V (2005-2006)</option>
+          <option value="[33,34]">JULIA EW 2003</option>
+                      <option value="[35,36]">JULIA EW (2006-2007)</option>
+          <option value="-1">------------------</option>
+          <option value="0">Modulo Rx</option>
+          <option value="1">1/16 Rx</option>
+          <option value="2">1/4 Rx</option>
+          <option value="3">All Rx</option>
+          <option value="-1">------------------</option>
+          <option value="40">EW Imaging 1996</option>
+          <option value="41">EW Imaging 2003</option>
+                      <option value="43">EW Imaging 2006-2008</option>
+          <option value="-1">------------------</option>		
+          <option value="50">MST North (Fritts)</option>
+          <option value="51">MST West (Fritts)</option>
+          <option value="52">MST South (Fritts)</option>
+          <option value="53">MST East (Fritts)</option>
+          <option value="-1">------------------</option>
+          <option value="54">Vertical (Yellow Cables)</option>
+        </select>
+        <br>
+        <p class="card-text">Choose object:
+        <div class="form-check card-text">
+        <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
+        <label class="form-check-label" for="inlineCheckbox1">B Field</label><br>
+        <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
+        <label class="form-check-label" for="inlineCheckbox1">Sun</label><br>
+        <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
+        <label class="form-check-label" for="inlineCheckbox1">Moon</label><br>
+        <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
+        <label class="form-check-label" for="inlineCheckbox1">Hydra</label><br>
+        <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
+        <label class="form-check-label" for="inlineCheckbox1">Galaxy Center</label>
+        </div>  
+      </p>
+      </div>
+        <a class="btn btn-primary m-1" data-toggle="modal" href="#toolModal" data-title="Over JRO"
+          data-image="{% url 'url_overjro' %}">Go</a>
+    </div>
+  
+    <div class="card text-justify">
+      <img src="{% static 'images/kp.png' %}" class="card-img-top" alt="...">
+      <div class="card-body">
+        <h5 class="card-title">Kp Index</h5>
+        <p class="card-text">The K-index, are used to characterize the magnitude of geomagnetic storms. Kp is an excellent
+          indicator of disturbances in the Earth's magnetic field (<a
+            href="https://www.swpc.noaa.gov/products/planetary-k-index" target="_blank">NOAA/SWPC</a>).</p>
+        <a class="btn btn-primary" data-toggle="modal" href="#toolModal" data-title="Kp Index"
+          data-image="https://services.swpc.noaa.gov/images/planetary-k-index.gif">Go</a>
+      </div>
     </div>
   </div>
+
 </div>
-<br><br>
 
 <!-- Modal -->
 <div class="modal fade" id="toolModal" tabindex="-1" role="dialog" aria-labelledby="toolModalTitle" aria-hidden="true">
diff --git a/plotter/urls.py b/plotter/urls.py
index 50857bc..b7cc19e 100644
--- a/plotter/urls.py
+++ b/plotter/urls.py
@@ -1,12 +1,14 @@
 from django.conf.urls import url
-from .views import main, plot, tools, plot_skynoise, reports, about
+from .views import main, plot, tools, plot_skynoise, reports, about, plot_overjro
 
 
 urlpatterns = [
     url(r'^$', main, name='url_main'),
+    url(r'^experiment/(?P<tag>[-\w]+)/$', main, name='url_main'),
     url(r'^tools/$', tools, name='url_tools'),
     url(r'^tools/skynoise.png$', plot_skynoise, name='url_skynoise'),
+    url(r'^tools/overjro.png$', plot_overjro, name='url_overjro'),
     url(r'^reports/$', reports, name='url_reports'),
     url(r'^about/$', about, name='url_about'),
-    url(r'^(?P<code>[0-9]+)/(?P<plot>[-\w]+)/$', plot, name='url-plot'),
+    url(r'^plot/(?P<code>[0-9]+)/(?P<plot>[-\w]+)/$', plot, name='url-plot'),
 ]
diff --git a/plotter/views.py b/plotter/views.py
index fc80948..21df865 100644
--- a/plotter/views.py
+++ b/plotter/views.py
@@ -68,50 +68,74 @@ class SPCSetupForm(forms.Form):
     zmin = forms.CharField(initial=10)
 
 # Create your views here.
-def main(request):
+def main(request, tag=None):
     
     kwargs = {}
     date = request.GET.get('date', datetime.now().strftime('%d-%m-%Y'))
     exps = ExpDetail.objects(date=datetime.strptime(date, '%d-%m-%Y'))
-    experiments = []
     
+    tmp = {}
     for exp in exps:
-        dum = {}
-        dum['code'] = exp.experiment.code
-        dum['plots'] = []
-        dum['name'] = exp.experiment.name
-        dt = datetime.now()
-        
-        t = time.mktime(dt.timetuple())
-        t -= 5*60*60
-
-        if (t-exp['last_time']) > 6*exp['interval']:
-            status = 'Offline'
-            clase = 'alertas-offline'
-            style = 'danger'
-            lastDataDate = exp['last_time']
-        elif (t-exp['last_time']) > 3*exp['interval']:
-            status = 'Delayed'
-            clase = 'alertas-delayed'
-            style = 'warning'
-            lastDataDate = exp['last_time']
+        label = exp.tag.lower().strip() if exp.tag else 'other'
+        if label in tmp:
+            tmp[label] += 1
+        else:
+            tmp[label] = 1
+    tags = []
+    
+    for key, value in tmp.items():
+        if tag == key:
+            tags.append({'name': key, 'n': tmp[key], 'active': 'active'})
         else:
-            status = 'Online'
-            clase = 'alertas-online'
-            style = 'success'
-            lastDataDate = exp['last_time']
-
-        dum['status'] = status
-        dum['class'] = clase
-        dum['style']= style
-        dum['date']= datetime.utcfromtimestamp(lastDataDate)
-        for plot in exp.plots():
-            dum['plots'].append({'plot': plot.plot, 'name': plot.plot.replace('_', ' ').title(), 'id':plot.id})
-        experiments.append(dum)
+            tags.append({'name': key, 'n': tmp[key]})
+        
+    kwargs['tags'] = tags
     
+    if tag:
+        experiments = []
+        for exp in exps:
+            label = exp.tag.lower().strip() if exp.tag else 'other'
+            if label != tag:
+                continue
+            dum = {}
+            dum['code'] = exp.experiment.code
+            dum['plots'] = []
+            dum['name'] = exp.experiment.name
+            dt = datetime.now()
+            
+            t = time.mktime(dt.timetuple())
+            t -= 5*60*60
+
+            if (t-exp['last_time']) > 6*exp['interval']:
+                status = 'Offline'
+                clase = 'alertas-offline'
+                style = 'danger'
+                lastDataDate = exp['last_time']
+            elif (t-exp['last_time']) > 3*exp['interval']:
+                status = 'Delayed'
+                clase = 'alertas-delayed'
+                style = 'warning'
+                lastDataDate = exp['last_time']
+            else:
+                status = 'Online'
+                clase = 'alertas-online'
+                style = 'success'
+                lastDataDate = exp['last_time']
+
+            dum['status'] = status
+            dum['class'] = clase
+            dum['style']= style
+            dum['date']= datetime.utcfromtimestamp(lastDataDate)
+            for plot in exp.plots():
+                dum['plots'].append({'plot': plot.plot, 'name': plot.plot.replace('_', ' ').title(), 'id':plot.id})
+            experiments.append(dum)
+        
+        kwargs['experiments'] = experiments
+        
     kwargs['date'] = date
-    kwargs['experiments'] = experiments
+    
     kwargs['title'] = 'Realtime Experiments at JRO'
+    kwargs['sidebar'] = True
     
     return render(request, 'home.html', kwargs)
 
@@ -152,7 +176,7 @@ def plot(request, code=None, plot=None):
     exp = Experiment.objects.get(code=int(code))
     detail = ExpDetail.objects.get(experiment=exp, date=datetime.strptime(date, '%d-%m-%Y'))
     meta = PlotMeta.objects.get(exp_detail=detail, plot=plot)
-    
+
     kwargs = {
         'code': code,
         'plot': plot,
@@ -160,9 +184,15 @@ def plot(request, code=None, plot=None):
         'date': date,
         'id': meta.pk,
         'realtime': realtime,
-        'title': 'Realtime',
-        'menu_list': [exp.name, meta.plot.replace('_', ' ').title()]
+        'title': 'Realtime Experiments at JRO',
+        'name' : exp.name,
+        'sidebar': True,
+        'plots': []
     }
+
+    for plt in detail.plots():
+        kwargs['plots'].append({'plot': plt.plot, 'name': plt.plot.replace('_', ' ').title()})
+
     # Logic to show my views
     if meta.metadata['type'] == 'pcolorbuffer':
         kwargs['setup_form'] = RTISetupForm()
@@ -189,9 +219,22 @@ def plot_skynoise(request):
     if date is None:
         date = datetime.now()
     else:
-        date = datetime.strptime(date, '%d-%m-%Y')
+        date = datetime.strptime(date, '%Y-%m-%d')
     
     data = skynoise_plot(date.year, date.month, date.day)
     response = HttpResponse(data.getvalue(), content_type='image/png')
     
     return response
+
+def plot_overjro(request):
+
+    date = request.GET.get('date', None)
+    if date is None:
+        date = datetime.now()
+    else:
+        date = datetime.strptime(date, '%Y-%m-%d')
+    
+    data = skynoise_plot(date.year, date.month, date.day)
+    response = HttpResponse(data.getvalue(), content_type='image/png')
+    
+    return response
\ No newline at end of file
diff --git a/scripts/server.py b/scripts/server.py
index 22b0fb9..63d81cd 100644
--- a/scripts/server.py
+++ b/scripts/server.py
@@ -9,10 +9,12 @@ from datetime import datetime
 import time
 import zmq
 import mongoengine
+import django
 from threading import Thread
 
 sys.path.append(os.environ.get('APP_DIR', '../'))
 os.environ.setdefault("DJANGO_SETTINGS_MODULE", "realtime.settings")
+django.setup()
 
 from plotter.models import Experiment, ExpDetail, PlotMeta, PlotData
 
@@ -44,6 +46,7 @@ def loaddata():
 def update(buffer):
     dt = datetime.utcfromtimestamp(buffer['time'])
     interval = buffer['metadata'].pop('interval')
+    tag = buffer['metadata'].pop('tag') if 'tag' in buffer['metadata'] else ''
     exp = Experiment.objects.get(code=buffer['code'])
 
     detail = ExpDetail.objects(experiment=exp, date=dt.date()).modify(
@@ -52,7 +55,8 @@ def update(buffer):
         set__experiment=exp,
         set__date=dt.date(),
         set__last_time = buffer['time'],
-        set__interval = interval
+        set__interval = interval,
+        set__tag = tag,
     )
 
     label = buffer['plot'].replace(' ', '_').lower()