diff --git a/Dockerfile b/Dockerfile
index 63d6c8a..b073ad8 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -6,14 +6,14 @@ ENV DEBIAN_FRONTEND=noninteractive
 
 # Install lighttpd and clean up apt cache
 RUN apt update && \
-    apt install -y --no-install-recommends lighttpd && \
+    apt install -y --no-install-recommends lighttpd
 
 # Expose the default lighttpd port
 EXPOSE 80
 
-# Copy any custom config or website content if needed
-# COPY ./lighttpd.conf /etc/lighttpd/lighttpd.conf
-# COPY ./html /var/www/html
+# Copy custom config and website content
+COPY ./lighttpd_targo.conf /etc/lighttpd/lighttpd.conf
+COPY ./html /var/www/html
 
 # Start lighttpd in the foreground
 CMD ["lighttpd", "-D", "-f", "/etc/lighttpd/lighttpd.conf"]
diff --git a/html/index.html b/html/index.html
new file mode 100644
index 0000000..b26d830
--- /dev/null
+++ b/html/index.html
@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>TV Channel ID Manager</title>
+  
+  <!-- Bootstrap 5 via CDN -->
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr" crossorigin="anonymous">
+  
+  <style>
+    .body-container {
+      max-width: 600px;
+      margin: auto;
+    }
+    h1 {
+      text-align: center;
+    }
+    form {
+      margin-top: 1em;
+    }
+    .id-input {
+      display: flex;
+      margin-bottom: 0.5em;
+    }
+    .id-input input {
+      flex-grow: 1;
+      padding: 0.5em;
+    }
+    .controls {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+    .controls button {
+      padding: 0.5em 1em;
+      margin-top: 1em;
+    }
+    .bg-targo-green{
+      background-color: #019547;
+    }
+  </style>
+</head>
+
+<nav class="navbar bg-targo-green">
+  <div class="container-fluid">
+    <a class="navbar-brand" href="#">
+      <img src="https://www.targo.ca/wp-content/uploads/2022/03/logo-1.png" alt="Bootstrap" height="32" class="d-inline">
+      <div class="d-inline p-3 text-light">CHANNEL ID MANAGER</div>
+    </a>
+  </div>
+</nav>
+
+<body>
+  <div class="body-container">
+    <ul id="channelList" class="list-group mt-5 text-center">Loading...</ul>
+
+    <form id="addForm">
+      <div id="inputs">
+        <!-- Inputs will be dynamically added here -->
+      </div>
+
+      <div class="controls">
+        <button type="button" id="addField" class="btn btn-outline-primary">+ Add Field</button>
+        <button type="submit" class="btn btn-primary" id="liveToastBtn">Submit All</button>
+      </div>
+    </form>
+
+    
+    <div class="toast-container position-fixed bottom-0 start-50 translate-middle p-3">
+      <div class="toast" role="alert" id="liveToast">
+        <div class="toast-header">
+          <img id="toast-image" src="" alt="" height="48">
+          <strong class="me-auto" id="toast-header"></strong>
+          <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
+        </div>
+        <div class="toast-body" id="toast-body"></div>
+      </div>
+    </div>
+  </div>
+
+  <script type="importmap">
+    {
+      "imports": {
+        "@popperjs/core": "https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/esm/popper.min.js",
+        "bootstrap": "https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.esm.min.js"
+      }
+    }
+  </script>
+
+  <script type="module">
+    import * as bootstrap from 'bootstrap'
+  
+    const inputsContainer = document.getElementById("inputs");
+    const addForm = document.getElementById("addForm");
+    const toastHeader = document.getElementById("toast-header");
+    const toastBody = document.getElementById("toast-body");
+    const toastTrigger = document.getElementById('liveToastBtn')
+    const toastLiveExample = document.getElementById('liveToast')
+    const toastImage = document.getElementById('toast-image')
+
+    function createInputField(value = "") {
+      const div = document.createElement("div");
+      div.className = "input-group mb-3";
+      
+      const prependSpan = document.createElement("span");
+      prependSpan.textContent = "Channel ID";
+      prependSpan.className = "input-group-text";
+      prependSpan.id = "basic-addon1";
+
+      const input = document.createElement("input");
+      input.type = "text";
+      input.placeholder = "Example: meteomedia.ca";
+      input.className = "form-control";
+      input.value = value;
+
+      const removeBtn = document.createElement("button");
+      removeBtn.type = "button";
+      removeBtn.textContent = "Remove";
+      removeBtn.className = "btn btn-outline-danger";
+      removeBtn.onclick = () => div.remove();
+
+      div.appendChild(prependSpan);
+      div.appendChild(input);
+      div.appendChild(removeBtn);
+      return div;
+    }
+
+    function addInputField(value = "") {
+      inputsContainer.appendChild(createInputField(value));
+    }
+
+    document.getElementById("addField").addEventListener("click", () => {
+      addInputField();
+    });
+
+    addForm.addEventListener("submit", async (e) => {
+      e.preventDefault();
+      const ids = Array.from(inputsContainer.querySelectorAll("input"))
+        .map(input => input.value.trim())
+        .filter(id => id.length > 0);
+      console.log(ids)
+
+      if (ids.length === 0) {
+        toastImage.src = "https://media.tenor.com/SB7g0zs9y6YAAAAM/jurassic-park.gif"
+        toastHeader.textContent = "Whoops!"
+        toastBody.textContent = "Please enter at least one ID.";
+        return;
+      }
+
+      
+      const res = await fetch("/add-id", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ids })
+      });
+      
+      if (res.ok) {
+        inputsContainer.innerHTML = "";
+        for (let i = 0; i < 3; i++) addInputField();
+        loadIDs();
+        toastImage.src = ""
+        toastHeader.textContent = "Success!"
+        toastBody.textContent = "ID list successfully updated.";
+      } else {
+        toastImage.src = "https://media.tenor.com/SB7g0zs9y6YAAAAM/jurassic-park.gif"
+        toastHeader.textContent = "Whoops!"
+        toastBody.textContent = "Failed to submit IDs.";
+      }
+    });
+
+    async function loadIDs() {
+      const res = await fetch("/data/xml_tv_ids.txt");
+      const text = await res.text();
+      const ids = text.trim().split('\n');
+      const list = document.getElementById("channelList");
+      list.innerHTML = '';
+      ids.forEach(id => {
+        const li = document.createElement("li");
+        li.textContent = id;
+        li.className = "list-group-item";
+        list.appendChild(li);
+      });
+    }
+
+    if (toastTrigger) {
+      const toastBootstrap = bootstrap.Toast.getOrCreateInstance(toastLiveExample)
+      toastTrigger.addEventListener('click', () => {
+        toastBootstrap.show()
+      })
+    }
+
+    // Start with 3 fields
+    for (let i = 0; i < 3; i++) addInputField();
+    loadIDs();
+  </script>
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js" integrity="sha384-ndDqU0Gzau9qJ1lfW4pNLlhNTkCfHzAVBReH9diLvGRem5+R9g2FzA8ZGN954O5Q" crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.min.js" integrity="sha384-7qAoOXltbVP82dhxHAUje59V5r2YsVfBafyUDxEdApLPmcdhBPg1DKg1ERo0BZlK" crossorigin="anonymous"></script>
+</body>
+</html>
diff --git a/lighttpd_targo.conf b/lighttpd_targo.conf
new file mode 100644
index 0000000..6d04600
--- /dev/null
+++ b/lighttpd_targo.conf
@@ -0,0 +1,59 @@
+server.modules = (
+        "mod_indexfile",
+        "mod_access",
+        "mod_alias",
+        "mod_redirect",
+		"mod_setenv",
+)
+
+server.document-root        = "/var/www/html"
+server.upload-dirs          = ( "/var/cache/lighttpd/uploads" )
+server.errorlog             = "/var/log/lighttpd/error.log"
+server.pid-file             = "/run/lighttpd.pid"
+server.username             = "www-data"
+server.groupname            = "www-data"
+server.port                 = 80
+
+# features
+#https://redmine.lighttpd.net/projects/lighttpd/wiki/Server_feature-flagsDetails
+server.feature-flags       += ("server.h2proto" => "enable")
+server.feature-flags       += ("server.h2c"     => "enable")
+server.feature-flags       += ("server.graceful-shutdown-timeout" => 5)
+#server.feature-flags       += ("server.graceful-restart-bg" => "enable")
+
+# strict parsing and normalization of URL for consistency and security
+# https://redmine.lighttpd.net/projects/lighttpd/wiki/Server_http-parseoptsDetails
+# (might need to explicitly set "url-path-2f-decode" = "disable"
+#  if a specific application is encoding URLs inside url-path)
+server.http-parseopts = (
+  "header-strict"           => "enable",# default
+  "host-strict"             => "enable",# default
+  "host-normalize"          => "enable",# default
+  "url-normalize-unreserved"=> "enable",# recommended highly
+  "url-normalize-required"  => "enable",# recommended
+  "url-ctrls-reject"        => "enable",# recommended
+  "url-path-2f-decode"      => "enable",# recommended highly (unless breaks app)
+ #"url-path-2f-reject"      => "enable",
+  "url-path-dotseg-remove"  => "enable",# recommended highly (unless breaks app)
+ #"url-path-dotseg-reject"  => "enable",
+ #"url-query-20-plus"       => "enable",# consistency in query string
+)
+
+index-file.names            = ( "index.php", "index.html" )
+url.access-deny             = ( "~", ".inc" )
+static-file.exclude-extensions = ( ".php", ".pl", ".fcgi" )
+
+# default listening port for IPv6 falls back to the IPv4 port
+include_shell "/usr/share/lighttpd/use-ipv6.pl " + server.port
+include_shell "/usr/share/lighttpd/create-mime.conf.pl"
+include "/etc/lighttpd/conf-enabled/*.conf"
+
+#server.compat-module-load   = "disable"
+server.modules += (
+        "mod_dirlisting",
+        "mod_staticfile",
+)
+
+$HTTP["url"] =~ "clean_CANADA_USA\.xml$" {
+  setenv.add-response-header = ( "Content-Disposition" => "attachment" )
+}
\ No newline at end of file
