Осипов Александр

.gitignore

@@ -0,0 +1,3 @@
+/node_modules/
+
+

dist/data/mail.json

@@ -0,0 +1,101 @@
+[
+    {
+        "id" : "1",
+        "sender": {
+            "name": "Alex",
+            "email": "sasha@example.com"
+        },
+        "topic" : "привет",
+        "data" : "привет)",
+        "date" : "15.09.09"
+    },
+    {
+        "id" : "2",
+        "sender": {
+            "name": "Anna",
+            "email": "anna@example.com"
+        },
+        "topic" : "Re: привет",
+        "data" : "Добрый вечер",
+        "date" : "17.09.09"
+    },
+    {
+        "id" : "3",
+        "sender": {
+            "name": "Контест2",
+            "email": "contest2@example.com"
+        },
+        "topic": "Результаты2",
+        "data" : "К сожалению вы прошли в следующий этап.",
+        "date" : "08.08.18",
+        "unread" : "true"
+    },
+    {
+        "id" : "4",
+        "sender": {
+            "avatar" : "images/ya-default2.svg",
+            "name": "Контест2",
+            "email": "contest2@example.com"
+        },
+        "topic": "Результаты 1.25",
+        "data" : "К сожалению вы прошли в следующий этап.",
+        "date" : "08.08.18"
+    },
+    {
+        "id" : "5",
+        "sender": {
+            "avatar" : "images/ya-default.svg",
+            "name": "Яндекс.Контест",
+            "email": "contest@example.com"
+        },
+        "topic": "Результаты",
+        "data" : "Поздравляем! Вы прошли в следующий этап.",
+        "date" : "08.08.18"
+    },
+    {
+        "id" : "6",
+        "sender": {
+            "name": "Яндекс.Карты",
+            "email": "maps@example.com"
+        },
+        "topic": "карты",
+        "data" : "что то про карты",
+        "date" : "03.12.18"
+    },
+    {
+        "id" : "7",
+        "sender": {
+            "avatar" : "images/ya-default2.svg",
+            "name": "Rандекс.Паспорт",
+            "email": "pass@example.com"
+        },
+        "topic": "Письмо с неверной ссылкой для аватара",
+        "data" : "Письмо с неверной ссылкой для аватара",
+        "date" : "06.12.18",
+        "unread" : "true"
+    },
+    {
+        "id" : "8",
+        "sender": {
+            "avatar" : "images/ya-default.svg",
+            "name": "Яндекс.Паспорт",
+            "email": "pass@example.com"
+        },
+        "topic": "Очень большое сообщение которое не помещается в строку.\n                        Очень большое сообщение которое не помещается в строку.\n                        Очень большое сообщение которое не помещается в строку.\n                        Очень большое сообщение которое не помещается в строку.\n                        Очень большое сообщение которое не помещается в строку.",
+        "data" : "Очень большое сообщение которое не помещается в строку.\n                        Очень большое сообщение которое не помещается в строку.\n                        Очень большое сообщение которое не помещается в строку.\n                        Очень большое сообщение которое не помещается в строку.\n                        Очень большое сообщение которое не помещается в строку.",
+        "date" : "12.02.19",
+        "unread" : "false"
+    },
+    {
+        "id" : "9",
+        "sender": {
+            "avatar" : "images/peepoClown.png",
+            "name": "peepoClown",
+            "email": "peepoClown@example.com"
+        },
+        "topic": "Message: very clever text dlya proverki obtekaemosti",
+        "data" : "<img class=\"message__image\" src=\"images/peepoClown.png\" alt=\"peepoClown image\" width=\"240\" height=\"240\">\n\n        Message: very clever text dlya proverki obtekaemosti\n        a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a \n        a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a \n        a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a \n        a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a \n        a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a \n        a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a \n        a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a \n        a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a \n        a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a ",
+        "date" : "01.04.19",
+        "unread" : "true"
+    }
+]

dist/index.html

