Add RSS feed functionality and icon to the blog
All checks were successful
Build and Deploy Blog / build-and-deploy-local (push) Successful in 1m13s

This commit is contained in:
2025-09-15 08:27:57 +02:00
parent d54cb829ec
commit c8536502bc
6 changed files with 107 additions and 3 deletions

42
components/rss-icon.tsx Normal file
View File

@@ -0,0 +1,42 @@
const RSSIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg
version="1.1"
id="Capa_1"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 455.731 455.731"
xmlSpace="preserve"
{...props}
>
<g>
<rect
x="0"
y="0"
style={{ fill: "#F78422" }}
width="455.731"
height="455.731"
/>
<g>
<path
style={{ fill: "#FFFFFF" }}
d="M296.208,159.16C234.445,97.397,152.266,63.382,64.81,63.382v64.348
c70.268,0,136.288,27.321,185.898,76.931c49.609,49.61,76.931,115.63,76.931,185.898h64.348
C391.986,303.103,357.971,220.923,296.208,159.16z"
/>
<path
style={{ fill: "#FFFFFF" }}
d="M64.143,172.273v64.348c84.881,0,153.938,69.056,153.938,153.939h64.348
C282.429,270.196,184.507,172.273,64.143,172.273z"
/>
<circle
style={{ fill: "#FFFFFF" }}
cx="109.833"
cy="346.26"
r="46.088"
/>
</g>
</g>
</svg>
);
export default RSSIcon;

View File

@@ -1,5 +1,6 @@
import Link from "next/link";
import React from "react";
import RSSIcon from "./rss-icon";
const CloseIcon = () => (
<svg
@@ -55,9 +56,13 @@ export default function Window({
<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">
<span>{title}</span>
<Link href="/feed.xml" title="RSS Feed">
<RSSIcon className="h-4 w-4 opacity-80 hover:opacity-100" />
</Link>
</div>
<div className="flex items-center space-x-2">
<div className="flex h-4 w-4 items-center justify-center opacity-80">
<MinimizeIcon />