bugfix metrics

README.md

@@ -1,3 +1,4 @@
 # flod
 
-First-Line-Of-Defense
+First-Line-Of-Defense
+

assets/js/collapse.js

@@ -0,0 +1 @@
+(function(){var triggers=document.querySelectorAll("[data-collapse-target]");var collapses=document.querySelectorAll("[data-collapse]");if(triggers&&collapses){Array.from(triggers).forEach(function(trigger){return Array.from(collapses).forEach(function(collapse){if(trigger.dataset.collapseTarget===collapse.dataset.collapse){trigger.addEventListener("click",function(){if(collapse.style.height&&collapse.style.height!=="0px"){collapse.style.height=0;collapse.style.overflow="hidden";trigger.removeAttribute("open")}else{collapse.style.height="".concat(collapse.children[0].clientHeight,"px");collapse.style.overflow="visible";trigger.setAttribute("open","")}})}})})}})();

assets/js/counter.js

@@ -0,0 +1,50 @@
+document.addEventListener("DOMContentLoaded", function () {
+    var elements = document.querySelectorAll(".scroll-counter")
+    elements.forEach(function (item) {
+        item.counterAlreadyFired = false
+        item.counterSpeed = item.getAttribute("data-counter-time") / 45
+        item.counterTarget = +item.innerText
+        item.counterCount = 0
+        item.counterStep = item.counterTarget / item.counterSpeed
+
+        item.updateCounter = function () {
+            console.log(45);
+            item.counterCount = item.counterCount + item.counterStep
+            item.innerText = Math.ceil(item.counterCount)
+
+            if (item.counterCount < item.counterTarget) {
+                setTimeout(item.updateCounter, item.counterSpeed)
+            } else {
+                item.innerText = item.counterTarget
+            }
+        }
+    })
+
+    var isElementVisible = function isElementVisible(el) {
+        var scroll = window.scrollY || window.pageYOffset
+        var boundsTop = el.getBoundingClientRect().top + scroll
+        var viewport = {
+            top: scroll,
+            bottom: scroll + window.innerHeight,
+        }
+        var bounds = {
+            top: boundsTop,
+            bottom: boundsTop + el.clientHeight,
+        }
+        return (
+            (bounds.bottom >= viewport.top && bounds.bottom <= viewport.bottom) ||
+            (bounds.top <= viewport.bottom && bounds.top >= viewport.top)
+        )
+    }
+
+    var handleScroll = function handleScroll() {
+        elements.forEach(function (item, id) {
+            if (true === item.counterAlreadyFired) return
+            if (!isElementVisible(item)) return
+            item.updateCounter()
+            item.counterAlreadyFired = true
+        })
+    }
+    window.addEventListener("scroll", handleScroll)
+
+})

compose.yml

@@ -1,50 +1,110 @@
-
 services:
-  api:
-    image: git.send.nrw/sendnrw/flod:latest
-    container_name: ipblock-api
-    networks:
-      - flod_nw
+  flodpodmaster:
+    image: git.send.nrw/sendnrw/flod-pod:latest
+    container_name: flodpodmaster
+    labels:
+      - traefik.enable=true
+      - traefik.http.routers.flodpodmaster.rule=Host(`flod-proxy.send.nrw`)
+      - traefik.http.services.flodpodmaster.loadbalancer.server.port=8080
+      - traefik.http.routers.flodpodmaster.entrypoints=websecure
+      - traefik.http.routers.flodpodmaster.tls=true
+      - traefik.http.routers.flodpodmaster.tls.certresolver=letsencrypt
+      - traefik.http.middlewares.flodpodmaster0-redirect.redirectscheme.scheme=https
+      - traefik.http.middlewares.flodpodmaster0-redirect.redirectscheme.permanent=true
+      - traefik.http.routers.flodpodmaster0.rule=Host(`flod-proxy.send.nrw`)
+      - traefik.http.routers.flodpodmaster0.entrypoints=web
+      - traefik.http.routers.flodpodmaster0.middlewares=flodpodmaster0-redirect
+      - traefik.protocol=http
     depends_on:
-      - redis
+      - flodredis
+    networks:
+      - traefik-net
     environment:
       # Beispiel – mehrere Listen in einer Kategorie „spam“
