index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Text2Pen – Handwritten Text for OneNote</title>

  <meta name="description" content="Text2Pen lets you write handwritten text into OneNote by simply typing. Train your own handwriting and automate drawing." />

  <style>
    :root {
      --primary: #7719AA;
      --secondary: #4ecdc4;
      --bg: #f7f7fb;
      --text: #222;
      --muted: #666;
      --card: #ffffff;
      --danger: #e74c3c;
    }

    * {
      box-sizing: border-box;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    body {
      margin: 0;
      background: var(--bg);
      color: var(--text);
      line-height: 1.6;
    }

    header {
        background: linear-gradient(135deg, var(--primary), #9b4dca);
        color: white;
        padding: 2rem 1.5rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }


    header h1 {
      font-size: 3rem;
      margin-bottom: 0.5rem;
    }

    header p {
      font-size: 1.2rem;
      opacity: 0.95;
    }

    .container {
      max-width: 1000px;
      margin: auto;
      padding: 3rem 1.5rem;
    }

    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 1.5rem;
    }

    .card {
      background: var(--card);
      border-radius: 12px;
      padding: 1.5rem;
      box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    }

    h2 {
      margin-top: 0;
      color: var(--primary);
    }

    .badge {
      display: inline-block;
      padding: 0.3rem 0.7rem;
      border-radius: 999px;
      font-size: 0.75rem;
      background: var(--secondary);
      color: #000;
      margin-left: 0.5rem;
    }

    .warning {
      border-left: 5px solid var(--danger);
      background: #fff5f5;
      padding: 1rem 1.5rem;
      border-radius: 8px;
    }

    footer {
      text-align: center;
      padding: 2rem 1rem;
      color: var(--muted);
      font-size: 0.9rem;
    }

    a {
      color: var(--primary);
      text-decoration: none;
      font-weight: 500;
    }

    a:hover {
      text-decoration: underline;
    }

    .cta {
      display: inline-block;
      margin-top: 1rem;
      padding: 0.7rem 1.4rem;
      border-radius: 8px;
      background: var(--primary);
      color: white;
      font-weight: 600;
    }

    .cta.secondary {
      background: transparent;
      border: 2px solid var(--primary);
      color: var(--primary);
      margin-left: 0.5rem;
    }

    .header-right a {
        margin-left: 0.5rem;
    }

    .cta.login {
        background: white;
        color: var(--primary);
        border: 2px solid var(--primary);
    }


  </style>
</head>
<body>

    <header>
        <div class="header-left">
            <h1>Text2Pen</h1>
            <p>Write handwritten text into OneNote — by simply typing.</p>
        </div>

        <div class="header-right">
            <a class="cta" href="https://github.com/pythonIsFast/Text2Pen/releases/latest/download/Installer.exe" download>
                Download Text2Pen (GPL 3.0)
            </a>

            <a class="cta secondary" href="#privacy">Privacy</a>
            <a class="cta secondary" href="#impressum">Legal Notice</a>
        </div>
    </header>


  <main class="container">

    <section class="grid">
      <div class="card">
        <h2>What is Text2Pen?</h2>
        <p>
          Text2Pen is a desktop tool that converts typed text into
          <strong>real handwritten strokes</strong> and draws them directly
          into Microsoft OneNote.
        </p>
        <p>
          You train the application using your own handwriting,
          giving the output a personal and natural look.
        </p>
      </div>

      <div class="card">
        <h2>Key Features</h2>
        <ul>
          <li>Train custom handwriting per character</li>
          <li>Draw text automatically into OneNote</li>
          <li>Adjust character size and line spacing</li>
          <li>Failsafe mouse-stop mechanism</li>
          <li>Works fully offline by default</li>
        </ul>
      </div>

      <div class="card">
        <h2>Platform Support <span class="badge">Windows only</span></h2>
        <p>
          Text2Pen currently supports <strong>Windows only</strong>
          due to its direct interaction with OneNote and system-level input.
        </p>
        <p>
          Other platforms are not supported at this time.
        </p>
      </div>
    </section>

    <section class="container">
      <div class="warning">
        <h2>⚠️ Disclaimer</h2>
        <p>
          Text2Pen automates handwriting input into OneNote.
          By using this software, you accept that it is provided
          <strong>entirely at your own risk</strong>.
        </p>
        <p>
          The developers are not liable for data loss, corrupted notes,
          or unintended behavior. Always save your work before use.
        </p>
      </div>
    </section>

    <section id="privacy" class="container">
      <div class="card">
        <h2>Privacy & Telemetry</h2>
        <p>
          Text2Pen respects your privacy. The application works completely
          offline by default and does not collect personal data.
        </p>

        <h3>Optional Telemetry (Opt-In)</h3>
        <p>
          If enabled, anonymous telemetry may send:
        </p>
        <ul>
          <li>Error and crash reports</li>
          <li>Operating system type</li>
          <li>Timestamp of the error</li>
          <li>Sanitized error messages</li>
        </ul>

        <p>
          No typed text, drawings, usernames, or personal data are collected.
          Telemetry can be disabled at any time in the application settings.
        </p>
      </div>
    </section>

  </main>

  <section id="impressum" class="container">
    <div class="card">
      <h2>Impressum / Legal Notice</h2>
      <p><strong>Text2Pen</strong></p>
      <p>
        Maintained by: Text2Pen Open Source Project<br>
        Contact: <a href="mailto:Text2Pen.Info@gmail.com">Text2Pen.Info@gmail.com</a><br>
        Project page: <a href="https://github.com/pythonIsFast/Text2Pen" target="_blank">GitHub</a>
      </p>
      <h3>Disclaimer</h3>
      <p>
        Text2Pen is provided as an open-source software tool. Use is at your own risk.
        The maintainers assume no liability for data loss, corrupted notes, or unintended
        behavior caused by using this software.
      </p>
      <h3>Copyright & License</h3>
      <p>
          Text2Pen is open-source software licensed under the
          <a href="LICENSE" target="_blank">GNU General Public License v3.0 (GPL-3.0)</a>.
          You are free to use, copy, modify, and distribute the software under the terms of this license.
      </p>
    </div>
  </section>


  <footer>
    © <span id="year"></span> Text2Pen · Licensed under <a href="LICENSE" target="_blank">GPL 3.0</a>
    <br>
    <a href="https://github.com/pythonIsFast/Text2Pen" target="_blank">GitHub</a> |
    <a href="https://www.youtube.com/channel/Text2Pen" target="_blank">YouTube (Coming soon)</a> |
    <a href="#privacy">Privacy</a> |
    <a href="#impressum">Legal Notice</a>
  </footer>

  <script>
    document.getElementById("year").textContent = new Date().getFullYear();
  </script>

</body>

</html>