Tugas

2026-11-05 11:55:36 +07:00
commit aed738af00
29 changed files with 1853 additions and 0 deletions
@@ -0,0 +1,51 @@
+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>
+  );
+}