diff --git a/web/src/App.css b/web/src/App.css index 8da3fde..b43a996 100644 --- a/web/src/App.css +++ b/web/src/App.css @@ -1,42 +1,3 @@ -.App { - text-align: center; -} - -.App-logo { - height: 40vmin; - pointer-events: none; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - -.App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} - -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -button { - font-size: calc(10px + 2vmin); -} +a:hover { + text-decoration: underline; +} \ No newline at end of file diff --git a/web/src/pages/Home.tsx b/web/src/pages/Home.tsx index 4113ce4..700f57b 100644 --- a/web/src/pages/Home.tsx +++ b/web/src/pages/Home.tsx @@ -1,10 +1,23 @@ import { FunctionComponent } from "react"; +import { Link } from "react-router-dom"; const Home: FunctionComponent = () => { return ( -
-

todo: web design

- sign in +
+
+ +

Automod Web UI

+
+ + + This is a work-in-progress Web UI for the Automod Revolt bot. +
+ + Open Dashboard + or + add the bot to your server. + +
); }