diff --git a/www/content-card-example.js b/www/content-card-example.js
deleted file mode 120000
index 5ce94c3..0000000
--- a/www/content-card-example.js
+++ /dev/null
@@ -1 +0,0 @@
-/Users/jurajnyiri/.homeassistant/www/content-card-example.js
\ No newline at end of file
diff --git a/www/content-card-example.js b/www/content-card-example.js
new file mode 100644
index 0000000..20e31a3
--- /dev/null
+++ b/www/content-card-example.js
@@ -0,0 +1,103 @@
+class ContentCardExample extends HTMLElement {
+  data = {}; // placeholder
+
+  set hass(hass) {
+    if (!this.content) {
+      //todo: replace this with a proper integration
+      var xmlHttp = new XMLHttpRequest();
+      xmlHttp.open("GET", "/local/plexData.json", false); // false for synchronous request
+      xmlHttp.send(null);
+      this.data = JSON.parse(xmlHttp.responseText);
+
+      const card = document.createElement("ha-card");
+      card.header = "Movies";
+      this.content = document.createElement("div");
+      this.content.style.padding = "0 16px 16px";
+      this.content.style.cursor = "pointer";
+      card.appendChild(this.content);
+      this.appendChild(card);
+      this.content.innerHTML = "";
+      var count = 0;
+      var maxCount = 10000;
+      this.data.Movies.some((movieData) => {
+        if (count < maxCount) {
+          count++;
+          this.content.appendChild(
+            this.getMovieElement(movieData, hass, this.data.server_id)
+          );
+        } else {
+          return true;
+        }
+      });
+      const endElem = document.createElement("div");
+      endElem.style = "clear:both;";
+      this.content.appendChild(endElem);
+    }
+  }
+
+  getMovieElement = (data, hass, server_id) => {
+    const thumbURL =
+      "http://" +
+      this.config.plexIP +
+      ":" +
+      this.config.plexPort +
+      data.thumb +
+      "?X-Plex-Token=" +
+      this.config.plexToken;
+    const thumbSmall =
+      "http://" +
+      this.config.plexIP +
+      ":" +
+      this.config.plexPort +
+      "/photo/:/transcode?width=138&height=206&minSize=1&upscale=1&url=" +
+      data.thumb +
+      "%3FX-Plex-Token%3DRbdSQWgKZ_3NqxzZnRwk&X-Plex-Token=RbdSQWgKZ_3NqxzZnRwk";
+    //const thumbElem = document.createElement("img");
+    //thumbElem.src = thumbURL;
+    //thumbElem.style = "width:100%;";
+    const movieElem = document.createElement("div");
+    //movieElem.appendChild(thumbElem);
+    movieElem.style =
+      "float:left; width:138px; height:206px; margin-right:10px; margin-bottom:10px; background-image: url('" +
+      thumbSmall +
+      "'); background-repeat: no-repeat; background-size: contain;";
+    movieElem.innerHTML = data.title;
+    movieElem.addEventListener("click", function (event) {
+      var keyParts = data.key.split("/");
+      var movieID = keyParts[keyParts.length - 1];
+      var command =
+        "am start -a android.intent.action.VIEW 'plex://server://" +
+        server_id +
+        "/com.plexapp.plugins.library/library/metadata/" +
+        movieID +
+        "'";
+      console.log(command);
+      hass.callService("androidtv", "adb_command", {
+        entity_id: "media_player.living_room_nvidia_shield",
+        command,
+      });
+    });
+    return movieElem;
+  };
+
+  setConfig(config) {
+    if (!config.plexToken) {
+      throw new Error("You need to define an plex token");
+    }
+    if (!config.plexIP) {
+      throw new Error("You need to define an plex IP");
+    }
+    if (!config.plexPort) {
+      throw new Error("You need to define an plex port");
+    }
+    this.config = config;
+  }
+
+  // The height of your card. Home Assistant uses this to automatically
+  // distribute all cards over the available columns.
+  getCardSize() {
+    return 3;
+  }
+}
+
+customElements.define("content-card-example", ContentCardExample);