feat(ARTIQ): Adds grafana

content/experiment-control/artiq.md

@@ -52,6 +52,10 @@ Technologies employed include <a href="http://python.org/" target="_blank" rel="
 
 
 
+{{ layout_centered_img(title="Grafana linked to ARTIQ, monitoring an Opticlock ion trap", src='images/grafana@2x.png', popup='images/origin/grafana.png', alt='grafana', shadow=true) }}
+
+
+
 {{ layout_centered_img(src='images/comp@2x.png', alt='comp') }}
 
 

templates/shortcodes/layout_centered_img.html

@@ -1,8 +1,14 @@
 <div class="{% if css %}{{ css }}{% else %}row d-flex align-items-center mt-5 mb-5{% endif %}">
 
-  <div class="col-12 text-center">
+  <div class="col-12 col-md-8 mx-auto text-center">
 
-    <img class="img-fluid" {% if popup %}data-popup="true" data-nsrc="{{ get_url(path=popup, cachebust=true) }}"{% endif %} src="{{ get_url(path=src) }}" alt="{{ alt }}">
+    {% if title %}<h5>{{ title }}</h5>{% endif %}
+
+    <div class="card {% if shadow %}shadow{% endif %}">
+
+      <img class="card-img-top img-fluid" {% if popup %}data-popup="true" data-nsrc="{{ get_url(path=popup, cachebust=true) }}"{% endif %} src="{{ get_url(path=src) }}" alt="{{ alt }}">
+
+    </div>
 
   </div>