25 lines
1.4 KiB
Plaintext
25 lines
1.4 KiB
Plaintext
<%- include("./partials/fileHeader") %>
|
|
<%- include("./partials/header") %>
|
|
|
|
<main class="container mx-auto p-4">
|
|
<h2 class="text-xl text-white font-semibold mb-4">Welcome: <%= user.name %></h2>
|
|
<div class="max-w-md mx-auto bg-white p-8 mb-10 rounded-lg shadow-md space-y-4">
|
|
<h3 class="text-lg font-medium mb-6">My Retirement Plans</h3>
|
|
<a href="/newPlan" class="block max-w-sm p-2"><div class="text-center bg-blue-600 text-white py-1 w-full rounded-md hover:bg-blue-700 hover:text-white font-semibold">New Plan</div></a>
|
|
<hr class="mt-3">
|
|
<% plans.forEach(plan => { %>
|
|
<a href="/plans/<%= plan._id %>" class="block max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm hover:bg-gray-100 dark:bg-gray-800 dark:border-gray-700 dark:hover:bg-gray-700">
|
|
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white"><%= plan.name %></h5>
|
|
<div class="w-full bg-gray-200 rounded-full h-2.5 mb-4 dark:bg-gray-700">
|
|
<div class="bg-green-600 h-2.5 rounded-full dark:bg-green-500" style="width: <%= plan.progress %> "></div>
|
|
</div>
|
|
<p class="font-normal text-gray-700 dark:text-gray-400"><%= plan.description %></p>
|
|
</a>
|
|
<% }) %>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<%- include("./partials/navBar") %>
|
|
<%- include("./partials/footer") %>
|