rephrasing some stuff
This commit is contained in:
overcuriousity
parent
721fbaa63c
commit
6ae7f36660
@ -7,7 +7,7 @@
|
|||||||
<div class="footer-content">
|
<div class="footer-content">
|
||||||
<div>
|
<div>
|
||||||
<p class="text-muted" style="margin: 0;">
|
<p class="text-muted" style="margin: 0;">
|
||||||
© 2025 CC24-Hub - Lizensiert unter BSD-3-Clause
|
© 2025 CC24-Guide - Lizensiert unter BSD-3-Clause
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: flex; gap: 2rem; align-items: center;">
|
<div style="display: flex; gap: 2rem; align-items: center;">
|
||||||
|
|||||||
@ -8,9 +8,9 @@ const currentPath = Astro.url.pathname;
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="nav-wrapper">
|
<div class="nav-wrapper">
|
||||||
<a href="/" class="nav-brand">
|
<a href="/" class="nav-brand">
|
||||||
<img src="/logo-dark.png" alt="CC24-Hub" class="nav-logo nav-logo-light" />
|
<img src="/logo-dark.png" alt="CC24-Guide" class="nav-logo nav-logo-light" />
|
||||||
<img src="/logo-white.png" alt="CC24-Hub" class="nav-logo nav-logo-dark" />
|
<img src="/logo-white.png" alt="CC24-Guide" class="nav-logo nav-logo-dark" />
|
||||||
<span style="font-weight: 600; font-size: 1.125rem;">CC24-Hub</span>
|
<span style="font-weight: 600; font-size: 1.125rem;">CC24-Guide</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<ul class="nav-links">
|
<ul class="nav-links">
|
||||||
|
|||||||
68
src/components/shareButton.astro
Normal file
68
src/components/shareButton.astro
Normal file
@ -0,0 +1,68 @@
|
|||||||
|
---
|
||||||
|
export interface Props {
|
||||||
|
toolName: string;
|
||||||
|
context: 'card' | 'modal-primary' | 'modal-secondary';
|
||||||
|
size?: 'small' | 'medium';
|
||||||
|
}
|
||||||
|
|
||||||
|
const { toolName, context, size = 'small' } = Astro.props;
|
||||||
|
|
||||||
|
// Create URL-safe slug from tool name
|
||||||
|
const toolSlug = toolName.toLowerCase()
|
||||||
|
.replace(/[^a-z0-9\s-]/g, '') // Remove special characters
|
||||||
|
.replace(/\s+/g, '-') // Replace spaces with hyphens
|
||||||
|
.replace(/-+/g, '-') // Remove duplicate hyphens
|
||||||
|
.replace(/^-|-$/g, ''); // Remove leading/trailing hyphens
|
||||||
|
|
||||||
|
const iconSize = size === 'small' ? '14' : '16';
|
||||||
|
---
|
||||||
|
|
||||||
|
<button
|
||||||
|
class={`share-btn share-btn--${size}`}
|
||||||
|
data-tool-name={toolName}
|
||||||
|
data-tool-slug={toolSlug}
|
||||||
|
data-context={context}
|
||||||
|
onclick="event.stopPropagation(); window.showShareDialog(this)"
|
||||||
|
title={`${toolName} teilen`}
|
||||||
|
aria-label={`${toolName} teilen`}
|
||||||
|
>
|
||||||
|
<svg width={iconSize} height={iconSize} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||||
|
<circle cx="18" cy="5" r="3"/>
|
||||||
|
<circle cx="6" cy="12" r="3"/>
|
||||||
|
<circle cx="18" cy="19" r="3"/>
|
||||||
|
<line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/>
|
||||||
|
<line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.share-btn {
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
color: var(--color-text-secondary);
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 0.25rem;
|
||||||
|
border-radius: 0.25rem;
|
||||||
|
transition: var(--transition-fast);
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.share-btn:hover {
|
||||||
|
color: var(--color-primary);
|
||||||
|
background-color: var(--color-bg-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.share-btn--small {
|
||||||
|
padding: 0.125rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.share-btn--medium {
|
||||||
|
padding: 0.375rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.share-btn svg {
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -8,7 +8,7 @@ export interface Props {
|
|||||||
description?: string;
|
description?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
const { title, description = 'CC24-Hub - A comprehensive directory of digital forensics and incident response tools' } = Astro.props;
|
const { title, description = 'CC24-Guide - A comprehensive directory of digital forensics and incident response tools' } = Astro.props;
|
||||||
---
|
---
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
@ -17,7 +17,7 @@ const { title, description = 'CC24-Hub - A comprehensive directory of digital fo
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta name="description" content={description}>
|
<meta name="description" content={description}>
|
||||||
<title>{title} - CC24-Hub</title>
|
<title>{title} - CC24-Guide</title>
|
||||||
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
||||||
<script src="/src/scripts/theme.js"></script>
|
<script src="/src/scripts/theme.js"></script>
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@ -2,16 +2,16 @@
|
|||||||
import BaseLayout from '../layouts/BaseLayout.astro';
|
import BaseLayout from '../layouts/BaseLayout.astro';
|
||||||
---
|
---
|
||||||
|
|
||||||
<BaseLayout title="Über das Projekt" description="CC24-Hub - Ein Projekt für die Seminargruppe CC24-w1">
|
<BaseLayout title="Über das Projekt" description="CC24-Guide - Ein Projekt für die Seminargruppe CC24-w1">
|
||||||
<section style="padding: 2rem 0; max-width: 900px; margin: 0 auto;">
|
<section style="padding: 2rem 0; max-width: 900px; margin: 0 auto;">
|
||||||
<!-- Hero Section -->
|
<!-- Hero Section -->
|
||||||
<div style="text-align: center; margin-bottom: 3rem; padding: 2rem; background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%); border-radius: 1rem; border: 1px solid var(--color-border);">
|
<div style="text-align: center; margin-bottom: 3rem; padding: 2rem; background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%); border-radius: 1rem; border: 1px solid var(--color-border);">
|
||||||
<h1 style="margin-bottom: 1rem; font-size: 2.5rem; color: var(--color-primary);">CC24-Hub</h1>
|
<h1 style="margin-bottom: 1rem; font-size: 2.5rem; color: var(--color-primary);">CC24-Guide</h1>
|
||||||
<p style="font-size: 1.25rem; color: var(--color-text-secondary); margin-bottom: 0.5rem;">
|
<p style="font-size: 1.25rem; color: var(--color-text-secondary); margin-bottom: 0.5rem;">
|
||||||
Ein bescheidenes Projekt
|
Forensik im Dienst der Transparenz
|
||||||
</p>
|
</p>
|
||||||
<p style="font-size: 1rem; color: var(--color-text-secondary);">
|
<p style="font-size: 1rem; color: var(--color-text-secondary);">
|
||||||
Seminargruppe CC24-w1
|
Ein Studienprojekt
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -25,18 +25,18 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
|||||||
<h2 style="margin: 0; color: var(--color-primary);">Das Ziel</h2>
|
<h2 style="margin: 0; color: var(--color-primary);">Das Ziel</h2>
|
||||||
</div>
|
</div>
|
||||||
<p style="margin-bottom: 1rem; line-height: 1.7;">
|
<p style="margin-bottom: 1rem; line-height: 1.7;">
|
||||||
Diese Seite soll euch, meinen Kommilitonen der Seminargruppe CC24-w1, eine <strong>einfache und übersichtliche Orientierung</strong>
|
Diese Seite soll meinen Kommilitonen der Seminargruppe CC24-w1 und anderen interessierten Forensikbegeisterten eine <strong>einfache und übersichtliche Orientierung</strong>
|
||||||
bieten: Welches Werkzeug eignet sich für welchen Zweck in der digitalen Forensik?
|
bieten: Welches Werkzeug, welche Methode eignet sich für welchen Zweck in der digitalen Forensik?
|
||||||
</p>
|
</p>
|
||||||
<p style="margin-bottom: 1rem; line-height: 1.7;">
|
<p style="margin-bottom: 1rem; line-height: 1.7;">
|
||||||
Ich stelle euch dafür eine <strong>vollständige Infrastruktur</strong> zur Verfügung, mit der ihr spezialisierte
|
Ich stelle euch dafür <strong>Infrastruktur</strong> zur Verfügung, mit der ihr spezialisierte
|
||||||
Forensik-Software direkt einsetzen und erforschen könnt – sei es für <em>Bildungszwecke</em> oder im
|
Forensik-Software direkt einsetzen und erforschen könnt – sei es für <em>Bildungszwecke</em> oder im
|
||||||
<em>begrenzten Produktiveinsatz</em>.
|
<em>begrenzten Produktiveinsatz</em>.
|
||||||
</p>
|
</p>
|
||||||
<div style="background-color: var(--color-bg-secondary); padding: 1rem; border-radius: 0.5rem; margin-top: 1rem;">
|
<div style="background-color: var(--color-bg-secondary); padding: 1rem; border-radius: 0.5rem; margin-top: 1rem;">
|
||||||
<p style="margin: 0; font-size: 0.875rem; color: var(--color-text-secondary);">
|
<p style="margin: 0; font-size: 0.875rem; color: var(--color-text-secondary);">
|
||||||
<strong>💡 Praktischer Zugang:</strong> Die meisten Dienste sind bequem über das SSO der CC24-Cloud zugänglich,
|
<strong>💡 Zugang:</strong> Die meisten Dienste sind bequem über das SSO der CC24-Cloud zugänglich,
|
||||||
mit nur wenigen Ausnahmen.
|
mit nur wenigen Ausnahmen. Der Zugang ist entsprechend vorbehaltlich Absprache auf diesen Personenkreis limitiert.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -161,6 +161,21 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
|||||||
Zugangsdaten gibt es per Signal-Nachricht.
|
Zugangsdaten gibt es per Signal-Nachricht.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
<div style="background-color: var(--color-warning); color: white; padding: 1.25rem; border-radius: 0.5rem; margin-top: 1.5rem;">
|
||||||
|
<h4 style="margin: 0 0 0.75rem 0; display: flex; align-items: center; gap: 0.5rem;">
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||||
|
<circle cx="12" cy="12" r="10"/>
|
||||||
|
<line x1="12" y1="8" x2="12" y2="12"/>
|
||||||
|
<line x1="12" y1="16" x2="12.01" y2="16"/>
|
||||||
|
</svg>
|
||||||
|
Besonderer Hinweis zu Velociraptor
|
||||||
|
</h4>
|
||||||
|
<p style="margin: 0; line-height: 1.6;">
|
||||||
|
<strong>Velociraptor</strong> unter <a href="https://raptor.cc24.dev" style="color: white; text-decoration: underline;">https://raptor.cc24.dev</a>
|
||||||
|
unterstützt zwar SSO, die Accounts müssen aber einzeln veranlagt werden. Das habe ich gemacht, wenn es aber zu personellen Wechseln in unserer Gruppe kommt, werde ich das verpennen.
|
||||||
|
Hilfe gibt es per Signal-Nachricht.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Contributing Section -->
|
<!-- Contributing Section -->
|
||||||
@ -180,15 +195,15 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
|||||||
<h4 style="margin: 0 0 0.5rem 0; color: var(--color-accent);">🔍 Vorschläge</h4>
|
<h4 style="margin: 0 0 0.5rem 0; color: var(--color-accent);">🔍 Vorschläge</h4>
|
||||||
<p style="margin: 0;">
|
<p style="margin: 0;">
|
||||||
Ich suche stets nach Ergänzungen für die Liste. Falls euch interessante Tools oder Methoden einfallen –
|
Ich suche stets nach Ergänzungen für die Liste. Falls euch interessante Tools oder Methoden einfallen –
|
||||||
schreibt mir gerne auf Signal!
|
schreibt mir gerne auf Signal oder an <a href="mailto:mstoeck3@hs-mittweida.de">mstoeck3@hs-mittweida.de</a>.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style="background-color: var(--color-bg-secondary); padding: 1.25rem; border-radius: 0.5rem;">
|
<div style="background-color: var(--color-bg-secondary); padding: 1.25rem; border-radius: 0.5rem;">
|
||||||
<h4 style="margin: 0 0 0.5rem 0; color: var(--color-accent);">🔧 Korrekturen & Updates</h4>
|
<h4 style="margin: 0 0 0.5rem 0; color: var(--color-accent);">🔧 Korrekturen & Updates</h4>
|
||||||
<p style="margin: 0;">
|
<p style="margin: 0;">
|
||||||
Sollte eine Anwendung nicht mehr aktuell, veraltet oder falsch repräsentiert sein,
|
Sollte eine Anwendung/Methode nicht mehr aktuell, veraltet oder falsch repräsentiert sein,
|
||||||
gebt mir gerne Bescheid.
|
gebt mir unbedingt Bescheid.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -219,8 +234,9 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
|||||||
<!-- Footer Note -->
|
<!-- Footer Note -->
|
||||||
<div style="text-align: center; padding: 2rem; background-color: var(--color-bg-secondary); border-radius: 0.75rem; border: 1px solid var(--color-border);">
|
<div style="text-align: center; padding: 2rem; background-color: var(--color-bg-secondary); border-radius: 0.75rem; border: 1px solid var(--color-border);">
|
||||||
<p style="margin: 0; color: var(--color-text-secondary); font-size: 0.875rem;">
|
<p style="margin: 0; color: var(--color-text-secondary); font-size: 0.875rem;">
|
||||||
<strong>Inoffizielles Studienprojekt</strong> | Seminargruppe CC24-w1 |
|
<strong>Inoffizielles Studienprojekt</strong> | Mario Stöckl |
|
||||||
Alle dargestellte Software, Dienste und Methoden dienen Bildungs- und Forschungszwecken sowie der Weiterentwicklung der IT-forensischen Methodik.
|
Alle dargestellte Software, Dienste und Methoden dienen Bildungs- und Forschungszwecken sowie der Weiterentwicklung der IT-forensischen Methodik.
|
||||||
|
Bei dieser Webseite handelt es sich um ein privates Werk. Keine Bildungseinrichtung, kein Unternehmen sind finanziell oder moderierend Teil dieses Projekts.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@ -2,10 +2,11 @@
|
|||||||
import BaseLayout from '../layouts/BaseLayout.astro';
|
import BaseLayout from '../layouts/BaseLayout.astro';
|
||||||
---
|
---
|
||||||
|
|
||||||
<BaseLayout title="Impressum" description="CC24-Hub - Impressum">
|
<BaseLayout title="Impressum" description="CC24-Guide - Impressum">
|
||||||
<section style="padding: 2rem 0; max-width: 900px; margin: 0 auto;">
|
<section style="padding: 2rem 0; max-width: 900px; margin: 0 auto;">
|
||||||
<!-- Hero Section -->
|
<!-- Hero Section -->
|
||||||
<div style="text-align: center; margin-bottom: 3rem; padding: 2rem; background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%); border-radius: 1rem; border: 1px solid var(--color-border);">
|
<div style="text-align: center; margin-bottom: 3rem; padding: 2rem; background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%); border-radius: 1rem; border: 1px solid var(--color-border);">
|
||||||
|
<p>Bei dieser Webseite handelt es sich um ein privates Werk. Keine Bildungseinrichtung, kein Unternehmen sind finanziell oder moderierend Teil dieses Projekts.</p>
|
||||||
<h1>Impressum</h1>
|
<h1>Impressum</h1>
|
||||||
<p>Angaben gemäß § 5 DDG</p>
|
<p>Angaben gemäß § 5 DDG</p>
|
||||||
<p>Mario Stöckl<br>
|
<p>Mario Stöckl<br>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user