mirror of
https://github.com/praktimarc/kst4contest.git
synced 2026-10-19 05:42:58 +02:00
Added screenshot where thhey belongs to at the project hp
This commit is contained in:
Marc Froehlich committed
1 parent
923d76beb0
commit
f0508f51a2
10 files changed
+169
-30
No files matched your search
@@ -1,23 +1,32 @@
|
||||
module.exports = [
|
||||
{
|
||||
id: "main-window",
|
||||
title: "Main Window",
|
||||
image: "/assets/screenshots/main-window.png",
|
||||
alt: "KST4Contest ON4KST contest chat client main window",
|
||||
caption: "Contest-oriented ON4KST chat workflow with candidate awareness."
|
||||
id: "main-window-light",
|
||||
title: "Main window · Light theme",
|
||||
image: "/assets/completeViewLight.png",
|
||||
alt: "KST4Contest main window in the light theme with ON4KST chat, station filters, priority candidates and sked controls",
|
||||
caption: "The complete contest view brings chat messages, active bands, filters and priority candidates together."
|
||||
},
|
||||
{
|
||||
id: "priority-candidates",
|
||||
title: "Priority Candidates",
|
||||
image: "/assets/screenshots/priority-candidates.png",
|
||||
alt: "Priority candidate list in KST4Contest",
|
||||
caption: "Score-based candidate ranking for faster operator decisions."
|
||||
id: "main-window-dark",
|
||||
title: "Main window · Dark theme",
|
||||
image: "/assets/completeViewDark.png",
|
||||
alt: "KST4Contest main window in the dark theme with ON4KST chat, station filters, priority candidates and sked controls",
|
||||
caption: "The same operating view in the dark theme, including worked status, candidate priorities and message preparation."
|
||||
},
|
||||
{
|
||||
id: "timeline",
|
||||
title: "Timeline View",
|
||||
image: "/assets/screenshots/timeline.png",
|
||||
alt: "KST4Contest AP timeline view",
|
||||
caption: "Timeline support for AP windows and candidate timing."
|
||||
title: "AP and sked timeline",
|
||||
image: "/assets/timeline.png",
|
||||
alt: "KST4Contest timeline showing scheduled contacts and Aircraft Scatter crossing windows",
|
||||
caption: "Skeds and Aircraft Scatter opportunities share one time axis, making upcoming operating windows easier to coordinate.",
|
||||
wide: true
|
||||
},
|
||||
{
|
||||
id: "airscout",
|
||||
title: "KST4Contest with AirScout",
|
||||
image: "/assets/complete_incl_AS.png",
|
||||
alt: "KST4Contest main window alongside AirScout path and aircraft information",
|
||||
caption: "AirScout adds path and aircraft information while KST4Contest keeps the related chat and station context visible.",
|
||||
wide: true
|
||||
}
|
||||
];
|
||||
];
|
||||
@@ -61,6 +61,7 @@
|
||||
<p><a href="/features/">Features</a></p>
|
||||
<p><a href="/download/">Download</a></p>
|
||||
<p><a href="/manual/">Manual</a></p>
|
||||
<p><a href="/background/">Background</a></p>
|
||||
<p><a href="/roadmap/">Roadmap</a></p>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 382 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 385 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
@@ -641,18 +641,31 @@ a:hover {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.screenshot-placeholder {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
min-height: 180px;
|
||||
.screenshot-grid {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.screenshot-card--wide {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.screenshot-link {
|
||||
display: block;
|
||||
margin-bottom: 16px;
|
||||
border-radius: 18px;
|
||||
background:
|
||||
linear-gradient(135deg, rgba(56, 189, 248, 0.20), rgba(168, 85, 247, 0.20)),
|
||||
rgba(2, 6, 23, 0.7);
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--border);
|
||||
color: white;
|
||||
font-weight: 800;
|
||||
background: rgba(2, 6, 23, 0.7);
|
||||
}
|
||||
|
||||
.screenshot-image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.screenshot-card h3 {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.cta-panel {
|
||||
@@ -718,6 +731,14 @@ code {
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.screenshot-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.screenshot-card--wide {
|
||||
grid-column: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
@@ -212,6 +212,45 @@ description: Download the latest stable KST4Contest packages for Windows, Linux
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="section-heading">
|
||||
<p class="eyebrow">Conference papers</p>
|
||||
<h2>Background from GHz-Tagung Dorsten</h2>
|
||||
<p>
|
||||
These historical conference papers document KST4Contest at the time of the 2025 and 2026 talks.
|
||||
They provide project background, not a complete description of the current feature set.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid">
|
||||
<article class="card content-card">
|
||||
<h3>GHz-Tagung 2025</h3>
|
||||
<p>
|
||||
How KST4Contest grew from practical contest operation and addressed limitations of conventional
|
||||
chat clients.
|
||||
</p>
|
||||
<div class="actions">
|
||||
<a class="button secondary" href="/assets/papers/kst4contest-ghz-tagung-2025-de.pdf">Download German PDF</a>
|
||||
<a class="button secondary" href="/assets/papers/kst4contest-ghz-tagung-2025-en.pdf">Download English PDF</a>
|
||||
</div>
|
||||
<p><a href="/background/#paper-2025">Background and source details →</a></p>
|
||||
</article>
|
||||
|
||||
<article class="card content-card">
|
||||
<h3>GHz-Tagung 2026</h3>
|
||||
<p>
|
||||
How archived ON4KST chat data was evaluated and how the findings influenced later KST4Contest
|
||||
functions.
|
||||
</p>
|
||||
<div class="actions">
|
||||
<a class="button secondary" href="/assets/papers/kst4contest-ghz-tagung-2026-de.pdf">Download German PDF</a>
|
||||
<a class="button secondary" href="/assets/papers/kst4contest-ghz-tagung-2026-en.pdf">Download English PDF</a>
|
||||
</div>
|
||||
<p><a href="/background/#paper-2026">Background and source details →</a></p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="cta-panel">
|
||||
<p class="eyebrow">Choosing a package</p>
|
||||
|
||||
@@ -14,15 +14,26 @@ description: Screenshots of KST4Contest, the contest-optimized ON4KST chat clien
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="grid">
|
||||
<div class="section-heading">
|
||||
<p class="eyebrow">Four working views</p>
|
||||
<h2>From chat overview to Aircraft Scatter timing</h2>
|
||||
<p>
|
||||
These screenshots were captured in a test environment. Version-like text inside chat messages is
|
||||
test data, not an announcement of a published KST4Contest version.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid screenshot-grid">
|
||||
{% for shot in screenshots %}
|
||||
<article class="card screenshot-card">
|
||||
<div class="screenshot-placeholder">
|
||||
<span>{{ shot.title }}</span>
|
||||
</div>
|
||||
<article class="card screenshot-card{% if shot.wide %} screenshot-card--wide{% endif %}">
|
||||
<a class="screenshot-link" href="{{ shot.image }}" target="_blank" rel="noopener"
|
||||
aria-label="Open {{ shot.title }} in full size">
|
||||
<img class="screenshot-image" src="{{ shot.image }}" alt="{{ shot.alt }}" loading="lazy" decoding="async">
|
||||
</a>
|
||||
<h3>{{ shot.title }}</h3>
|
||||
<p>{{ shot.caption }}</p>
|
||||
<p><a href="{{ shot.image }}" target="_blank" rel="noopener">Open full-size image →</a></p>
|
||||
</article>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
Reference in new issue
Block a user