{ timezone, ... }: let 
  rss = [
    "https://www.raspberrypi.com/news/feed/"
    "https://www.jeffgeerling.com/blog.xml"
    "https://www.howtogeek.com/feed/"
    "https://hackaday.com/feed/rss"
    "https://www.xda-developers.com/feed/"
    "https://9to5mac.com/feed/"
    "https://9to5google.com/feed/"
    "https://www.cnx-software.com/feed/"
    "https://selfh.st/rss/"
    "https://www.joshwcomeau.com/rss.xml"
    "https://samwho.dev/rss.xml"
    "https://ishadeed.com/feed.xml"
  ];
  yt = [
    "UCXuqSBlHAE6Xw-yeJA0Tunw" # LinusTechTips
    "UCsBjURrPoezykLs9EqgamOA" # Fireship
    "UC2Xd-TjJByJyK2w1zNwY0zQ" # BeyondFireship
    "UC6biysICWOJ-C3P4Tyeggzg" # LowLevel
    "UCR-DXc1voovS8nhAvccRZhg" # JeffGeerling
    "UCzgA9CBrIXPtkB2yNTTiy1w" # Level2Jeff
    "UCgdTVe88YVSrOZ9qKumhULQ" # HardwareHaven
    "UCOk-gHyjcWZNj3Br4oxwh0A" # TechnoTim
    "UCZNhwA1B5YqiY1nLzmM0ZRg" # ChristianLempa
    "UC9evhW4JB_UdXSLeZGy8lGw" # RaidOwl
    "UCHnyfMqiRRG1u-2MsSQLbXA" # Veritasium
    "UCYO_jab_esuFRV4b17AJtAw" # 3Blue1Brown
  ];
  gh = [
    "pi-hole/pi-hole"
    "tailscale/tailscale"
    "nodejs/node"
    "denoland/deno"
    "oven-sh/bun"
    "glanceapp/glance"
    "ollama/ollama"
  ];
  search = [
    [ "CVE" "!cve" "https://securityvulnerability.io/vulnerability/CVE-{QUERY}" ]
    [ "Website" "!!" "https://{QUERY}" ]
    [ "YouTube" "!yt" "https://www.youtube.com/results?search_query={QUERY}" ]
    [ "GitHub" "!gh" "https://github.com/search?q={QUERY}" ]
    [ "Nix Packages" "!nix" "https://search.nixos.org/packages?channel=unstable&type=packages&query={QUERY}" ]
    [ "Nix Options" "!opt" "https://mynixos.com/search?q={QUERY}" ]
    [ "Flight Radar 24" "!f" "https://www.flightradar24.com/data/flights/{QUERY}" ]
    [ "Google Web Results Only" "!s" "https://google.com/search?udm=14&q={QUERY}" ]
  ];
  monitor = [
    [ "Hypervisor" "https://10.3.14.69:8006/" ]
    [ "Router" "http://10.3.14.1:80/" ]
    [ "DNS" "http://10.3.14.42:8088/" ]
    [ "Proxy" "http://10.3.14.120:81/" ]
    [ "NAS" "http://10.3.14.217/" ]
    [ "CDN" "http://10.3.14.217:3000/" ]
  ];
  services = [
    [ "PocketID" "si:authentik" "https://auth.satr14.my.id" "http://main.dns.satr14.my.id:1411/" ]
    [ "2FAuth" "si:authy" "https://2fa.satr14.my.id" "http://main.dns.satr14.my.id:8090/" ]
    [ "VaultWarden" "si:vaultwarden" "https://pass.proxy.satr14.my.id" "http://main.dns.satr14.my.id:8060/" ]
  ];
  bookmarks = [
    [ "Tailscale" "tailscale" "https://login.tailscale.com/" ]
    [ "Cloudflare" "cloudflare" "https://dash.cloudflare.com/" ]
    [ "ZeroTrust" "1dot1dot1dot1" "https://one.dash.cloudflare.com/" ]
    [ "PlayIt" "ngrok" "https://playit.gg/account/tunnels" ]
    [ "ZeroTier" "zerotier" "https://my.zerotier.com" ]
  ];
