-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (102 loc) · 9.2 KB
/
index.html
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
<!DOCTYPE html>
<html lang="pl">
<head>
<title>INGLISZ - Wymowa angielskich słów w polskiej pisowni</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">
<link href="https://fonts.googleapis.com/css?family=Limelight&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<div class="loader">
<svg id="loader__svg" class="loader__svg" viewBox="0 0 176 52" fill="transparent">
<path d="M3.9,7.7h12.5v34.5H3.9V7.7z" />
<path d="M24.5,16.2H35v4.2c1.4-1.5,2.9-2.7,4.5-3.5c1.6-0.8,3.3-1.2,4.9-1.2c5.7,0,8.6,2.8,8.6,8.3v18.2H42.5V18.9 c-0.2-0.1-0.4-0.2-0.6-0.3s-0.5-0.1-0.8-0.1c-0.4,0-0.9,0.1-1.4,0.3c-0.5,0.2-1,0.5-1.6,0.9c-0.6,0.4-1.1,0.9-1.6,1.4 C36,21.7,35.4,22.4,35,23v19.2H24.5V16.2z" />
<path d="M59.1,39.3c0-1.2,0.4-2.3,1.3-3.3c0.8-1,2.1-1.9,3.7-2.6c-1.5-0.8-2.7-1.9-3.6-3.3 c-0.9-1.4-1.3-2.9-1.3-4.7c0-1.4,0.3-2.6,0.9-3.8c0.6-1.2,1.4-2.2,2.5-3c1.1-0.9,2.3-1.5,3.8-2c1.5-0.5,3.1-0.7,4.9-0.7 c0.8,0,1.7,0.1,2.5,0.2c0.8,0.1,1.6,0.3,2.3,0.5c0.5-0.5,1-0.9,1.5-1.3c0.5-0.4,1-0.8,1.6-1.1c0.5-0.3,1.1-0.5,1.6-0.7 c0.6-0.2,1.1-0.3,1.7-0.3c0.8,0,1.4,0.1,1.8,0.4c0.4,0.3,0.6,0.6,0.6,1c0,0.4-0.1,0.7-0.4,0.9c-0.3,0.2-0.6,0.3-0.9,0.3 c-0.2,0-0.4,0-0.5,0c-0.2,0-0.4-0.1-0.6-0.2c-0.2-0.1-0.4-0.1-0.6-0.1c-0.2,0-0.4,0-0.5,0c-0.5,0-1.1,0.2-1.7,0.5 c-0.6,0.4-1.2,0.8-1.7,1.3c0.8,0.4,1.6,0.9,2.3,1.5c0.7,0.6,1.3,1.2,1.8,1.9c0.5,0.7,0.9,1.5,1.1,2.3c0.3,0.8,0.4,1.7,0.4,2.6 c0,1.4-0.3,2.7-1,3.9s-1.6,2.2-2.7,3c-1.1,0.8-2.4,1.5-3.9,2c-1.5,0.5-3,0.7-4.5,0.7c-0.9,0-1.8,0-2.6-0.2 c-0.8-0.1-1.6-0.3-2.4-0.6c-0.6,0.2-1.1,0.4-1.5,0.7c-0.4,0.3-0.6,0.5-0.6,0.8c0,0.2,0.1,0.4,0.3,0.6c0.2,0.2,0.6,0.4,1.3,0.5 s1.5,0.3,2.7,0.4c1.2,0.1,2.8,0.2,4.7,0.2c2.2,0.1,4.1,0.3,5.5,0.6c1.5,0.4,2.6,0.8,3.5,1.4c0.9,0.6,1.5,1.2,1.8,1.9 c0.3,0.7,0.5,1.4,0.5,2.2c0,1-0.3,1.9-0.8,2.8c-0.5,0.9-1.3,1.7-2.4,2.3c-1.1,0.7-2.4,1.2-4,1.6c-1.6,0.4-3.6,0.6-5.8,0.6 c-2.1,0-4.1-0.1-5.8-0.4c-1.8-0.3-3.4-0.8-5-1.5c-0.6-0.3-1-0.5-1.2-0.8c-0.2-0.3-0.3-0.6-0.3-0.9c0-0.3,0.1-0.5,0.3-0.7 c0.2-0.2,0.4-0.2,0.6-0.2c0.2,0,0.4,0,0.6,0.1c0.2,0.1,0.4,0.2,0.6,0.3c0.2,0.1,0.4,0.2,0.7,0.4c0.2,0.1,0.5,0.3,0.7,0.4 c1.1,0.5,2.5,0.9,4,1.2s3.1,0.4,4.7,0.4c1.2,0,2.3-0.1,3.1-0.2c0.9-0.1,1.6-0.3,2.2-0.4s1-0.4,1.3-0.6c0.3-0.2,0.4-0.4,0.4-0.6 c0-0.1,0-0.3-0.1-0.5c0-0.2-0.2-0.3-0.3-0.5c-0.2-0.1-0.5-0.3-0.8-0.4c-0.4-0.1-0.9-0.3-1.5-0.4c-0.7-0.1-1.5-0.2-2.5-0.3 c-1-0.1-2.2-0.2-3.6-0.2c-1.9-0.1-3.5-0.3-4.8-0.6c-1.3-0.3-2.4-0.8-3.3-1.3c-0.9-0.5-1.5-1.1-1.9-1.8 C59.3,40.8,59.1,40.1,59.1,39.3z M71.5,33.3c1.2,0,2.4-0.2,3.6-0.5s2.3-0.8,3.2-1.4c1-0.6,1.8-1.4,2.4-2.4c0.6-1,0.9-2.1,0.9-3.4 c0-0.8-0.1-1.6-0.4-2.4c-0.3-0.7-0.7-1.4-1.1-2c-0.5-0.6-1-1.1-1.7-1.6c-0.7-0.5-1.4-0.8-2.1-1.1c-0.7-0.3-1.5-0.5-2.3-0.7 c-0.8-0.2-1.6-0.3-2.4-0.3V33.3z" />
<path d="M90.2,7.7h10.5v34.5H90.2V7.7z" />
<path d="M113.9,11.9c-1.8,0-3.1-0.4-4.1-1.1c-0.9-0.7-1.4-1.7-1.4-3c0-0.5,0.1-1,0.4-1.4c0.3-0.5,0.7-0.9,1.2-1.2 c0.5-0.3,1.1-0.6,1.8-0.8c0.7-0.2,1.4-0.3,2.3-0.3c0.9,0,1.7,0.1,2.3,0.4c0.7,0.2,1.2,0.6,1.7,1s0.8,0.8,1.1,1.3s0.4,1,0.4,1.5 c0,0.5-0.1,1-0.4,1.5c-0.3,0.5-0.7,0.9-1.2,1.2c-0.5,0.3-1.1,0.6-1.8,0.8S114.7,11.9,113.9,11.9z M108.6,16.2h10.5v26.1h-10.5V16.2 z" />
<path d="M125.2,39c0-0.2,0.1-0.5,0.3-0.7c0.2-0.2,0.4-0.3,0.7-0.3c0.2,0,0.4,0.1,0.6,0.2c0.2,0.2,0.4,0.4,0.6,0.6 c0.4,0.3,0.9,0.7,1.4,0.9c0.5,0.3,1.1,0.5,1.7,0.7c0.6,0.2,1.3,0.3,2,0.4c0.7,0.1,1.3,0.1,2,0.1c0.7,0,1.4-0.1,1.9-0.2 c0.5-0.1,1-0.3,1.3-0.5c0.3-0.2,0.6-0.4,0.8-0.6c0.2-0.2,0.2-0.5,0.2-0.7c0-0.2,0-0.5-0.1-0.7c-0.1-0.2-0.3-0.5-0.6-0.8 s-0.7-0.7-1.2-1.1c-0.5-0.4-1.3-1-2.1-1.7c-1.8-1.4-3.3-2.7-4.5-3.8c-1.2-1.1-2.1-2.1-2.8-3c-0.7-0.9-1.2-1.7-1.4-2.5 c-0.3-0.8-0.4-1.5-0.4-2.3c0-1,0.2-2,0.7-2.9c0.5-0.9,1.2-1.7,2.1-2.4c0.9-0.7,2-1.2,3.3-1.6s2.7-0.6,4.3-0.6c0.5,0,1,0,1.5,0.1 c0.5,0,1,0.1,1.6,0.2c0.5,0.1,1,0.2,1.5,0.3c0.5,0.1,0.9,0.3,1.2,0.4c0.9,0.4,1.6,0.7,2.1,1.2c0.5,0.4,0.8,0.9,0.8,1.3 c0,0.2-0.1,0.4-0.2,0.6c-0.1,0.2-0.3,0.3-0.6,0.3c-0.3,0-0.5-0.1-0.7-0.3c-0.2-0.2-0.5-0.4-0.9-0.7c-0.9-0.6-1.9-1.1-3-1.3 c-1.1-0.3-2.1-0.4-3-0.4c-1,0-1.6,0.1-2,0.4c-0.4,0.3-0.6,0.6-0.6,1c0,0.2,0.1,0.4,0.2,0.7c0.1,0.3,0.3,0.6,0.6,0.9 c0.3,0.4,0.7,0.8,1.2,1.2c0.5,0.5,1.2,1,2.1,1.6c1.7,1.3,3.1,2.4,4.2,3.3c1.1,1,1.9,1.9,2.6,2.7c0.6,0.8,1.1,1.6,1.3,2.4 c0.2,0.8,0.4,1.6,0.4,2.4c0,1.3-0.3,2.4-0.8,3.5c-0.6,1.1-1.3,2-2.4,2.8c-1,0.8-2.3,1.4-3.7,1.8s-3.1,0.6-4.9,0.6 c-0.6,0-1.3,0-1.9-0.1c-0.7-0.1-1.3-0.2-2-0.3s-1.2-0.3-1.8-0.5c-0.6-0.2-1.1-0.4-1.6-0.7C125.8,40.4,125.2,39.7,125.2,39z" />
<path d="M163.3,18H156c-0.6,0-1.2,0-1.7,0.1c-0.5,0-0.9,0.1-1.2,0.1c-0.3,0.1-0.5,0.1-0.7,0.1c-0.2,0-0.3,0-0.4,0 c-0.4,0-0.7-0.1-1-0.3c-0.2-0.2-0.3-0.4-0.3-0.7c0-0.4,0.2-0.7,0.6-0.9c0.4-0.2,1-0.3,1.8-0.3h21.1l-13.5,24.3h8c0.6,0,1.2,0,1.7,0 c0.5,0,0.9-0.1,1.2-0.1c0.3-0.1,0.5-0.1,0.7-0.1c0.2,0,0.3,0,0.4,0c0.4,0,0.7,0.1,1,0.3c0.2,0.2,0.3,0.4,0.3,0.7s-0.2,0.6-0.6,0.8 c-0.4,0.2-1,0.3-1.9,0.3h-22.7L163.3,18z" />
</svg>
<div class="loader__text">Trwa ładowanie słownika, proszę poczekać kilka sekund ^_^</div>
<div class="loader__progress">
<div class="loader__bar"></div>
</div>
</div>
<main>
<header class="header">
<h1 class="header__title">Inglisz</h1>
<h2 class="header__subtitle">Wymowa angielskich słów w polskiej pisowni</h2>
</header>
<section class="content__main content-active">
<form class="form" action="#">
<div class="content__container content__container-two-columns">
<div class="content__column">
<span class="flag-icon flag-icon-gb"></span>
<h3 class="form__title">Tekst po angielsku</h3>
<div class="form__textbox">
<textarea class="form__textarea" placeholder="Wpisz tutaj swój tekst..."
name="text"></textarea>
</div>
</div>
<div class="content__column">
<span class="flag-icon flag-icon-pl"></span>
<h3 class="form__title">Polska wymowa tekstu angielskiego</h3>
<div class="form__output"></div>
</div>
</div>
</form>
</section>
<section class="content__infobox">
<div class="content__container">
<div class="content__column">
<div class="infobox">
<div class="infobox__title">Jak to działa?</div>
<p>Aplikacja internetowa Inglisz służy do przekształcania tekstu napisanego w języku angielskim do
formy wymawianej z użyciem języka polskiego (zamiast używanego w słownikach Międzynarodowego
alfabetu fonetycznego IPA).</p>
<p>Otrzymany tekst wystarczy przeczytać po polsku, aby uzyskać taki sam efekt, jak przy czytaniu
oryginalnej treści po angielsku.</p>
<p>Aplikacja na ten moment pozwala na:</p>
<ul>
<li>konwersję wyrazów w liczbie pojedyńczej czasu teraźniejszego (Present Simple i Present
Continuous),
</li>
<li>konwersję wyrazów w liczbie mnogiej,</li>
<li>konwersję wyrazów w czasie przeszłym (Past Simple, formy nieregularne),</li>
<li>konwersję liczb w formacie arabskich,</li>
<li>rozróżnianie, czy pierwsza litera w wyrazie po przedrostku "the" to samogłoska czy
spółgłoska,
</li>
<li>jeżeli wyraz nie zostanie rozpoznany, to zostanie oznaczony na <span
class="infobox-color-red">czerwono</span>.
</li>
</ul>
<p>To NIE jest translator, który tłumaczy słowo z języka angielskiego na polski!</p>
<p>Program NIE obsługuje w tej chwili np. przymiotników stopniowanych i innych rzeczy, o których
powyżej nie wspomniano.</p>
<p>Jeśli aplikacja dla podanego słowa nie pokaże wymowy, a powinna to zrobić - daj znać.</p>
<p>Jeśli masz uwagi, pomysły i chcesz się nimi ze mną podzielić, możesz wysłać wiadomość na podany
adres e-mail: kontakt [at] maciejkawa.lubin.pl</p>
<div class="infobox-text-center">
<button class="button button-alt script-go-to-main">Powrót</button>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="footer__author"><button class="footer__link script-go-to-infobox">O aplikacji</button>
- Maciej Kawa
</div>
</footer>
</main>
<script src="js/dependencies/idb.js"></script>
<script src="js/dependencies/lazy-line-painter-2.0.3.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>