diff --git a/home/apps/qutebrowser/default.nix b/home/apps/qutebrowser/default.nix
index e50c464..db679f1 100644
--- a/home/apps/qutebrowser/default.nix
+++ b/home/apps/qutebrowser/default.nix
@@ -1,6 +1,6 @@
 { config, ... }: {
 
-  imports = [ ./duckduckgo-colorscheme.nix ./homepage/default.nix ];
+  imports = [ ./duckduckgo-colorscheme.nix ./homepage ./serverpage ];
 
   programs.qutebrowser = {
     enable = true;
@@ -19,6 +19,7 @@
 
     quickmarks = {
       home = "${config.home.homeDirectory}/.config/startpage/index.html";
+      server = "${config.home.homeDirectory}/.config/serverpage/index.html";
       mynixos = "https://mynixos.com";
       github = "https://github.com";
       outlook = "https://outlook.office.com/mail/";
@@ -184,6 +185,8 @@
     keyBindings = {
       normal = {
         "gh" = "open ${config.home.homeDirectory}/.config/startpage/index.html";
+        "gs" =
+          "open ${config.home.homeDirectory}/.config/serverpage/index.html";
 
         " p" = "tab-move -";
         " n" = "tab-move +";
diff --git a/home/apps/qutebrowser/serverpage/default.nix b/home/apps/qutebrowser/serverpage/default.nix
new file mode 100644
index 0000000..5963370
--- /dev/null
+++ b/home/apps/qutebrowser/serverpage/default.nix
@@ -0,0 +1,288 @@
+{ config, ... }:
+let
+  bookmarks = ''
+    Services: [
+      {text: "TrueNAS", url: "https://heaven", icon: ""},
+      {text: "Nextcloud", url: "https://cloud.anotherhadi.com/", icon: ""},
+      {text: "Vaultwarden", url: "https://vault.anotherhadi.com/", icon: "󰟵"},
+      {text: "PiHole", url: "http://heaven:20720/admin", icon: "󰷱"},
+    ],
+    Admin: [
+      {text: "Vaultwarden", url: "https://vault.anotherhadi.com/admin", icon: "󰟵"},
+      {text: "Cloudflare One", url: "https://one.dash.cloudflare.com/", icon: ""},
+      {text: "Cloudflare", url: "https://cloudflare.com/", icon: ""},
+      {text: "Tailscale", url: "https://login.tailscale.com/admin/machines", icon: "󰖂"},
+    ],
+  '';
+in {
+
+  xdg.configFile."serverpage/index.html".text = ''
+    <!DOCTYPE html>
+    <html lang="en">
+
+    <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <title>Homepage</title>
+      <style>
+        h1,
+        h2,
+        h3,
+        p {
+          margin: 0;
+          padding: 0;
+          font-family: '${config.theme.font}', sans-serif;
+        }
+
+        .w-screen {
+          width: 100vw;
+        }
+
+        .overflow-hidden {
+          overflow: hidden;
+        }
+
+        .max-w-7xl {
+          max-width: 80rem;
+        }
+
+        .mx-auto {
+          margin-left: auto;
+          margin-right: auto;
+        }
+
+        .justify-between {
+          justify-content: space-between;
+        }
+
+        .items-center {
+          align-items: center;
+        }
+
+        .py-12 {
+          padding-top: 3rem;
+          padding-bottom: 3rem;
+        }
+
+        .px-2 {
+          padding-left: 0.5rem;
+          padding-right: 0.5rem;
+        }
+
+        .text-5xl {
+          font-size: 3rem;
+          line-height: 1;
+        }
+
+        .font-bold {
+          font-weight: 700;
+        }
+
+        .mb-4 {
+          margin-bottom: 1rem;
+        }
+
+        .flex {
+          display: flex;
+        }
+
+        .flex-wrap {
+          flex-wrap: wrap;
+        }
+
+        .flex-col {
+          flex-direction: column;
+        }
+
+        .flex-grow {
+          flex-grow: 1;
+        }
+
+        .gap-5 {
+          gap: 1.25rem;
+        }
+
+        .gap-05 {
+          gap: 0.125rem;
+        }
+
+        .justify-start {
+          justify-content: flex-start;
+        }
+
+        .items-start {
+          align-items: flex-start;
+        }
+
+        .hover\:opacity-60:hover {
+          opacity: 0.6;
+        }
+
+        .pb-10 {
+          padding-bottom: 2.5rem;
+        }
+
+        .p-10 {
+          padding: 2.5rem;
+        }
+
+        .text-xl {
+          font-size: 1.25rem;
+          line-height: 1.75rem;
+        }
+
+        .text-lg {
+          font-size: 1.125rem;
+          line-height: 1.75rem;
+        }
+
+        .text-sm {
+          font-size: 0.875rem;
+          line-height: 1.25rem;
+        }
+
+        .text-4xl {
+          font-size: 2.25rem;
+          line-height: 2.5rem;
+        }
+
+        .px-5 {
+          padding-left: 1.25rem;
+          padding-right: 1.25rem;
+        }
+
+        .py-2 {
+          padding-top: 0.5rem;
+          padding-bottom: 0.5rem;
+        }
+
+        a {
+          text-decoration: none;
+        }
+
+        a, a:visited, a:hover, a:active {
+          color: inherit;
+        }
+        </style>
+    </head>
+
+    <body class="w-screen" style="background-color: #${config.theme.colors.bg}; color: #${config.theme.colors.fg};">
+      <div class="max-w-7xl mx-auto p-10">
+        <div class="w-full flex justify-between" id="date-time">
+          <p class="text-xl"></p>
+          <p class="text-xl"></p>
+        </div>
+        <div class="w-full py-12 px-2" id="greeting">
+          <h1 class="text-5xl font-bold mb-4" style="color: #${config.theme.colors.primary-bg};"></h1>
+        </div>
+        <div id="link-list" class="flex gap-5 flex-col justify-start items-start"></div>
+      </div>
+      <script defer>
+        const linkLists = {
+          ${bookmarks}
+        };
+
+        function getDomainFromUrl(url) {
+          let domain = url.replace(/(^\w+:|^)\/\//, "");
+          domain = domain.split('/')[0];
+          return domain;
+        }
+
+        const linkListContainer = document.getElementById('link-list');
+
+        for (const key in linkLists) {
+          if (Object.hasOwnProperty.call(linkLists, key)) {
+            const linkList = linkLists[key];
+            const title = document.createElement('h2');
+            title.textContent = key.charAt(0).toUpperCase() + key.slice(1);
+            title.className = "text-3xl font-bold"
+            linkListContainer.appendChild(title);
+
+            const list = document.createElement('div');
+            list.className = 'flex flex-wrap gap-5 justify-start';
+            linkList.forEach(link => {
+              const anchor = document.createElement('a');
+              anchor.href = link.url;
+              anchor.className = "px-5 py-2 hover:opacity-60 flex-grow"
+
+              const div = document.createElement('div');
+              div.className = 'flex flex-row gap-5 items-center';
+
+              let icon = document.createElement('p');
+              icon.textContent = link.icon || "";
+              icon.className = "text-4xl";
+              div.appendChild(icon);
+
+              const divNameUrl = document.createElement('div');
+              divNameUrl.className = 'flex flex-col gap-05';
+
+              const name = document.createElement('p');
+              name.textContent = link.text;
+              name.className = 'text-lg font-medium';
+
+              const url = document.createElement('p');
+              url.textContent = link.url;
+              url.className = 'text-sm';
+              url.style = "color: #${config.theme.colors.alt-fg};"
+
+              divNameUrl.appendChild(name);
+              divNameUrl.appendChild(url);
+              div.appendChild(divNameUrl);
+              anchor.appendChild(div);
+              list.appendChild(anchor);
+            });
+
+            linkListContainer.appendChild(list);
+            const spacer = document.createElement('div');
+            spacer.className = "pb-10"
+            linkListContainer.appendChild(spacer);
+          }
+        }
+
+        function updateDateTime() {
+          const dateTimeContainer = document.getElementById('date-time');
+          const currentDate = new Date();
+          const dateOptions = {weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'};
+          const timeOptions = {hour: '2-digit', minute: '2-digit'};
+          const formattedDate = currentDate.toLocaleDateString('en-US', dateOptions);
+          const formattedTime = currentDate.toLocaleTimeString('en-US', timeOptions);
+          const dateParagraph = dateTimeContainer.querySelector('p:nth-child(1)');
+          const timeParagraph = dateTimeContainer.querySelector('p:nth-child(2)');
+          dateParagraph.textContent = formattedDate;
+          timeParagraph.textContent = formattedTime;
+        }
+
+        updateDateTime();
+        setInterval(updateDateTime, 60000);
+
+        function updateGreeting() {
+          const greetingContainer = document.getElementById('greeting');
+          const currentDate = new Date();
+          const currentHour = currentDate.getHours();
+          let greetingText;
+
+          if (currentHour < 2) {
+            greetingText = "Good night! ";
+          } else if (currentHour < 5) {
+            greetingText = "Hello, night owl! 󰏒";
+          } else if (currentHour < 12) {
+            greetingText = "Good morning! ";
+          } else if (currentHour < 17) {
+            greetingText = "Good afternoon! ️";
+          } else if (currentHour < 20) {
+            greetingText = "Good evening! ";
+          } else {
+            greetingText = "Good night! ";
+          }
+
+          const greetingHeader = greetingContainer.querySelector('h1');
+          greetingHeader.textContent = greetingText;
+        }
+
+        updateGreeting();
+      </script>
+    </body>
+
+    </html>
+  '';
+}
diff --git a/home/laptop.nix b/home/laptop.nix
index 0b0d2e9..9ba7455 100644
--- a/home/laptop.nix
+++ b/home/laptop.nix
@@ -7,6 +7,7 @@ in {
     ./scripts/laptop.nix
     ./apps/laptop.nix
     ./themes/nixy.nix
+    ./themes/config/load_wallpapers.nix
   ];
 
   home = {
diff --git a/home/themes/config/load_wallpapers.nix b/home/themes/config/load_wallpapers.nix
index 9ce011d..78f7b8b 100644
--- a/home/themes/config/load_wallpapers.nix
+++ b/home/themes/config/load_wallpapers.nix
@@ -1,6 +1,6 @@
 {
   xdg.configFile."wallpapers" = {
     recursive = true;
-    source = ./wallpapers;
+    source = ../wallpapers;
   };
 }
diff --git a/hosts/laptop/configuration.nix b/hosts/laptop/configuration.nix
index 50448f5..d15ccee 100644
--- a/hosts/laptop/configuration.nix
+++ b/hosts/laptop/configuration.nix
@@ -1,7 +1,7 @@
 { pkgs, config, ... }:
 let
   variable = import ../../variables.nix;
-  baseImports = [ ./hardware-configuration.nix ];
+  baseImports = [ ./hardware-configuration.nix ./tailscale.nix ];
 
   extraImports = [
     (if variable.enableNvidia then ./nvidia.nix else null)
diff --git a/hosts/laptop/tailscale.nix b/hosts/laptop/tailscale.nix
new file mode 100644
index 0000000..f11eab6
--- /dev/null
+++ b/hosts/laptop/tailscale.nix
@@ -0,0 +1,6 @@
+{
+  services.tailscale = {
+    enable = true;
+    authKeyFile = "/etc/tailscalepwd";
+  };
+}
