58 lines
2.6 KiB
Plaintext
58 lines
2.6 KiB
Plaintext
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>@ViewData["Title"] – CalendarSync</title>
|
||
<style>
|
||
*, *::before, *::after { box-sizing: border-box; }
|
||
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
||
margin: 0; padding: 0; background: #f5f6fa; color: #2d3436; }
|
||
header { background: #0078d4; color: #fff; padding: 1rem 2rem; display: flex;
|
||
justify-content: space-between; align-items: center; }
|
||
header a { color: #fff; text-decoration: none; margin-left: 1rem; }
|
||
header a:hover { text-decoration: underline; }
|
||
main { max-width: 800px; margin: 2rem auto; padding: 0 1rem; }
|
||
.card { background: #fff; border-radius: 8px; padding: 2rem; box-shadow: 0 2px 8px rgba(0,0,0,.08); margin-bottom: 1.5rem; }
|
||
.btn { display: inline-block; padding: .6rem 1.4rem; border-radius: 4px; text-decoration: none;
|
||
font-weight: 600; cursor: pointer; border: none; font-size: .95rem; }
|
||
.btn-primary { background: #0078d4; color: #fff; }
|
||
.btn-primary:hover { background: #106ebe; }
|
||
table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
|
||
th, td { text-align: left; padding: .6rem .8rem; border-bottom: 1px solid #dfe6e9; }
|
||
th { background: #f1f2f6; font-weight: 600; }
|
||
.status-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: .4rem; }
|
||
.status-synced { background: #00b894; }
|
||
.status-pending { background: #fdcb6e; }
|
||
.status-error { background: #d63031; }
|
||
footer { text-align: center; padding: 2rem; color: #636e72; font-size: .85rem; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<strong>📅 CalendarSync</strong>
|
||
<nav>
|
||
<a asp-controller="Home" asp-action="Index">Home</a>
|
||
@if (User.Identity?.IsAuthenticated == true)
|
||
{
|
||
<a asp-controller="Home" asp-action="Enroll">Enroll</a>
|
||
<a asp-controller="Home" asp-action="Status">Status</a>
|
||
<a asp-area="MicrosoftIdentity" asp-controller="Account" asp-action="SignOut">Sign Out</a>
|
||
}
|
||
else
|
||
{
|
||
<a asp-area="MicrosoftIdentity" asp-controller="Account" asp-action="SignIn">Sign In</a>
|
||
}
|
||
</nav>
|
||
</header>
|
||
|
||
<main>
|
||
@RenderBody()
|
||
</main>
|
||
|
||
<footer>
|
||
CalendarSync © @DateTime.UtcNow.Year — Powered by Microsoft Graph & ASP.NET Core 9.0
|
||
</footer>
|
||
</body>
|
||
</html>
|