diff --git a/server.py b/server.py
index 35188d4..51e3bf3 100644
--- a/server.py
+++ b/server.py
@@ -1,4 +1,4 @@
-from flask import Flask, render_template
+from flask import Flask, render_template, jsonify
 
 app = Flask(__name__)
 
@@ -12,4 +12,18 @@ def index():
 def test():
     return render_template('test.html')
 
+
+@app.route('/api/servers')
+def get_servers():
+    servers = [
+        {'name': 'server1', 'description': 'My number 1 server',
+            'image': 'http://placebeard.it/64/64?beard=1'},
+        {'name': 'server2', 'description': 'My number 2 server',
+            'image': 'http://placebeard.it/64/64?beard=2'},
+        {'name': 'server3', 'description': 'My number 3 server',
+            'image': 'http://placebeard.it/64/64?beard=3'},
+    ]
+    return jsonify(servers)
+
+
 app.run(debug=True)
diff --git a/templates/index.html b/templates/index.html
index e65aa2c..c5f768e 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -43,6 +43,15 @@
 
 {% block scripts %}
 <script>
+    document.addEventListener('DOMContentLoaded', function () {
+
+    });
+
+    document.addEventListener('mousedown', function (event) {
+        console.log('index', 'mousedownX', event.clientX);
+        console.log('index', 'mousedownY', event.clientY);
+    });
+
     function selectMe(event) {
         //this is the wrong way
         //later, we will figure out why!