1 line
18 KiB
JSON
1 line
18 KiB
JSON
{"ast":null,"code":"var _jsxFileName = \"/home/magh/Documents/landing_page/src/App.js\",\n _s = $RefreshSig$();\nimport React, { useState } from 'react';\nimport './App.css';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nfunction App() {\n _s();\n const [query, setQuery] = useState('');\n const [category, setCategory] = useState('science');\n\n // Mapping for mascot images by category\n const imageMap = {\n science: 'main.png',\n philosophy: 'philosophy.png',\n tech: 'tech.png',\n discover: 'discover.png'\n };\n\n // Mapping for header images by category\n const headerMap = {\n science: 'header.png',\n philosophy: 'header_philosophy.png',\n tech: 'header_tech.png',\n discover: 'header_discover.png'\n };\n\n // Mapping for overall background colors for the App container.\n // For \"science\", we use your existing palette (#fcfcff).\n const appBgMap = {\n science: '#fcfcff',\n // matches your body background color in CSS\n philosophy: '#fce4ec',\n // light pink (example)\n tech: '#e8f5e9',\n // light green (example)\n discover: '#fff9c4' // light yellow (example)\n };\n\n // Mapping for header background colors.\n // For \"science\", we use your existing header background (#f8f8f8).\n const headerBgMap = {\n science: '#f8f8f8',\n // matches your header background in CSS\n philosophy: '#ffe4e1',\n // example light red/pink\n tech: '#f5fffa',\n // example minty\n discover: '#ffffe0' // example pale yellow\n };\n const handleSubmit = e => {\n e.preventDefault();\n let actionUrl = '';\n switch (category) {\n case 'science':\n actionUrl = 'https://science.tsugutsugugo.com/yacysearch.html?query=';\n break;\n case 'philosophy':\n actionUrl = 'https://sophos.tsugutsugugo.com/yacysearch.html?query=';\n break;\n case 'tech':\n actionUrl = 'https://tech.tsugutsugugo.com/yacysearch.html?query=';\n break;\n case 'discover':\n actionUrl = 'https://web.tsugutsugugo.com/yacysearch.html?query=';\n break;\n default:\n actionUrl = 'https://science.tsugutsugugo.com/yacysearch.html?query=';\n }\n window.location.href = `${actionUrl}${encodeURIComponent(query)}`;\n };\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"App\",\n style: {\n backgroundColor: appBgMap[category]\n },\n children: [/*#__PURE__*/_jsxDEV(\"header\", {\n className: \"header-bar\",\n style: {\n backgroundColor: headerBgMap[category]\n },\n children: /*#__PURE__*/_jsxDEV(\"img\", {\n src: headerMap[category],\n alt: \"Header\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 67,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 66,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"main\", {\n className: \"main-content\",\n children: [/*#__PURE__*/_jsxDEV(\"img\", {\n id: \"mascot-img\",\n src: imageMap[category],\n alt: \"Mascot\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 70,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n id: \"tagline\",\n children: \"a search engine for the rest of us\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 71,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"form\", {\n className: \"search-form\",\n onSubmit: handleSubmit,\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"search-container\",\n children: /*#__PURE__*/_jsxDEV(\"input\", {\n type: \"text\",\n name: \"search\",\n placeholder: \"Search...\",\n value: query,\n onChange: e => setQuery(e.target.value)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 74,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 73,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"radio-options\",\n children: [/*#__PURE__*/_jsxDEV(\"label\", {\n htmlFor: \"science\",\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"radio\",\n name: \"category\",\n id: \"science\",\n value: \"science\",\n checked: category === 'science',\n onChange: e => setCategory(e.target.value)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 84,\n columnNumber: 15\n }, this), \"Science\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 83,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n htmlFor: \"philosophy\",\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"radio\",\n name: \"category\",\n id: \"philosophy\",\n value: \"philosophy\",\n checked: category === 'philosophy',\n onChange: e => setCategory(e.target.value)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 95,\n columnNumber: 15\n }, this), \"Philosophy\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 94,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n htmlFor: \"tech\",\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"radio\",\n name: \"category\",\n id: \"tech\",\n value: \"tech\",\n checked: category === 'tech',\n onChange: e => setCategory(e.target.value)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 106,\n columnNumber: 15\n }, this), \"Tech\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 105,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n htmlFor: \"discover\",\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"radio\",\n name: \"category\",\n id: \"discover\",\n value: \"discover\",\n checked: category === 'discover',\n onChange: e => setCategory(e.target.value)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 117,\n columnNumber: 15\n }, this), \"Discover the Web\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 116,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 82,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 72,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 69,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"footer\", {\n className: \"footer\",\n children: [/*#__PURE__*/_jsxDEV(\"a\", {\n href: \"https://git.tsugutsugugo.com/explore/repos\",\n children: \"Source\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 131,\n columnNumber: 9\n }, this), \" |\", ' ', /*#__PURE__*/_jsxDEV(\"a\", {\n href: \"https://docs.tsugutsugugo.com/\",\n children: \"Docs\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 132,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 130,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 65,\n columnNumber: 5\n }, this);\n}\n_s(App, \"d7wfwqZpLVFRcVRykxoAGp7jHMM=\");\n_c = App;\nexport default App;\nvar _c;\n$RefreshReg$(_c, \"App\");","map":{"version":3,"names":["React","useState","jsxDEV","_jsxDEV","App","_s","query","setQuery","category","setCategory","imageMap","science","philosophy","tech","discover","headerMap","appBgMap","headerBgMap","handleSubmit","e","preventDefault","actionUrl","window","location","href","encodeURIComponent","className","style","backgroundColor","children","src","alt","fileName","_jsxFileName","lineNumber","columnNumber","id","onSubmit","type","name","placeholder","value","onChange","target","htmlFor","checked","_c","$RefreshReg$"],"sources":["/home/magh/Documents/landing_page/src/App.js"],"sourcesContent":["import React, { useState } from 'react';\nimport './App.css';\n\nfunction App() {\n const [query, setQuery] = useState('');\n const [category, setCategory] = useState('science');\n\n // Mapping for mascot images by category\n const imageMap = {\n science: 'main.png',\n philosophy: 'philosophy.png',\n tech: 'tech.png',\n discover: 'discover.png',\n };\n\n // Mapping for header images by category\n const headerMap = {\n science: 'header.png',\n philosophy: 'header_philosophy.png',\n tech: 'header_tech.png',\n discover: 'header_discover.png',\n };\n\n // Mapping for overall background colors for the App container.\n // For \"science\", we use your existing palette (#fcfcff).\n const appBgMap = {\n science: '#fcfcff', // matches your body background color in CSS\n philosophy: '#fce4ec', // light pink (example)\n tech: '#e8f5e9', // light green (example)\n discover: '#fff9c4', // light yellow (example)\n };\n\n // Mapping for header background colors.\n // For \"science\", we use your existing header background (#f8f8f8).\n const headerBgMap = {\n science: '#f8f8f8', // matches your header background in CSS\n philosophy: '#ffe4e1', // example light red/pink\n tech: '#f5fffa', // example minty\n discover: '#ffffe0', // example pale yellow\n };\n\n const handleSubmit = (e) => {\n e.preventDefault();\n let actionUrl = '';\n switch (category) {\n case 'science':\n actionUrl = 'https://science.tsugutsugugo.com/yacysearch.html?query=';\n break;\n case 'philosophy':\n actionUrl = 'https://sophos.tsugutsugugo.com/yacysearch.html?query=';\n break;\n case 'tech':\n actionUrl = 'https://tech.tsugutsugugo.com/yacysearch.html?query=';\n break;\n case 'discover':\n actionUrl = 'https://web.tsugutsugugo.com/yacysearch.html?query=';\n break;\n default:\n actionUrl = 'https://science.tsugutsugugo.com/yacysearch.html?query=';\n }\n window.location.href = `${actionUrl}${encodeURIComponent(query)}`;\n };\n\n return (\n <div className=\"App\" style={{ backgroundColor: appBgMap[category] }}>\n <header className=\"header-bar\" style={{ backgroundColor: headerBgMap[category] }}>\n <img src={headerMap[category]} alt=\"Header\" />\n </header>\n <main className=\"main-content\">\n <img id=\"mascot-img\" src={imageMap[category]} alt=\"Mascot\" />\n <div id=\"tagline\">a search engine for the rest of us</div>\n <form className=\"search-form\" onSubmit={handleSubmit}>\n <div className=\"search-container\">\n <input\n type=\"text\"\n name=\"search\"\n placeholder=\"Search...\"\n value={query}\n onChange={(e) => setQuery(e.target.value)}\n />\n </div>\n <div className=\"radio-options\">\n <label htmlFor=\"science\">\n <input\n type=\"radio\"\n name=\"category\"\n id=\"science\"\n value=\"science\"\n checked={category === 'science'}\n onChange={(e) => setCategory(e.target.value)}\n />\n Science\n </label>\n <label htmlFor=\"philosophy\">\n <input\n type=\"radio\"\n name=\"category\"\n id=\"philosophy\"\n value=\"philosophy\"\n checked={category === 'philosophy'}\n onChange={(e) => setCategory(e.target.value)}\n />\n Philosophy\n </label>\n <label htmlFor=\"tech\">\n <input\n type=\"radio\"\n name=\"category\"\n id=\"tech\"\n value=\"tech\"\n checked={category === 'tech'}\n onChange={(e) => setCategory(e.target.value)}\n />\n Tech\n </label>\n <label htmlFor=\"discover\">\n <input\n type=\"radio\"\n name=\"category\"\n id=\"discover\"\n value=\"discover\"\n checked={category === 'discover'}\n onChange={(e) => setCategory(e.target.value)}\n />\n Discover the Web\n </label>\n </div>\n </form>\n </main>\n <footer className=\"footer\">\n <a href=\"https://git.tsugutsugugo.com/explore/repos\">Source</a> |{' '}\n <a href=\"https://docs.tsugutsugugo.com/\">Docs</a>\n </footer>\n </div>\n );\n}\n\nexport default App;\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |