49 lines
2.1 KiB
TypeScript
49 lines
2.1 KiB
TypeScript
import type { Metadata } from "next";
|
||
import Link from "next/link";
|
||
import { getPosts } from "@/lib/posts";
|
||
|
||
export const metadata: Metadata = { title: "Infosec Posts" };
|
||
|
||
export default function InfosecPage() {
|
||
const posts = getPosts("infosec");
|
||
|
||
return (
|
||
<div style={{ maxWidth: "100%" }}>
|
||
<div className="page-title">Infosec Posts</div>
|
||
<p style={{ fontSize: "0.8rem", color: "var(--text-muted)", marginBottom: "2rem" }}>
|
||
Teknik güvenlik yazıları, tool analizleri, CTF writeupları
|
||
</p>
|
||
|
||
{posts.length === 0 ? (
|
||
<div className="card" style={{ color: "var(--text-muted)", fontSize: "0.85rem" }}>Henüz yazı yok.</div>
|
||
) : (
|
||
<div style={{ display: "flex", flexDirection: "column", gap: "1rem" }}>
|
||
{posts.map((post) => (
|
||
<article key={post.slug} className="card">
|
||
<div style={{ display: "flex", alignItems: "center", gap: "0.5rem", marginBottom: "0.5rem" }}>
|
||
<span style={{ color: "var(--accent)", fontSize: "0.7rem" }}>⚔</span>
|
||
<Link href={`/infosec/${post.slug}`}>
|
||
<h2 style={{ fontSize: "1rem", fontWeight: 700, color: "var(--text)", lineHeight: 1.4 }}>
|
||
{post.title}
|
||
</h2>
|
||
</Link>
|
||
</div>
|
||
<p style={{ fontSize: "0.82rem", color: "var(--text-muted)", marginBottom: "0.75rem", lineHeight: 1.6 }}>
|
||
{post.excerpt}
|
||
</p>
|
||
<div style={{ display: "flex", alignItems: "center", justifyContent: "space-between", flexWrap: "wrap", gap: "0.5rem" }}>
|
||
<div style={{ display: "flex", gap: "0.3rem", flexWrap: "wrap" }}>
|
||
{post.tags.map((t) => <span key={t} className="tag">{t}</span>)}
|
||
</div>
|
||
<span style={{ fontSize: "0.72rem", color: "var(--text-muted)" }}>
|
||
{new Date(post.date).toLocaleDateString("tr-TR", { year: "numeric", month: "long", day: "numeric" })}
|
||
</span>
|
||
</div>
|
||
</article>
|
||
))}
|
||
</div>
|
||
)}
|
||
</div>
|
||
);
|
||
}
|