Skip to content

Commit

Permalink
seo
Browse files Browse the repository at this point in the history
  • Loading branch information
programming-with-ia committed Sep 26, 2024
1 parent 77e5cdc commit a479681
Show file tree
Hide file tree
Showing 12 changed files with 290 additions and 283 deletions.
2 changes: 1 addition & 1 deletion app/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
"react-icons": "^5.3.0",
"react-wrap-balancer": "^1.1.1",
"recharts": "^2.12.7",
"shadcn-theme-editor": "1.3.2",
"shadcn-theme-editor": "1.3.3",
"sonner": "^1.5.0",
"tailwind-merge": "^2.4.0",
"tailwindcss-animate": "^1.0.7",
Expand Down
16 changes: 8 additions & 8 deletions app/pnpm-lock.yaml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions app/public/google0297be4585eb90db.html
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
google-site-verification: google0297be4585eb90db.html
40 changes: 30 additions & 10 deletions app/src/app/globals.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,6 @@
@tailwind components;
@tailwind utilities;

/* .masked-element {
-webkit-mask-image: url('/wave-haikei (1).svg');
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-image: url('/wave-haikei (1).svg');
mask-repeat: no-repeat;
mask-size: cover;
} */

:root {
--main-gradient: linear-gradient(
35deg,
Expand Down Expand Up @@ -143,6 +134,35 @@ div[role="dialog"] > #shadcn-theme-editor > aside {
@apply border-border;
}
body {
@apply bg-background text-foreground;
@apply bg-background text-foreground size-full;
}
}

:host,
html,
body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
scrollbar-gutter: stable;
scroll-behavior: smooth;
font-feature-settings:
'rlig' 1,
'calt' 1;
}

svg {
shape-rendering: crispEdges;
}

svg circle,
svg line,
svg path,
svg polygon,
svg rect {
shape-rendering: geometricprecision;
}

100 changes: 97 additions & 3 deletions app/src/app/layout.tsx
Original file line number Diff line number Diff line change
@@ -1,18 +1,93 @@
import type { Metadata } from "next";
import type { Metadata, Viewport } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import clsx from "clsx";
import { ThemeProvider } from "next-themes";
import ShadcnThemeEditor from "shadcn-theme-editor";
import ThemeEditor from "@/components/theme-editor";
import GithubCorner from "@/components/github-corner";
import { joinPaths } from "@/lib/utils";
import { siteConfig } from "@/lib/site-config";
import { RiTwitterXLine, RiGithubFill } from "react-icons/ri";
import { TbMail } from "react-icons/tb";

const inter = Inter({ subsets: ["latin"] });

export const viewport: Viewport = {
themeColor: [{ media: "(prefers-color-scheme: dark)", color: "#030014" }],
};

export const metadata: Metadata = {
title: "Shadcn Theme Editor",
description: "Shadcn Theme Editor is a user-friendly component designed to simplify the process of managing and customizing theme colors in Shadcn-based projects.",
title: {
default: siteConfig.name,
template: `%s | ${siteConfig.name}`,
},
description: siteConfig.description,
applicationName: siteConfig.name,
appleWebApp: { title: siteConfig.name, statusBarStyle: "default" },
abstract: siteConfig.description,
archives: siteConfig.url,
category: "Developer Tools",
classification: "",
keywords: siteConfig.keywords,
authors: { url: "https://oimmi.com", name: "immi" },
twitter: {
creator: "@o_immi",
creatorId: "1813232551131291651",
description: siteConfig.description,
title: siteConfig.name,
card: "summary_large_image",
images: siteConfig.images.map(img=>img.url),
},
creator: "immi",
publisher: siteConfig.name,
alternates: {
canonical: { url: siteConfig.url, title: "Home" },
languages: { en: [{ url: siteConfig.url, title: "Home" }] },
},
openGraph: {
type: "website",
locale: "en_US",
url: siteConfig.url,
title: siteConfig.name,
description: siteConfig.description,
siteName: siteConfig.name,
images: siteConfig.images,
},
// icons: {
// icon: [
// {
// url: joinPaths(siteConfig.url, "artgalestudio-logo.ico"),
// sizes: "16x16 32x32 48x48 192x192 256x256",
// },
// joinPaths(siteConfig.url, "/favicon.ico"),
// ],
// },
};

