feat: add ODT to PDF tool, update links across site and README

Author: GitHubNewbie0

README.md

@@ -598,6 +598,8 @@ Full walkthroughs and real-world examples on the documentation site:
 - [simple-odf alternative](https://githubnewbie0.github.io/odf-kit/guides/simple-odf-alternative.html)
 - [docxtemplater alternative for ODF](https://githubnewbie0.github.io/odf-kit/guides/docxtemplater-odf-alternative.html)
 - [ODT JavaScript ecosystem](https://githubnewbie0.github.io/odf-kit/guides/odt-javascript-ecosystem.html)
+- [Free ODT to HTML converter (online tool)](https://githubnewbie0.github.io/odf-kit/tools/odt-to-html.html)
+- [Free ODT to PDF converter (online tool)](https://githubnewbie0.github.io/odf-kit/tools/odt-to-pdf.html)
 
 ---
 

docs/guides/odt-to-typst-pdf.html

@@ -186,6 +186,14 @@ <h2>The pipeline</h2>
         <span class="pipeline-arrow">→</span>
         <div class="pipeline-step">.pdf</div>
       </div>
+	  
+	  <div style="background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:1.25rem 1.5rem;margin:1.5rem 0;">
+        <p style="margin:0 0 0.5rem;font-weight:600;color:#1e40af;">Try it online — no CLI needed</p>
+        <p style="margin:0 0 0.75rem;font-size:0.9rem;color:#1e3a8a;line-height:1.55;">Convert your ODT file to Typst markup in your browser, then compile to PDF at typst.app. Free, private — your file never leaves your device.</p>
+        <a href="../tools/odt-to-pdf.html" style="display:inline-flex;align-items:center;gap:0.4rem;background:#2563eb;color:#fff;font-size:0.85rem;font-weight:500;text-decoration:none;padding:0.5rem 1rem;border-radius:7px;">
+          Open the ODT to PDF tool →
+        </a>
+      </div>
 
       <h2>Quick start</h2>
       <p>Install odf-kit and the Typst CLI:</p>

docs/index.html

@@ -1089,9 +1089,6 @@ <h2>Start working with ODF documents</h2>
     <div class="container">
       <p>
         <strong>odf-kit</strong> · Apache 2.0 · 
-        <a href="https://github.com/GitHubNewbie0/odf-kit">GitHub</a> · 
-        <a href="https://www.npmjs.com/package/odf-kit">npm</a> · 
-        <a href="https://github.com/GitHubNewbie0/odf-kit/blob/main/CHANGELOG.md">Changelog</a> · 
         <a href="guides/generate-odt-nodejs.html">Generate Guide</a> · 
         <a href="guides/generate-odt-browser.html">Browser Guide</a> · 
         <a href="guides/fill-odt-template-javascript.html">Template Guide</a> · 
@@ -1101,7 +1098,9 @@ <h2>Start working with ODF documents</h2>
         <a href="guides/docxtemplater-odf-alternative.html">docxtemplater Alternative</a> · 
         <a href="guides/simple-odf-alternative.html">Migration Guide</a> · 
         <a href="guides/odt-javascript-ecosystem.html">ODT Ecosystem</a> · 
-        <a href="guides/odt-to-html-javascript.html">ODT to HTML</a>
+        <a href="guides/odt-to-html-javascript.html">ODT to HTML</a> · 
+        <a href="tools/odt-to-html.html">Free ODT → HTML Tool</a> · 
+        <a href="tools/odt-to-pdf.html">Free ODT → PDF Tool</a>
       </p>
       <p style="margin-top: 0.4rem;">Open-source document generation for developers at nonprofits, governments, schools, and community organizations.</p>
     </div>

docs/tools/odt-to-html.html

@@ -550,7 +550,8 @@ <h2>Building something that works with ODT files?</h2>
   <div class="container">
     <h2 style="font-size:1.3rem;font-weight:700;margin-bottom:1rem;letter-spacing:-0.02em;">More odf-kit tools &amp; guides</h2>
     <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0.75rem;font-size:0.88rem;">
-      <a href="../guides/odt-to-html-javascript.html" style="color:var(--accent);text-decoration:none;padding:0.6rem 0;border-bottom:1px solid var(--border);">Convert ODT to HTML in JavaScript →</a>
+      <a href="odt-to-pdf.html" style="color:var(--accent);text-decoration:none;padding:0.6rem 0;border-bottom:1px solid var(--border);">Free ODT to PDF converter →</a>
+	  <a href="../guides/odt-to-html-javascript.html" style="color:var(--accent);text-decoration:none;padding:0.6rem 0;border-bottom:1px solid var(--border);">Convert ODT to HTML in JavaScript →</a>
       <a href="../guides/generate-odt-nodejs.html" style="color:var(--accent);text-decoration:none;padding:0.6rem 0;border-bottom:1px solid var(--border);">Generate ODT files in Node.js →</a>
       <a href="../guides/generate-odt-browser.html" style="color:var(--accent);text-decoration:none;padding:0.6rem 0;border-bottom:1px solid var(--border);">Generate ODT in the browser →</a>
       <a href="../guides/fill-odt-template-javascript.html" style="color:var(--accent);text-decoration:none;padding:0.6rem 0;border-bottom:1px solid var(--border);">Fill ODT templates in JavaScript →</a>