From 807458ebe8a1e848f953fb37974a17ebc378fd8e Mon Sep 17 00:00:00 2001 From: Yisroel Baum Date: Fri, 1 May 2026 11:25:45 +0300 Subject: [PATCH] style home page with shell and card list apply the new design system to the home page: wrap content in a container/stack shell with a site-header for the logout and today links, render the texts list as a vertical stack of cards via the list-cards primitive, and dress the create plan modal with the new modal/btn classes. js renders each text as an li.card with the create-plan button preserved so existing cypress hooks (li, .create-plan, .plan-name, .save-plan, .cancel-plan, ids) keep matching. --- public/js/home.js | 8 ++++--- views/templates/home.php | 49 +++++++++++++++++++++++++--------------- 2 files changed, 36 insertions(+), 21 deletions(-) diff --git a/public/js/home.js b/public/js/home.js index e7abc7c..ecf8268 100644 --- a/public/js/home.js +++ b/public/js/home.js @@ -9,9 +9,11 @@ document.addEventListener('DOMContentLoaded', () => { const texts = await response.json(); textsList.innerHTML = texts .map(text => - '
  • ' + text.name + - '
    • ' + '
  • ' + + '' + text.name + '' + + '' + + '
    • ' ) .join(''); } diff --git a/views/templates/home.php b/views/templates/home.php index 837e0a6..97d3aa7 100644 --- a/views/templates/home.php +++ b/views/templates/home.php @@ -7,24 +7,37 @@ -

    Home

    - - Today's schedule - -