-
-
-
- Get started by editing{" "}
-
- src/app/page.tsx -- . -
- - - Save and see your changes instantly. - -
-
-
- );
-}
+ );
+}
\ No newline at end of file
diff --git a/src/app/search/favicon.ico b/src/app/search/favicon.ico
new file mode 100644
index 0000000..718d6fe
Binary files /dev/null and b/src/app/search/favicon.ico differ
diff --git a/src/app/search/layout.tsx b/src/app/search/layout.tsx
new file mode 100644
index 0000000..cb753e5
--- /dev/null
+++ b/src/app/search/layout.tsx
@@ -0,0 +1,41 @@
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import "@/styles/globals.css";
+import { ThemeProvider } from "@/components/theme-provider"
+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",
+};
+
+export default function RootLayout({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) {
+ return (
+
+
+
+
+ setSearchQuery(v.target.value)}
+ onSubmit={handleBasicSearch}
+ />
+
+
+ {/* Advanced Search Toggle */}
+
-
-
- + Refinity +
+ + {/* Main Search Bar */} +
+
+
+
+ {/* Advanced Search Window */}
+ {showAdvanced && (
+
+
+ )}
+
+
+ + Advanced Search +
+ +
+ {/* Title Search */}
+
+
+ {/* Advanced Search Button */}
+
+
+ setAdvancedFields(prev => ({ ...prev, title: e.target.value }))}
+ placeholder="Search in article titles..."
+ className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+ />
+
+
+ {/* Author Search */}
+
+
+ setAdvancedFields(prev => ({ ...prev, author: e.target.value }))}
+ placeholder="Search by author name..."
+ className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+ />
+
+
+ {/* Abstract Search */}
+
+
+ setAdvancedFields(prev => ({ ...prev, abstract: e.target.value }))}
+ placeholder="Search in abstracts..."
+ className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+ />
+
+
+
+
+
+
+ {/* Info Text */}
+ + Leave fields empty to search all content. Combine with general search above for more specific results. +
+
+ {/* Top Search Bar */}
+
+ );
+}
\ No newline at end of file
diff --git a/src/styles/globals.css b/src/styles/globals.css
new file mode 100644
index 0000000..755059a
--- /dev/null
+++ b/src/styles/globals.css
@@ -0,0 +1,20 @@
+@import "./theme.css";
+@import "../../node_modules/tailwindcss/index.css";
+
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* Add your JetBrains Mono font */
+@font-face {
+ font-family: 'JetBrains Mono';
+ src: url('/fonts/JetBrainsMono-VariableFont_wght.ttf') format('truetype');
+ font-weight: 400;
+ font-style: normal;
+ font-display: swap;
+}
+
+.jetbrains {
+ font-family: 'JetBrains Mono', monospace;
+}
setHovered(true)}
+ onMouseLeave={() => setHovered(false)}
+ >
+ {!showInput ? (
+
+
+ {/* Advanced Search Toggle - Top Right */}
+
+
+ ) : (
+
+
+ setSearchQuery(v.target.value)}
+ onSubmit={handleBasicSearch}
+ value={searchQuery}
+ />
+
+
+ )}
+
+
+
+
+ {/* Advanced Search Panel */}
+
+
+
+ {/* Content area below */}
+
+
+
+
+
+
+
+ + Advanced Search +
+ +
+ {/* Title Search */}
+
+
+ {/* Action Buttons */}
+
+
+ setAdvancedFields(prev => ({ ...prev, title: e.target.value }))}
+ placeholder="Search in article titles..."
+ className="w-full px-3 py-2 bg-gray-700 border border-gray-600 rounded-lg text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all"
+ />
+
+
+ {/* Author Search */}
+
+
+ setAdvancedFields(prev => ({ ...prev, author: e.target.value }))}
+ placeholder="Search by author name..."
+ className="w-full px-3 py-2 bg-gray-700 border border-gray-600 rounded-lg text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all"
+ />
+
+
+ {/* Abstract Search */}
+
+
+ setAdvancedFields(prev => ({ ...prev, abstract: e.target.value }))}
+ placeholder="Search in abstracts..."
+ className="w-full px-3 py-2 bg-gray-700 border border-gray-600 rounded-lg text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all"
+ />
+
+
+
+
+
+
+ {/* Active Filters Indicator */}
+ {hasAdvancedFilters && (
+
+
+ )}
+
+ {/* Info Text */}
+ Active filters:
+
+ {titleQuery && (
+
+ Title: {titleQuery}
+
+ )}
+ {authorQuery && (
+
+ Author: {authorQuery}
+
+ )}
+ {abstractQuery && (
+
+ Abstract: {abstractQuery}
+
+ )}
+
+ + Combine with general search for more specific results. +
+
+
+