Make UI improvements #1

Open
mtsz wants to merge 26 commits from mtsz/mt940-mbank-ts:ui-improvements into master
Showing only changes of commit eb92361291 - Show all commits

View File

@ -27,42 +27,53 @@
}
</style>
<body>
<main>
<header>
<h1>mBank mt940 konwerter</h1>
</header>
<section>
<p>
Za pomocą tego narzędzia za darmo przekonwertujesz plik CSV
wygenerowany przez mbank do formatu mt940. Konwersja odbywa sie w
przeglądarce, Twoje dane nie są nigdzie wysyłane. Dla pewności
możesz na czas konwersji wyłączyć dostęp do Internetu na Twoim
komputerze, zamknąć tę stronę, i włączyć dostęp do Internetu
ponownie.
Za pomocą tego narzędzia za darmo przekonwertujesz plik CSV wygenerowany przez mbank do formatu
mt940. Konwersja odbywa się w przeglądarce, Twoje dane nie są nigdzie wysyłane. Dla pewności możesz
na czas konwersji wyłączyć dostęp do Internetu na Twoim komputerze, zamknąć tę stronę, i włączyć
dostęp do Internetu ponownie.
</p>
<div><input type="file" name="csv" id="csv" /></div>
<button id="submit">Konwertuj</button>
<div class="success hidden">
<form>
<fieldset>
<label for="csv">Wybierz plik CSV z mBanku:</label>
<input type="file" name="csv" id="csv" accept=".csv" />
</fieldset>
<button type="button" id="submit">Konwertuj</button>
</form>
<div class="success hidden" role="alert">
<p>
Rozpoczęto pobieranie wygenerowanego raportu mt940. Cieszymy
się, że mogliśmy Ci oszczędzić trochę wydatków. Jeżeli chcesz
się nam odwdzięczyć, zachęcamy do
<a
href="https://www.internet-czas-dzialac.pl/contact/#wesprzyj-nas"
>wspierania naszej fundacji</a
>
<strong>Sukces!</strong>
Rozpoczęto pobieranie wygenerowanego raportu mt940. Cieszymy się, że mogliśmy Ci oszczędzić
trochę wydatków. Jeżeli chcesz się nam odwdzięczyć, zachęcamy do
<a target="_blank" href="https://www.internet-czas-dzialac.pl/contact/#wesprzyj-nas">
wspierania naszej fundacji
</a>
</p>
</div>
</section>
<footer>
<p>
Aplikacja została wykonana przez
<a href="https://www.internet-czas-dzialac.pl/">
<a target="_blank" href="https://www.internet-czas-dzialac.pl/">
Fundację „Internet. Czas działać!”
</a>
i jest utrzymywana przez
<a href="https://www.sealcode.it/">Sealcode</a>
<a target="_blank" href="https://www.sealcode.it/">Sealcode</a>
</p>
<p>
<a href="https://git.internet-czas-dzialac.pl/icd/mt940-mbank-ts">
Kod źródłowy
</a>
<script src="bundle.js"></script>
<a target="_blank" href="https://git.internet-czas-dzialac.pl/icd/mt940-mbank-ts">Kod źródłowy</a>
</p>
</footer>
</main>
<script src="bundle.js"></script>
</body>
</html>