@@ -0,0 +1 @@
+<!DOCTYPE html><html lang="ru"><head><meta charset="utf-8"><title>Яндекс.Почта</title><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="styles/style.css"><link rel="icon" href="/favicon.ico" type="image/x-icon"><link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"></head><body><template id="tmpl"><div class="letter letter-block__letter"><input class="letter__message-label" type="checkbox"><div class="message letter__message"><div class="message__inner"></div><label class="message__close-box-wrapper"><div class="close-box message__close-box"><div class="close-box__close"></div></div></label></div><label class="letter__opening-label"><div class="letter__checkbox-wrapper"><input class="checkbox letter__checkbox" type="checkbox"></div><div class="icon letter__icon"><div class="icon__char"></div><div class="icon__image"></div></div><div class="letter__sender"></div><div class="letter__unread-marker"></div><div class="letter__topic"></div><div class="letter__date"></div></label></div></template><header class="header"><div class="burger header__burger"><div class="burger__center-line"></div></div><div class="yandex-logo header__yandex-logo"><svg xmlns="http://www.w3.org/2000/svg" class="yandex-logo__yandex"><svg id="svgicon-boot--Yandex_ru" viewBox="0 0 75 32"><g xmlns="http://www.w3.org/2000/svg" fill-rule="nonzero" fill="currentColor"><path class="first-letter" d="M9.35 4.394h-1.3c-1.965 0-3.866 1.3-3.866 5.071 0 3.645 1.743 4.818 3.866 4.818h1.3V4.394zM7.322 16.311l-3.867 8.684H.634l4.247-9.287c-1.997-1.013-3.328-2.852-3.328-6.243 0-4.754 3.011-7.13 6.593-7.13h3.644v22.66H9.35v-8.684H7.322z"></path><path d="M59.059 17.009c0-5.008 1.934-8.21 5.674-8.21 1.426 0 2.25.382 2.947.825l-.349 2.346c-.666-.57-1.616-1.11-2.63-1.11-1.775 0-3.042 1.997-3.042 6.022 0 3.993.95 6.275 2.947 6.275 1.204 0 2.123-.475 2.693-.982l.571 1.838c-.856.728-1.87 1.204-3.328 1.204-3.422 0-5.483-2.757-5.483-8.208zm-7.226.03v7.956h-2.471V9.023h2.471v7.383l3.835-7.383h2.504l-3.962 7.51 4.533 8.462h-2.695l-4.215-7.955zm-11.63-1.488h4.087c0-2.726-.443-4.723-1.869-4.723-1.521 0-2.06 1.87-2.218 4.723zm2.725 9.666c-3.296 0-5.324-2.63-5.324-7.543 0-5.134 1.426-8.874 4.817-8.874 2.662 0 4.406 1.997 4.406 7.416v1.363H40.17c0 3.614 1.015 5.515 2.98 5.515 1.394 0 2.504-.634 3.138-1.078l.57 1.902c-1.014.792-2.346 1.299-3.93 1.299zM32.406 11.019h-2.757v.285c0 3.359-.158 8.272-1.489 11.663h4.246V11.019zm3.708 17.114h-2.218v-3.138H27.05v3.138h-2.219v-5.166h.983c1.458-3.391 1.616-8.335 1.616-12.582V9.023h7.416v13.944h1.268v5.166zM23.406 9.023v15.972h-2.441v-7.162h-3.677v7.162h-2.471V9.023h2.471v6.782h3.677V9.023h2.441z"></path></g></svg><rect height="100%" width="100%" style="fill: transparent;"></rect></svg><svg xmlns="http://www.w3.org/2000/svg" class="yandex-logo__mail"><svg viewBox="0 0 54 32" id="svgicon-boot--Mail_ru" width="100%" height="100%"><path d="M32.68 24.98V9H31v6.861s-1.157 1.237-2.9 1.237c-1.49 0-2.41-.92-2.41-3.202V9H24.2v4.864c0 3.012 1.427 4.502 3.646 4.502 1.902 0 3.154-1.015 3.154-1.015v7.629h1.68zM43.656 10.4V9H34.68v1.4h3.71v14.58h1.69V10.4h3.576zM8.337 24.666h1.585V2H0v22.666h1.585V3.3h6.752v21.366zm43.466.293h1.363c-.19-.602-.349-1.838-.349-2.948v-8.717c0-3.17-1.49-4.628-4.12-4.628-1.808 0-3.139.792-3.773 1.616l.412 1.427c.76-1.11 1.997-1.744 3.36-1.744 1.744 0 2.663 1.046 2.663 3.487v1.997h-1.743c-3.456 0-5.326 1.776-5.326 5.2 0 2.916 1.49 4.627 3.646 4.627 1.585 0 2.726-.95 3.487-2.472.095 1.14.253 1.743.38 2.155zm-34.241.024c2.758 0 4.882-3.107 4.882-8.401 0-5.484-2.124-8.21-4.882-8.21-2.758 0-4.882 3.075-4.882 8.4 0 5.453 2.124 8.21 4.882 8.21zm0-1.205c-1.87 0-3.392-2.124-3.392-7.1 0-4.851 1.522-7.07 3.392-7.07 1.87 0 3.392 2.06 3.392 7.07 0 4.818-1.522 7.1-3.392 7.1zm30.692.294c-1.521 0-2.504-1.3-2.504-3.55 0-2.79 1.268-3.995 3.9-3.995h1.71v4.406c-.57 1.712-1.616 3.139-3.106 3.139z" fill-rule="nonzero" fill="currentColor"></path></svg><rect height="100%" width="100%" style="fill: transparent;"></rect></svg></div><div class="header__search-bar-wrapper"><div class="search-bar header__search-bar"><input class="search-bar__field" type="text" placeholder="Поиск"><div class="close-box search-bar__close-box"><div class="close-box__close"></div></div></div></div></header><div class="main-block"><nav class="sidebar main-block__sidebar"><div class="write-letter-button sidebar__write-letter-button">Написать</div><ul class="sidebar__navigation"><li id="open-incoming" class="sidebar__nav-item sidebar__nav-item_current">Входящие</li><li class="sidebar__nav-item">Отправленные</li><li class="sidebar__nav-item">Удаленные</li><li class="sidebar__nav-item">Спам</li><li class="sidebar__nav-item">Черновики</li><li class="sidebar__nav-item">Создать папку</li></ul></nav><div class="mail main-block__mail"><div class="action-bar mail__action-bar"><div class="action-bar__checkbox-wrapper"><input id="checkall" class="checkbox action-bar__checkbox" type="checkbox"></div><ul class="action-bar__actions"><li class="action-bar__item">Переслать</li><li id="remove-button" class="action-bar__item">Удалить</li><li class="action-bar__item">Это спам!</li><li class="action-bar__item">Прочитано</li></ul></div><div id="mail" class="letter-block mail__letter-block"></div><footer class="footer mail__footer"><div class="footer__btn"><a class="footer__link" href="">Помощь и обратная связь</a></div><div class="footer__btn"><a class="footer__link" href="">Реклама</a></div><div class="footer__btn">© 2001—2019, <a class="footer__link" href="https://yandex.ru">Яндекс</a></div></footer></div></div><script src="bundle.js"></script></body></html>