edit readme.md

README.md

@@ -1,4 +1,4 @@
-Завдання 1 - бібліотека SimpleLightbox
+# Завдання 1 - бібліотека SimpleLightbox
 
 Виконуй це завдання у файлах 01-gallery.html і 01-gallery.js. Розбий його на
 декілька підзавдань:
@@ -9,12 +9,34 @@
    рефакторинг з урахуванням того, що бібліотека була встановлена через npm
    (синтаксис import/export).
 
-Завдання 2 - відеоплеєр
+   Для того щоб підключити CSS код бібліотеки в проект, необхідно додати ще один
+   імпорт, крім того, що описаний в документації.
+
+   ```js
+   // Описаний в документації
+   import SimpleLightbox from 'simplelightbox';
+   // Додатковий імпорт стилів
+   import 'simplelightbox/dist/simple-lightbox.min.css';
+   ```
+
+# Завдання 2 - відеоплеєр
 
 HTML містить <iframe> з відео для Vimeo плеєра. Напиши скрипт, який буде
 зберігати поточний час відтворення відео у локальне сховище і, після
 перезавантаження сторінки, продовжувати відтворювати відео з цього часу.
 
+```html
+<iframe
+  id="vimeo-player"
+  src="https://player.vimeo.com/video/236203659"
+  width="640"
+  height="360"
+  frameborder="0"
+  allowfullscreen
+  allow="autoplay; encrypted-media"
+></iframe>
+```
+
 Виконуй це завдання у файлах 02-video.html і 02-video.js. Розбий його на
 декілька підзавдань:
 
@@ -31,11 +53,25 @@ HTML містить <iframe> з відео для Vimeo плеєра. Напиш
 7. Додай до проекту бібліотеку lodash.throttle і зроби так, щоб час відтворення
    оновлювався у сховищі не частіше, ніж раз на секунду.
 
-Завдання 3 - форма зворотного зв'язку
+# Завдання 3 - форма зворотного зв'язку
 
 HTML містить розмітку форми. Напиши скрипт, який буде зберігати значення полів у
 локальне сховище, коли користувач щось друкує.
 
+```html
+<form class="feedback-form" autocomplete="off">
+  <label>
+    Email
+    <input type="email" name="email" autofocus />
+  </label>
+  <label>
+    Message
+    <textarea name="message" rows="8"></textarea>
+  </label>
+  <button type="submit">Submit</button>
+</form>
+```
+
 1. Відстежуй на формі подію input, і щоразу записуй у локальне сховище об'єкт з
    полями email і message, у яких зберігай поточні значення полів форми. Нехай
    ключем для сховища буде рядок "feedback-form-state".