diff --git a/api/optout.go b/api/optout.go
index 6f051f2..818db3b 100644
--- a/api/optout.go
+++ b/api/optout.go
@@ -2,7 +2,7 @@ package api
 
 import (
 	"math/rand"
-	"net/http"
+	// "net/http"
 	"time"
 )
 
@@ -21,25 +21,25 @@ func init() {
 //
 //     Responses:
 //       200: string
-func (s *Server) writeOptOutCode(w http.ResponseWriter, r *http.Request) {
+// func (s *Server) writeOptOutCode(w http.ResponseWriter, r *http.Request) {
 
-	code := randomString(6)
+// 	code := randomString(6)
 
-	s.bot.OptoutCodes.Store(code, true)
-	go func() {
-		time.Sleep(time.Second * 60)
-		s.bot.OptoutCodes.Delete(code)
-	}()
+// 	s.bot.OptoutCodes.Store(code, true)
+// 	go func() {
+// 		time.Sleep(time.Second * 60)
+// 		s.bot.OptoutCodes.Delete(code)
+// 	}()
 
-	writeJSON(code, http.StatusOK, w, r)
-}
+// 	writeJSON(code, http.StatusOK, w, r)
+// }
 
-var letterRunes = []rune("abcdefghijklmnopqrstuvwxyz1234567890")
+// var letterRunes = []rune("abcdefghijklmnopqrstuvwxyz1234567890")
 
-func randomString(n int) string {
-	b := make([]rune, n)
-	for i := range b {
-		b[i] = letterRunes[rand.Intn(len(letterRunes))]
-	}
-	return string(b)
-}
+// func randomString(n int) string {
+// 	b := make([]rune, n)
+// 	for i := range b {
+// 		b[i] = letterRunes[rand.Intn(len(letterRunes))]
+// 	}
+// 	return string(b)
+// }
diff --git a/api/server.go b/api/server.go
index 89025ad..3ac5d43 100644
--- a/api/server.go
+++ b/api/server.go
@@ -126,7 +126,7 @@ func (s *Server) route(w http.ResponseWriter, r *http.Request) {
 
 	if url == "/list" {
 		if s.cfg.IsOptedOut(query.Get("userid")) || s.cfg.IsOptedOut(query.Get("channelid")) {
-			http.Error(w, "User or channel has opted out", http.StatusForbidden)
+			http.Error(w, "User or channel is a cuck", http.StatusForbidden)
 			return
 		}
 
@@ -139,10 +139,10 @@ func (s *Server) route(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 
-	if url == "/optout" && r.Method == http.MethodPost {
-		s.writeOptOutCode(w, r)
-		return
-	}
+	// if url == "/optout" && r.Method == http.MethodPost {
+	// 	s.writeOptOutCode(w, r)
+	// 	return
+	// }
 
 	if strings.HasPrefix(url, "/admin/channels") {
 		success := s.authenticateAdmin(w, r)
diff --git a/config.json.dist b/config.json.dist
deleted file mode 100644
index 58bfd4d..0000000
--- a/config.json.dist
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-    "admins": ["gempir"],
-    "logsDirectory": "./logs",
-    "adminAPIKey": "noshot",
-    "username": "gempbot",
-    "oauth": "oauthtokenforchat",
-    "botVerified": true,
-    "clientID": "mytwitchclientid",
-    "clientSecret": "mysecret",
-    "logLevel": "info",
-    "channels": ["77829817", "11148817"],
-    "archive": true
-}
diff --git a/web/dist/.gitkeep b/web/dist/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/web/index.html b/web/index.html
index 0599a43..5dfeddd 100644
--- a/web/index.html
+++ b/web/index.html
@@ -11,9 +11,10 @@
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
     <style>
         :root {
-            --bg: #0e0e10;
-            --bg-bright: #18181b;
-            --bg-brighter: #3d4146;
+
+            --bg: #111111;
+            --bg-bright: #11111120;
+            --bg-brighter: #3d414620;
             --bg-dark: #121416;
             --theme: #00CC66;
             --theme-bright: #00FF80;
@@ -25,9 +26,15 @@
         }
 
         body {
+            background-image: linear-gradient(
+      to bottom,
+      rgba(11, 11, 11, 0.8),
+      rgba(11, 11, 11, 0.8)
+    ),
+    url(https://zzls.xyz/assets/bgs/bgtile.gif);
             margin: 0;
             padding: 0;
-            background: var(--bg);
+            /* background: var(--bg); */
             font-family: Helvetica, Arial, sans-serif;
             height: 100%;
             width: 100%;
diff --git a/web/src/components/ContentLog.tsx b/web/src/components/ContentLog.tsx
index 3a8f1a9..670374c 100644
--- a/web/src/components/ContentLog.tsx
+++ b/web/src/components/ContentLog.tsx
@@ -53,7 +53,7 @@ export function ContentLog({ year, month }: { year: string, month: string }) {
     return <ContentLogContainer onMouseEnter={handleMouseEnter}>
         <TextField
             className="search"
-            label="Search"
+            label="Search / Buscar"
             inputRef={search}
             onChange={e => setSearchText(e.target.value)}
             size="small"
diff --git a/web/src/components/Filters.tsx b/web/src/components/Filters.tsx
index 3af91e6..b4a324b 100644
--- a/web/src/components/Filters.tsx
+++ b/web/src/components/Filters.tsx
@@ -1,4 +1,4 @@
-import { Button, TextField } from "@mui/material";
+import { Button, TextField, colors } from "@mui/material";
 import { Autocomplete } from '@mui/material';
 import React, { FormEvent, useContext } from "react";
 import { useQueryClient } from "react-query";
@@ -6,14 +6,14 @@ import styled from "styled-components";
 import { useChannels } from "../hooks/useChannels";
 import { store } from "../store";
 import { Docs } from "./Docs";
-import { Optout } from "./Optout";
+// import { Optout } from "./Optout";
 import { Settings } from "./Settings";
 
 const FiltersContainer = styled.form`
     display: inline-flex;
     align-items: center;
     padding: 15px;
-    background: var(--bg-bright);
+    // background: var(--bg-bright);
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 3px;
 	margin: 0 auto;
@@ -57,17 +57,16 @@ export function Filters() {
             <Autocomplete
                 id="autocomplete-channels"
                 options={channels.map(channel => channel.name)}
-                style={{ width: 225 }}
+                style={{ width: 300 }}
                 defaultValue={state.currentChannel}
                 getOptionLabel={(channel: string) => channel}
                 clearOnBlur={false}
                 renderInput={(params) => <TextField {...params} name="channel" label="channel or id:123" variant="filled" autoFocus={state.currentChannel === null} />}
             />
             <TextField error={state.error} name="username" label="username or id:123" variant="filled" autoComplete="off" defaultValue={state.currentUsername} autoFocus={state.currentChannel !== null && state.currentUsername === null} />
-            <Button variant="contained" color="primary" size="large" type="submit">load</Button>
+            <Button variant="contained" color="secondary" size="large" type="submit">load</Button>
             <Settings />
             <Docs />
-            <Optout />
         </FiltersContainer>
     </FiltersWrapper>
 }
\ No newline at end of file
diff --git a/web/src/components/Optout.tsx b/web/src/components/Optout.tsx
index 4c502b6..a21dca9 100644
--- a/web/src/components/Optout.tsx
+++ b/web/src/components/Optout.tsx
@@ -1,88 +1,88 @@
-import { IconButton, Button } from "@mui/material";
-import { useContext, useState } from "react";
-import styled from "styled-components";
-import { store } from "../store";
-import CancelIcon from '@mui/icons-material/Cancel';
+// import { IconButton, Button } from "@mui/material";
+// import { useContext, useState } from "react";
+// import styled from "styled-components";
+// import { store } from "../store";
+// import CancelIcon from '@mui/icons-material/Cancel';
 
-const OptoutWrapper = styled.div`
+// const OptoutWrapper = styled.div`
 
-`;
+// `;
 
-export function Optout() {
-    const { state, setShowOptout } = useContext(store);
+// export function Optout() {
+//     const { state, setShowOptout } = useContext(store);
 
-    const handleClick = () => {
-        setShowOptout(!state.showOptout);
-    }
+//     const handleClick = () => {
+//         setShowOptout(!state.showOptout);
+//     }
 
-    return <OptoutWrapper>
-        <IconButton aria-controls="docs" aria-haspopup="true" onClick={handleClick} size="small" color={state.showOptout ? "primary" : "default"}>
-            <CancelIcon />
-        </IconButton>
-    </OptoutWrapper>;
-}
+//     return <OptoutWrapper>
+//         <IconButton aria-controls="docs" aria-haspopup="true" onClick={handleClick} size="small" color={state.showOptout ? "primary" : "default"}>
+//             <CancelIcon />
+//         </IconButton>
+//     </OptoutWrapper>;
+// }
 
-const OptoutPanelWrapper = styled.div`
-    background: var(--bg-bright);
-    color: var(--text);
-    margin: 3rem;
-    font-size: 1.5rem;
-    padding: 2rem;
+// const OptoutPanelWrapper = styled.div`
+//     background: var(--bg-bright);
+//     color: var(--text);
+//     margin: 3rem;
+//     font-size: 1.5rem;
+//     padding: 2rem;
 
-    code {
-        background: var(--bg);
-        padding: 1rem;
-        border-radius: 3px;
-    }
+//     code {
+//         background: var(--bg);
+//         padding: 1rem;
+//         border-radius: 3px;
+//     }
 
-    .generator {
-        margin-top: 2rem;
-        display: flex;
-        gap: 1rem;
-        align-items: center;
+//     .generator {
+//         margin-top: 2rem;
+//         display: flex;
+//         gap: 1rem;
+//         align-items: center;
 
-        input {
-            background: var(--bg);
-            border: none;
-            color: white;
-            padding: 0.6rem;
-            font-size: 1.5rem;
-            text-align: center;
-            border-radius: 3px;
-        }
-    }
+//         input {
+//             background: var(--bg);
+//             border: none;
+//             color: white;
+//             padding: 0.6rem;
+//             font-size: 1.5rem;
+//             text-align: center;
+//             border-radius: 3px;
+//         }
+//     }
 
-    .small {
-        font-size: 0.8rem;
-        font-family: monospace;
-    }
-`;
+//     .small {
+//         font-size: 0.8rem;
+//         font-family: monospace;
+//     }
+// `;
 
-export function OptoutPanel() {
-    const { state } = useContext(store);
-    const [code, setCode] = useState("");
+// export function OptoutPanel() {
+//     const { state } = useContext(store);
+//     const [code, setCode] = useState("");
 
-    const generateCode = () => {
-        fetch(state.apiBaseUrl + "/optout", { method: "POST" }).then(res => res.json()).then(setCode).catch(console.error);
-    };
+//     const generateCode = () => {
+//         fetch(state.apiBaseUrl + "/optout", { method: "POST" }).then(res => res.json()).then(setCode).catch(console.error);
+//     };
 
-    return <OptoutPanelWrapper>
-        <p>
-            You can opt out from being logged. This will also disable access to your previously logged data.<br />
-            This applies to all chats of that justlog instance.<br />
-            Opting out is permanent, there is no reverse action. So think twice if you want to opt out.
-        </p>
-        <p>
-            If you still want to optout generate a token here and paste the command into a logged chat.<br />
-            You will receive a confirmation message from the bot "@username, opted you out".
-        </p>
-        <br />
-        <div><code>!justlog optout {"<code>"}</code></div>
-        <div className="generator">
-            <input readOnly type="text" value={code} /><Button variant="contained" onClick={generateCode} color="primary" size="large">Generate Code</Button>
-        </div>
-        {code && <p className="small">
-            This code is valid for 60 seconds
-        </p>}
-    </OptoutPanelWrapper>;
-}
\ No newline at end of file
+//     return <OptoutPanelWrapper>
+//         <p>
+//             You can opt out from being logged. This will also disable access to your previously logged data.<br />
+//             This applies to all chats of that justlog instance.<br />
+//             Opting out is permanent, there is no reverse action. So think twice if you want to opt out.
+//         </p>
+//         <p>
+//             If you still want to optout generate a token here and paste the command into a logged chat.<br />
+//             You will receive a confirmation message from the bot "@username, opted you out".
+//         </p>
+//         <br />
+//         <div><code>!justlog optout {"<code>"}</code></div>
+//         <div className="generator">
+//             <input readOnly type="text" value={code} /><Button variant="contained" onClick={generateCode} color="primary" size="large">Generate Code</Button>
+//         </div>
+//         {code && <p className="small">
+//             This code is valid for 60 seconds
+//         </p>}
+//     </OptoutPanelWrapper>;
+// }
\ No newline at end of file
diff --git a/web/src/components/Page.tsx b/web/src/components/Page.tsx
index b3ee216..cee60df 100644
--- a/web/src/components/Page.tsx
+++ b/web/src/components/Page.tsx
@@ -3,7 +3,7 @@ import styled from "styled-components";
 import { store } from "../store";
 import { Filters } from "./Filters";
 import { LogContainer } from "./LogContainer";
-import { OptoutPanel } from "./Optout";
+// import { OptoutPanel } from "./Optout";
 
 const PageContainer = styled.div`
 	
@@ -14,7 +14,6 @@ export function Page() {
 
 	return <PageContainer>
 		<Filters />
-		{state.showOptout && <OptoutPanel />}
 		<LogContainer />
 	</PageContainer>;
 }
\ No newline at end of file