52 lines
1.3 KiB
TypeScript
52 lines
1.3 KiB
TypeScript
import type { Metadata } from "next";
|
|
import type { ReactNode } from "react";
|
|
import Script from "next/script";
|
|
|
|
// external CSS: styles.css dimuat sebagai <link rel="stylesheet">; mengatur navbar (.site-nav) dan wadah layout <main> (.about-wrapper)
|
|
import "../styles.css";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "About - Yovan",
|
|
};
|
|
|
|
// internal CSS: satu blok <style> di <head>; mengatur background + font body,
|
|
// memakai selector class (.section-title) dan id (#education)
|
|
const internalCss = `
|
|
body {
|
|
background-color: #fdf6ec;
|
|
font-family: Georgia, "Times New Roman", serif;
|
|
color: #292524;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.section-title {
|
|
color: #7c2d12;
|
|
font-size: 1.5rem;
|
|
font-weight: bold;
|
|
border-bottom: 2px solid #fdba74;
|
|
padding-bottom: 4px;
|
|
margin: 0 0 12px;
|
|
}
|
|
|
|
#education {
|
|
background-color: #ffffff;
|
|
padding: 16px 20px;
|
|
border-radius: 8px;
|
|
}
|
|
`;
|
|
|
|
export default function AboutLayout({ children }: { children: ReactNode }) {
|
|
return (
|
|
<html lang="id">
|
|
<head>
|
|
<style>{internalCss}</style>
|
|
</head>
|
|
<body>
|
|
{/* tailwind CSS: skrip CDN, dipakai untuk badge, tabel skill, dan daftar di halaman ini */}
|
|
<Script src="https://cdn.tailwindcss.com" strategy="beforeInteractive" />
|
|
{children}
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|