Add new blog posts and update existing content

- Created "My 2023 Coding Edition" post detailing projects and experiences in Rust and game development.
- Added "My 2024 and 2025 roadmap" outlining goals and projects for the upcoming years.
- Introduced "Python Tutorial - Introduction" and "Python - Variables" posts to teach Python programming basics.
- Published "ROADMAP for 2023" to outline initial goals for the year.
- Added "My Rust little adventure" post summarizing various Rust projects undertaken.
- Released "Spanish Inquisition - 3.0.1 UPDATE" detailing the latest game update and features.
- Added multiple background images in AVIF format for website use.
- Removed unused SVG files to clean up the public directory.
This commit is contained in:
2025-09-03 23:27:41 +02:00
parent 2e6afd0556
commit 8a921b0423
37 changed files with 1347 additions and 121 deletions

76
components/window.tsx Normal file
View File

@@ -0,0 +1,76 @@
import React from "react";
const CloseIcon = () => (
<svg
width="12"
height="12"
viewBox="0 0 12 12"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M1 1L11 11M1 11L11 1"
stroke="white"
strokeWidth="2"
strokeLinecap="round"
/>
</svg>
);
const MaximizeIcon = () => (
<svg
width="12"
height="12"
viewBox="0 0 12 12"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect x="1" y="1" width="10" height="10" stroke="white" strokeWidth="2" />
</svg>
);
const MinimizeIcon = () => (
<svg
width="12"
height="12"
viewBox="0 0 12 12"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M1 6H11" stroke="white" strokeWidth="2" strokeLinecap="round" />
</svg>
);
interface WindowProps {
title: string;
children: React.ReactNode;
className?: string;
}
export default function Window({
title,
children,
className = "",
}: WindowProps) {
return (
<div
className={`rounded-lg border border-white/30 bg-white/70 shadow-window backdrop-blur-xl ${className}`}
>
{/* Title Bar with gradient and controls */}
<div className="flex select-none items-center justify-between rounded-t-md bg-gradient-to-b from-blue-500 to-window-title px-4 py-1.5 font-bold text-white text-sm">
<span>{title}</span>
<div className="flex items-center space-x-2">
<div className="flex h-4 w-4 items-center justify-center opacity-80">
<MinimizeIcon />
</div>
<div className="flex h-4 w-4 items-center justify-center opacity-80">
<MaximizeIcon />
</div>
<div className="flex h-4 w-4 items-center justify-center opacity-80">
<CloseIcon />
</div>
</div>
</div>
{/* Content Area */}
<div className="p-6">{children}</div>
</div>
);
}