diff --git a/commons/home.js b/commons/home.js index ae45f8e..148fc0b 100644 --- a/commons/home.js +++ b/commons/home.js @@ -13,10 +13,12 @@ export default function Home({ posts }) {
-

Rehberler

+

Rehberler

- {filteredPosts.slice(0, 20).map((post) => ( -
  • {post.title}
    • + {filteredPosts.slice(0, 21).map((post) => ( +
  • + {post.title} +
    • ))}
    diff --git a/pages/_document.js b/pages/_document.js new file mode 100644 index 0000000..30e9d98 --- /dev/null +++ b/pages/_document.js @@ -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 ( + + + +
    + + + + ); + } +} + +export default MyDocument; diff --git a/pages/hakkinda.js b/pages/hakkinda.js new file mode 100644 index 0000000..208d4c1 --- /dev/null +++ b/pages/hakkinda.js @@ -0,0 +1,32 @@ +export default function Hakkinda() { + return ( +
    +
    +

    + Site Hakkında +

    +

    + Bu websitesinde reklam, izleyici veya çerez yoktur ve herkes rehber + yazabilir. +

    +
    +
    +

    Nasıl Rehber Yazarım?

    +
      +
    • + Örnek rehberi indirin ve kuralları okuyun.{" "} +
      • +
    • + teknolojirehberleri@protonmail.com adresine + markdown dosyanızı gönderin. +
      • +
    • + Başkasının yazısını sayfadan indirip güncelleme yaptıktan sonra + tekrar gönderebilirsiniz.{" "} +
      • +
    • Rehberi yazan/katkı sağlayan kişileri keşfedebilirsiniz!
      • +
    +
    +
    + ); +} diff --git a/public/favicon.ico b/public/favicon.ico index 718d6fe..25c25a8 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/public/vercel.svg b/public/vercel.svg deleted file mode 100644 index fbf0e25..0000000 --- a/public/vercel.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - \ No newline at end of file diff --git a/styles/abstracts/_variables.scss b/styles/abstracts/_variables.scss index dfac8c1..49df3bd 100644 --- a/styles/abstracts/_variables.scss +++ b/styles/abstracts/_variables.scss @@ -8,6 +8,7 @@ --color-grey: #383838; --color-grey-dark-1: #b2aba1; --color-grey-dark-2: #fff; + --color-grey-light-1: #b8b8b8; } // FONT CONTROL diff --git a/styles/base/_typography.scss b/styles/base/_typography.scss index f566457..a94bff2 100644 --- a/styles/base/_typography.scss +++ b/styles/base/_typography.scss @@ -1,11 +1,24 @@ -p, -li { +.heading-1, +.heading-2, +.heading-3, +.heading-4 { color: var(--color-primary); } -h1 { - font-size: 2.5rem; +.heading-1 { + font-weight: 500; + font-size: 3rem; +} + +.heading-2 { + font-size: 2.4rem; + font-weight: normal; +} + +p, +li { color: var(--color-primary); + font-size: 2rem; } a { diff --git a/styles/components/navbar.scss b/styles/components/navbar.scss index c4e598a..cefd74f 100644 --- a/styles/components/navbar.scss +++ b/styles/components/navbar.scss @@ -9,6 +9,9 @@ &_logo { justify-self: flex-end; grid-column: 1; + font-size: 2.4rem; + color: var(--color-primary); + font-weight: normal; } &_list { diff --git a/styles/globals.scss b/styles/globals.scss index f9652e9..607ce69 100644 --- a/styles/globals.scss +++ b/styles/globals.scss @@ -13,5 +13,6 @@ @import "./components/searchbar"; @import "./pages/homepage.scss"; +@import "./pages/hakkinda.scss"; @import url("https://fontlibrary.org//face/nunito-sans"); diff --git a/styles/pages/hakkinda.scss b/styles/pages/hakkinda.scss new file mode 100644 index 0000000..97c0f91 --- /dev/null +++ b/styles/pages/hakkinda.scss @@ -0,0 +1,16 @@ +.about { + display: grid; + justify-content: center; + grid-template-rows: repeat(1, 10rem); + + padding: 2rem; + + min-height: 100vh; + + &_list { + margin-left: 3rem; + li { + margin-top: 1.5rem; + } + } +} diff --git a/styles/pages/homepage.scss b/styles/pages/homepage.scss index 2228528..550da63 100644 --- a/styles/pages/homepage.scss +++ b/styles/pages/homepage.scss @@ -4,17 +4,16 @@ justify-items: center; padding-top: 2rem; - font-size: 2rem; list-style-type: none; &_heading-1 { - text-align: center; padding-top: 1rem; } &_posts { display: grid; grid-template-columns: repeat(3, 1fr); + grid-template-rows: repeat(8, 12rem); width: 50%; min-height: 100vh;