diff --git a/src/package.json b/src/package.json
index a0a96610a..6701ebbfb 100644
--- a/src/package.json
+++ b/src/package.json
@@ -83,6 +83,8 @@
     "etherpad-lite": "node/server.ts"
   },
   "devDependencies": {
+    "autoprefixer": "^10.4.17",
+    "postcss": "^8.4.35",
     "@types/async": "^3.2.24",
     "@types/express": "^4.17.21",
     "@types/http-errors": "^2.0.4",
diff --git a/src/pages/admin/admin.tsx b/src/pages/admin/admin.tsx
index bfb7e54d4..f7ebaed9a 100644
--- a/src/pages/admin/admin.tsx
+++ b/src/pages/admin/admin.tsx
@@ -1,10 +1,32 @@
+import 'tailwindcss/tailwind.css'
+import {connect} from 'socket.io-client'
+import {useEffect} from "react";
+
 export const Admin = ()=>{
 
+
+    useEffect(() => {
+        const socket =  connect('/settings')
+
+        socket.on('connect', () => {
+            socket.emit('load');
+        });
+
+        socket.on('disconnect', (reason) => {
+            // The socket.io client will automatically try to reconnect for all reasons other than "io
+            // server disconnect".
+            if (reason === 'io server disconnect') socket.connect();
+        });
+
+        socket.on('settings', (settings) => {
+          console.log(settings)
+        })
+    }, []);
+
+
     return(
-        <div>
-            <h1 className="text-red-50">Admin12345</h1>
-        </div>
+            <h1 className="">Admin1234</h1>
     )
 }
 
-export default Admin
\ No newline at end of file
+export default Admin
diff --git a/src/pages/admin/layout.tsx b/src/pages/admin/layout.tsx
new file mode 100644
index 000000000..b196a572e
--- /dev/null
+++ b/src/pages/admin/layout.tsx
@@ -0,0 +1,28 @@
+import {FC} from "react";
+import packageJson from '../../../package.json';
+
+type Repo = {
+    name: string
+}
+
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+    title: 'Home',
+    description: 'Welcome to Next.js',
+}
+
+type RootLayoutProps = {
+    children: React.ReactNode|React.ReactNode[]
+}
+
+
+const RootLayout:FC<RootLayoutProps> = ({children})=>{
+
+    return <div>
+        {children}
+        {packageJson.name}
+    </div>
+}
+
+export default RootLayout
diff --git a/src/tailwind.config.ts b/src/tailwind.config.ts
index eddac8615..86359dcc5 100644
--- a/src/tailwind.config.ts
+++ b/src/tailwind.config.ts
@@ -2,9 +2,9 @@ import type { Config } from "tailwindcss";
 
 const config: Config = {
     content: [
-        "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
-        "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
-        "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+        "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+        "./components/**/*.{js,ts,jsx,tsx,mdx}",
+        "./app/**/*.{js,ts,jsx,tsx,mdx}",
     ],
     theme: {
         extend: {
@@ -17,4 +17,4 @@ const config: Config = {
     },
     plugins: [],
 };
-export default config;
\ No newline at end of file
+export default config;