refact: update ui

content/blog/en/2026-03-15-latex-vs-mathml.md

@@ -0,0 +1,57 @@
+---
+title: "LaTeX vs MathML: Which Format Should You Use?"
+description: A practical comparison of LaTeX and MathML for students and researchers
+slug: latex-vs-mathml
+date: 2026-03-15
+tags: [guide, formats]
+---
+
+# LaTeX vs MathML: Which Format Should You Use?
+
+TexPixel can export your recognized formulas in both LaTeX and MathML. But which one should you choose? Here's a quick guide.
+
+## LaTeX — The Academic Standard
+
+LaTeX is the most widely used format for typesetting math in academic papers, theses, and textbooks.
+
+**Best for:**
+- Writing papers in Overleaf, TeXmaker, or any LaTeX editor
+- Pasting into Markdown documents (with KaTeX or MathJax rendering)
+- Sharing formulas in forums like Stack Exchange or Reddit
+
+**Example:**
+```latex
+\int_{0}^{\infty} e^{-x^2} dx = \frac{\sqrt{\pi}}{2}
+```
+
+## MathML — The Web Standard
+
+MathML is an XML-based format designed for displaying math in web browsers and screen readers.
+
+**Best for:**
+- Embedding formulas in HTML web pages
+- Accessibility — screen readers can interpret MathML
+- Word documents (DOCX uses MathML internally)
+
+**Example:**
+```xml
+<math>
+  <msubsup><mo>&int;</mo><mn>0</mn><mi>&infin;</mi></msubsup>
+  <msup><mi>e</mi><mrow><mo>-</mo><msup><mi>x</mi><mn>2</mn></msup></mrow></msup>
+  <mi>d</mi><mi>x</mi>
+</math>
+```
+
+## Quick Decision Guide
+
+| Scenario | Use |
+|----------|-----|
+| Writing a paper | LaTeX |
+| Homework in Google Docs / Word | MathML (via DOCX export) |
+| Posting on a blog or website | LaTeX (with MathJax) |
+| Accessibility-focused content | MathML |
+| Sharing on social media | Image export |
+
+## The TexPixel Advantage
+
+You don't have to choose upfront. TexPixel recognizes your formula once and lets you export in any format — switch freely between LaTeX, MathML, Markdown, Word, and image.

content/blog/en/2026-03-20-handwriting-tips.md

@@ -0,0 +1,45 @@
+---
+title: 5 Tips for Better Handwriting Recognition
+description: Get the most accurate results from TexPixel when scanning handwritten formulas
+slug: handwriting-tips
+date: 2026-03-20
+tags: [tutorial, tips]
+---
+
+# 5 Tips for Better Handwriting Recognition
+
+Getting clean, accurate LaTeX from handwritten math doesn't require perfect penmanship. But a few simple habits can dramatically improve your results.
+
+## 1. Use Dark Ink on Light Paper
+
+High contrast is the single biggest factor in recognition accuracy. A dark pen (black or dark blue) on white or light paper gives TexPixel the clearest signal. Pencil works too, but press firmly.
+
+## 2. Give Symbols Room to Breathe
+
+Cramped formulas are harder for both humans and AI to read. Leave clear gaps between:
+- Fraction bars and the expressions above/below them
+- Subscripts and superscripts and their base symbols
+- Parentheses and the terms they enclose
+
+## 3. Be Deliberate with Similar Characters
+
+Some characters are notoriously ambiguous in handwriting:
+- **1, l, |** — make your ones with a serif or flag
+- **0, O, o** — zeros should be narrower and more oval
+- **x, ×** — use a clear multiplication dot (·) when you mean "times"
+- **u, v** — round bottom vs. pointed bottom
+
+## 4. Keep Your Camera Steady
+
+If you're photographing notes with a phone:
+- Hold the phone parallel to the paper (not at an angle)
+- Make sure the lighting is even — no harsh shadows across the formula
+- Get close enough that the formula fills most of the frame
+
+## 5. One Formula Per Upload
+
+TexPixel works best when each image contains a single formula or a closely related set of expressions. If you have a page full of equations, crop them individually for best results.
+
+---
+
+With these habits, you'll see noticeably better accuracy — often 95%+ even for complex handwritten expressions.