-      BLOCKLIST_SOURCES: |
-        spam:https://ipv64.net/blocklists/ipv64_blocklist_firehole_l1.txt|https://rules.emergingthreats.net/blocklist/compromised-ips.txt
+      BLOCKLIST_MODE: master
+      REDIS_ADDR: flodredis:6379
+      HASH_NAME: bl:flodpod
+      MASTER_URL: https://flod-proxy.send.nrw
+      #ports:
+      #- "8080:8080"   # <host>:<container>
+    restart: unless-stopped
+  flodmaster:
+    image: git.send.nrw/sendnrw/flod:latest
+    container_name: flodmaster
+    labels:
+      - traefik.enable=true
+      - traefik.http.routers.flodmaster.rule=Host(`flod.send.nrw`)
+      - traefik.http.services.flodmaster.loadbalancer.server.port=8080
+      - traefik.http.routers.flodmaster.entrypoints=websecure
+      - traefik.http.routers.flodmaster.tls=true
+      - traefik.http.routers.flodmaster.tls.certresolver=letsencrypt
+      - traefik.http.middlewares.flodmaster0-redirect.redirectscheme.scheme=https
+      - traefik.http.middlewares.flodmaster0-redirect.redirectscheme.permanent=true
+      - traefik.http.routers.flodmaster0.rule=Host(`flod.send.nrw`)
+      - traefik.http.routers.flodmaster0.entrypoints=web
+      - traefik.http.routers.flodmaster0.middlewares=flodmaster0-redirect
+      - traefik.protocol=http
+    networks:
+      - traefik-net
+    depends_on:
+      - flodredis
+      - flodimporter
+    environment:
       # Redis-Adresse schon per Docker-Netzwerk korrekt:
-      REDIS_ADDR: redis:6379
+      REDIS_ADDR: flodredis:6379
       ROLE: worker
       TTL_HOURS: "720"
-    ports:
-      - "8080:8080"   # <host>:<container>
-    restart: unless-stopped
-
-  redis:
-    image: redis:7-alpine
-    container_name: ipblock-redis
-    ports:
-      - "6379:6379"
-    networks:
-      - flod_nw
-    command: ["redis-server", "/usr/local/etc/redis/redis.conf"]
-    volumes:
-      - redis-data:/data   # falls du doch Persistence willst
-      - /home/groot/flod/redis.conf:/usr/local/etc/redis/redis.conf:ro
-    restart: unless-stopped
-  
-  newt:
-    image: fosrl/newt
-    container_name: newt
-    networks:
-      - flod_nw
+      FLOD_IMPORT_URL: http://flodimporter:8080
+      #ports:
+      #- "8080:8080"   # <host>:<container>
     restart: unless-stopped
+  flodimporter:
+    image: git.send.nrw/sendnrw/flod-ipv64-parser:latest
+    container_name: flodimporter
+    depends_on:
+      - flodredis
+    labels:
+      - traefik.enable=true
+      - traefik.http.routers.flodimporter.rule=Host(`flod-import.send.nrw`)
+      - traefik.http.services.flodimporter.loadbalancer.server.port=8080
+      - traefik.http.routers.flodimporter.entrypoints=websecure
+      - traefik.http.routers.flodimporter.tls=true
+      - traefik.http.routers.flodimporter.tls.certresolver=letsencrypt
+      - traefik.http.middlewares.flodimporter0-redirect.redirectscheme.scheme=https
+      - traefik.http.middlewares.flodimporter0-redirect.redirectscheme.permanent=true
+      - traefik.http.routers.flodimporter0.rule=Host(`flod-import.send.nrw`)
+      - traefik.http.routers.flodimporter0.entrypoints=web
+      - traefik.http.routers.flodimporter0.middlewares=flodimporter0-redirect
+      - traefik.protocol=http
     environment:
-      - PANGOLIN_ENDPOINT=
-      - NEWT_ID=
-      - NEWT_SECRET=
-
+      SERVEONLY: "1"
+      DELAY: ""
+      OUTDIR: ""
+      LIST: ""
+      LISTEN: :8080
+      PREFIX: http://flodimporter:8080
+    networks:
+      - traefik-net
+    restart: unless-stopped
+    volumes:
+      - importer-lists:/lists
+  flodredis:
+    image: redis:7-alpine
+    container_name: flodredis
+    ports:
+      - 6379:6379
+    networks:
+      - traefik-net
+    command:
+      - redis-server
+      - /usr/local/etc/redis/redis.conf
+    volumes:
+      - redis-data:/data # falls du doch Persistence willst
+      - /docker/flod_redis/redis.conf:/usr/local/etc/redis/redis.conf:ro
+    restart: unless-stopped
 networks:
-  flod_nw:
-
+  traefik-net:
+    external: true
 volumes:
-  redis-data:
+  redis-data: null
+  importer-lists: null

go.mod

@@ -1,10 +1,10 @@
 module git.send.nrw/sendnrw/flod
 
