Small design improvements

y1mz · Feb 3, 2024 · edcfdf3 · edcfdf3
1 parent 2bef732
commit edcfdf3
Show file tree

Hide file tree

Showing 6 changed files with 53 additions and 9 deletions.
diff --git a/app/blog/page.jsx b/app/blog/page.jsx
@@ -22,7 +22,7 @@ function BlogPage() {
 
     return (
         <div className="justify-center">
-            <div className="items-center py-10">
+            <div className="items-center">
                 <HeroSection
                     title={"Server Updates"}
                 />

diff --git a/app/photos/page.jsx b/app/photos/page.jsx
@@ -1,7 +1,10 @@
-import fs from "fs";
-import path from "path";
-import localFont from "next/font/local";
-import GalleryItem from "@/components/gallery-item";
+import fs from "fs"
+import path from "path"
+
+import localFont from "next/font/local"
+import GalleryItem from "@/components/gallery-item"
+import HeroSection from "@/components/hero-section"
+
 
 const myFont = localFont({
     src: "./Minecraft.woff2",
@@ -22,8 +25,10 @@ async function GalleryPage() {
     const photos = gallery.pngFiles;
     return (
         <div className="justify-center">
-            <div className="items-center py-10">
-                <h1 className={`text-4xl text-center items-center ${myFont.className}`}>Gallery</h1>
+            <div className="items-center">
+                <HeroSection
+                    title={"Server Gallery"}
+                />
             </div>
             <div className="container ml-auto px-5 py-2">
                 <div className="justify-center items-center md:ml-[70px]">

diff --git a/components/footer/index.jsx b/components/footer/index.jsx
@@ -9,7 +9,7 @@ function Footer() {
     return (
         <footer className="flex flex-col items-center justify-center mb-10">
             <div className="flex gap-5 text-lg text-gray-500 mb-2">
-                <Link href="https://github.com/B4tuhanY1lmaz/tbnmc-website"> <BsGithub /> </Link>
+                <Link href="https://github.com/B4tuhanY1lmaz/Caesium"> <BsGithub /> </Link>
                 <Link href="https://discord.gg/8dAHkxbKPf"> <BsDiscord /> </Link>
                 <Link href="/feed.xml"> <BsFillRssFill /> </Link>
             </div>

diff --git a/components/hero-section.jsx b/components/hero-section.jsx
@@ -12,7 +12,7 @@ function HeroSection({ title }) {
 
             </div>
             <div className={`absolute bottom-0 left-0 right-o top-0 h-full w-full 
-                    overflow-hidden bg-fixed bg-black/60`}
+                    overflow-hidden bg-fixed bg-black/40`}
             >
                 <div className="flex flex-col h-full items-center justify-center">
                     <h1 className={`text-lg sm:text-xl md:text-2xl mb-4 ${MinecraftFont.className}`}>{title}</h1>

diff --git a/components/ui/badge.jsx b/components/ui/badge.jsx
@@ -0,0 +1,34 @@
+import * as React from "react"
+import { cva } from "class-variance-authority";
+
+import { cn } from "@/libs/utils"
+
+const badgeVariants = cva(
+    "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+    {
+        variants: {
+            variant: {
+                default:
+                    "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+                secondary:
+                    "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+                destructive:
+                    "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+                outline: "text-foreground",
+            },
+        },
+        defaultVariants: {
+            variant: "default",
+        },
+    }
+)
+
+function Badge({
+                   className,
+                   variant,
+                   ...props
+               }) {
+    return (<div className={cn(badgeVariants({ variant }), className)} {...props} />);
+}
+
+export { Badge, badgeVariants }
diff --git a/public/pages/test.md b/public/pages/test.md
@@ -0,0 +1,5 @@
+---
+title: Test
+url: test
+---
+Testttt