epub2fb2/index.html at main · Maitrog/epub2fb2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!doctype html>
<html lang="en">
  <head>
    <meta name="google-site-verification" content="Zkc2qZbybLwmszEV1AOTRuG1xVqRxL1Z0qdycxP-pf0" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="Free EPUB to FB2 converter in your browser. Convert EPUB to FB2 online without uploads. EPUB FB2 конвертер с сохранением текста, оглавления и изображений."
    />
    <meta name="robots" content="index, follow" />
    <link rel="canonical" href="https://maitrog.github.io/epub2fb2/" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://maitrog.github.io/epub2fb2/" />
    <meta property="og:title" content="EPUB to FB2 Converter" />
    <meta
      property="og:description"
      content="Convert EPUB to FB2 directly in your browser. No uploads, no account, with text, table of contents, cover, footnotes, and images preserved."
    />
    <meta property="og:site_name" content="EPUB2FB2" />
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:title" content="EPUB to FB2 Converter" />
    <meta
      name="twitter:description"
      content="Free online EPUB to FB2 converter that runs locally in your browser and preserves book structure."
    />
    <title>EPUB to FB2 Converter</title>
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "EPUB2FB2",
        "applicationCategory": "FileConverter",
        "operatingSystem": "Any",
        "url": "https://maitrog.github.io/epub2fb2/",
        "description": "A free browser-based EPUB to FB2 converter that converts EPUB files to FB2 without uploading files to a server.",
        "offers": {
          "@type": "Offer",
          "price": "0",
          "priceCurrency": "USD"
        }
      }
    </script>
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [
          {
            "@type": "Question",
            "name": "Is the file uploaded to a server?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "No. EPUB parsing and FB2 generation run in your browser on your device."
            }
          },
          {
            "@type": "Question",
            "name": "Can I use this as an EPUB FB2 converter in Russian?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Yes. The tool works as an EPUB FB2 конвертер and converts .epub books to .fb2 directly in the browser."
            }
          },
          {
            "@type": "Question",
            "name": "What does the EPUB to FB2 converter preserve?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "The converter preserves metadata, cover, chapter order, table of contents, footnote links, text formatting, and binary images where possible."
            }
          }
        ]
      }
    </script>
  </head>
  <body>
    <header class="site-header">
      <a class="brand" href="./" aria-label="EPUB to FB2">
        <span class="brand-mark">E2F</span>
        <span>EPUB2FB2</span>
      </a>
      <a class="header-link" href="#converter">Convert</a>
    </header>

    <main>
      <section class="hero">
        <div class="hero-copy">
          <h1>EPUB to FB2 Converter</h1>
          <p class="lead">
            Convert EPUB to FB2 directly in your browser. Your files are never uploaded
            to a server, and the result preserves text, the table of contents, cover, footnotes, and images.
          </p>
          <div class="proof-row" aria-label="Benefits">
            <span>Offline-ready</span>
            <span>FB2 Download</span>
            <span>No Account Required</span>
          </div>
        </div>

        <section class="steps" aria-label="How conversion works">
          <article>
            <span>1</span>
            <h2>Upload EPUB</h2>
            <p>Select one or more books in .epub format</p>
          </article>
          <article>
            <span>2</span>
            <h2>We Convert It</h2>
            <p>We parse OPF, XHTML, TOC, footnotes, and images</p>
          </article>
          <article>
            <span>3</span>
            <h2>Download FB2</h2>
            <p>Get a ready-to-read FB2 file</p>
          </article>
        </section>
      </section>

      <section id="converter" class="converter-shell">
        <form class="converter-card" id="converter-form">
          <fieldset>
            <legend>Output options</legend>
            <div class="segmented" role="radiogroup" aria-label="Image handling mode">
              <label>
                <input type="radio" name="images" value="inline" checked />
                <span>Inline images<small>Insert images in the text</small></span>
              </label>
              <label>
                <input type="radio" name="images" value="footnotes" />
                <span>Image notes<small>Move images to footnotes</small></span>
              </label>
            </div>
          </fieldset>

          <label class="dropzone" id="dropzone">
            <input id="file-input" type="file" accept=".epub,application/epub+zip" multiple />
            <span class="upload-icon">&uarr;</span>
            <strong id="file-title">Click to select EPUB files</strong>
            <small id="file-subtitle">EPUB files processed locally in your browser</small>
          </label>

          <button class="primary-action" id="convert-button" type="submit">Convert to FB2</button>
          <p class="status" id="status" role="status">Ready.</p>
        </form>
      </section>

      <section class="details">
        <div>
          <h2>What is preserved</h2>
          <p>
            The converter carries over metadata, the cover, chapter order from the spine, NCX or EPUB 3 navigation, footnote
            links, text formatting, and binary images.
          </p>
        </div>
        <div>
          <h2>Limitations</h2>
          <p>
            EPUB ZIP entries must be unencrypted. Compressed EPUB files use the browser DecompressionStream API; older
            browsers may require Chrome, Edge, or a current Firefox version.
          </p>
        </div>
      </section>

      <section class="faq">
        <h2>Frequently Asked Questions</h2>
        <details open>
          <summary>Is the file uploaded to a server?</summary>
          <p>No. EPUB parsing and FB2 generation run in your browser on your device.</p>
        </details>
        <details>
          <summary>How does Image notes mode work?</summary>
          <p>Each image is replaced with a footnote link, and the image itself is placed in a separate notes section.</p>
        </details>
        <details>
          <summary>Why does the table of contents remain usable?</summary>
          <p>FB2 readers build the table of contents from nested section/title nodes. The app maps the EPUB TOC to the spine and creates that structure.</p>
        </details>
      </section>
    </main>

    <footer class="site-footer">
      <p>
        <a href="https://github.com/Maitrog/epub2fb2" target="_blank" rel="noreferrer">GitHub</a>
        <span aria-hidden="true">/</span>
        <a href="mailto:me@maitrog.ru">me@maitrog.ru</a>
      </p>
    </footer>

    <script type="module" src="/src/main.ts"></script>
  </body>
</html>