261 lines
15 KiB
PHP
261 lines
15 KiB
PHP
<?php
|
|
declare(strict_types=1);
|
|
require_once __DIR__ . '/includes/bootstrap.php';
|
|
|
|
$uiLang = dbnToolsCurrentLanguage();
|
|
$isAuthed = dbnToolsIsAuthenticated();
|
|
$langPath = '/timeline-about.php';
|
|
$toolsLogin = 'https://dobetternorge.no/tools-login.php?return=' . urlencode('/timeline.php');
|
|
$registerUrl = 'https://dobetternorge.no/register.php';
|
|
$ctaUrl = $isAuthed ? '/timeline.php' : ($toolsLogin);
|
|
?>
|
|
<!doctype html>
|
|
<html lang="<?= htmlspecialchars($uiLang) ?>">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Timeline — Every date in your case, instantly mapped · Do Better Norge Tools</title>
|
|
<meta name="description" content="Timeline extracts every temporal event from Norwegian legal documents into a sortable, confidence-scored chronology. Recognises 12+ date formats, classifies by type and confidence, surfaces next steps.">
|
|
<meta name="robots" content="index, follow">
|
|
<link rel="canonical" href="https://tools.dobetternorge.no/timeline-about.php">
|
|
<meta property="og:title" content="Timeline — AI date extraction for Norwegian legal documents">
|
|
<meta property="og:description" content="AI timeline tool for Norwegian case notes, court decisions, and correspondence. Extracts absolute, relative, and recurring dates with confidence scoring.">
|
|
<meta property="og:type" content="website">
|
|
<meta name="theme-color" content="#00205B">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap">
|
|
<link rel="stylesheet" href="assets/css/tools.css">
|
|
</head>
|
|
<body class="kdoc-page">
|
|
|
|
<header class="lt-nav">
|
|
<a href="https://dobetternorge.no" class="lt-nav__brand">
|
|
<picture>
|
|
<source srcset="assets/images/logo-header.webp" type="image/webp">
|
|
<img class="lt-nav__logo" src="assets/images/logo-header.png" alt="Do Better Norge" width="140" height="36" loading="eager">
|
|
</picture>
|
|
<span class="lt-nav__badge">Legal Tools</span>
|
|
</a>
|
|
<div class="lt-nav__right">
|
|
<nav class="shell-lang-switcher" aria-label="Language">
|
|
<?php foreach (dbnToolsSupportedLanguages() as $langCode): ?>
|
|
<a href="<?= htmlspecialchars($langPath . '?lang=' . $langCode) ?>" class="<?= $langCode === $uiLang ? 'is-active' : '' ?>"><?= htmlspecialchars(dbnToolsLanguageLabel($langCode)) ?></a>
|
|
<?php endforeach; ?>
|
|
</nav>
|
|
<?php if ($isAuthed): ?>
|
|
<a href="/timeline.php" class="lt-nav__cta lt-nav__cta--enter">Open Timeline →</a>
|
|
<?php else: ?>
|
|
<a href="<?= htmlspecialchars($toolsLogin) ?>" class="lt-nav__cta">Sign in</a>
|
|
<?php endif; ?>
|
|
</div>
|
|
</header>
|
|
|
|
<nav class="kdoc-doc-nav" aria-label="Timeline documentation">
|
|
<div class="kdoc-doc-nav__inner">
|
|
<a href="/timeline-about.php" class="is-active">About</a>
|
|
<a href="/timeline-guide.php">User guide</a>
|
|
<a href="/timeline-tech.php">How it works</a>
|
|
<?php if ($isAuthed): ?>
|
|
<a href="/timeline.php">← Open the tool</a>
|
|
<?php endif; ?>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero -->
|
|
<section class="kdoc-hero" style="background: linear-gradient(rgba(0,20,60,0.82),rgba(0,20,60,0.88)), url('assets/images/timeline/hero-marketing.png') center/cover no-repeat;">
|
|
<div class="kdoc-hero__inner">
|
|
<p class="kdoc-hero__kicker">Events · Deadlines · Milestones</p>
|
|
<h1 class="kdoc-hero__title">Every date in your case, instantly mapped.</h1>
|
|
<p class="kdoc-hero__sub">Timeline reads Norwegian case notes, court decisions, and correspondence — then extracts every temporal reference into a sortable, confidence-scored chronology. Know what happened, when, and what comes next.</p>
|
|
|
|
<div class="kdoc-hero__stats">
|
|
<div class="kdoc-hero__stat">
|
|
<strong>12+</strong>
|
|
<span>date formats recognised</span>
|
|
</div>
|
|
<div class="kdoc-hero__stat">
|
|
<strong>5</strong>
|
|
<span>event types classified</span>
|
|
</div>
|
|
<div class="kdoc-hero__stat">
|
|
<strong>4</strong>
|
|
<span>focus filter modes</span>
|
|
</div>
|
|
<div class="kdoc-hero__stat">
|
|
<strong>3</strong>
|
|
<span>confidence levels</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="kdoc-hero__ctas">
|
|
<a href="<?= htmlspecialchars($ctaUrl) ?>" class="kdoc-btn-primary">Try Timeline free →</a>
|
|
<a href="/timeline-guide.php" class="kdoc-btn-secondary">User guide</a>
|
|
<a href="/timeline-tech.php" class="kdoc-btn-secondary">How it works</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- What you get -->
|
|
<section class="kdoc-section--alt">
|
|
<div class="kdoc-section">
|
|
<p class="kdoc-section__eyebrow">What you get</p>
|
|
<h2 class="kdoc-section__title">Three things that change how you read a case.</h2>
|
|
<div class="kdoc-features">
|
|
<div class="kdoc-feature-card">
|
|
<span class="kdoc-feature-card__icon">📅</span>
|
|
<h3 class="kdoc-feature-card__title">AI date extraction</h3>
|
|
<p class="kdoc-feature-card__body">Timeline recognises 12+ Norwegian date formats — from <code>30.07.2015</code> to <em>tre uker etter vedtaket</em> to <em>hver mandag</em>. Every temporal reference in your document is surfaced, not just the obvious calendar dates.</p>
|
|
</div>
|
|
<div class="kdoc-feature-card">
|
|
<span class="kdoc-feature-card__icon">🎯</span>
|
|
<h3 class="kdoc-feature-card__title">Confidence scoring per event</h3>
|
|
<p class="kdoc-feature-card__body">Every extracted event is tagged HIGH, MEDIUM, or LOW confidence based on how explicitly the date appears in the source. Use the confidence filter to hide uncertain events when you need a clean, defensible timeline.</p>
|
|
</div>
|
|
<div class="kdoc-feature-card">
|
|
<span class="kdoc-feature-card__icon">🔍</span>
|
|
<h3 class="kdoc-feature-card__title">Evidence trail & next step</h3>
|
|
<p class="kdoc-feature-card__body">Below every timeline: a full Evidence Trail listing every source document, a What Remains Uncertain list for dates the AI couldn't resolve, and a single Next Practical Step recommendation for your case.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- How it works (3-step) -->
|
|
<div class="kdoc-section">
|
|
<p class="kdoc-section__eyebrow">How it works</p>
|
|
<h2 class="kdoc-section__title">Upload → extract → review. In under a minute.</h2>
|
|
<p class="kdoc-section__sub">Three steps from raw case documents to a complete, sortable timeline.</p>
|
|
|
|
<div class="kdoc-steps">
|
|
<div class="kdoc-step-card">
|
|
<span class="kdoc-step-card__num">1</span>
|
|
<h3 class="kdoc-step-card__title">Upload documents or paste text</h3>
|
|
<p class="kdoc-step-card__body">Upload up to 5 files (PDF, DOCX, TXT) or paste up to 128,000 characters of case text. Add optional context notes to help the AI interpret abbreviations, actor names, or document-specific date conventions.</p>
|
|
<p class="kdoc-step-card__example">E.g. “D refers to the defendant throughout. All dates are in 2024 unless stated otherwise.”</p>
|
|
</div>
|
|
<span class="kdoc-step-arrow" aria-hidden="true">→</span>
|
|
<div class="kdoc-step-card">
|
|
<span class="kdoc-step-card__num">2</span>
|
|
<h3 class="kdoc-step-card__title">AI extracts & classifies</h3>
|
|
<p class="kdoc-step-card__body">The engine reads every sentence, recognising Norwegian date formats and classifying each event by type (absolute, relative, recurring, conditional, period) and assigning a confidence score. Focus filters scope the extraction to what matters most for your case.</p>
|
|
<p class="kdoc-step-card__example">Returns structured output: date · type · confidence · actor · description · source excerpt</p>
|
|
<img src="assets/images/timeline/output-timeline.png" alt="Timeline output showing ABSOLUTE and PERIOD date cards with HIGH and MEDIUM confidence badges, actor names, and event descriptions" class="kdoc-step-card__screenshot" loading="lazy">
|
|
</div>
|
|
<span class="kdoc-step-arrow" aria-hidden="true">→</span>
|
|
<div class="kdoc-step-card">
|
|
<span class="kdoc-step-card__num">3</span>
|
|
<h3 class="kdoc-step-card__title">Review the sortable timeline</h3>
|
|
<p class="kdoc-step-card__body">Events appear in document order or sorted chronologically. Search by keyword, filter by confidence, and review each event's source excerpt. The evidence trail and next step recommendation appear below the timeline.</p>
|
|
<p class="kdoc-step-card__example">Sort: document order ↔ chronological · Search any keyword · Filter by confidence</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Screenshots -->
|
|
<section class="kdoc-section--alt">
|
|
<div class="kdoc-section">
|
|
<p class="kdoc-section__eyebrow">Screenshots</p>
|
|
<h2 class="kdoc-section__title">See it in action.</h2>
|
|
<div class="kdoc-gallery">
|
|
<div class="kdoc-gallery__item">
|
|
<img src="assets/images/timeline/form-top.png" alt="Timeline form — engine selection and advanced settings panel showing Focus, Confidence, Background events, and Date types" class="kdoc-screenshot" loading="lazy">
|
|
<p class="kdoc-gallery__caption">The form: choose engine, focus filter, confidence, background events, and date type settings.</p>
|
|
</div>
|
|
<div class="kdoc-gallery__item">
|
|
<img src="assets/images/timeline/output-timeline.png" alt="Timeline output showing ABSOLUTE and PERIOD date cards with HIGH and MEDIUM confidence badges, actor names, event descriptions" class="kdoc-screenshot" loading="lazy">
|
|
<p class="kdoc-gallery__caption">Timeline output: each event shows date, type badge, confidence badge, actor, description, and source excerpt.</p>
|
|
</div>
|
|
<div class="kdoc-gallery__item">
|
|
<img src="assets/images/timeline/output-detail.png" alt="Detailed timeline events from a Barnevernet case — social workers Judith and Trude, 2025 dates" class="kdoc-screenshot" loading="lazy">
|
|
<p class="kdoc-gallery__caption">Detailed events from a Barnevernet case, with named actors and verified source excerpts.</p>
|
|
</div>
|
|
<div class="kdoc-gallery__item">
|
|
<img src="assets/images/timeline/evidence-trail.png" alt="Evidence Trail section with source documents, What Remains Uncertain list, and Next Practical Step recommendation" class="kdoc-screenshot" loading="lazy">
|
|
<p class="kdoc-gallery__caption">Evidence Trail, What Remains Uncertain, and Next Practical Step appear below every timeline.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Fine-tuned LLM spotlight -->
|
|
<div class="kdoc-section">
|
|
<p class="kdoc-section__eyebrow">Under the hood</p>
|
|
<h2 class="kdoc-section__title">Powered by a purpose-built legal LLM.</h2>
|
|
<div class="kdoc-llm-spotlight">
|
|
<div>
|
|
<span class="kdoc-llm-spotlight__badge">Fine-tuned model</span>
|
|
<h3 class="kdoc-llm-spotlight__title">dbn-legal-agent</h3>
|
|
<p class="kdoc-llm-spotlight__body">A QLoRA fine-tune trained on Norwegian child-welfare and administrative law text — case notes, court decisions, and Barnevernet correspondence. Unlike a general-purpose LLM, dbn-legal-agent understands the temporal patterns of Norwegian legal proceedings: when an appeal window closes, what <em>akutt</em> means procedurally, how Fylkesnemnda milestones are sequenced. It runs on the GPU/cuttlefish engine as the local extraction backbone.</p>
|
|
</div>
|
|
<div class="kdoc-llm-stats">
|
|
<div class="kdoc-llm-stat">
|
|
<strong>QLoRA</strong>
|
|
<span>fine-tune method</span>
|
|
</div>
|
|
<div class="kdoc-llm-stat">
|
|
<strong>12+</strong>
|
|
<span>date formats</span>
|
|
</div>
|
|
<div class="kdoc-llm-stat">
|
|
<strong>5</strong>
|
|
<span>event types</span>
|
|
</div>
|
|
<div class="kdoc-llm-stat">
|
|
<strong>GPU</strong>
|
|
<span>local engine</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Focus filter showcase -->
|
|
<section class="kdoc-section--alt">
|
|
<div class="kdoc-section">
|
|
<p class="kdoc-section__eyebrow">Focus filters</p>
|
|
<h2 class="kdoc-section__title">Extract only what your case needs.</h2>
|
|
<p class="kdoc-section__sub">Four modes scope the extraction pipeline to the events that matter most for your situation.</p>
|
|
<div class="kdoc-features">
|
|
<div class="kdoc-feature-card">
|
|
<span class="kdoc-feature-card__icon">📅</span>
|
|
<h3 class="kdoc-feature-card__title">All events ★</h3>
|
|
<p class="kdoc-feature-card__body">Default. Extracts every temporal reference in the document — background dates, operational events, deadlines, and narrative context. Best for building a complete picture from scratch.</p>
|
|
</div>
|
|
<div class="kdoc-feature-card">
|
|
<span class="kdoc-feature-card__icon">⚖️</span>
|
|
<h3 class="kdoc-feature-card__title">Legal deadlines</h3>
|
|
<p class="kdoc-feature-card__body">Scopes extraction to filing deadlines, appeal windows, and statutory time limits. Filters out narrative and background dates. Use when you need to know exactly what dates you must act on.</p>
|
|
</div>
|
|
<div class="kdoc-feature-card">
|
|
<span class="kdoc-feature-card__icon">🏛️</span>
|
|
<h3 class="kdoc-feature-card__title">Court hearings</h3>
|
|
<p class="kdoc-feature-card__body">Focuses on tribunal sessions, mediation dates, and court appearances. Ideal for preparing for a hearing or reconstructing the full history of proceedings.</p>
|
|
</div>
|
|
<div class="kdoc-feature-card">
|
|
<span class="kdoc-feature-card__icon">👤</span>
|
|
<h3 class="kdoc-feature-card__title">CPS milestones</h3>
|
|
<p class="kdoc-feature-card__body">Targets Barnevernet interventions, akuttplassering dates, tiltaksplan milestones, and Fylkesnemnda proceedings. The most targeted mode for child welfare cases.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA strip -->
|
|
<section class="kdoc-cta-strip">
|
|
<h2 class="kdoc-cta-strip__title">Ready to map your case?</h2>
|
|
<p class="kdoc-cta-strip__sub">Free for Do Better Norge members. No credit card required.</p>
|
|
<div class="kdoc-hero__ctas">
|
|
<?php if ($isAuthed): ?>
|
|
<a href="/timeline.php" class="kdoc-btn-primary">Open Timeline →</a>
|
|
<?php else: ?>
|
|
<a href="<?= htmlspecialchars($toolsLogin) ?>" class="kdoc-btn-primary">Sign in to use Timeline →</a>
|
|
<a href="<?= htmlspecialchars($registerUrl) ?>" class="kdoc-btn-secondary">Register free</a>
|
|
<?php endif; ?>
|
|
</div>
|
|
</section>
|
|
|
|
<?php require_once __DIR__ . '/includes/footer.php'; ?>
|
|
<script src="assets/js/tools.js" defer></script>
|
|
</body>
|
|
</html>
|