daveadmin/dobetternorge-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add output-draft screenshot inside step 2 card on about page

Browse Source
This commit is contained in:
davegilligan
2026-05-19 13:39:58 +02:00
parent b554d62cd7
commit 1638db3eb9
2 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/tools.css
+7
View File
@@ -7427,6 +7427,13 @@ body.lt-landing {
color: var(--dbn-blue); color: var(--dbn-blue);
opacity: 0.75; opacity: 0.75;
} }
.kdoc-step-card__screenshot {
display: block;
width: 100%;
margin-top: 1rem;
border-radius: 6px;
box-shadow: 0 2px 12px rgba(0,0,0,0.12);
}
@media (min-width: 700px) { @media (min-width: 700px) {
.kdoc-steps { .kdoc-steps {
grid-template-columns: 1fr auto 1fr auto 1fr; grid-template-columns: 1fr auto 1fr auto 1fr;
korrespond-about.php
+1
View File
@@ -141,6 +141,7 @@ $ctaUrl = $isAuthed ? '/korrespond.php' : ($toolsLogin);
<h3 class="kdoc-step-card__title">AI retrieves applicable law &amp; drafts</h3> <h3 class="kdoc-step-card__title">AI retrieves applicable law &amp; drafts</h3>
<p class="kdoc-step-card__body">The pipeline classifies your situation, identifies the relevant statute set for your chosen authority, retrieves the top matching passages from 220,000+ indexed sources, and drafts a formal letter — citing only what it actually found.</p> <p class="kdoc-step-card__body">The pipeline classifies your situation, identifies the relevant statute set for your chosen authority, retrieves the top matching passages from 220,000+ indexed sources, and drafts a formal letter — citing only what it actually found.</p>
<p class="kdoc-step-card__example">Produces two-column output: Norsk (bokmål) canonical + your working language reference.</p> <p class="kdoc-step-card__example">Produces two-column output: Norsk (bokmål) canonical + your working language reference.</p>
<img src="assets/images/korrespond/output-draft.png" alt="Two-column draft output — Norwegian bokmål and English side by side" class="kdoc-step-card__screenshot" loading="lazy">
</div> </div>
<span class="kdoc-step-arrow" aria-hidden="true">&rarr;</span> <span class="kdoc-step-arrow" aria-hidden="true">&rarr;</span>
<div class="kdoc-step-card"> <div class="kdoc-step-card">