diff --git a/app/globals.css b/app/globals.css index 947a048..90a3c45 100644 --- a/app/globals.css +++ b/app/globals.css @@ -1,10 +1,5 @@ @import "tailwindcss"; -@theme { - --font-sans: var(--font-geist-sans); - --font-mono: var(--font-geist-mono); -} - :root { --background: #ffffff; --foreground: #171717; @@ -20,5 +15,5 @@ body { color: var(--foreground); background: var(--background); - font-family: Arial, Helvetica, sans-serif; + font-family: "JetBrains Mono", monospace; } diff --git a/app/layout.tsx b/app/layout.tsx index f7fa87e..b259189 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,31 +1,36 @@ import type { Metadata } from "next"; -import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; -const geistSans = Geist({ - variable: "--font-geist-sans", - subsets: ["latin"], -}); - -const geistMono = Geist_Mono({ - variable: "--font-geist-mono", - subsets: ["latin"], -}); export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: 'AderKI Blog', + description: 'Welcome to AderKI Blog. There will be posts about science', + keywords: ['AderKI', 'hoodies', 'comics', 'books', 'store', 'blog'], + authors: [{ name: 'AderKI' }], + openGraph: { + title: 'AderKI Blog', + description: 'Welcome to AderKI Blog. There will be posts about science', + url: 'https://blog.aderk.tech/', + images: [ + { + url: '/images/logo.png', // Path to your Open Graph image + width: 800, + height: 600, + alt: 'AderKI Blog Logo', + }, + ], + siteName: 'AderKI Blog', + }, + icons: { + icon: '/images/favicon.ico', // Path to your favicon + }, }; -export default function RootLayout({ - children, -}: Readonly<{ - children: React.ReactNode; -}>) { +export default function RootLayout({ children }: { children: React.ReactNode }) { return ( {children} diff --git a/app/page.tsx b/app/page.tsx index 9007252..f306f40 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,100 +1,81 @@ +import searchPic from '../public/search.svg'; + + import Image from "next/image"; +import Link from "next/link"; +import AnimatedLink from '../components/animatedLink'; +import BlogArea from "../components/blogpost"; +import HeaderToolbar from "../components/header/toolbar"; + +// Mock data for blog posts +const blogposts = [ + { + label: 'Retro Futurism: A Journey Through Time', + body: 'Explore the fascinating world of retro futurism and its impact on modern science and culture.', + publish: '2023-10-01', + get_absolute_url: '/blog/retro-futurism', + }, + { + label: 'The Science Behind Video Games', + body: 'Discover how video games are pushing the boundaries of technology and human interaction.', + publish: '2023-09-25', + get_absolute_url: '/blog/science-video-games', + }, +]; export default function Home() { return ( -
-
- Next.js logo -
    -
  1. - Get started by editing{" "} - - app/page.tsx - - . -
    2. -
  2. Save and see your changes instantly.
    3. -
+
+
+
+
+
+

+ Hello. I am is a programmer, hacker, and gamer. Love comics, coding, read books. There I am posting articles about science and another staff, that’s im like. +

+
+ +
+ +
+
-
); diff --git a/components/animatedLink.tsx b/components/animatedLink.tsx new file mode 100644 index 0000000..8e03faa --- /dev/null +++ b/components/animatedLink.tsx @@ -0,0 +1,22 @@ +import Link from 'next/link'; +import React from 'react'; + +interface AnimatedLinkProps { + href: string; + children: React.ReactNode; + className?: string; +} + +const AnimatedLink = ({ href, children, className = '' }: AnimatedLinkProps) => { + return ( + + {children} + + + ); +}; + +export default AnimatedLink; \ No newline at end of file diff --git a/components/blogpost.tsx b/components/blogpost.tsx new file mode 100644 index 0000000..1bc9722 --- /dev/null +++ b/components/blogpost.tsx @@ -0,0 +1,66 @@ +'use client'; + +import AnimatedLink from '../components/animatedLink'; +import Image from 'next/image'; + +interface BlogPost { + label: string; + body: string; + publish: string; + get_absolute_url: string; +} + +interface BlogAreaProps { + blogposts: BlogPost[]; +} + +export default function BlogArea({ blogposts }: BlogAreaProps) { + return ( +
+
+ {blogposts.map((blogpost, index) => ( +
+
+
+ Retrospective Science Image +
+
+
+
+

+ + {blogpost.label} + +

+
+
    +
  • Games
    • +
  • Science
    • +
+
+ {blogpost.body.slice(0, 512)}... +
+
+
+

Posted: {blogpost.publish}

+
+
+ + Read the article + +
+
+
+
+ ))} +
+ {/* Include Pagination Component Here */} +
+ ); +} \ No newline at end of file diff --git a/public/file.svg b/public/file.svg deleted file mode 100644 index 004145c..0000000 --- a/public/file.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/globe.svg b/public/globe.svg index 567f17b..c50616f 100644 --- a/public/globe.svg +++ b/public/globe.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/public/images/retrofuturism.webp b/public/images/retrofuturism.webp new file mode 100644 index 0000000..a4a94cd Binary files /dev/null and b/public/images/retrofuturism.webp differ diff --git a/public/moon.svg b/public/moon.svg new file mode 100644 index 0000000..c91b28f --- /dev/null +++ b/public/moon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/next.svg b/public/next.svg deleted file mode 100644 index 5174b28..0000000 --- a/public/next.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/sun.svg b/public/sun.svg new file mode 100644 index 0000000..c740b1e --- /dev/null +++ b/public/sun.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/vercel.svg b/public/vercel.svg deleted file mode 100644 index 7705396..0000000 --- a/public/vercel.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/window.svg b/public/window.svg deleted file mode 100644 index b2b2a44..0000000 --- a/public/window.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file