Spaces:
Sleeping
Sleeping
| <html> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>About - Sanskrit Smart Reader</title> | |
| <style> | |
| :root { | |
| --primary: #1e4d6b; | |
| --secondary: #8b6914; | |
| --accent: #8b3a1a; | |
| --bg: #faf8f3; | |
| --card-bg: #ffffff; | |
| --text: #1a1a1a; | |
| --muted: #5a5a5a; | |
| --border-soft: #d4d4d4; | |
| --border-medium: #b8b8b8; | |
| } | |
| /* ===== PAGE ===== */ | |
| body { | |
| font-family: "Crimson Pro", "Georgia", "Times New Roman", serif; | |
| background: linear-gradient(to bottom, #f5f2eb 0%, #faf8f3 100%); | |
| color: var(--text); | |
| margin: 0; | |
| padding: 0; | |
| -webkit-font-smoothing: antialiased; | |
| min-height: 100vh; | |
| } | |
| .container { | |
| max-width: 960px; | |
| margin: auto; | |
| padding: 32px 24px; | |
| } | |
| /* ===== NAVBAR ===== */ | |
| nav { | |
| background: var(--card-bg); | |
| border-bottom: 1px solid var(--border-medium); | |
| box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); | |
| position: sticky; | |
| top: 0; | |
| z-index: 100; | |
| } | |
| .nav-container { | |
| max-width: 960px; | |
| margin: 0 auto; | |
| padding: 0 24px; | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| height: 64px; | |
| } | |
| .nav-brand { | |
| font-family: "Crimson Pro", Georgia, serif; | |
| font-size: 1.35rem; | |
| font-weight: 700; | |
| color: var(--primary); | |
| text-decoration: none; | |
| letter-spacing: -0.02em; | |
| } | |
| .nav-links { | |
| display: flex; | |
| gap: 8px; | |
| align-items: center; | |
| } | |
| .nav-links a { | |
| font-family: "Inter", system-ui, sans-serif; | |
| font-size: 0.95rem; | |
| font-weight: 600; | |
| color: var(--muted); | |
| text-decoration: none; | |
| padding: 8px 20px; | |
| border-radius: 8px; | |
| transition: all 0.2s ease; | |
| } | |
| .nav-links a:hover { | |
| color: var(--primary); | |
| background: #f5f2eb; | |
| } | |
| .nav-links a.active { | |
| color: white; | |
| background: var(--primary); | |
| } | |
| /* ===== CONTENT ===== */ | |
| .content-box { | |
| background: var(--card-bg); | |
| padding: 42px 48px; | |
| border-radius: 12px; | |
| border: 1px solid var(--border-medium); | |
| box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05); | |
| line-height: 1.8; | |
| } | |
| h2 { | |
| color: var(--primary); | |
| font-size: 2rem; | |
| margin-top: 0; | |
| letter-spacing: -0.02em; | |
| } | |
| p { | |
| font-size: 1.1rem; | |
| color: #2d3748; | |
| } | |
| ul { | |
| padding-left: 1.5rem; | |
| } | |
| li { | |
| margin-bottom: 0.5rem; | |
| font-size: 1.1rem; | |
| } | |
| @media (max-width: 640px) { | |
| .nav-container { | |
| flex-direction: column; | |
| height: auto; | |
| padding: 16px 24px; | |
| gap: 12px; | |
| } | |
| .nav-links { | |
| width: 100%; | |
| justify-content: center; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <nav> | |
| <div class="nav-container"> | |
| <a href="../../../index.html" class="nav-brand" | |
| >Sanskrit Smart Reader</a | |
| > | |
| <div class="nav-links"> | |
| <a href="../../../index.html">Home</a> | |
| <a href="about.html" class="active">About</a> | |
| <a href="text_parser.html">Parser</a> | |
| </div> | |
| </div> | |
| </nav> | |
| <div class="container"> | |
| <div class="content-box"> | |
| <h2>About Sanskrit Smart Reader</h2> | |
| <p> | |
| This tool helps students and scholars analyze Sanskrit texts. By | |
| clicking on words, you can instantly retrieve morphological analysis | |
| and dictionary definitions from multiple sources. | |
| </p> | |
| <p>Features:</p> | |
| <ul> | |
| <li>Instant dictionary lookup</li> | |
| <li>Compound splitting</li> | |
| <li>Morphological analysis</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |