mstoeck3/forensic-pathways
2
0
Fork 0
Code Issues 17 Pull Requests Projects Releases Activity

layout verbessert, Tools überarbeitet (KI)

Browse Source
This commit is contained in:
overcuriousity
2025-07-15 14:55:10 +02:00
parent 6479de6e52
commit d18cc060e5
5 changed files with 2062 additions and 447 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ToolCard.astro
View File

@@ -28,7 +28,7 @@ const hasValidProjectUrl = tool.projectUrl !== undefined &&
const cardClass = hasValidProjectUrl ? 'card card-hosted' : (tool.license !== 'Proprietary' ? 'card card-oss' : 'card');
---
<div class={cardClass}>
<div class={cardClass} onclick={`window.showToolDetails('${tool.name}')`} style="cursor: pointer;">
<div style="display: flex; justify-content: space-between; align-items: start; margin-bottom: 0.75rem;">
<h3 style="margin: 0;">{tool.name}</h3>
<div style="display: flex; gap: 0.5rem;">
@@ -83,7 +83,7 @@ const cardClass = hasValidProjectUrl ? 'card card-hosted' : (tool.license !== 'P
<!-- Button section - dual buttons for hosted tools, single for others -->
{hasValidProjectUrl ? (
<!-- Two buttons for tools we're hosting -->
<div style="display: flex; gap: 0.5rem;">
<div style="display: flex; gap: 0.5rem;" onclick="event.stopPropagation();">
<a href={tool.url} target="_blank" rel="noopener noreferrer" class="btn btn-secondary" style="flex: 1;">
Software-Homepage
</a>
@@ -93,7 +93,7 @@ const cardClass = hasValidProjectUrl ? 'card card-hosted' : (tool.license !== 'P
</div>
) : (
<!-- Single button for tools we're not hosting -->
<a href={tool.url} target="_blank" rel="noopener noreferrer" class="btn btn-primary" style="width: 100%;">
<a href={tool.url} target="_blank" rel="noopener noreferrer" class="btn btn-primary" style="width: 100%;" onclick="event.stopPropagation();">
Software-Homepage
</a>
)}

10
src/components/ToolMatrix.astro
View File

@@ -250,12 +250,12 @@ domains.forEach((domain: any) => {
const phasesText = tool.phases.join(', ');
metadataContainer.innerHTML = `
<div style="display: grid; gap: 0.5rem;">
<div><strong>Platforms:</strong> ${tool.platforms.join(', ')}</div>
<div><strong>Betriebssystem:</strong> ${tool.platforms.join(', ')}</div>
<div><strong>Skill Level:</strong> ${tool.skillLevel}</div>
<div><strong>License:</strong> ${tool.license}</div>
<div><strong>Access Type:</strong> ${tool.accessType}</div>
<div><strong>Domains:</strong> ${domainsText}</div>
<div><strong>Phases:</strong> ${phasesText}</div>
<div><strong>Lizenzmodell:</strong> ${tool.license}</div>
<div><strong>Deployment:</strong> ${tool.accessType}</div>
<div><strong>Einsatzgebiete:</strong> ${domainsText}</div>
<div><strong>Ermittlungsphasen:</strong> ${phasesText}</div>
</div>
`;