diff --git a/Website/apiConnector.js b/Website/apiConnector.js
new file mode 100644
index 0000000..9e40e55
--- /dev/null
+++ b/Website/apiConnector.js
@@ -0,0 +1,8 @@
+const apiUri = "http://localhost:5177";
+
+function GetTasks(){
+    var getTaskUri = apiUri + "/Tasks/GetList";
+    fetch(getTaskUri)
+        .then(response => response.json())
+        .catch(error => console.error('Unable to get items.', error));
+}
\ No newline at end of file
diff --git a/Website/index.html b/Website/index.html
index b03e6d1..10f6daf 100644
--- a/Website/index.html
+++ b/Website/index.html
@@ -40,6 +40,7 @@
   <settingstab id="settingstab">
 
   </settingstab>
+  <script src="apiConnector.js"></script>
   <script src="interaction.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/Website/style.css b/Website/style.css
index ecfbe43..5c37e87 100644
--- a/Website/style.css
+++ b/Website/style.css
@@ -78,6 +78,7 @@ searchdiv{
 }
 
 #settingscog {
+    cursor: pointer;
     margin: 0px 30px;
     height: calc(100% - 40px);
     filter: invert(100%) sepia(0%) saturate(7465%) hue-rotate(115deg) brightness(116%) contrast(101%);
@@ -125,6 +126,7 @@ settingstab{
 }
 
 #addPublication {
+    cursor: pointer;
     background-color: var(--secondary-color);
     width: 180px;
     height: 300px;
@@ -154,6 +156,7 @@ settingstab{
 }
 
 publication{
+    cursor: pointer;
     background-color: var(--secondary-color);
     width: 180px;
     height: 300px;