-
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
389 lines (375 loc) · 29 KB
/
index.html
File metadata and controls
389 lines (375 loc) · 29 KB
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
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FormulyWord — AI Photo to Word Formula Converter | Розпізнавання формул з фото</title>
<meta name="description" content="FormulyWord — безкоштовна програма для розпізнавання математичних формул з фото та вставки у Word як нативних об'єктів. AI OCR, LaTeX, Open Source. Free math formula recognition from photos to Microsoft Word.">
<meta name="keywords" content="FormulyWord, math formula recognition, OCR, photo to Word, LaTeX to Word, розпізнавання формул, формули з фото, конвертер формул, математичні формули, Word, pix2tex, AI, open source">
<meta name="author" content="Renderlex">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://renderlex.github.io/formulyword/">
<!-- Open Graph -->
<meta property="og:title" content="FormulyWord — AI Photo to Word Formula Converter">
<meta property="og:description" content="Безкоштовне розпізнавання математичних формул з фото та вставка у Word. AI-powered, Open Source.">
<meta property="og:url" content="https://renderlex.github.io/formulyword/">
<meta property="og:type" content="website">
<meta property="og:locale" content="uk_UA">
<meta property="og:locale:alternate" content="en_US">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
</head>
<body>
<!-- ===== HEADER / NAV ===== -->
<header class="header">
<nav class="nav container">
<div class="logo">
<span class="logo-bracket">{</span>
<span class="logo-text">FormulyWord</span>
<span class="logo-bracket">}</span>
</div>
<ul class="nav-links">
<li><a href="#features" data-uk="Можливості" data-en="Features">Можливості</a></li>
<li><a href="#how-it-works" data-uk="Як працює" data-en="How it works">Як працює</a></li>
<li><a href="#usage" data-uk="Використання" data-en="Usage">Використання</a></li>
<li><a href="#donate" data-uk="Підтримати" data-en="Donate">Підтримати</a></li>
<li><a href="#download" class="btn-nav" data-uk="Завантажити" data-en="Download">Завантажити</a></li>
</ul>
<div class="nav-right">
<button class="lang-toggle" id="langToggle" aria-label="Switch language">
<span class="lang-flag">🇬🇧</span>
<span class="lang-code">EN</span>
</button>
<button class="burger" aria-label="Меню">
<span></span><span></span><span></span>
</button>
</div>
</nav>
</header>
<!-- ===== HERO ===== -->
<section class="hero">
<div class="hero-bg-code" aria-hidden="true">
<pre><code>Image → LaTeX (OCR) → MathML → OMML → Word</code></pre>
</div>
<div class="container hero-content">
<div class="terminal-badge">~ $ ./formulyword</div>
<h1>
<span data-uk="Розпізнай формулу з" data-en="Recognize formulas from">Розпізнай формулу з</span>
<span class="highlight" data-uk="фото" data-en="photos">фото</span><br>
<span data-uk="та вставляй у" data-en="and insert into">та вставляй у</span>
<span class="highlight">Word</span>
</h1>
<p class="hero-sub" data-uk="Нейромережа розпізнає математичну формулу із зображення та вставляє її у Word-документ як <strong>нативний об'єкт</strong> — не картинку. Безкоштовно та open-source." data-en="Neural network recognizes math formulas from images and inserts them into Word documents as <strong>native equation objects</strong> — not pictures. Free and open-source.">
Нейромережа розпізнає математичну формулу із зображення та вставляє її у Word-документ
як <strong>нативний об'єкт</strong> — не картинку. Безкоштовно та open-source.
</p>
<div class="hero-buttons">
<a href="#download" class="btn btn-primary">
<span class="btn-icon">↓</span>
<span data-uk="Завантажити .exe" data-en="Download .exe">Завантажити .exe</span>
</a>
<a href="#how-it-works" class="btn btn-outline">
<span data-uk="Дізнатися більше" data-en="Learn more">Дізнатися більше</span>
</a>
</div>
<div class="hero-stats">
<div class="stat">
<span class="stat-value">pix2tex</span>
<span class="stat-label">OCR Engine</span>
</div>
<div class="stat-divider"></div>
<div class="stat">
<span class="stat-value">OMML</span>
<span class="stat-label">Native Word</span>
</div>
<div class="stat-divider"></div>
<div class="stat">
<span class="stat-value" data-uk="2 мови" data-en="2 langs">2 мови</span>
<span class="stat-label">UA / EN</span>
</div>
</div>
</div>
</section>
<!-- ===== FEATURES ===== -->
<section id="features" class="section">
<div class="container">
<h2 class="section-title">
<span class="comment">// </span><span data-uk="Можливості" data-en="Features">Можливості</span>
</h2>
<div class="features-grid">
<div class="feature-card">
<div class="feature-icon">📷</div>
<h3 data-uk="Розпізнавання з фото" data-en="Photo recognition">Розпізнавання з фото</h3>
<p data-uk="Відкрийте зображення або вставте скріншот з буфера обміну. Виділіть мишкою потрібну формулу." data-en="Open an image or paste a screenshot from clipboard. Select the formula with your mouse.">Відкрийте зображення або вставте скріншот з буфера обміну. Виділіть мишкою потрібну формулу.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🧠</div>
<h3 data-uk="Нейромережа pix2tex" data-en="pix2tex Neural Network">Нейромережа pix2tex</h3>
<p data-uk="AI-модель розпізнає формулу та повертає точний LaTeX-код. Підтримує складні математичні вирази." data-en="AI model recognizes formulas and returns accurate LaTeX code. Supports complex math expressions.">AI-модель розпізнає формулу та повертає точний LaTeX-код. Підтримує складні математичні вирази.</p>
</div>
<div class="feature-card">
<div class="feature-icon">⌨️</div>
<h3 data-uk="Ручне введення LaTeX" data-en="Manual LaTeX input">Ручне введення LaTeX</h3>
<p data-uk="Введіть або відредагуйте формулу вручну. Миттєвий перегляд результату перед збереженням." data-en="Type or edit a formula manually. Instant preview before saving.">Введіть або відредагуйте формулу вручну. Миттєвий перегляд результату перед збереженням.</p>
</div>
<div class="feature-card">
<div class="feature-icon">📋</div>
<h3 data-uk="Копіювання у Word" data-en="Copy to Word">Копіювання у Word</h3>
<p data-uk="Скопіюйте формулу в буфер обміну та вставте у Word через Ctrl+V як нативну формулу." data-en="Copy formula to clipboard and paste into Word via Ctrl+V as a native equation.">Скопіюйте формулу в буфер обміну та вставте у Word через Ctrl+V як нативну формулу.</p>
</div>
<div class="feature-card">
<div class="feature-icon">💾</div>
<h3 data-uk="Збереження у .docx" data-en="Save to .docx">Збереження у .docx</h3>
<p data-uk="Збережіть одну або кілька формул у Word-файл. Підтримується пакетний режим." data-en="Save one or multiple formulas to a Word file. Batch mode supported.">Збережіть одну або кілька формул у Word-файл. Підтримується пакетний режим.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🌐</div>
<h3 data-uk="Двомовний інтерфейс" data-en="Bilingual UI">Двомовний інтерфейс</h3>
<p data-uk="Українська та англійська мови. Перемикання одним кліком." data-en="Ukrainian and English languages. One-click toggle.">Українська та англійська мови. Перемикання одним кліком.</p>
</div>
</div>
</div>
</section>
<!-- ===== HOW IT WORKS ===== -->
<section id="how-it-works" class="section section-alt">
<div class="container">
<h2 class="section-title">
<span class="comment">// </span><span data-uk="Як це працює" data-en="How it works">Як це працює</span>
</h2>
<div class="pipeline">
<div class="pipeline-step">
<div class="step-number">01</div>
<div class="step-content">
<h3 data-uk="Зображення" data-en="Image">Зображення</h3>
<p data-uk="Завантажте фото з формулою або вставте скріншот з буфера обміну" data-en="Upload a photo with a formula or paste a screenshot from clipboard">Завантажте фото з формулою або вставте скріншот з буфера обміну</p>
</div>
</div>
<div class="pipeline-arrow">→</div>
<div class="pipeline-step">
<div class="step-number">02</div>
<div class="step-content">
<h3>LaTeX (OCR)</h3>
<p data-uk="Нейромережа <code>pix2tex</code> розпізнає формулу та перетворює на LaTeX-код" data-en="Neural network <code>pix2tex</code> recognizes the formula and converts to LaTeX code">Нейромережа <code>pix2tex</code> розпізнає формулу та перетворює на LaTeX-код</p>
</div>
</div>
<div class="pipeline-arrow">→</div>
<div class="pipeline-step">
<div class="step-number">03</div>
<div class="step-content">
<h3>MathML → OMML</h3>
<p data-uk="<code>latex2mathml</code> + Microsoft XSLT трансформація у Office Math Markup" data-en="<code>latex2mathml</code> + Microsoft XSLT transformation to Office Math Markup"><code>latex2mathml</code> + Microsoft XSLT трансформація у Office Math Markup</p>
</div>
</div>
<div class="pipeline-arrow">→</div>
<div class="pipeline-step">
<div class="step-number">04</div>
<div class="step-content">
<h3 data-uk="Word документ" data-en="Word document">Word документ</h3>
<p data-uk="<code>python-docx</code> вставляє OMML як нативну формулу Word" data-en="<code>python-docx</code> inserts OMML as a native Word equation"><code>python-docx</code> вставляє OMML як нативну формулу Word</p>
</div>
</div>
</div>
<div class="code-block">
<div class="code-header">
<span class="code-dot red"></span>
<span class="code-dot yellow"></span>
<span class="code-dot green"></span>
<span class="code-title">pipeline.py</span>
</div>
<pre><code><span class="code-comment"># Formula conversion pipeline</span>
<span class="code-keyword">from</span> pix2tex <span class="code-keyword">import</span> LatexOCR
<span class="code-keyword">import</span> latex2mathml.converter
image = load_image(<span class="code-string">"formula.png"</span>)
latex = LatexOCR()(image) <span class="code-comment"># "\\frac{a}{b}"</span>
mathml = latex2mathml.converter.convert(latex)
omml = xslt_transform(mathml) <span class="code-comment"># MML2OMML.XSL</span>
doc = insert_to_word(omml) <span class="code-comment"># native equation!</span></code></pre>
</div>
</div>
</section>
<!-- ===== USAGE ===== -->
<section id="usage" class="section">
<div class="container">
<h2 class="section-title">
<span class="comment">// </span><span data-uk="Використання" data-en="Usage">Використання</span>
</h2>
<div class="usage-tabs">
<div class="usage-tab active" data-tab="photo" data-uk="Розпізнати з фото" data-en="Recognize from photo">Розпізнати з фото</div>
<div class="usage-tab" data-tab="latex" data-uk="Ввести LaTeX" data-en="Enter LaTeX">Ввести LaTeX</div>
</div>
<div class="usage-content active" id="tab-photo">
<ol class="usage-steps">
<li><span class="step-mark">$</span><span data-uk='Натисніть <strong>«Відкрити фото»</strong> або <strong>«Вставити з буфера»</strong> (для скріншотів)' data-en='Click <strong>"Open photo"</strong> or <strong>"Paste from clipboard"</strong> (for screenshots)'>Натисніть <strong>«Відкрити фото»</strong> або <strong>«Вставити з буфера»</strong> (для скріншотів)</span></li>
<li><span class="step-mark">$</span><span data-uk='Виділіть мишкою <strong>одну формулу</strong> на зображенні' data-en='Select <strong>one formula</strong> with your mouse on the image'>Виділіть мишкою <strong>одну формулу</strong> на зображенні</span></li>
<li><span class="step-mark">$</span><span data-uk='Натисніть <strong>«Розпізнати»</strong> — програма поверне LaTeX-код' data-en='Click <strong>"Recognize"</strong> — the program returns LaTeX code'>Натисніть <strong>«Розпізнати»</strong> — програма поверне LaTeX-код</span></li>
<li><span class="step-mark">$</span><span data-uk="Перевірте та відредагуйте LaTeX у текстовому полі" data-en="Review and edit LaTeX in the text field">Перевірте та відредагуйте LaTeX у текстовому полі</span></li>
<li><span class="step-mark">$</span><span data-uk="<strong>«Перевірити»</strong> — побачите прев'ю формули" data-en='<strong>"Preview"</strong> — see how the formula looks'><strong>«Перевірити»</strong> — побачите прев'ю формули</span></li>
<li><span class="step-mark">$</span><span data-uk='<strong>«Зберегти у Word»</strong> або <strong>«Копіювати формулу»</strong> (Ctrl+V у Word)' data-en='<strong>"Save to Word"</strong> or <strong>"Copy formula"</strong> (Ctrl+V in Word)'><strong>«Зберегти у Word»</strong> або <strong>«Копіювати формулу»</strong> (Ctrl+V у Word)</span></li>
</ol>
</div>
<div class="usage-content" id="tab-latex">
<ol class="usage-steps">
<li><span class="step-mark">$</span><span data-uk="Введіть LaTeX-формулу вручну в текстове поле" data-en="Type a LaTeX formula manually in the text field">Введіть LaTeX-формулу вручну в текстове поле</span></li>
<li><span class="step-mark">$</span><span data-uk='Натисніть <strong>«Перевірити»</strong> для перегляду' data-en='Click <strong>"Preview"</strong> to check'>Натисніть <strong>«Перевірити»</strong> для перегляду</span></li>
<li><span class="step-mark">$</span><span data-uk='<strong>«Зберегти у Word»</strong> або <strong>«Копіювати формулу»</strong>' data-en='<strong>"Save to Word"</strong> or <strong>"Copy formula"</strong>'><strong>«Зберегти у Word»</strong> або <strong>«Копіювати формулу»</strong></span></li>
<li><span class="step-mark">$</span><span data-uk='<strong>Пакетний режим:</strong> додайте кілька формул кнопкою «До списку», потім збережіть усі разом' data-en='<strong>Batch mode:</strong> add multiple formulas via "Add to list", then save all at once'><strong>Пакетний режим:</strong> додайте кілька формул кнопкою «До списку», потім збережіть усі разом</span></li>
</ol>
</div>
</div>
</section>
<!-- ===== REQUIREMENTS ===== -->
<section class="section section-alt">
<div class="container">
<h2 class="section-title">
<span class="comment">// </span><span data-uk="Вимоги" data-en="Requirements">Вимоги</span>
</h2>
<div class="requirements-grid">
<div class="req-card">
<div class="req-icon">🖥️</div>
<h3>Windows</h3>
<p data-uk="Портативна .exe версія — встановлення Python не потрібне" data-en="Portable .exe version — no Python installation needed">Портативна .exe версія — встановлення Python не потрібне</p>
</div>
<div class="req-card">
<div class="req-icon">📎</div>
<h3>Microsoft Office</h3>
<p data-uk="Потрібен файл <code>MML2OMML.XSL</code>, який постачається з Office" data-en="Requires <code>MML2OMML.XSL</code> file, shipped with Office">Потрібен файл <code>MML2OMML.XSL</code>, який постачається з Office</p>
</div>
<div class="req-card">
<div class="req-icon">🌍</div>
<h3 data-uk="Інтернет" data-en="Internet">Інтернет</h3>
<p data-uk="Тільки для першого запуску — завантажується модель OCR (~500 МБ)" data-en="Only for first launch — downloads OCR model (~500 MB)">Тільки для першого запуску — завантажується модель OCR (~500 МБ)</p>
</div>
</div>
</div>
</section>
<!-- ===== DOWNLOAD ===== -->
<section id="download" class="section section-download">
<div class="container">
<h2 class="section-title">
<span class="comment">// </span><span data-uk="Завантажити" data-en="Download">Завантажити</span>
</h2>
<div class="download-box">
<div class="download-info">
<h3>FormulyWord.exe</h3>
<p data-uk="Портативна версія — просто запустіть .exe файл. Встановлення не потрібне." data-en="Portable version — just run the .exe file. No installation needed.">Портативна версія — просто запустіть .exe файл. Встановлення не потрібне.</p>
<div class="download-meta">
<span><code>Windows 10/11</code></span>
<span><code>Portable</code></span>
<span><code>Open Source</code></span>
</div>
</div>
<a href="https://drive.google.com/drive/folders/1NjXmulQGHZZFgZsVjNpeWJ-OtxebL6Xi?usp=sharing"
class="btn btn-primary btn-lg" target="_blank" rel="noopener noreferrer">
<span class="btn-icon">↓</span>
<span data-uk="Завантажити з Google Drive" data-en="Download from Google Drive">Завантажити з Google Drive</span>
</a>
</div>
<div class="video-section" id="video">
<h3 class="video-title" data-uk="📹 Відео-демонстрація" data-en="📹 Video Demo">📹 Відео-демонстрація</h3>
<div class="video-wrapper">
<iframe src="https://www.youtube.com/embed/SjZyzJPjw-Q" title="FormulyWord Demo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<!-- ===== DONATE ===== -->
<section id="donate" class="section section-alt">
<div class="container">
<h2 class="section-title">
<span class="comment">// </span><span data-uk="Підтримати проєкт" data-en="Support the project">Підтримати проєкт</span>
</h2>
<p class="donate-subtitle" data-uk="FormulyWord — безкоштовний та open-source. Якщо програма вам корисна, ви можете підтримати розробку:" data-en="FormulyWord is free and open-source. If you find it useful, you can support development:">
FormulyWord — безкоштовний та open-source. Якщо програма вам корисна, ви можете підтримати розробку:
</p>
<div class="donate-grid">
<div class="donate-card donate-card-featured">
<div class="donate-featured-label" data-uk="Рекомендовано" data-en="Recommended">Рекомендовано</div>
<div class="donate-icon">☕</div>
<h3>Buy Me a Coffee</h3>
<p data-uk="Міжнародні платежі — Visa, Mastercard, Apple Pay, Google Pay" data-en="International payments — Visa, Mastercard, Apple Pay, Google Pay">Міжнародні платежі — Visa, Mastercard, Apple Pay, Google Pay</p>
<div class="donate-badge" data-uk="Для всіх країн" data-en="All countries">Для всіх країн</div>
<a href="https://buymeacoffee.com/renderlexf" class="btn btn-donate btn-coffee" target="_blank" rel="noopener noreferrer">
<span>☕</span>
<span data-uk="Купити каву" data-en="Buy me a coffee">Купити каву</span>
</a>
</div>
<div class="donate-card">
<div class="donate-icon">🎁</div>
<h3>Ko-fi</h3>
<p data-uk="Альтернатива без комісії — підтримайте одноразово або щомісяця." data-en="Commission-free alternative — support one-time or monthly.">Альтернатива без комісії — підтримайте одноразово або щомісяця.</p>
<div class="donate-badge" data-uk="0% комісії" data-en="0% fees">0% комісії</div>
<a href="https://ko-fi.com/renderlex" class="btn btn-donate btn-kofi" target="_blank" rel="noopener noreferrer">
<span>🎁</span>
<span data-uk="Підтримати на Ko-fi" data-en="Support on Ko-fi">Підтримати на Ko-fi</span>
</a>
</div>
<div class="donate-card">
<div class="donate-icon">🏦</div>
<h3 data-uk="Монобанка" data-en="Monobank Jar">Монобанка</h3>
<p data-uk="Для українських карток — 0% комісії. Моментальний переказ." data-en="For Ukrainian cards — 0% fees. Instant transfer via monobank.">Для українських карток — 0% комісії. Моментальний переказ.</p>
<div class="donate-badge" data-uk="0% комісії 🇺🇦" data-en="0% fees 🇺🇦">0% комісії 🇺🇦</div>
<a href="https://send.monobank.ua/jar/9VqNoYGXBz" class="btn btn-donate btn-mono" target="_blank" rel="noopener noreferrer">
<span>💳</span>
<span data-uk="Задонатити" data-en="Donate">Задонатити</span>
</a>
</div>
<div class="donate-card">
<div class="donate-icon">💸</div>
<h3>PayPal</h3>
<p data-uk="Класичний спосіб — PayPal-переказ на будь-яку суму." data-en="Classic method — PayPal transfer of any amount.">Класичний спосіб — PayPal-переказ на будь-яку суму.</p>
<div class="donate-badge" data-uk="Для всіх країн" data-en="All countries">Для всіх країн</div>
<a href="https://www.paypal.com/donate/?hosted_button_id=L8VD7FUSKXBBC" class="btn btn-donate btn-paypal" target="_blank" rel="noopener noreferrer">
<span>💸</span>
<span data-uk="PayPal переказ" data-en="PayPal transfer">PayPal переказ</span>
</a>
</div>
</div>
<p class="donate-thanks" data-uk="Ми раді будь-якій підтримці наших проєктів! Дякуємо — кожен донат допомагає розвивати програму ❤️" data-en="We appreciate any support for our projects! Thank you — every donation helps improve the program ❤️">
Ми раді будь-якій підтримці наших проєктів! Дякуємо — кожен донат допомагає розвивати програму ❤️
</p>
</div>
</section>
<!-- ===== CONTACTS ===== -->
<section id="contacts" class="section">
<div class="container">
<h2 class="section-title">
<span class="comment">// </span><span data-uk="Контакти" data-en="Contacts">Контакти</span>
</h2>
<div class="contacts-box">
<div class="contact-item">
<span class="contact-icon">📧</span>
<div>
<h3>Email</h3>
<a href="mailto:renderlex@gmail.com">renderlex@gmail.com</a>
</div>
</div>
<div class="contact-item">
<span class="contact-icon">💻</span>
<div>
<h3>GitHub</h3>
<a href="https://github.com/renderlex" target="_blank" rel="noopener noreferrer">github.com/renderlex</a>
</div>
</div>
</div>
</div>
</section>
<!-- ===== FOOTER ===== -->
<footer class="footer">
<div class="container footer-content">
<div class="footer-logo">
<span class="logo-bracket">{</span>
<span class="logo-text">FormulyWord</span>
<span class="logo-bracket">}</span>
</div>
<p class="footer-text" data-uk="Open-source проєкт • Створено з ❤️ для студентів та науковців" data-en="Open-source project • Made with ❤️ for students and researchers">
Open-source проєкт • Створено з ❤️ для студентів та науковців
</p>
<p class="footer-license" data-uk="Ліцензія MIT — вільне використання, модифікація та розповсюдження" data-en="MIT License — free to use, modify, and distribute">
Ліцензія MIT — вільне використання, модифікація та розповсюдження
</p>
<p class="footer-copy">© 2025-2026 FormulyWord</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>