Enhance job logging and UI updates

- Implement job logging functionality to track progress and events for each job.
- Add a new section in the job card to display session logs with detailed entries.
- Update job statistics to include pages fetched, pages found, and assets processed.
- Modify the UI theme and text for better clarity and aesthetics.
- Adjust tests to validate new logging features and ensure proper event handling.
This commit is contained in:
kstyagi23
2026-09-05 07:36:34 +05:30
parent 8f9210d6be
commit 2059c275c2
10 changed files with 762 additions and 593 deletions
+13 -7
View File
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#f3f5f1">
<meta name="theme-color" content="#171717">
<meta name="application-name" content="SiteHarbor">
<meta name="robots" content="index, follow">
<meta
@@ -29,6 +29,12 @@
}
</script>
<title>Website Downloader &amp; Offline Archive Tool | {{ app_name }}</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600&amp;family=Geist:wght@400;500;600;700&amp;display=swap"
rel="stylesheet"
>
<link rel="stylesheet" href="{{ url_for('static', path='app.css') }}">
<script defer src="{{ url_for('static', path='app.js') }}"></script>
</head>
@@ -40,7 +46,7 @@
<span class="brand-mark" aria-hidden="true"></span>
<span class="brand-copy">
<strong>SiteHarbor</strong>
<span>Private website archiver</span>
<span>v0.1 / private archive utility</span>
</span>
</a>
<nav class="site-nav" aria-label="Primary navigation">
@@ -66,8 +72,8 @@
<section class="workbench" id="capture-workspace" aria-label="Website capture workspace">
<div class="observatory">
<div class="observatory-copy">
<p class="eyebrow">PRIVATE WEBSITE ARCHIVES</p>
<h1>Archive the web.<br><em>Keep what matters.</em></h1>
<p class="eyebrow">// PRIVATE WEBSITE ARCHIVES</p>
<h1>Archive the web.<br><em>Keep the trail.</em></h1>
<p class="lede">
Turn a public website into a portable ZIP for offline review. Set the boundaries,
start the crawl, and download it when it is ready.
@@ -102,8 +108,8 @@
<form class="capture-console" id="capture-form" novalidate>
<div class="console-head">
<div>
<p class="eyebrow">NEW ARCHIVE</p>
<h2>Create an archive.</h2>
<p class="eyebrow">// NEW ARCHIVE</p>
<h2>Start a capture.</h2>
</div>
<span class="console-step">STEP 01</span>
</div>
@@ -235,7 +241,7 @@
<section class="activity-section" id="recent-captures" aria-labelledby="activity-title">
<div class="section-heading">
<div>
<p class="eyebrow">THIS BROWSER</p>
<p class="eyebrow">// THIS BROWSER</p>
<h2 id="activity-title">Recent archives</h2>
<p>Only this browser can view its captures. Come back to check progress or download a finished archive.</p>
</div>