Merge branch 'master' into avatar

js-tasks-ru · Dec 16, 2024 · 04efc54 · 04efc54
2 parents 9c4d8d8 + fb89625
commit 04efc54
Show file tree

Hide file tree

Showing 14 changed files with 46 additions and 0 deletions.
diff --git a/06-lection4/02-background-image/README.md b/06-lection4/02-background-image/README.md
@@ -0,0 +1,7 @@
+# background-image
+
+В директории `public` лежат картинки в нескольких разрешениях.<br>
+Нужно вставить картинку на фон страницы так, чтобы не грузились картинки избыточного размера.<br>
+
+Воспользоваться нужно способом вставки картинки через `background-image` и медиа-запросы.
+
diff --git a/06-lection4/02-background-image/background-image.css b/06-lection4/02-background-image/background-image.css
diff --git a/06-lection4/02-background-image/index.html b/06-lection4/02-background-image/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <link rel="stylesheet" href="../../assets/css/main.css">
+        <link rel="stylesheet" href="./background-image.css">
+    </head>
+    <body>
+
+    </body>
+</html>
diff --git a/06-lection4/02-background-image/public/forest_1024.jpg b/06-lection4/02-background-image/public/forest_1024.jpg
diff --git a/06-lection4/02-background-image/public/forest_2560.jpg b/06-lection4/02-background-image/public/forest_2560.jpg
diff --git a/06-lection4/02-background-image/public/forest_400.jpg b/06-lection4/02-background-image/public/forest_400.jpg
diff --git a/06-lection4/02-background-image/public/forest_768.jpg b/06-lection4/02-background-image/public/forest_768.jpg
diff --git a/06-lection4/02-background-image/test/solution.test.js b/06-lection4/02-background-image/test/solution.test.js
@@ -0,0 +1,7 @@
+const expect = require('chai').expect;
+
+describe('lection4/background-image', () => {
+  it('Фон', () => {
+    expect(1).to.equal(1);
+  });
+});
diff --git a/06-lection4/03-srcset/README.md b/06-lection4/03-srcset/README.md
@@ -0,0 +1,5 @@
+# srcset
+
+В директории `public` лежат картинки в нескольких разрешениях.<br>
+Нужно вставить на страницу квадратный блок 300x300, а в него вписать картинку так, чтобы для экранов с высокой плотностью пикселей загружалась картинка в 2 раза больше.<br>
+
diff --git a/06-lection4/03-srcset/index.html b/06-lection4/03-srcset/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <link rel="stylesheet" href="../../assets/css/main.css">
+        <link rel="stylesheet" href="./srcset.css">
+    </head>
+    <body>
+
+    </body>
+</html>
diff --git a/06-lection4/03-srcset/public/forest_400.jpg b/06-lection4/03-srcset/public/forest_400.jpg
diff --git a/06-lection4/03-srcset/public/forest_768.jpg b/06-lection4/03-srcset/public/forest_768.jpg
diff --git a/06-lection4/03-srcset/srcset.css b/06-lection4/03-srcset/srcset.css
diff --git a/06-lection4/03-srcset/test/solution.test.js b/06-lection4/03-srcset/test/solution.test.js
@@ -0,0 +1,7 @@
+const expect = require('chai').expect;
+
+describe('lection4/srcset', () => {
+  it('Srcset', () => {
+    expect(1).to.equal(1);
+  });
+});