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
All checks were successful
Build and Deploy Blog / build-and-deploy-local (push) Successful in 1m13s
This commit is contained in:
42
components/rss-icon.tsx
Normal file
42
components/rss-icon.tsx
Normal 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;
|
@@ -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 />
|
||||
|
Reference in New Issue
Block a user