-go 1.24.3
+go 1.24.4
 
 require (
-	github.com/hashicorp/golang-lru/v2 v2.0.7
 	github.com/prometheus/client_golang v1.22.0
+	github.com/redis/go-redis/v9 v9.10.0
 )
 
 require (
@@ -15,7 +15,7 @@ require (
 	github.com/prometheus/client_model v0.6.1 // indirect
 	github.com/prometheus/common v0.62.0 // indirect
 	github.com/prometheus/procfs v0.15.1 // indirect
-	github.com/redis/go-redis/v9 v9.10.0 // indirect
+	github.com/yl2chen/cidranger v1.0.2 // indirect
 	golang.org/x/sys v0.30.0 // indirect
 	google.golang.org/protobuf v1.36.5 // indirect
 )

go.sum

@@ -1,13 +1,26 @@
 github.com/beorn7/perks v1.0.1 h1:VlbKKnNfV8bJzeqoa4cOKqO6bYr3WgKZxO8Z16+hsOM=
 github.com/beorn7/perks v1.0.1/go.mod h1:G2ZrVWU2WbWT9wwq4/hrbKbnv/1ERSJQ0ibhJ6rlkpw=
+github.com/bsm/ginkgo/v2 v2.12.0 h1:Ny8MWAHyOepLGlLKYmXG4IEkioBysk6GpaRTLC8zwWs=
+github.com/bsm/ginkgo/v2 v2.12.0/go.mod h1:SwYbGRRDovPVboqFv0tPTcG1sN61LM1Z4ARdbAV9g4c=
+github.com/bsm/gomega v1.27.10 h1:yeMWxP2pV2fG3FgAODIY8EiRE3dy0aeFYt4l7wh6yKA=
+github.com/bsm/gomega v1.27.10/go.mod h1:JyEr/xRbxbtgWNi8tIEVPUYZ5Dzef52k01W3YH0H+O0=
 github.com/cespare/xxhash/v2 v2.3.0 h1:UL815xU9SqsFlibzuggzjXhog7bL6oX9BbNZnL2UFvs=
 github.com/cespare/xxhash/v2 v2.3.0/go.mod h1:VGX0DQ3Q6kWi7AoAeZDth3/j3BFtOZR5XLFGgcrjCOs=
+github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
+github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
+github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
 github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f h1:lO4WD4F/rVNCu3HqELle0jiPLLBs70cWOduZpkS1E78=
 github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f/go.mod h1:cuUVRXasLTGF7a8hSLbxyZXjz+1KgoB3wDUb6vlszIc=
-github.com/hashicorp/golang-lru/v2 v2.0.7 h1:a+bsQ5rvGLjzHuww6tVxozPZFVghXaHOwFs4luLUK2k=
-github.com/hashicorp/golang-lru/v2 v2.0.7/go.mod h1:QeFd9opnmA6QUJc5vARoKUSoFhyfM2/ZepoAG6RGpeM=
+github.com/google/go-cmp v0.7.0 h1:wk8382ETsv4JYUZwIsn6YpYiWiBsYLSJiTsyBybVuN8=
+github.com/google/go-cmp v0.7.0/go.mod h1:pXiqmnSA92OHEEa9HXL2W4E7lf9JzCmGVUdgjX3N/iU=
+github.com/klauspost/compress v1.18.0 h1:c/Cqfb0r+Yi+JtIEq73FWXVkRonBlf0CRNYc8Zttxdo=
+github.com/klauspost/compress v1.18.0/go.mod h1:2Pp+KzxcywXVXMr50+X0Q/Lsb43OQHYWRCY2AiWywWQ=
+github.com/kylelemons/godebug v1.1.0 h1:RPNrshWIDI6G2gRW9EHilWtl7Z6Sb1BR0xunSBf0SNc=
+github.com/kylelemons/godebug v1.1.0/go.mod h1:9/0rRGxNHcop5bhtWyNeEfOS8JIWk580+fNqagV/RAw=
 github.com/munnerz/goautoneg v0.0.0-20191010083416-a7dc8b61c822 h1:C3w9PqII01/Oq1c1nUAm88MOHcQC9l5mIlSMApZMrHA=
 github.com/munnerz/goautoneg v0.0.0-20191010083416-a7dc8b61c822/go.mod h1:+n7T8mK8HuQTcFwEeznm/DIxMOiR9yIdICNftLE1DvQ=
+github.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZbAQM=
+github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
 github.com/prometheus/client_golang v1.22.0 h1:rb93p9lokFEsctTys46VnV1kLCDpVZ0a/Y92Vm0Zc6Q=
 github.com/prometheus/client_golang v1.22.0/go.mod h1:R7ljNsLXhuQXYZYtw6GAE9AZg8Y7vEW5scdCXrWRXC0=
 github.com/prometheus/client_model v0.6.1 h1:ZKSh/rekM+n3CeS952MLRAdFwIKqeY8b62p8ais2e9E=
@@ -18,7 +31,17 @@ github.com/prometheus/procfs v0.15.1 h1:YagwOFzUgYfKKHX6Dr+sHT7km/hxC76UB0leargg
 github.com/prometheus/procfs v0.15.1/go.mod h1:fB45yRUv8NstnjriLhBQLuOUt+WW4BsoGhij/e3PBqk=
 github.com/redis/go-redis/v9 v9.10.0 h1:FxwK3eV8p/CQa0Ch276C7u2d0eNC9kCmAYQ7mCXCzVs=
 github.com/redis/go-redis/v9 v9.10.0/go.mod h1:huWgSWd8mW6+m0VPhJjSSQ+d6Nh1VICQ6Q5lHuCH/Iw=
+github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
+github.com/stretchr/testify v1.4.0/go.mod h1:j7eGeouHqKxXV5pUuKE4zz7dFj8WfuZ+81PSLYec5m4=
+github.com/stretchr/testify v1.10.0 h1:Xv5erBjTwe/5IxqUQTdXv5kgmIvbHo3QQyRwhJsOfJA=
+github.com/stretchr/testify v1.10.0/go.mod h1:r2ic/lqez/lEtzL7wO/rwa5dbSLXVDPFyf8C91i36aY=
+github.com/yl2chen/cidranger v1.0.2 h1:lbOWZVCG1tCRX4u24kuM1Tb4nHqWkDxwLdoS+SevawU=
+github.com/yl2chen/cidranger v1.0.2/go.mod h1:9U1yz7WPYDwf0vpNWFaeRh0bjwz5RVgRy/9UEQfHl0g=
 golang.org/x/sys v0.30.0 h1:QjkSwP/36a20jFYWkSue1YwXzLmsV5Gfq7Eiy72C1uc=
 golang.org/x/sys v0.30.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
 google.golang.org/protobuf v1.36.5 h1:tPhr+woSbjfYvY6/GPufUoYizxw1cF/yFoxJ2fmpwlM=
 google.golang.org/protobuf v1.36.5/go.mod h1:9fA7Ob0pmnwhb644+1+CVWFRbNajQ6iRojtC/QF5bRE=
+gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
+gopkg.in/yaml.v2 v2.2.2/go.mod h1:hI93XBmqTisBFMUTm0b8Fm+jr3Dg1NNxqwp+5A1VGuI=
+gopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=
+gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=

lists/lists.json

@@ -0,0 +1 @@
+{}

template.html

@@ -0,0 +1,433 @@
+<!doctype html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="shortcut icon" href="assets/images/fav.png" type="image/x-icon">
+    <title>FLOD Project</title>
+    <link href="assets/css/style.css" rel="stylesheet">
+    <link rel="stylesheet" href="assets/css/icon.min.css" />
+    <style>
+
+    </style>
+</head>
+
+<body class="font-body bg-black/5">
+    <!-- hero section -->
+    <section class="py-16 bg-primary text-white">
+        <div class=" container mx-auto">
+            <div class="flex justify-center items-center">
+                <div class="text-center">
+                    <h5 class="text-3xl  font-bold my-5">FLOD Project
+                    </h5>
+                    <p>Honeypod Tracker: Identifying and logging IP addresses that interact with decoy ports.<br>Our system collects valuable data on potential attackers by monitoring unsolicited connection attempts.<br>Strengthen your network security with real-time threat intelligence.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Section 2 -->
+    <section class="my-10">
+        <div class="container mx-auto">
+            <div class="bg-white p-8">
+                <nav class="bg-white p-4 rounded-md shadow-md">
+                    <ol class="list-reset flex text-black/70">
+                        <li>
+                            <a href="#" class="text-primary/60 hover-underline-animation">Home</a>
+                            <span class="mx-2">/</span>
+                        </li>
+                        <li>
+                            <a href="#" class="text-primary/60 hover-underline-animation">Products</a>
+                            <span class="mx-2">/</span>
+                        </li>
+                        <li>
+                            <a href="#" class="text-primary/60 hover-underline-animation">Electronics</a>
+                            <span class="mx-2">/</span>
+                        </li>
+                        <li class="text-black/50">Mobile Phones</li>
+                    </ol>
+                </nav>
+            </div>
+        </div>
+    </section>
+	
+	<!-- section 3 -->
+    <section class="my-10">
+        <div class="container mx-auto">
+            <div class="bg-white p-8">
+                <div class="text-center mb-10">
+                    <h4 class="text-base text-primary/60 font-medium mb-1">Our lists</h4>
+                    <h2 class="font-bold text-black/80 mb-4 text-xl lg:text-2xl">TIERS</h2>
+                </div>
+                <div class="grid gap-8 md:grid-cols-3">
+                    <div
+                        class="text-center bg-white border border-third rounded-xl transition-all ease-in-out duration-1000 hover:bg-third/10">
+                        <div class="pb-8">
+                            <h3
+                                class="text-xl font-bold mb-8 lg:text-3xl h-32 text-white bg-third rounded-t-xl flex justify-center items-center relative after:absolute after:-bottom-2 after:left-1/2 after:-translate-x-1/2 after:w-5 after:h-5 after:rotate-45 after:bg-third">
+                                IPv4 - FLOD</h3>
+                            <h4 class="text-lg font-bold text-black/60 mb-6">Only IPv4 by FLOD</h4>
+                            <h2 class="font-bold text-third mb-2 text-4xl">Free</h2>
+                            <p class="text-base text-black/60 mb-6">Personal Use</p>
+                            <ul class="text-black/40 font-medium mb-6 grid gap-3">
+                                <li><a href="#">more than 4500 IPv4</a></li>
+                                <li><a href="#">only IPv4</a></li>
+                                <li><a href="#">No Collection-Lists</a></li>
+                            </ul>
+                            <button
+                                class="text-base bg-third rounded-full text-white px-6 py-2 border border-third/80 transition ease-in-out duration-1000 hover:text-third hover:bg-white">Get
+                                Started</button>
+                        </div>
+                    </div>
+                    <div
+                        class="text-center bg-white border border-fourth rounded-xl transition-all ease-in-out duration-1000 hover:bg-fourth/10">
+                        <div class="pb-8">
+                            <h3
+                                class="text-xl font-bold mb-8 lg:text-3xl h-32 text-white bg-fourth rounded-t-xl flex justify-center items-center relative after:absolute after:-bottom-2 after:left-1/2 after:-translate-x-1/2 after:w-5 after:h-5 after:rotate-45 after:bg-fourth">
+                                IPv4+6 - FLOD</h3>
+                            <h4 class="text-lg font-bold text-black/60 mb-6">IPv4 + IPv6 by FLOD</h4>
+                            <h2 class="font-bold text-fourth mb-2 text-4xl">Free</h2>
+                            <p class="text-base text-black/60 mb-6">Personal Use</p>
+                            <ul class="text-black/40 font-medium mb-6 grid gap-3">
+                                <li><a href="#">more than 4500 IPv4</a></li>
+                                <li><a href="#">more than 100 IPv6</a></li>
+                                <li><a href="#">No Collection-Lists</a></li>
+                            </ul>
+                            <button
+                                class="text-base bg-fourth rounded-full text-white px-6 py-2 border border-fourth/80 transition ease-in-out duration-1000 hover:text-fourth hover:bg-white">Get
+                                Started</button>
+                        </div>
+                    </div>
+                    <div
+                        class="text-center bg-white border border-secondary rounded-xl transition-all ease-in-out duration-1000 hover:bg-secondary/10">
+                        <div class="pb-8">
+                            <h3
+                                class="text-xl font-bold mb-8 lg:text-3xl h-32 text-white bg-secondary rounded-t-xl flex justify-center items-center relative after:absolute after:-bottom-2 after:left-1/2 after:-translate-x-1/2 after:w-5 after:h-5 after:rotate-45 after:bg-secondary">
+                                IPv4+6 - F+E</h3>
+                            <h4 class="text-lg font-bold text-black/60 mb-6">IPv4 + IPv6 by FLOD + External</h4>
+                            <h2 class="font-bold text-secondary mb-2 text-4xl">Member</h2>
+                            <p class="text-base text-black/60 mb-6">Personal / Business Use</p>
+                            <ul class="text-black/40 font-medium mb-6 grid gap-3">
+                                <li><a href="#">more than 4500 IPv4</a></li>
+                                <li><a href="#">more than 100 IPv6</a></li>
+                                <li><a href="#">more than 600.000 Subnets</a></li>
+                            </ul>
+                            <button
+                                class="text-base bg-secondary rounded-full text-white px-6 py-2 border border-secondary/80 transition ease-in-out duration-1000 hover:text-secondary hover:bg-white">Get
+                                Started</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </section>
+	
+	<!-- section 3 -->
+    <section class="my-10">
+        <div class="container mx-auto">
+            <div class="grid gap-8 items-center bg-white p-8 md:grid-cols-3">
+                <div class="grid grid-cols-2 gap-2">
+                    <img src="assets/images/back.jpg" alt="dummy" class="rounded-xl w-full">
+                    <img src="assets/images/back2.jpg" alt="dummy" class="rounded-xl w-full">
+                    <img src="assets/images/back3.jpg" alt="dummy" class="rounded-xl w-full">
+                    <img src="assets/images/back5.jpg" alt="dummy" class="rounded-xl w-full">
+                </div>
+                <div class="md:col-span-2">
+                    <h4 class="text-base text-primary/60 font-medium mb-1">Description</h4>
+                    <h2 class="font-bold text-black/80 mb-4 text-xl lg:text-2xl">What ist the FLOD-Project?</h2>
+                    <p class="text-black/40 text-base mb-4">A Honeypod is a decoy system designed to attract and detect unauthorized or malicious connection attempts.
+                        In the FLOD-Project, multiple distributed systems monitor connection attempts on various ports.
+                        These systems are not part of any productive environment and have no legitimate services running.
+                        Any connection to these Honeypods reliably indicates port scans, probing, or other potentially harmful activities.</p>
+                    <button
+                        class="text-base bg-primary mt-4 rounded-full text-white px-6 py-2 border border-primary/80 transition ease-in-out duration-1000 hover:text-primary hover:bg-white">Read
+                        More</button>
+                </div>
+            </div>
+        </div>
+    </section>
+	
+	<!-- section 4 -->
+    <section class="my-10">
+        <div class="container mx-auto">
+
+            <div class="bg-white p-8">
+                <div class="text-center mb-16">
+                    <div class="md:col-span-2">
+                        <h4 class="text-base text-primary/60 font-medium mb-1">FLOD - SYSTEM</h4>
+                        <h2 class="font-bold text-black/80 mb-4 text-xl lg:text-2xl">Access the System!</h2>
+                    </div>
+                </div>
+                <div class="mx-auto grid gap-8 md:w-4/6">
+                    <div class="md:flex gap-8">
+                        <div class="text-center mb-4 md:mb-0">
+                            <span
+                                class="text-2xl font-bold text-fourth/80 w-16 h-16 border-2 border-fourth !flex items-center justify-center rounded-full mx-auto md:mb-2">R</span>
+                            <h4 class="text-base text-black/60 font-medium">Requests</h4>
+                        </div>
+                        <div
+                            class="bg-fourth/10 rounded-xl relative p-6 transition-all ease-in-out duration-1000 hover:bg-fourth/20 hover:shadow-md hover:shadow-fourth/40">
+                            <h2 class="text-lg font-bold text-black/80 mb-2 lg:text-xl">Requests</h2>
+                            <div id="result">No Request</div>
+                            <p class="text-black/40 text-base">Send your request and view result.</p>
+                        </div>
+                    </div>
+                    <div class="md:flex gap-8">
+                        <div class="text-center mb-4 md:mb-0">
+                            <span
+                                class="text-2xl font-bold text-fourth/80 w-16 h-16 border-2 border-fourth !flex items-center justify-center rounded-full mx-auto md:mb-2">M</span>
+                            <h4 class="text-base text-black/60 font-medium">Metrics</h4>
+                        </div>
+                        <div
+                            class="bg-fourth/10 rounded-xl relative p-6 transition-all ease-in-out duration-1000 hover:bg-fourth/20 hover:shadow-md hover:shadow-fourth/40">
+                            <h2 class="text-lg font-bold text-black/80 mb-2 lg:text-xl">Metrics</h2>
+                            <div id="metrics">Loading...</div>
+                            <p class="text-black/40 text-base">Live metrics calculated by the system.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+	
+	<!-- section 4 -->
+    <section class="my-10">
+        <div class="container mx-auto">
+            <div class="bg-white p-8">
+                <div class="text-center mb-10">
+                    <div class="md:col-span-2">
+                        <h4 class="text-base text-primary/60 font-medium mb-1 tracking-[8px]">FAQ</h4>
+                        <h2 class="font-bold text-black/80 mb-4 text-xl lg:text-2xl">Frequently Asked Questions</h2>
+                        <p class="text-black/40 text-base">Lorem Ipsum is simply dummy text of the printing and
+                            typesetting industry.</p>
+                    </div>
+                </div>
+                <div class="grid gap-8 mx-auto md:w-4/5">
+                    <div class="grid gap-4">
+                        <h4 class="text-lg font-medium text-third/80">Techanical</h4>
+                        <div class="relative mb-3">
+                            <h6 class="mb-0">
+                                <button
+                                    class="relative border border-third bg-third/10 shadow-md shadow-third/20 rounded-lg flex items-center w-full font-semibold text-left transition-all ease-in cursor-pointer text-black/60 group"
+                                    data-collapse-target="animated-collapse-23">
+                                    <i
+                                        class="fa-solid fa-question text-xl w-14 h-14 me-2 rounded-s-lg !flex justify-center items-center bg-third/80 text-white/80"></i>
+                                    <span class="me-4">Lorem Ipsum is simply dummy text</span>
+                                    <i
+                                        class="absolute right-3 text-base text-third transition-transform fa fa-chevron-down group-open:rotate-180"></i>
+                                </button>
+                            </h6>
+                            <div data-collapse="animated-collapse-23"
+                                class="h-0 overflow-hidden transition-all duration-300 ease-in-out">
+                                <div class="pt-4 text-sm leading-normal text-black/60">
+                                    We're not always in the position that we want to be at. We're constantly
+                                    growing. We're constantly making mistakes. We're constantly trying to
+                                    express ourselves and actualize our dreams.
+                                </div>
+                            </div>
+                        </div>
+                        <div class="relative mb-3">
+                            <h6 class="mb-0">
+                                <button
+                                    class="relative border border-third bg-third/10 shadow-md shadow-third/20 rounded-lg flex items-center w-full font-semibold text-left transition-all ease-in cursor-pointer text-black/60 group"
+                                    data-collapse-target="animated-collapse-24">
+                                    <i
+                                        class="fa-solid fa-question text-xl w-14 h-14 me-2 rounded-s-lg !flex justify-center items-center bg-third/80 text-white/80"></i>
+                                    <span class="me-4">Lorem Ipsum is simply dummy text</span>
+                                    <i
+                                        class="absolute right-3 text-base text-third transition-transform fa fa-chevron-down group-open:rotate-180"></i>
+                                </button>
+                            </h6>
+                            <div data-collapse="animated-collapse-24"
+                                class="h-0 overflow-hidden transition-all duration-300 ease-in-out">
+                                <div class="pt-4 text-sm leading-normal text-black/60">
+                                    We're not always in the position that we want to be at. We're constantly
+                                    growing. We're constantly making mistakes. We're constantly trying to
+                                    express ourselves and actualize our dreams.
+                                </div>
+                            </div>
+                        </div>
+                        <div class="relative mb-3">
+                            <h6 class="mb-0">
+                                <button
+                                    class="relative border border-third bg-third/10 shadow-md shadow-third/20 rounded-lg flex items-center w-full font-semibold text-left transition-all ease-in cursor-pointer text-black/60 group"
+                                    data-collapse-target="animated-collapse-25">
+                                    <i
+                                        class="fa-solid fa-question text-xl w-14 h-14 me-2 rounded-s-lg !flex justify-center items-center bg-third/80 text-white/80"></i>
+                                    <span class="me-4">Lorem Ipsum is simply dummy text</span>
+                                    <i
+                                        class="absolute right-3 text-base text-third transition-transform fa fa-chevron-down group-open:rotate-180"></i>
+                                </button>
+                            </h6>
+                            <div data-collapse="animated-collapse-25"
+                                class="h-0 overflow-hidden transition-all duration-300 ease-in-out">
+                                <div class="pt-4 text-sm leading-normal text-black/60">
+                                    We're not always in the position that we want to be at. We're constantly
+                                    growing. We're constantly making mistakes. We're constantly trying to
+                                    express ourselves and actualize our dreams.
+                                </div>
+                            </div>
+                        </div>
+                        <div class="grid gap-4">
+                            <h4 class="text-lg font-medium text-fourth/80">Billing</h4>
+                            <div class="relative mb-3">
+                                <h6 class="mb-0">
+                                    <button
+                                        class="relative border border-fourth bg-fourth/10 shadow-md shadow-fourth/20 rounded-lg flex items-center w-full font-semibold text-left transition-all ease-in cursor-pointer text-black/60 group"
+                                        data-collapse-target="animated-collapse-26">
+                                        <i
+                                            class="fa-solid fa-question text-xl w-14 h-14 me-2 rounded-s-lg !flex justify-center items-center bg-fourth/80 text-white/80"></i>
+                                        <span class="me-4">Lorem Ipsum is simply dummy text</span>
+                                        <i
+                                            class="absolute right-3 text-base text-fourth transition-transform fa fa-chevron-down group-open:rotate-180"></i>
+                                    </button>
+                                </h6>
+                                <div data-collapse="animated-collapse-26"
+                                    class="h-0 overflow-hidden transition-all duration-300 ease-in-out">
+                                    <div class="pt-4 text-sm leading-normal text-black/60">
+                                        We're not always in the position that we want to be at. We're constantly
+                                        growing. We're constantly making mistakes. We're constantly trying to
+                                        express ourselves and actualize our dreams.
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="relative mb-3">
+                                <h6 class="mb-0">
+                                    <button
+                                        class="relative border border-fourth bg-fourth/10 shadow-md shadow-fourth/20 rounded-lg flex items-center w-full font-semibold text-left transition-all ease-in cursor-pointer text-black/60 group"
+                                        data-collapse-target="animated-collapse-27">
+                                        <i
+                                            class="fa-solid fa-question text-xl w-14 h-14 me-2 rounded-s-lg !flex justify-center items-center bg-fourth/80 text-white/80"></i>
+                                        <span class="me-4">Lorem Ipsum is simply dummy text</span>
+                                        <i
+                                            class="absolute right-3 text-base text-fourth transition-transform fa fa-chevron-down group-open:rotate-180"></i>
+                                    </button>
+                                </h6>
+                                <div data-collapse="animated-collapse-27"
+                                    class="h-0 overflow-hidden transition-all duration-300 ease-in-out">
+                                    <div class="pt-4 text-sm leading-normal text-black/60">
+                                        We're not always in the position that we want to be at. We're constantly
+                                        growing. We're constantly making mistakes. We're constantly trying to
+                                        express ourselves and actualize our dreams.
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+	
+	<!-- section 5 -->
+    <section class="my-10">
+        <div class="container mx-auto">
+            <div class="bg-white p-8">
+                <div class="grid gap-8 items-center md:grid-cols-2">
+                    <div class="grid gap-8 md:grid-cols-2">
+                        <div class="text-center p-6 bg-fourth/10 rounded-xl shadow shadow-fourth/80">
+                            <img src="assets/images/user/user-2.jpg" alt="dummy"
+                                class="w-28 rounded-full mx-auto mb-4 shadow-md shadow-fourth">
+                            <h2 class="text-lg font-bold text-fourth/80 mb-1 lg:text-xl">Jone Due</h2>
+                            <h6 class="text-base text-black/60 font-medium">CEO</h6>
+                        </div>
+                        <div class="text-center p-6 bg-fourth/10 rounded-xl shadow shadow-fourth/80">
+                            <img src="assets/images/user/user-3.jpg" alt="dummy"
+                                class="w-28 rounded-full mx-auto mb-4 shadow-md shadow-fourth">
+                            <h2 class="text-lg font-bold text-fourth/80 mb-1 lg:text-xl">Jone Due</h2>
+                            <h6 class="text-base text-black/60 font-medium">CEO</h6>
+                        </div>
+                        <div class="text-center p-6 bg-fourth/10 rounded-xl shadow shadow-fourth/80">
+                            <img src="assets/images/user/user-4.jpg" alt="dummy"
+                                class="w-28 rounded-full mx-auto mb-4 shadow-md shadow-fourth">
+                            <h2 class="text-lg font-bold text-fourth/80 mb-1 lg:text-xl">Jone Due</h2>
+                            <h6 class="text-base text-black/60 font-medium">CEO</h6>
+                        </div>
+                        <div class="text-center p-6 bg-fourth/10 rounded-xl shadow shadow-fourth/80">
+                            <img src="assets/images/user/user-5.jpg" alt="dummy"
+                                class="w-28 rounded-full mx-auto mb-4 shadow-md shadow-fourth">
+                            <h2 class="text-lg font-bold text-fourth/80 mb-1 lg:text-xl">Jone Due</h2>
+                            <h6 class="text-base text-black/60 font-medium">CEO</h6>
+                        </div>
+                    </div>
+                    <div>
+                        <h4 class="text-base text-primary/60 font-medium mb-1">What about</h4>
+                        <h2 class="font-bold text-black/80 text-xl mb-8 lg:text-2xl">Meet Our Team</h2>
+                        <p class="text-black/40 text-base mb-4">How does FLOD work? We use a large number of servers worldwide to filter out unwanted and unusual requests to IP addresses and services.
+                            All slave systems send their collected diagnostic data to the master server in real time.
+                            Blacklists are created in real time from the data from the master servers.
+                            This allows connections to be blocked at the first level in firewalls and on various operating systems.
+                            The systems run day and night and always provide live data. </p>
+                        <p class="text-black/40 text-base mb-4">Even though our systems serve both IPv4 and IPv6 requests, we rarely detect connection attempts via IPv6.
+                            Nevertheless, we are constantly increasing the number of breadcrumbs we provide. </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+	<!-- footer -->
+    <footer class="bg-primary/60 text-center py-4">
+        <p class="text-white text-base">Copyright &copy; 2024 - TotalSuite</p>
+    </footer>
+
+    <script src="assets/js/collapse.js"></script>
+    <script>
+    async function checkIP() {
+      const ip = document.getElementById('ipInput').value.trim();
+      if (!ip) { alert("Please enter IP!"); return; }
+      const res = await fetch('/check/' + ip);
+      const data = await res.json();
+      document.getElementById('result').innerText = JSON.stringify(data, null, 2);
+      //addHistory(ip, data);
+    }
+
+    async function whitelistIP() {
+      const ip = document.getElementById('ipInput').value.trim();
+      if (!ip) { alert("Please enter IP!"); return; }
+      const res = await fetch('/whitelist', {
+        method: 'POST',
+        headers: {'Content-Type': 'application/json'},
+        body: JSON.stringify({ip})
+      });
+      const data = await res.json();
+      document.getElementById('result').innerText = JSON.stringify(data, null, 2);
+      //addHistory(ip, data);
+    }
+
+    /*function addHistory(ip, data) {
+      let history = JSON.parse(localStorage.getItem('ipHistory') || '[]');
+      history.unshift({ip, data, ts: new Date().toLocaleString()});
+      if (history.length > 10) history = history.slice(0, 10);
+      localStorage.setItem('ipHistory', JSON.stringify(history));
+      renderHistory();
+    }*/
+
+    /*function renderHistory() {
+      let history = JSON.parse(localStorage.getItem('ipHistory') || '[]');
+      if (history.length === 0) {
+        document.getElementById('history').innerText = 'Nothing checked yet';
+        return;
+      }
+      document.getElementById('history').innerText = history.map(e => 
+        e.ts + ": " + e.ip + " → blocked=" + (e.data.blocked ? "yes" : "no") +
+        (e.data.categories ? " [" + e.data.categories.join(", ") + "]" : "")
+      ).join("\n");
+    }*/
+
+    async function loadMetrics() {
+      const res = await fetch('/metrics');
+      const text = await res.text();
+      const lines = text.split('\n').filter(l => l.includes('ipcheck_'));
+      document.getElementById('metrics').innerText = lines.join('\n') || 'No Data';
+    }
+
+    //renderHistory();
+    setInterval(loadMetrics, 3000);
+    loadMetrics();
+  </script>
+</body>
+
+</html>