change: Added separate stylesheet under /static and added task to TASKS.md
This commit is contained in:
@@ -4,14 +4,10 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Dashboard - MultiChatOverlay</title>
|
||||
<style>
|
||||
body { font-family: sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #f0f2f5; margin: 0; }
|
||||
.dashboard-container { text-align: center; padding: 40px; background-color: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
|
||||
a { color: #9146FF; }
|
||||
</style>
|
||||
<link rel="stylesheet" href="/static/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="dashboard-container">
|
||||
<div class="container">
|
||||
<h1>Dashboard</h1>
|
||||
<p>Welcome! You are successfully logged in.</p>
|
||||
<p><a href="/logout">Logout</a></p>
|
||||
|
||||
@@ -4,14 +4,10 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Login - MultiChatOverlay</title>
|
||||
<style>
|
||||
body { font-family: sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #f0f2f5; margin: 0; }
|
||||
.login-container { text-align: center; padding: 40px; background-color: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
|
||||
.twitch-btn { display: inline-block; background-color: #9146FF; color: white; padding: 10px 20px; border-radius: 5px; text-decoration: none; font-weight: bold; }
|
||||
</style>
|
||||
<link rel="stylesheet" href="/static/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="login-container">
|
||||
<div class="container">
|
||||
<h1>Welcome to MultiChatOverlay</h1>
|
||||
<p>Connect your streaming accounts to get started.</p>
|
||||
<a href="/login/twitch" class="twitch-btn">Login with Twitch</a>
|
||||
|
||||
27
static/style.css
Normal file
27
static/style.css
Normal file
@@ -0,0 +1,27 @@
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
background-color: #f0f2f5;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
text-align: center;
|
||||
padding: 40px;
|
||||
background-color: white;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.twitch-btn {
|
||||
display: inline-block;
|
||||
background-color: #9146FF;
|
||||
color: white;
|
||||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
Reference in New Issue
Block a user