diff --git a/README.md b/README.md
index ce1df0b..be7f7c0 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,12 @@
## Плеер для сериала
+Develop
+-------
+**EditorConfig check**
+```
+$ ec
+```
+
Благодарности
-------------
Спасибо маме, за то, что напрягла меня 🙂
diff --git a/font/samsung-one-font.css b/font/samsung-one-font.css
new file mode 100644
index 0000000..8005ddc
--- /dev/null
+++ b/font/samsung-one-font.css
@@ -0,0 +1,9 @@
+@font-face {
+ font-family: 'SamsungOne';
+ src: url('SamsungOne-400.woff2') format('woff2'),
+ url('SamsungOne-400.woff') format('woff'),
+ url('SamsungOne-400.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+ font-display: swap;
+}
diff --git a/index.html b/index.html
index fabfce5..c92773d 100644
--- a/index.html
+++ b/index.html
@@ -4,64 +4,6 @@
Клятва - 2 сезон
-
-
@@ -108,10 +50,10 @@
episodeName.innerText = `${episodeId} серия`;
videoElement.textContent = '';
- let videoSource = document.createElement('source');
- videoSource.setAttribute('src', `https://iiiypuk.me/y/o/${episodeId}.mp4`);
- videoSource.setAttribute('type', 'video/mp4');
- videoElement.appendChild(videoSource);
+ let videoSource = document.createElement('source');
+ videoSource.setAttribute('src', `https://iiiypuk.me/y/o/${episodeId}.mp4`);
+ videoSource.setAttribute('type', 'video/mp4');
+ videoElement.appendChild(videoSource);
videoElement.load();
}
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..0d80020
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,55 @@
+@import url('/font/samsung-one-font.css');
+
+body {
+ background-color: #fff;
+ background-image: url('bg.png');
+ background-repeat: repeat-x repeat-y;
+ font-family: 'SamsungOne', sans-serif;
+ margin: 0;
+ padding: 0;
+}
+
+div.container {
+ max-width: 800px;
+ margin: 10px auto;
+}
+
+header {
+ background-color: #000;
+ color: #fff;
+ padding: 16px;
+}
+
+header p {
+ margin: 0;
+}
+
+nav p {
+ text-align: center;
+ font-weight: bold;
+}
+
+nav ul {
+ list-style-type: none;
+ text-align: center;
+ padding-left: 0;
+}
+
+nav li {
+ background-color: #ccc;
+ display: inline-block;
+ border-radius: 8px;
+ padding: 8px;
+ border: 2px solid #000;
+ margin: 0 8px;
+ cursor: pointer;
+}
+
+div.video {
+ text-align: center;
+ font-weight: bold;
+}
+
+hr {
+ border: 1px solid #444;
+}