diff --git a/ai-chat/README.md b/ai-chat/README.md index 7023e054..83a4c914 100644 --- a/ai-chat/README.md +++ b/ai-chat/README.md @@ -4,7 +4,7 @@ Turn Your AI Passion into NFT Profits: A Blueprint for Aspiring Digital Moguls! Customize this AI Chat example to capture value for your next AI product. [![Demo](https://img.shields.io/badge/Demo-Visit%20Demo-brightgreen)](https://ai-chat.mintbase.xyz) -[![Deploy](https://img.shields.io/badge/Deploy-on%Vercel-blue)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FMintbase%2Ftemplates%2Ftree%2Fmain%2Fai-chat) +[![Deploy](https://img.shields.io/badge/Deploy-on%20Vercel-blue)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FMintbase%2Ftemplates%2Ftree%2Fmain%2Fai-chat) **Tooling:** diff --git a/ai-chat/package.json b/ai-chat/package.json index 6b8d258f..984afb1d 100644 --- a/ai-chat/package.json +++ b/ai-chat/package.json @@ -1,7 +1,10 @@ { "name": "AI-Chat-Mintbase-Templates", "version": "0.1.0", - "author": "Mintbase Team", + "keywords": ["templates", "mintbase", "web3", "nextjs", "react", "ai"], + "repository": "https://github.com/mintbase/templates.git", + "homepage": "https;//templates.mintbase.xyz/ai-chat", + "author": "Mintbase Team ", "scripts": { "dev": "next dev", "build": "next build", diff --git a/ai-chat/src/app/globals.css b/ai-chat/src/app/globals.css index 69ea7c30..d500867a 100644 --- a/ai-chat/src/app/globals.css +++ b/ai-chat/src/app/globals.css @@ -203,7 +203,6 @@ body { margin-bottom: 120px; } - .connect { background: #101223; height: 40px; @@ -214,8 +213,6 @@ body { justify-content: right; } - - @media (max-width: 768px) { .chat-card { margin-top: 20px; @@ -238,17 +235,16 @@ body { .connect span { display: none; } - .connect p{ + .connect p { position: absolute; right: 0px; margin-top: -11px; } } - -.social-networks{ - position:relative; +.social-networks { + position: relative; top: -3px; display: flex; - gap:4px; -} \ No newline at end of file + gap: 4px; +} diff --git a/ai-chat/src/components/social.tsx b/ai-chat/src/components/social.tsx index 9fbade76..ea9c447b 100644 --- a/ai-chat/src/components/social.tsx +++ b/ai-chat/src/components/social.tsx @@ -20,7 +20,7 @@ export const SocialMedias = () => { return (
-
+
", "version": "0.1.0", "private": true, "scripts": { @@ -22,7 +26,9 @@ "next": "14.0.3", "react": "^18", "react-dom": "^18", + "react-github-btn": "^1.4.0", "react-hook-form": "^7.48.2", + "react-share": "^5.1.0", "tailwind-merge": "^2.0.0", "tailwindcss-animate": "^1.0.7", "zod": "^3.22.4" diff --git a/ai-minter/pnpm-lock.yaml b/ai-minter/pnpm-lock.yaml index 2460ee64..b3851b4a 100644 --- a/ai-minter/pnpm-lock.yaml +++ b/ai-minter/pnpm-lock.yaml @@ -44,9 +44,15 @@ dependencies: react-dom: specifier: ^18 version: 18.2.0(react@18.2.0) + react-github-btn: + specifier: ^1.4.0 + version: 1.4.0(react@18.2.0) react-hook-form: specifier: ^7.48.2 version: 7.48.2(react@18.2.0) + react-share: + specifier: ^5.1.0 + version: 5.1.0(react@18.2.0) tailwind-merge: specifier: ^2.0.0 version: 2.0.0 @@ -1559,6 +1565,10 @@ packages: clsx: 2.0.0 dev: false + /classnames@2.5.1: + resolution: {integrity: sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==} + dev: false + /client-only@0.0.1: resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==} dev: false @@ -1623,6 +1633,17 @@ packages: resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==} dev: true + /debug@2.6.9: + resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==} + peerDependencies: + supports-color: '*' + peerDependenciesMeta: + supports-color: + optional: true + dependencies: + ms: 2.0.0 + dev: false + /debug@3.2.7: resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==} peerDependencies: @@ -2277,6 +2298,10 @@ packages: resolve-pkg-maps: 1.0.0 dev: true + /github-buttons@2.27.0: + resolution: {integrity: sha512-PmfRMI2Rttg/2jDfKBeSl621sEznrsKF019SuoLdoNlO7qRUZaOyEI5Li4uW+79pVqnDtKfIEVuHTIJ5lgy64w==} + dev: false + /glob-parent@5.1.2: resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==} engines: {node: '>= 6'} @@ -2672,6 +2697,14 @@ packages: minimist: 1.2.8 dev: true + /jsonp@0.2.1: + resolution: {integrity: sha512-pfog5gdDxPdV4eP7Kg87M8/bHgshlZ5pybl+yKxAnCZ5O7lCIn7Ixydj03wOlnDQesky2BPyA91SQ+5Y/mNwzw==} + dependencies: + debug: 2.6.9 + transitivePeerDependencies: + - supports-color + dev: false + /jsx-ast-utils@3.3.5: resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==} engines: {node: '>=4.0'} @@ -2784,6 +2817,10 @@ packages: resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==} dev: true + /ms@2.0.0: + resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==} + dev: false + /ms@2.1.2: resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==} dev: true @@ -3200,6 +3237,15 @@ packages: scheduler: 0.23.0 dev: false + /react-github-btn@1.4.0(react@18.2.0): + resolution: {integrity: sha512-lV4FYClAfjWnBfv0iNlJUGhamDgIq6TayD0kPZED6VzHWdpcHmPfsYOZ/CFwLfPv4Zp+F4m8QKTj0oy2HjiGXg==} + peerDependencies: + react: '>=16.3.0' + dependencies: + github-buttons: 2.27.0 + react: 18.2.0 + dev: false + /react-hook-form@7.48.2(react@18.2.0): resolution: {integrity: sha512-H0T2InFQb1hX7qKtDIZmvpU1Xfn/bdahWBN1fH19gSe4bBEqTfmlr7H3XWTaVtiK4/tpPaI1F3355GPMZYge+A==} engines: {node: '>=12.22.0'} @@ -3248,6 +3294,18 @@ packages: use-sidecar: 1.1.2(@types/react@18.2.37)(react@18.2.0) dev: false + /react-share@5.1.0(react@18.2.0): + resolution: {integrity: sha512-OvyfMtj/0UzH1wi90OdHhZVJ6WUC/+IeWvBwppeZozwIGyAjQgyR0QXlHOrxVHVECqnGvcpBaFTXVrqouTieaw==} + peerDependencies: + react: ^17 || ^18 + dependencies: + classnames: 2.5.1 + jsonp: 0.2.1 + react: 18.2.0 + transitivePeerDependencies: + - supports-color + dev: false + /react-style-singleton@2.2.1(@types/react@18.2.37)(react@18.2.0): resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==} engines: {node: '>=10'} diff --git a/ai-minter/src/app/globals.css b/ai-minter/src/app/globals.css index c3167ed5..8637b993 100644 --- a/ai-minter/src/app/globals.css +++ b/ai-minter/src/app/globals.css @@ -1,7 +1,7 @@ @tailwind base; @tailwind components; @tailwind utilities; - + @layer base { :root { --background: 0 0% 100%; @@ -9,63 +9,63 @@ --card: 0 0% 100%; --card-foreground: 0 0% 3.9%; - + --popover: 0 0% 100%; --popover-foreground: 0 0% 3.9%; - + --primary: 0 0% 9%; --primary-foreground: 0 0% 98%; - + --secondary: 0 0% 96.1%; --secondary-foreground: 0 0% 9%; - + --muted: 0 0% 96.1%; --muted-foreground: 0 0% 45.1%; - + --accent: 0 0% 96.1%; --accent-foreground: 0 0% 9%; - + --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 0 0% 89.8%; --input: 0 0% 89.8%; --ring: 0 0% 3.9%; - + --radius: 0.5rem; } - + .dark { --background: 0 0% 3.9%; --foreground: 0 0% 98%; - + --card: 0 0% 3.9%; --card-foreground: 0 0% 98%; - + --popover: 0 0% 3.9%; --popover-foreground: 0 0% 98%; - + --primary: 0 0% 98%; --primary-foreground: 0 0% 9%; - + --secondary: 0 0% 14.9%; --secondary-foreground: 0 0% 98%; - + --muted: 0 0% 14.9%; --muted-foreground: 0 0% 63.9%; - + --accent: 0 0% 14.9%; --accent-foreground: 0 0% 98%; - + --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 98%; - + --border: 0 0% 14.9%; --input: 0 0% 14.9%; --ring: 0 0% 83.1%; } } - + @layer base { * { @apply border-border; @@ -75,7 +75,7 @@ } } -.gradient { +.gradient { background: rgb(144,40,47); background: radial-gradient(circle, rgba(144,40,47,0.3) 0%, rgba(144,40,47,0.6) 0%, rgba(16,18,35,0.3730085784313726) 55%); } @@ -147,4 +147,11 @@ background: radial-gradient(circle, rgba(144,40,47,0.3) 0%, rgba(144,40,47,0.6) 100% { transform: translate(24px, 0); } -} \ No newline at end of file +} + +.social-networks { + position: relative; + top: -3px; + display: flex; + gap: 4px; +} diff --git a/ai-minter/src/app/layout.tsx b/ai-minter/src/app/layout.tsx index 6bfda0f9..6ad5bb29 100644 --- a/ai-minter/src/app/layout.tsx +++ b/ai-minter/src/app/layout.tsx @@ -2,6 +2,7 @@ import { AppProvider } from "@/components/Provider"; import { Metadata } from "next"; import { headers } from "next/headers"; import "./globals.css"; +import { SocialMedias } from "@/components/Social"; const extractSignMeta = (url: string): string | null => { const signMetaIndex = url.indexOf("signMeta="); @@ -60,5 +61,9 @@ export default function RootLayout({ }: { children: React.ReactNode; }) { - return {children} ; + return ( + + {children} + + ); } diff --git a/ai-minter/src/components/Social.tsx b/ai-minter/src/components/Social.tsx new file mode 100644 index 00000000..6d2f4837 --- /dev/null +++ b/ai-minter/src/components/Social.tsx @@ -0,0 +1,59 @@ +// @ts-nocheck + +"use client"; + +import GitHubButton from "react-github-btn"; +import { + FacebookIcon, + FacebookShareButton, + LinkedinIcon, + LinkedinShareButton, + TelegramIcon, + TelegramShareButton, + TwitterShareButton, + XIcon, +} from "react-share"; + +export const SocialMedias = () => { + const url = 'https://ai-minter.mintbase.xyz'; + const title = "Mintbase Templates - AI Minter"; + + return ( +
+
+ + Use this template + + + Star + {" "} +
+ + + + + + + + + + + + + +
+
+
+ ); +}; diff --git a/ai-minter/src/server/replicate.ts b/ai-minter/src/server/replicate.ts index 56c10337..c7b100f9 100644 --- a/ai-minter/src/server/replicate.ts +++ b/ai-minter/src/server/replicate.ts @@ -18,6 +18,7 @@ const replicate = () => { "https://api.replicate.com/v1/predictions/" + id, { headers: { + // get your REPLICATE Token on https://replicate.com/account/api-tokens Authorization: `Token ${process.env.REPLICATE_API_TOKEN}`, "Content-Type": "application/json", }, @@ -51,6 +52,7 @@ const replicate = () => { { method: "POST", headers: { + // get your REPLICATE Token on https://replicate.com/account/api-tokens Authorization: `Token ${process.env.REPLICATE_API_TOKEN}`, "Content-Type": "application/json", }, diff --git a/blogchain/package.json b/blogchain/package.json index 5729d0b6..e67a3780 100644 --- a/blogchain/package.json +++ b/blogchain/package.json @@ -1,6 +1,18 @@ { - "name": "blogchain", + "name": "BlogChain-Mintbase-Templates", "version": "0.1.0", + "keywords": [ + "templates", + "mintbase", + "web3", + "nextjs", + "react", + "blog", + "blogchain" + ], + "repository": "https://github.com/mintbase/templates.git", + "homepage": "https;//templates.mintbase.xyz/blogchain", + "author": "Mintbase Team ", "private": true, "scripts": { "dev": "next dev", @@ -28,8 +40,10 @@ "next": "14.0.3", "react": "^18.2.0", "react-dom": "^18.2.0", + "react-github-btn": "^1.4.0", "react-hook-form": "^7.48.2", "react-markdown": "^9.0.1", + "react-share": "^5.1.0", "react-simplemde-editor": "^5.2.0", "tailwind-merge": "^2.0.0", "tailwindcss-animate": "^1.0.7", diff --git a/blogchain/pnpm-lock.yaml b/blogchain/pnpm-lock.yaml index be8a7d8a..2f0761fd 100644 --- a/blogchain/pnpm-lock.yaml +++ b/blogchain/pnpm-lock.yaml @@ -62,12 +62,18 @@ dependencies: react-dom: specifier: ^18.2.0 version: 18.2.0(react@18.2.0) + react-github-btn: + specifier: ^1.4.0 + version: 1.4.0(react@18.2.0) react-hook-form: specifier: ^7.48.2 version: 7.48.2(react@18.2.0) react-markdown: specifier: ^9.0.1 version: 9.0.1(@types/react@18.0.0)(react@18.2.0) + react-share: + specifier: ^5.1.0 + version: 5.1.0(react@18.2.0) react-simplemde-editor: specifier: ^5.2.0 version: 5.2.0(easymde@2.18.0)(react-dom@18.2.0)(react@18.2.0) @@ -1902,6 +1908,10 @@ packages: clsx: 2.0.0 dev: false + /classnames@2.5.1: + resolution: {integrity: sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==} + dev: false + /client-only@0.0.1: resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==} dev: false @@ -2007,6 +2017,17 @@ packages: resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==} dev: true + /debug@2.6.9: + resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==} + peerDependencies: + supports-color: '*' + peerDependenciesMeta: + supports-color: + optional: true + dependencies: + ms: 2.0.0 + dev: false + /debug@3.2.7: resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==} peerDependencies: @@ -2736,6 +2757,10 @@ packages: resolve-pkg-maps: 1.0.0 dev: true + /github-buttons@2.27.0: + resolution: {integrity: sha512-PmfRMI2Rttg/2jDfKBeSl621sEznrsKF019SuoLdoNlO7qRUZaOyEI5Li4uW+79pVqnDtKfIEVuHTIJ5lgy64w==} + dev: false + /glob-parent@5.1.2: resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==} engines: {node: '>= 6'} @@ -3242,6 +3267,14 @@ packages: minimist: 1.2.8 dev: true + /jsonp@0.2.1: + resolution: {integrity: sha512-pfog5gdDxPdV4eP7Kg87M8/bHgshlZ5pybl+yKxAnCZ5O7lCIn7Ixydj03wOlnDQesky2BPyA91SQ+5Y/mNwzw==} + dependencies: + debug: 2.6.9 + transitivePeerDependencies: + - supports-color + dev: false + /jsx-ast-utils@3.3.5: resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==} engines: {node: '>=4.0'} @@ -3653,6 +3686,10 @@ packages: resolution: {integrity: sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==} engines: {node: '>=16 || 14 >=14.17'} + /ms@2.0.0: + resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==} + dev: false + /ms@2.1.2: resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==} @@ -4106,6 +4143,15 @@ packages: scheduler: 0.23.0 dev: false + /react-github-btn@1.4.0(react@18.2.0): + resolution: {integrity: sha512-lV4FYClAfjWnBfv0iNlJUGhamDgIq6TayD0kPZED6VzHWdpcHmPfsYOZ/CFwLfPv4Zp+F4m8QKTj0oy2HjiGXg==} + peerDependencies: + react: '>=16.3.0' + dependencies: + github-buttons: 2.27.0 + react: 18.2.0 + dev: false + /react-hook-form@7.48.2(react@18.2.0): resolution: {integrity: sha512-H0T2InFQb1hX7qKtDIZmvpU1Xfn/bdahWBN1fH19gSe4bBEqTfmlr7H3XWTaVtiK4/tpPaI1F3355GPMZYge+A==} engines: {node: '>=12.22.0'} @@ -4176,6 +4222,18 @@ packages: use-sidecar: 1.1.2(@types/react@18.0.0)(react@18.2.0) dev: false + /react-share@5.1.0(react@18.2.0): + resolution: {integrity: sha512-OvyfMtj/0UzH1wi90OdHhZVJ6WUC/+IeWvBwppeZozwIGyAjQgyR0QXlHOrxVHVECqnGvcpBaFTXVrqouTieaw==} + peerDependencies: + react: ^17 || ^18 + dependencies: + classnames: 2.5.1 + jsonp: 0.2.1 + react: 18.2.0 + transitivePeerDependencies: + - supports-color + dev: false + /react-simplemde-editor@5.2.0(easymde@2.18.0)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-GkTg1MlQHVK2Rks++7sjuQr/GVS/xm6y+HchZ4GPBWrhcgLieh4CjK04GTKbsfYorSRYKa0n37rtNSJmOzEDkQ==} peerDependencies: diff --git a/blogchain/src/app/globals.css b/blogchain/src/app/globals.css index 36658486..2f92c5f9 100644 --- a/blogchain/src/app/globals.css +++ b/blogchain/src/app/globals.css @@ -125,3 +125,10 @@ .markdownEditor .editor-toolbar i.separator { display: none; } + +.social-networks { + position: relative; + top: -3px; + display: flex; + gap: 4px; +} diff --git a/blogchain/src/app/layout.tsx b/blogchain/src/app/layout.tsx index a2553d4a..a282fca0 100644 --- a/blogchain/src/app/layout.tsx +++ b/blogchain/src/app/layout.tsx @@ -5,6 +5,7 @@ import "@near-wallet-selector/modal-ui/styles.css"; import { Metadata } from "next"; import { Inter } from "next/font/google"; import "./globals.css"; +import { SocialMedias } from "@/components/social"; const inter = Inter({ subsets: ["latin"] }); @@ -41,6 +42,7 @@ export default function RootLayout({ +
{children}