add protection that shares the data with my webside

templates/static/css/blocked_access.css

@@ -0,0 +1,37 @@
+body {
+  font-family: Arial, sans-serif;
+  background-color: var(--primary-color);
+  margin: 0;
+  padding: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  text-align: center;
+  color: var(--text-color);
+}
+
+.container {
+  background-color: var(--secondary-color);
+  padding: 40px;
+  border-radius: 10px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  max-width: 920px;
+}
+
+h1 {
+  color: #e74c3c;
+  font-size: 48px;
+  margin: 0;
+  font-family: 'Press Start 2P', cursive;
+}
+
+p {
+  font-size: 18px;
+  margin-top: 10px;
+}
+
+.blocked-ip {
+  font-weight: bold;
+  color: var(--text-muted);
+}

templates/static/css/root.css

@@ -0,0 +1,55 @@
+:root {
+  --primary-color: #f0f0f0;
+  --secondary-color: white;
+
+  --nav-background-color: #333;
+
+  --text-color: #000;
+  --text-muted: #555;
+
+  --table-head-background-color: #e1e1e1;
+
+  --container-width: 580px;
+  --container-max-width: 903px;
+
+  --furry-button-color: #ffcaa6;
+  --furry-button-color-hover: #ffa974;
+
+  --furry-background-color: white;
+  --furry-decoration-color: #ff7f50;
+
+  --furry-list-element-color: #fff4e6;
+  --furry-list-element-color-hover: #ffeede;
+
+  --story-text-color: #33ff33;
+  --story-press-any-key-color: #ccc;
+  --story-background-color: radial-gradient(circle at center, #222 0%, #000 100%);
+
+  --story-button-color: #0d0d0d;
+  --story-button-hover-color: #003300;
+
+  --story-sidebar-background-color: black;
+  --story-boot-logo-color: #ffaa00;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    /* --primary-color: #353535;
+    --secondary-color: #1f1f23; */
+    /* --primary-color: #2a2640;
+    --secondary-color: #3a3458; */
+    --primary-color: #1e1e2f;
+    --secondary-color: #2a2a3d;
+
+    --nav-background-color: #272424;
+
+    --text-color: #cec9da;
+    --text-muted: #999;
+
+    --table-head-background-color: var(--secondary-color);
+
+    --furry-button-color: #b67616;
+    --furry-list-element-color: #252231;
+    --furry-list-element-color-hover: var(--primary-color);
+  }
+}