Add low-fidelity wireframe.

This commit is contained in:
Christian Galo 2025-05-14 01:28:06 -05:00
parent c0bc02fed5
commit adf3db4d72

View File

@ -2,20 +2,17 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Your Page Title</title> <title>WC Member Console</title>
<meta name="description" content="Console for Wiki Cafe members">
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Brief description"> <meta property="og:title" content="WC Member Console">
<meta property="og:description" content="Console for Wiki Cafe members">
<meta property="og:title" content="Your Page Title"> <meta property="og:image" content="/static/apple-touch-icon.png">
<meta property="og:description" content="Brief description"> <meta property="og:url" content="/index.html">
<meta property="og:image" content="/some-image.png"> <meta property="og:site_name" content="Wiki Cafe Member Console">
<meta property="og:url" content="/this-page.html">
<meta property="og:site_name" content="Your Site Name">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image:alt" content="image description">
<link href="/static/bootstrap.css" rel="stylesheet"> <link href="/static/bootstrap.css" rel="stylesheet">
<script defer src="/static/bootstrap.bundle.js"></script> <script defer src="/static/bootstrap.bundle.js"></script>
@ -26,10 +23,60 @@
<link rel="manifest" href="/static/site.webmanifest"> <link rel="manifest" href="/static/site.webmanifest">
</head> </head>
<body> <body class="d-flex flex-column vh-100">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">Wiki Cafe Member Console</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav" aria-controls="navbarNav"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</nav>
<h1>Your content here!</h1> <div class="d-flex flex-grow-1">
<!-- Sidebar -->
<div class="bg-light border-end h-100 d-flex flex-column flex-shrink-0">
<ul class="nav flex-column p-3">
<li class="nav-item"><a class="nav-link active" href="#">Dashboard</a></li>
<li class="nav-item"><a class="nav-link" href="#">Membership</a></li>
<li class="nav-item"><a class="nav-link" href="#">Profile</a></li>
<li class="nav-item"><a class="nav-link" href="#">Settings</a></li>
<li class="nav-item"><a class="nav-link text-danger" href="#">Logout</a></li>
</ul>
</div>
<!-- Main Content -->
<div class="flex-fill p-4">
<h2>Welcome, John Doe</h2>
<div class="row">
<div class="col-md-6">
<div class="card mt-3">
<div class="card-header">Account Overview</div>
<div class="card-body">
<p><strong>Email:</strong> john.doe@example.com</p>
<p><strong>Status:</strong> Active</p>
<p><strong>Member Since:</strong> Jan 2022</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card mt-3">
<div class="card-header">Your Wiki Sites</div>
<div class="card-body">
<ul>
<li><a class="primary-link" href="#">Oddly Relocalized</a></li>
<li><a class="primary-link" href="#">Fohitchhikerprop</a></li>
</ul>
<a href="#" class="btn btn-primary btn-sm">Add new site</a>
</div>
</div>
</div>
</div>
</div>
</div>
</body> </body>
</html> </html>