added a viewer panel

1 files changed, 51 insertions, 34 deletions

diff --git a/src/index.html b/src/index.html
index 1a869cc..312144d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -154,46 +154,63 @@
       </div>
       <!-- /.row -->
 
-        <!-- content row -->
-        <div class="row">
-          <div class="col-md-4 mb-4">
-            <div class="card h-100">
-              <div class="card-body">
-                <h2 class="card-title">Simulator</h2>
-                <p class="card-text">The simulator container get's stars from the manager and calculates the forces acting on it. It then inserts the new star into the database.</p>
-              </div>
-              <div class="card-footer">
-                <a href="http://simulator.nbg1.emile.space" class="btn btn-primary">simulator</a>
-              </div>
+      <!-- content row -->
+      <div class="row">
+        <div class="col-md-4 mb-4">
+          <div class="card h-100">
+            <div class="card-body">
+              <h2 class="card-title">Simulator</h2>
+              <p class="card-text">The simulator container get's stars from the manager and calculates the forces acting on it. It then inserts the new star into the database.</p>
+            </div>
+            <div class="card-footer">
+              <a href="http://simulator.nbg1.emile.space" class="btn btn-primary">simulator</a>
             </div>
           </div>
-          <!-- /.col-md-4 -->
-          <div class="col-md-4 mb-4">
-            <div class="card h-100">
-              <div class="card-body">
-                <h2 class="card-title">Traefik</h2>
-                <p class="card-text"><a href="https://traefik.io/">Traefik</a> ist used as a reverse proxy for some services such as the generator container. It also allows a lot of other services to work.</p>
-              </div>
-              <div class="card-footer">
-                <a href="http://traefik.nbg1.emile.space" class="btn btn-primary">traefik</a>
-              </div>
+        </div>
+        <!-- /.col-md-4 -->
+        <div class="col-md-4 mb-4">
+          <div class="card h-100">
+            <div class="card-body">
+              <h2 class="card-title">Traefik</h2>
+              <p class="card-text"><a href="https://traefik.io/">Traefik</a> ist used as a reverse proxy for some services such as the generator container. It also allows a lot of other services to work.</p>
+            </div>
+            <div class="card-footer">
+              <a href="http://traefik.nbg1.emile.space" class="btn btn-primary">traefik</a>
+            </div>
+          </div>
+        </div>
+        <!-- /.col-md-4 -->
+        <div class="col-md-4 mb-4">
+          <div class="card h-100">
+            <div class="card-body">
+              <h2 class="card-title">Monitoring</h2>
+              <p class="card-text">Monitoring is done by combining the power of <a href="https://prometheus.io">Prometheus</a> and <a href="https://grafana.com/">Grafana</a> using the other containers as targets to pull metrics from.</p>
+            </div>
+            <div class="card-footer">
+              <a href="http://manager.nbg1.emile.space" class="btn btn-primary">manager</a>
+              <a href="http://prometheus.nbg1.emile.space" class="btn btn-primary">prometheus</a>
+              <a href="http://grafana.nbg1.emile.space" class="btn btn-primary">grafana</a>
             </div>
           </div>
-          <!-- /.col-md-4 -->
-          <div class="col-md-4 mb-4">
-            <div class="card h-100">
-              <div class="card-body">
-                <h2 class="card-title">Monitoring</h2>
-                <p class="card-text">Monitoring is done by combining the power of <a href="https://prometheus.io">Prometheus</a> and <a href="https://grafana.com/">Grafana</a> using the other containers as targets to pull metrics from.</p>
-              </div>
-              <div class="card-footer">
-                <a href="http://manager.nbg1.emile.space" class="btn btn-primary">manager</a>
-                <a href="http://prometheus.nbg1.emile.space" class="btn btn-primary">prometheus</a>
-                <a href="http://grafana.nbg1.emile.space" class="btn btn-primary">grafana</a>
-              </div>
+        </div>
+        <!-- /.col-md-4 -->
+      </div>
+      <!-- /.row -->
+
+      <!-- content row -->
+      <div class="row">
+        <div class="col-md-4 mb-4">
+          <div class="card h-100">
+            <div class="card-body">
+              <h2 class="card-title">Viewer</h2>
+              <p class="card-text">Viewing the galaxies that were generated in the form of scalable vector graphics</p>
+            </div>
+            <div class="card-footer">
+              <a href="http://viewer.nbg1.emile.space/drawtree/0" class="btn btn-primary">viewer</a>
             </div>
           </div>
-          <!-- /.col-md-4 -->
+        </div>
+        <!-- /.col-md-4 -->
       </div>
       <!-- /.row -->