const SOCIALS: {
title: string;
url: string;
icon: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
}[] = [
{
title: "Github",
url: "https://github.com/programming-with-ia",
icon: RiGithubFill,
},
{
title: "X (Twitter)",
url: "https://x.com/o_immi",
icon: RiTwitterXLine,
},
{
title: "GMail",
url: "mailto:" + "[email protected]",
icon: TbMail,
},
];


export default async function RootLayout({
children,
}: Readonly<{
Expand All @@ -36,6 +111,25 @@ export default async function RootLayout({
<ThemeEditor />
</main>
<GithubCorner />
<footer className="py-8 flex md:flex-row flex-col items-center md:px-8 px-4 lg:px-12 max-w-[1700px] mx-auto bg-accent text-accent-foreground mt-10 md:mt-16">
{/* <Container> */}
<p>Built with <span className="text-destructive-foreground font-extrabold text-red-500" title="love" aria-label="love" style={{fontFamily: '"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"'}}>♥️</span> by <a href='https://github.com/programming-with-ia' className="underline underline-offset-1" target="_blank">immi</a></p>
<div className="flex items-center mt-4 sm:mt-0 md:ml-auto">
{SOCIALS.map((social, idx) => (
<a
className="p-2 rounded-md hover:bg-background hover:text-foreground"
href={social.url}
title={social.title}
aria-label={social.title}
key={idx}
target="_blank"
>
{<social.icon className="size-5" />}
</a>
))}
</div>
{/* </Container> */}
</footer>
</ThemeProvider>
</body>
</html>
Expand Down
5 changes: 3 additions & 2 deletions app/src/components/github-corner.tsx
Original file line number Diff line number Diff line change
@@ -1,11 +1,12 @@
import { brandConfig } from "@/lib/brand-config";
import { siteConfig } from "@/lib/site-config";
import React from "react";

function GithubCorner() {
return (
<>
<a
href={brandConfig.github}
target="_blank"
href={siteConfig.github}
className="github-corner"
aria-label="View source on GitHub"
>
Expand Down
16 changes: 8 additions & 8 deletions app/src/components/pages/cards/cards.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -20,9 +20,9 @@ import { cn } from "@/lib/utils";
export const Cards = () => {
return (
<div>
<div className="mx-auto flex max-w-screen-md flex-col gap-2 pb-8 text-center text-sm"></div>
<div className="items-start gap-6 md:grid lg:grid-cols-2 xl:grid-cols-3">
<div className="flex flex-col gap-6">
<div className="mx-auto flex max-w-screen-md flex-col gap-2 pb-8 text-center text-sm overflow-visible min-h-fit"></div>
<div className="columns-sm gap-4 space-y-4 [&>*]:break-inside-avoid">
{/* <div className="flex flex-col gap-6"> */}
<DemoContainer>
<Notifications />
</DemoContainer>
Expand All @@ -38,9 +38,9 @@ export const Cards = () => {
<DemoContainer>
<CreateAccount />
</DemoContainer>
</div>
{/* </div> */}

<div className="flex flex-col gap-6">
{/* <div className="flex flex-col gap-6"> */}
<DemoContainer>
<ShareDocument />
</DemoContainer>
Expand All @@ -56,8 +56,8 @@ export const Cards = () => {
<DemoContainer className="py-12">
<PopoverDemo />
</DemoContainer>
</div>
<div className="flex flex-col gap-6">
{/* </div> */}
{/* <div className="flex flex-col gap-6"> */}
<DemoContainer>
<Chat />
</DemoContainer>
Expand All @@ -73,7 +73,7 @@ export const Cards = () => {
<DemoContainer>
<Invoices />
</DemoContainer>
</div>
{/* </div> */}
</div>
</div>
);
Expand Down
Loading

0 comments on commit a479681

Please sign in to comment.