Files
doc_ai_frontend/public/en/index.html

168 lines
6.0 KiB
HTML
Raw Normal View History

2026-02-25 15:47:23 +08:00
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>TexPixel - Formula Recognition Tool for LaTeX, MathML, and Markdown</title>
<meta name="description" content="TexPixel converts printed and handwritten math formulas from images and PDFs into LaTeX, MathML, and Markdown." />
<meta name="robots" content="index, follow" />
<meta name="author" content="TexPixel Team" />
<link rel="canonical" href="https://texpixel.com/en/" />
<link rel="alternate" hreflang="zh-CN" href="https://texpixel.com/" />
<link rel="alternate" hreflang="en" href="https://texpixel.com/en/" />
<link rel="alternate" hreflang="x-default" href="https://texpixel.com/" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="TexPixel" />
<meta property="og:locale" content="en_US" />
<meta property="og:locale:alternate" content="zh_CN" />
<meta property="og:url" content="https://texpixel.com/en/" />
<meta property="og:title" content="TexPixel - Formula Recognition Tool" />
<meta property="og:description" content="Extract formulas from images and PDFs to editable LaTeX, MathML, and Markdown." />
<meta property="og:image" content="https://cdn.texpixel.com/public/logo.png?x-oss-process=image/resize,w_600" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@TexPixel" />
<meta name="twitter:title" content="TexPixel - Formula Recognition Tool" />
<meta name="twitter:description" content="Convert mathematical content from images and PDFs into LaTeX, MathML, and Markdown." />
<meta name="twitter:image" content="https://cdn.texpixel.com/public/logo.png?x-oss-process=image/resize,w_600" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "TexPixel English",
"url": "https://texpixel.com/en/",
"inLanguage": "en",
"description": "Formula recognition landing page in English."
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What can TexPixel recognize?",
"acceptedAnswer": {
"@type": "Answer",
"text": "TexPixel recognizes printed and handwritten mathematical formulas from images and PDF pages."
}
},
{
"@type": "Question",
"name": "Which output formats are supported?",
"acceptedAnswer": {
"@type": "Answer",
"text": "TexPixel supports LaTeX, MathML, and Markdown outputs for downstream editing and publishing."
}
},
{
"@type": "Question",
"name": "Do I need to install software?",
"acceptedAnswer": {
"@type": "Answer",
"text": "No installation is required. TexPixel works as a web application."
}
}
]
}
</script>
<style>
:root {
--bg: #f7f8fc;
--text: #111827;
--muted: #4b5563;
--accent: #0f766e;
--accent-hover: #0d5f59;
--card: #ffffff;
}
* { box-sizing: border-box; }
body {
margin: 0;
font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
color: var(--text);
background: radial-gradient(circle at 20% 20%, #eefbf8 0%, var(--bg) 40%, #f6f8ff 100%);
line-height: 1.6;
}
.wrap {
max-width: 980px;
margin: 0 auto;
padding: 48px 20px 64px;
}
.hero, .section {
background: var(--card);
border-radius: 14px;
padding: 28px;
box-shadow: 0 10px 30px rgba(17, 24, 39, 0.06);
margin-bottom: 20px;
}
h1 {
margin: 0 0 8px;
font-size: clamp(28px, 4vw, 42px);
line-height: 1.2;
}
h2 {
margin: 0 0 12px;
font-size: 24px;
}
p { margin: 0 0 14px; color: var(--muted); }
ul { margin: 0; padding-left: 20px; color: var(--muted); }
li { margin-bottom: 8px; }
.cta {
display: inline-block;
margin-top: 10px;
background: var(--accent);
color: #fff;
text-decoration: none;
font-weight: 600;
padding: 12px 18px;
border-radius: 10px;
}
.cta:hover { background: var(--accent-hover); }
.small { font-size: 14px; }
</style>
</head>
<body>
<main class="wrap">
<section class="hero">
<h1>Formula Recognition for Real Math Workflows</h1>
<p>TexPixel converts formulas from screenshots, photos, and PDF pages into editable text formats for researchers, students, and engineering teams.</p>
<a class="cta" id="open-app" href="/">Open TexPixel App</a>
<p class="small">The app opens at the main product URL and defaults to English for this entry point.</p>
</section>
<section class="section">
<h2>Core Capabilities</h2>
<ul>
<li>Recognize printed and handwritten formulas from image or PDF input.</li>
<li>Export to LaTeX for papers, MathML for web workflows, and Markdown for docs.</li>
<li>Use the browser-based workflow without local software installation.</li>
</ul>
</section>
<section class="section">
<h2>FAQ</h2>
<p><strong>Is TexPixel browser-based?</strong><br />Yes. You can upload files and get output directly in the web app.</p>
<p><strong>What content type works best?</strong><br />Clean scans and high-contrast screenshots improve recognition quality.</p>
<p><strong>Can I reuse output in technical documents?</strong><br />Yes. LaTeX and Markdown outputs are intended for editing and reuse.</p>
</section>
</main>
<script>
(function () {
var openApp = document.getElementById('open-app');
if (!openApp) return;
openApp.addEventListener('click', function () {
try {
localStorage.setItem('language', 'en');
} catch (err) {
// Keep navigation working even if storage is unavailable.
}
});
})();
</script>
</body>
</html>