(create) created about page and styled it

2026-09-11 10:56:08 +00:00 · 2021-08-08 13:05:43 +03:00
parent f3e5175de3
commit 384d5bc799
11 changed files with 98 additions and 13 deletions
@@ -0,0 +1,22 @@
+import Document, { Html, Head, Main, NextScript } from "next/document";
+
+class MyDocument extends Document {
+  static async getInitialProps(ctx) {
+    const initialProps = await Document.getInitialProps(ctx);
+    return { ...initialProps };
+  }
+
+  render() {
+    return (
+      <Html lang="tr">
+        <Head />
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    );
+  }
+}
+
+export default MyDocument;
@@ -0,0 +1,32 @@
+export default function Hakkinda() {
+  return (
+    <div className="about">
+      <div>
+        <h1 className="heading-1 u-center-text u-margin-bottom-small">
+          Site Hakkında
+        </h1>
+        <p>
+          Bu websitesinde reklam, izleyici veya çerez yoktur ve herkes rehber
+          yazabilir.
+        </p>
+      </div>
+      <div>
+        <h2 className="heading-2">Nasıl Rehber Yazarım?</h2>
+        <ul className="about_list">
+          <li>
+            <a href="#">Örnek rehberi</a> indirin ve kuralları okuyun.{" "}
+          </li>
+          <li>
+            <a href="#"> teknolojirehberleri@protonmail.com</a> adresine
+            markdown dosyanızı gönderin.
+          </li>
+          <li>
+            Başkasının yazısını sayfadan indirip güncelleme yaptıktan sonra
+            tekrar gönderebilirsiniz.{" "}
+          </li>
+          <li>Rehberi yazan/katkı sağlayan kişileri keşfedebilirsiniz!</li>
+        </ul>
+      </div>
+    </div>
+  );
+}