diff --git a/daily_report/static/report-hero.png b/daily_report/static/report-hero.png deleted file mode 100644 index 0560770..0000000 Binary files a/daily_report/static/report-hero.png and /dev/null differ diff --git a/daily_report/static/report-illust-bath.png b/daily_report/static/report-illust-bath.png new file mode 100644 index 0000000..fae4db6 Binary files /dev/null and b/daily_report/static/report-illust-bath.png differ diff --git a/daily_report/static/report-illust-bed.png b/daily_report/static/report-illust-bed.png new file mode 100644 index 0000000..6b7ed68 Binary files /dev/null and b/daily_report/static/report-illust-bed.png differ diff --git a/daily_report/static/report-illust-work.png b/daily_report/static/report-illust-work.png new file mode 100644 index 0000000..56d72a2 Binary files /dev/null and b/daily_report/static/report-illust-work.png differ diff --git a/daily_report/static/styles.css b/daily_report/static/styles.css index 8776021..155f8a8 100644 --- a/daily_report/static/styles.css +++ b/daily_report/static/styles.css @@ -21,13 +21,13 @@ p { color: #5b6472; } padding: 16px; } .submit-hero { - min-height: 178px; + min-height: 220px; display: grid; - grid-template-columns: minmax(0, 1fr) 230px; - gap: 20px; + grid-template-columns: minmax(0, 1fr) 330px; + gap: 24px; align-items: center; margin-bottom: 18px; - padding: 24px 28px; + padding: 22px 24px 22px 28px; border: 1px solid #f3d49a; border-radius: 18px; background: @@ -55,11 +55,39 @@ p { color: #5b6472; } max-width: 420px; margin: 0; } -.submit-hero-image { - width: 230px; - max-width: 100%; +.submit-hero-art { + position: relative; + min-height: 178px; +} +.submit-hero-art img { + display: block; + object-fit: contain; + background: rgba(255, 255, 255, 0.72); + border: 1px solid rgba(255, 255, 255, 0.88); + box-shadow: 0 12px 24px rgba(31, 41, 55, 0.12); +} +.hero-art-main { + width: 218px; + height: 218px; + margin-left: auto; justify-self: end; - filter: drop-shadow(0 12px 16px rgba(31, 41, 55, 0.14)); + border-radius: 24px; +} +.hero-art-small { + position: absolute; + width: 92px; + height: 92px; + border-radius: 20px; +} +.hero-art-bed { + left: 16px; + top: 12px; + transform: rotate(-6deg); +} +.hero-art-bath { + left: 44px; + bottom: 4px; + transform: rotate(5deg); } form.panel, .history-panel, .previous-plan { box-shadow: 0 14px 34px rgba(39, 45, 58, 0.06); @@ -231,8 +259,17 @@ pre { grid-template-columns: 1fr; padding: 20px; } - .submit-hero-image { - width: 180px; + .submit-hero-art { + width: min(330px, 100%); + min-height: 180px; justify-self: center; } + .hero-art-main { + width: 190px; + height: 190px; + } + .hero-art-small { + width: 76px; + height: 76px; + } } diff --git a/daily_report/web.py b/daily_report/web.py index 1d66748..23abfac 100644 --- a/daily_report/web.py +++ b/daily_report/web.py @@ -66,7 +66,11 @@ def submit_page(current_date: str, session: dict[str, str] | None = None) -> byt

每日工作汇报

把今天的进展、明天的计划和需要协助的地方简单记下来。

- +
{identity_html} diff --git a/tests/test_web.py b/tests/test_web.py index d86783f..82e89cd 100644 --- a/tests/test_web.py +++ b/tests/test_web.py @@ -66,7 +66,9 @@ class WebTest(unittest.TestCase): status, submit = get(f"{base_url}/submit") self.assertEqual(status, 200) self.assertIn("每日工作汇报", submit) - self.assertIn("/static/report-hero.png", submit) + self.assertIn("/static/report-illust-work.png", submit) + self.assertIn("/static/report-illust-bed.png", submit) + self.assertIn("/static/report-illust-bath.png", submit) self.assertIn("今日状态", submit) self.assertIn('data-list="today_done"', submit) self.assertIn('data-add-list="today_done"', submit) @@ -87,7 +89,7 @@ class WebTest(unittest.TestCase): self.assertEqual(status, 200) self.assertIn("日报浏览", manager) - with urllib.request.urlopen(f"{base_url}/static/report-hero.png", timeout=5) as response: + with urllib.request.urlopen(f"{base_url}/static/report-illust-work.png", timeout=5) as response: self.assertEqual(response.status, 200) self.assertEqual(response.headers["content-type"], "image/png") finally: