\n \n Molstar Viewer Apps\n \n

\n Welcome to the Molstar molecular visualization platform\n

\n {\n e.preventDefault();\n navigate(\"/viewer\");\n }}\n style={{\n fontSize: \"1.2rem\",\n color: \"#0066cc\",\n textDecoration: \"none\",\n padding: \"0.5rem 1rem\",\n display: \"inline-block\",\n borderRadius: \"4px\",\n transition: \"background-color 0.2s\",\n }}\n >\n 🧬 Viewer\n \n
\n {\n e.preventDefault();\n navigate(\"/docking-viewer\");\n }}\n style={{\n fontSize: \"1.2rem\",\n color: \"#0066cc\",\n textDecoration: \"none\",\n padding: \"0.5rem 1rem\",\n display: \"inline-block\",\n borderRadius: \"4px\",\n transition: \"background-color 0.2s\",\n }}\n >\n 🔬 Docking Viewer\n \n
\n {\n e.preventDefault();\n navigate(\"/mesoscale-explorer\");\n }}\n style={{\n fontSize: \"1.2rem\",\n color: \"#0066cc\",\n textDecoration: \"none\",\n padding: \"0.5rem 1rem\",\n display: \"inline-block\",\n borderRadius: \"4px\",\n transition: \"background-color 0.2s\",\n }}\n >\n 🔭 Mesoscale Explorer\n \n
\n {\n e.preventDefault();\n navigate(\"/mvs-stories\");\n }}\n style={{\n fontSize: \"1.2rem\",\n color: \"#0066cc\",\n textDecoration: \"none\",\n padding: \"0.5rem 1rem\",\n display: \"inline-block\",\n borderRadius: \"4px\",\n transition: \"background-color 0.2s\",\n }}\n >\n 📖 MVS Stories\n \n

\n );\n }\n\n // Viewer page\n if (currentPath === \"/viewer\") {\n return (\n \n

\n {\n e.preventDefault();\n navigate(\"/\");\n }}\n style={{ color: \"#0066cc\", textDecoration: \"none\" }}\n >\n ← Back to Home\n \n

🧬 Mol* Viewer

\n \n

\n \n );\n }\n\n // Docking Viewer page\n if (currentPath === \"/docking-viewer\") {\n return (\n \n

\n {\n e.preventDefault();\n navigate(\"/\");\n }}\n style={{ color: \"#0066cc\", textDecoration: \"none\" }}\n >\n ← Back to Home\n \n

🔬 Docking Viewer

\n \n Specialized viewer for molecular docking results\n

\n \n

\n \n );\n }\n\n // Mesoscale Explorer page\n if (currentPath === \"/mesoscale-explorer\") {\n return (\n \n

\n {\n e.preventDefault();\n navigate(\"/\");\n }}\n style={{ color: \"#0066cc\", textDecoration: \"none\" }}\n >\n ← Back to Home\n \n

🔭 Mesoscale Explorer

\n \n Explore mesoscale biological structures\n

\n \n

\n \n );\n }\n\n // MVS Stories page\n if (currentPath === \"/mvs-stories\") {\n return (\n \n

\n {\n e.preventDefault();\n navigate(\"/\");\n }}\n style={{ color: \"#0066cc\", textDecoration: \"none\" }}\n >\n ← Back to Home\n \n

📖 MVS Stories

\n \n Interactive molecular visualization stories\n

\n \n

\n \n );\n }\n\n // 404 page\n return (\n

\n \n 404 - Page Not Found\n \n

\n The page you're looking for doesn't exist.\n

\n {\n e.preventDefault();\n navigate(\"/\");\n }}\n style={{ color: \"#0066cc\", textDecoration: \"none\" }}\n >\n ← Back to Home\n \n

\n );\n}\n","deleted","label",[168,169,149],"frontend","components","permalink","https://www.val.town/x/zcpbx/MolstarViewer/code/frontend/components/App.tsx","extension","actionData","errors"]