in {
  services.glance = {
    enable = true;
    settings = {
      server = {
        host = "127.0.0.1";
        port = 5070;
        assets-path = "/app/assets";
      };

      theme = {
        background-color = "240 21 15";
        contrast-multiplier = 1.2;
        primary-color = "217 92 83";
        positive-color = "115 54 76";
        negative-color = "347 70 65";
      };

      pages = [
        {
          name = "Home";
          show-mobile-header = true;
          columns = [
            {
              size = "small";
              widgets = [
                {
                  type = "clock";
                  hide-header = true;
                  hour-format = "12h";
                  timezone = timezone;
                }
                {
                  type = "calendar";
                  hide-header = true;
                  first-day-of-week = "monday";
                }
                {
                  type = "rss";
                  hide-header = true;
                  title = "rss";
                  limit = 12;
                  cache = "12h";
                  feeds = map (e: { url = e; }) rss;
                }
              ];
            }
            {
              size = "full";
              widgets = [
                {
                  type = "search";
                  hide-header = true;
                  autofocus = true;
                  search-engine = "google";
                  bangs = map (e: {
                    title = builtins.elemAt e 0;
                    shortcut = builtins.elemAt e 1;
                    url = builtins.elemAt e 2;
                  }) search;
                }
                {
                  type = "hacker-news";
                  hide-header = true;
                  limit = 5;
                  cache = "1h";
                }
                {
                  type = "videos";
                  hide-header = true;
                  style = "grid-cards";
                  limit = 18;
                  channels = yt;
                }
              ];
            }
            {
              size = "small";
              widgets = [
                {
                  type = "weather";
                  hide-header = true;
                  location = "Jakarta, Indonesia";
                  units = "metric";
                  hour-format = "12h";
                }
                {
                  type = "to-do";
                  id = "tasks";
                  hide-header = true;
                }
                {
                  type = "repository";
                  repository = "partofmyid/register";
                  pull-requests-limit = 5;
                  issues-limit = 3;
                  commits-limit = 0;
                  # token = "\${GITHUB_TOKEN}";
                  hide-header = true;
                }
                {
                  type = "releases";
                  cache = "1d";
                  # token = "\${GITHUB_TOKEN}";
                  hide-header = true;
                  repositories = gh;
                }
              ];
            }
          ];
        }
        {
          name = "Start";
          width = "slim";
          center-vertically = true;
          columns = [
            {
              size = "full";
              widgets = [
                {
                  type = "to-do";
                  id = "tasks";
                  hide-header = true;
                }
              ];
            }
          ];
        }
        {
          name = "Dashboard";
          show-mobile-header = true;
          columns = [
            {
              size = "small";
              widgets = [
                {
                  type = "monitor";
                  title = "Critical Systems";
                  cache = "15s";
                  style = "compact";
                  show-failing-only = true;
                  sites = map (e: {
                    enabled = true;
                    domain = builtins.elemAt e 0;
                    answer = builtins.elemAt e 1;
                  }) monitor;
                }
                {
                  type = "dns-stats";
                  title = "DNS STATS";
                  service = "adguard";
                  url = "http://main.dns.satr14.my.id:8088/";
                  username = "satr14";
                  password = "\${ADGUARD_TOKEN}";
                  hour-format = "12h";
                }
                {
                  type = "custom-api";
                  title = "PVE Stats";
                  cache = "1m";
                  allow-insecure = true;
                  url = "https://homeserver.dns.satr14.my.id:8006/api2/json/cluster/resources";
                  headers = {
                    Accept = "application/json";
                    Authorization = "PVEAPIToken=\${PROXVE_TOKEN}";
                  };
                  template = ''
                    <div class="flex flex-column gap-5">
                      <div class="flex justify-evenly text-center">
                        <div>
                          {{ $nodes_online := len (.JSON.Array "data.#(type==\"node\")#|#(status==\"online\")#") }}
                          {{ $nodes_total := len (.JSON.Array "data.#(type==\"node\")#") }}
                          <div class="color-highlight size-h3">{{ $nodes_online }}/{{ $nodes_total }}</div>
                          <div class="size-h5 uppercase">Nodes</div>
                        </div>
                        <div>
                          {{ $lxc_running := len (.JSON.Array "data.#(type==\"lxc\")#|#(status==\"running\")#|#(template==0)#") }}
                          {{ $lxc_total := len (.JSON.Array "data.#(type==\"lxc\")#|#(template==0)#") }}
                          <div class="color-highlight size-h3">{{ $lxc_running }}/{{ $lxc_total }}</div>
                          <div class="size-h5 uppercase">LXCs</div>
                        </div>
                        <div>
                          {{ $qemu_running := len (.JSON.Array "data.#(type==\"qemu\")#|#(status==\"running\")#|#(template==0)#") }}
                          {{ $qemu_total := len (.JSON.Array "data.#(type==\"qemu\")#|#(template==0)#") }}
                          <div class="color-highlight size-h3">{{ $qemu_running }}/{{ $qemu_total }}</div>
                          <div class="size-h5 uppercase">VMs</div>
                        </div>
                      </div>
                    </div>
                  '';
                }
                {
                  type = "custom-api";
                  title = "Immich Usage";
                  cache = "30m";
                  url = "http://media.dns.satr14.my.id:2283/api/server/statistics";
                  headers = {
                    x-api-key = "\${IMMICH_TOKEN}";
                    Accept = "application/json";
                  };
                  template = ''
                    <div class="flex justify-evenly text-center">
                      <div>
                        <div class="color-highlight size-h3">{{ .JSON.Int "photos" | formatNumber }}</div>
                        <div class="size-h6">PHOTOS</div>
                      </div>
                      <div>
                        <div class="color-highlight size-h3">{{ .JSON.Int "videos" | formatNumber }}</div>
                        <div class="size-h6">VIDEOS</div>
                      </div>
                      <div>
                        <div class="color-highlight size-h3">{{ div (.JSON.Int "usage" | toFloat) 1073741824 | toInt | formatNumber }}GB</div>
                        <div class="size-h6">USAGE</div>
                      </div>
                    </div>
                  '';
                }
              ];
            }
            {
              size = "full";
              widgets = [
                {
                  type = "monitor";
                  cache = "1m";
                  title = "Services";
                  sites = map (e: { 
                    same-tab = true;
                    allow-insecure = true;
                    title = builtins.elemAt e 0;
                    icon = "si:${builtins.elemAt e 1}";
                    url = builtins.elemAt e 2;
                  }) services;
                }
              ];
            }
            {
              size = "small";
              widgets = [
                {
                  type = "bookmarks";
                  groups = [{
                    links = map (e: {
                      same-tab = true;
                      title = builtins.elemAt e 0;
                      icon = "si:${builtins.elemAt e 1}";
                      url = builtins.elemAt e 2;
                    }) bookmarks;
                  }];
                }
                {
                  type = "to-do";
                  id = "tasks";
                  hide-header = true;
                }
              ];
            }
          ];
        }
      ];
    };
  };
}