daniel/webstack-author
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

...

Browse source
This commit is contained in:
Daniel Heße 2026-08-11 23:11:41 +02:00
parent 985d2424de
commit 99395d3091
8 changed files with 115 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
server.ts
View file

@ -49,7 +49,7 @@ async function initDatabase(): Promise<AuthorData> {
"bioTag2Label", "bioTag2Value",
"bioTag3Label", "bioTag3Value",
"badgeText", "aboutTitle", "spotlightTitle", "spotlightSubtitle",
"projectsTitle", "projectsSubtitle",
"projectsTitle", "projectsSubtitle", "projectExcerptTitle", "projectExcerptBadge", "projectProgressLabel",
"booksTitle", "booksSubtitle", "footerText",
"accentColor", "secondaryColor", "backgroundColor", "cardBgColor",
"fontFamily", "heroBannerUrl"

33
src/components/AdminPanel.tsx
View file

@ -869,6 +869,39 @@ export default function AdminPanel({ onLogout }: AdminPanelProps) {
/>
</div>
<div className="space-y-1">
<label className="text-xs font-mono text-slate-400 uppercase">Projekt-Detail Exzerpt-Überschrift (im Modal)</label>
<input
type="text"
value={profile.projectExcerptTitle || ""}
onChange={(e) => updateProfileField("projectExcerptTitle", e.target.value)}
placeholder="z.B. Projekt-Exzerpt & Fortschrittsnotizen"
className="w-full px-3 py-2 bg-slate-950 border border-slate-800 rounded-xl text-white outline-none focus:border-indigo-500 text-sm"
/>
</div>
<div className="space-y-1">
<label className="text-xs font-mono text-slate-400 uppercase">Projekt-Detail Badge / Wasserzeichen (z.B. SEC_REPORT_LOG)</label>
<input
type="text"
value={profile.projectExcerptBadge || ""}
onChange={(e) => updateProfileField("projectExcerptBadge", e.target.value)}
placeholder="z.B. SEC_REPORT_LOG, FRAGMENT_LOG_01..."
className="w-full px-3 py-2 bg-slate-950 border border-slate-800 rounded-xl text-white outline-none focus:border-indigo-500 text-sm"
/>
</div>
<div className="space-y-1">
<label className="text-xs font-mono text-slate-400 uppercase">Projekt-Fortschritts-Label (z.B. Organischer Fortschritt)</label>
<input
type="text"
value={profile.projectProgressLabel || ""}
onChange={(e) => updateProfileField("projectProgressLabel", e.target.value)}
placeholder="z.B. Organischer Fortschritt, Reifegrad..."
className="w-full px-3 py-2 bg-slate-950 border border-slate-800 rounded-xl text-white outline-none focus:border-indigo-500 text-sm"
/>
</div>
<div className="space-y-1">
<label className="text-xs font-mono text-slate-400 uppercase">Bücherregal Sektionsüberschrift</label>
<input

20
src/components/ClaraPortfolio.tsx
View file

@ -425,22 +425,26 @@ export default function ClaraPortfolio({ data }: ClaraPortfolioProps) {
<div className="space-y-2">
<div className="flex justify-between items-center text-xs font-sans text-stone-400">
<span>ENTWURF-FORTSCHRITT:</span>
<span className="text-[#8FA797] font-bold">{selectedProject.progress}%</span>
<span>{data.projectProgressLabel ? `${data.projectProgressLabel.toUpperCase()}:` : "ENTWURF-FORTSCHRITT:"}</span>
<span className="font-bold" style={{ color: accentColor }}>{selectedProject.progress}%</span>
</div>
<div className="h-2 w-full bg-stone-900 rounded-full overflow-hidden border border-stone-800">
<div
className="h-full bg-gradient-to-r from-[#4A5D50] via-[#8FA797] to-[#B59EB1] rounded-full transition-all duration-1000 ease-out shadow-[0_0_8px_rgba(143,167,151,0.25)]"
style={{ width: `${selectedProject.progress}%` }}
className="h-full rounded-full transition-all duration-1000 ease-out shadow-md"
style={{ width: `${selectedProject.progress}%`, background: `linear-gradient(to right, ${accentColor}, ${secondaryColor})` }}
/>
</div>
</div>
<div className="bg-[#4A5D50]/5 p-5 rounded-xl border border-[#4A5D50]/20 relative overflow-hidden">
<div className="absolute top-0 right-0 p-2 text-stone-700 text-[10px] font-mono select-none">
FRAGMENT_LOG_CLARA
</div>
<h4 className="text-xs font-sans text-[#8FA797] uppercase tracking-wider mb-3 italic">Konzeptuelle Notizen & Auszüge</h4>
{data.projectExcerptBadge && (
<div className="absolute top-0 right-0 p-2 text-stone-700 text-[10px] font-mono select-none">
{data.projectExcerptBadge}
</div>
)}
<h4 className="text-xs font-sans uppercase tracking-wider mb-3 italic" style={{ color: accentColor }}>
{data.projectExcerptTitle || "Konzeptuelle Notizen & Auszüge"}
</h4>
<div className="text-stone-200 text-sm leading-relaxed italic markdown-body [&_p]:mb-4 [&_p:last-child]:mb-0">
<Markdown>{selectedProject.description || "Für dieses Buchprojekt wurden noch keine lyrischen Gedanken freigegeben."}</Markdown>
</div>

22
src/components/EroticaPortfolio.tsx
View file

@ -424,23 +424,27 @@ export default function EroticaPortfolio({ data }: EroticaPortfolioProps) {
<div className="h-px bg-orange-950/40" />
<div className="space-y-2">
<div className="flex justify-between items-center text-xs font-sans text-neutral-450 text-neutral-400">
<span>REIFEGRAD DES WERKS:</span>
<span className="text-orange-400 font-bold">{selectedProject.progress}%</span>
<div className="flex justify-between items-center text-xs font-sans text-neutral-400">
<span>{data.projectProgressLabel ? `${data.projectProgressLabel.toUpperCase()}:` : "REIFEGRAD DES WERKS:"}</span>
<span className="font-bold" style={{ color: accentColor }}>{selectedProject.progress}%</span>
</div>
<div className="h-2 w-full bg-neutral-900 rounded-full overflow-hidden border border-neutral-800">
<div
className="h-full bg-gradient-to-r from-orange-500 via-amber-450 via-amber-400 to-yellow-300 rounded-full transition-all duration-1000 ease-out shadow-[0_0_8px_rgba(249,115,22,0.35)]"
style={{ width: `${selectedProject.progress}%` }}
className="h-full rounded-full transition-all duration-1000 ease-out shadow-md"
style={{ width: `${selectedProject.progress}%`, background: `linear-gradient(to right, ${accentColor}, ${secondaryColor})` }}
/>
</div>
</div>
<div className="bg-orange-950/10 p-5 rounded-xl border border-orange-950/20 relative overflow-hidden">
<div className="absolute top-0 right-0 p-2 text-neutral-800 text-[10px] font-mono select-none">
FRAGMENT_REPORT_09
</div>
<h4 className="text-xs font-sans text-orange-400 uppercase tracking-wider mb-3 italic">Konzeptuelle Skizzen & Atmosphärische Auszüge</h4>
{data.projectExcerptBadge && (
<div className="absolute top-0 right-0 p-2 text-neutral-700 text-[10px] font-mono select-none">
{data.projectExcerptBadge}
</div>
)}
<h4 className="text-xs font-sans uppercase tracking-wider mb-3 italic" style={{ color: accentColor }}>
{data.projectExcerptTitle || "Konzeptuelle Skizzen & Atmosphärische Auszüge"}
</h4>
<div className="text-neutral-200 text-sm leading-relaxed italic markdown-body [&_p]:mb-4 [&_p:last-child]:mb-0">
<Markdown>{selectedProject.description || "Für dieses diskrete Werk wurde noch kein detaillierter Auszug freigegeben."}</Markdown>
</div>

44
src/components/ReneePortfolio.tsx
View file

@ -406,7 +406,7 @@ export default function ReneePortfolio({ data }: ReneePortfolioProps) {
Status: {selectedProject.status}
</span>
<span className="text-xs text-slate-400 italic">
Fortschritt: {selectedProject.progress}%
{data.projectProgressLabel ? `${data.projectProgressLabel}: ` : "Fortschritt: "}{selectedProject.progress}%
</span>
</div>
@ -419,21 +419,33 @@ export default function ReneePortfolio({ data }: ReneePortfolioProps) {
/>
</div>
<div className="text-slate-300 text-sm leading-relaxed markdown-body [&_p]:mb-4 [&_p:last-child]:mb-0">
<Markdown
components={{
a: ({ node, ...props }) => (
<a
target="_blank"
rel="noopener noreferrer"
className="underline text-yellow-400 hover:text-pink-400 font-medium"
{...props}
/>
)
}}
>
{selectedProject.description || "Für dieses Schreibprojekt wurden noch keine weiteren Details abgelegt."}
</Markdown>
<div className="bg-slate-900/60 p-5 rounded-xl border border-slate-800 relative overflow-hidden">
{data.projectExcerptBadge && (
<div className="absolute top-0 right-0 p-2 text-slate-700 text-[10px] font-mono select-none">
{data.projectExcerptBadge}
</div>
)}
{data.projectExcerptTitle && (
<h4 className="text-xs uppercase tracking-wider mb-3 font-semibold" style={{ color: accentColor }}>
{data.projectExcerptTitle}
</h4>
)}
<div className="text-slate-300 text-sm leading-relaxed markdown-body [&_p]:mb-4 [&_p:last-child]:mb-0">
<Markdown
components={{
a: ({ node, ...props }) => (
<a
target="_blank"
rel="noopener noreferrer"
className="underline text-yellow-400 hover:text-pink-400 font-medium"
{...props}
/>
)
}}
>
{selectedProject.description || "Für dieses Schreibprojekt wurden noch keine weiteren Details abgelegt."}
</Markdown>
</div>
</div>
</div>
</div>

22
src/components/SciFiPortfolio.tsx
View file

@ -450,24 +450,28 @@ export default function SciFiPortfolio({ data }: SciFiPortfolioProps) {
<div className="space-y-2">
<div className="flex justify-between items-center text-xs font-mono text-slate-400">
<span>ORGANISCHER FORTSCHRITT:</span>
<span className="text-cyan-400 font-bold">{selectedProject.progress}%</span>
<span>{data.projectProgressLabel ? `${data.projectProgressLabel.toUpperCase()}:` : "ORGANISCHER FORTSCHRITT:"}</span>
<span className="font-bold" style={{ color: accentColor }}>{selectedProject.progress}%</span>
</div>
<div className="h-2 w-full bg-slate-950 rounded-full overflow-hidden border border-slate-800">
<div
className="h-full bg-gradient-to-r from-cyan-400 via-indigo-500 to-purple-600 rounded-full transition-all duration-1000 ease-out shadow-[0_0_8px_rgba(34,211,238,0.4)]"
style={{ width: `${selectedProject.progress}%` }}
className="h-full rounded-full transition-all duration-1000 ease-out shadow-md"
style={{ width: `${selectedProject.progress}%`, background: `linear-gradient(to right, ${accentColor}, ${secondaryColor})` }}
/>
</div>
</div>
<div className="bg-slate-950/60 p-5 rounded-xl border border-slate-800/60 relative overflow-hidden">
<div className="absolute top-0 right-0 p-2 text-slate-800 text-[10px] font-mono select-none">
SEC_REPORT_LOG
</div>
<h4 className="text-xs font-mono text-slate-500 uppercase tracking-widest mb-3">Projekt-Exzerpt & Fortschrittsnotizen</h4>
{data.projectExcerptBadge && (
<div className="absolute top-0 right-0 p-2 text-slate-700 text-[10px] font-mono select-none">
{data.projectExcerptBadge}
</div>
)}
<h4 className="text-xs font-mono text-slate-500 uppercase tracking-widest mb-3">
{data.projectExcerptTitle || "Projekt-Exzerpt & Fortschrittsnotizen"}
</h4>
<div className="text-slate-300 text-sm leading-relaxed markdown-body [&_p]:mb-4 [&_p:last-child]:mb-0">
<Markdown>{selectedProject.description || "Für dieses Schreibprojekt wurden noch keine detaillierten Chiffren abgelegt."}</Markdown>
<Markdown>{selectedProject.description || "Für dieses Schreibprojekt wurden noch keine weiteren Details abgelegt."}</Markdown>
</div>
</div>
</div>

12
src/defaultData.ts
View file

@ -63,6 +63,9 @@ export const defaultAuthorData: AuthorData = {
bioTag3Value: "Verschlüsselt",
projectsTitle: "Aktuelle Projekte",
projectsSubtitle: "Ein exklusiver Blick auf das, was sich gerade auf meinem Schreib-Amboss befindet.",
projectExcerptTitle: "Projekt-Exzerpt & Fortschrittsnotizen",
projectExcerptBadge: "SEC_REPORT_LOG",
projectProgressLabel: "Telemetrie / Fortschritt",
booksTitle: "Bücherregal",
booksSubtitle: "Entdecken Sie meine verlegten Romane und E-Books mit Hörbeispielen.",
footerText: "Dokumentation, Fragmente und stellare Chiffren. Verschlüsselt mit moderner Node.JS Technologie.",
@ -135,6 +138,9 @@ export const defaultAuthorData: AuthorData = {
bioTag3Value: "Diskret / Pseudonym",
projectsTitle: "In der Entstehung",
projectsSubtitle: "Ein Blick in mein privates Arbeitszimmer. Hier reifen neue Kapitel voller Leidenschaft.",
projectExcerptTitle: "Konzeptuelle Skizzen & Atmosphärische Auszüge",
projectExcerptBadge: "FRAGMENT_REPORT_09",
projectProgressLabel: "Reifegrad des Werks",
booksTitle: "Das Samtregal",
booksSubtitle: "Verführerische Geschichten und sinnliche Romane für besondere Stunden.",
footerText: "Mit Liebe und Leidenschaft geschrieben. Alle Werke geschützt.",
@ -207,6 +213,9 @@ export const defaultAuthorData: AuthorData = {
bioTag3Value: "Naturkontemplation",
projectsTitle: "Laufende Notizen & Skizzen",
projectsSubtitle: "Gedankenfragmente und Manuskripte, die leise im Winde reifen.",
projectExcerptTitle: "Konzeptuelle Notizen & Auszüge",
projectExcerptBadge: "FRAGMENT_LOG_CLARA",
projectProgressLabel: "Entwurf-Fortschritt",
booksTitle: "Veröffentlichte Bände",
booksSubtitle: "Lyrikbände und Naturprosa zum Verweilen und Innehalten.",
footerText: "Gedruckt auf virtuellem Pergament. Stille Notizen aus Wald und Flur.",
@ -279,6 +288,9 @@ export const defaultAuthorData: AuthorData = {
bioTag3Value: "Gefühl & Tiefe",
projectsTitle: "Aus der Schreibstube",
projectsSubtitle: "Ein Blick auf meine aktuellen Geschichten in Entstehung – voller Hoffnung und Herzklopfen.",
projectExcerptTitle: "Gedanken & Details zum Projekt",
projectExcerptBadge: "SCHREIBSTUBE_LOG",
projectProgressLabel: "Fortschritt",
booksTitle: "Gefühlvolle Romane",
booksSubtitle: "Geschichten zum Mitfühlen, Träumen und Genießen.",
footerText: "Geschrieben mit viel Gefühl und Herzblut.",

3
src/types.ts
View file

@ -51,6 +51,9 @@ export interface AuthorProfile {
projectsTitle?: string;
projectsSubtitle?: string;
projectExcerptTitle?: string;
projectExcerptBadge?: string;
projectProgressLabel?: string;
booksTitle?: string;
booksSubtitle?: string;
footerText?: string;