add goit logo

Alina-Halchenko · May 17, 2022 · 411d386 · 411d386
1 parent 3339ad7
commit 411d386
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 14 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -2,7 +2,6 @@ root = true
 
 [*]
 indent_style = space
-# Если предпочитаете отступы в 4 пробела в html/css/js, заменить тут 2 на 4
 indent_size = 2
 charset = utf-8
 trim_trailing_whitespace = true

diff --git a/src/images/demo.jpg b/src/images/demo.jpg
diff --git a/src/images/logo.png b/src/images/logo.png
diff --git a/src/index.html b/src/index.html
@@ -9,6 +9,6 @@
   </head>
   <body>
     <!-- Add partials like so for every page -->
-    <include src="./partials/example.html"></include>
+    <include src="./partials/example.html" />
   </body>
 </html>
diff --git a/src/partials/example.html b/src/partials/example.html
@@ -2,7 +2,7 @@
   <h1>HTML-фрагменты</h1>
 
   <!-- Путь к изображениям из HTML-фрагмента такой, как из файла index.html -->
-  <img src="images/demo.jpg" alt="" width="320" />
+  <img src="images/logo.png" alt="" width="320" />
   <p>
     Плагин
     <a
@@ -12,21 +12,22 @@ <h1>HTML-фрагменты</h1>
     >
       posthtml-include
     </a>
-    позволяет добавлять в HTML-файлы страниц код из других HTML-файлов (фрагментов). Фрагменты
-    хранятся в папке
-    <code>src/partials</code>. Добавление происходит при компиляции файлов страниц, например
-    <code>index.html</code>.
+    позволяет добавлять в HTML-файлы страниц код из других HTML-файлов
+    (фрагментов). Фрагменты хранятся в папке
+    <code>src/partials</code>. Добавление происходит при компиляции файлов
+    страниц, например <code>index.html</code>.
   </p>
 
   <p>
-    Этот файл <code>example.html</code> &mdash; пример такого фрагмента, с разметкой определённой
-    части главной страницы. Это очень удобно при командной разработке на студенческих проектах,
-    когда в одном HTML-файле пишет несколько человек сразу.
+    Этот файл <code>example.html</code> &mdash; пример такого фрагмента, с
+    разметкой определённой части главной страницы. Это очень удобно при
+    командной разработке на студенческих проектах, когда в одном HTML-файле
+    пишет несколько человек сразу.
   </p>
 
   <p>
     Синтаксис добавление фрагмента в главный файл:
-    <code> &lt;include src="./partials/имя-файла.html"&gt;&lt;/include&gt; </code>
+    <code> &lt;include src="./partials/имя-файла.html" /&gt;</code>
   </p>
 
   <div class="background"></div>

diff --git a/src/sass/_example.scss b/src/sass/_example.scss
@@ -3,7 +3,7 @@
     Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   line-height: 1.5;
   background-color: #fff;
-  color: #424242;
+  color: #2f2f37;
   max-width: 960px;
   padding: 16px;
 }
@@ -12,7 +12,7 @@
   font-family: monospace;
   font-size: 16px;
   font-weight: 700;
-  background-color: #009688;
+  background-color: #ff6b0a;
   color: #fff;
   padding: 2px 6px;
   border-radius: 2px;
@@ -21,7 +21,7 @@
 .example .background {
   height: 240px;
   // Путь к изображениям из SASS-файла всегда такой, как из папки css
-  background-image: url('../images/demo.jpg');
+  background-image: url('../images/logo.png');
   background-size: cover;
   background-position: center;
 }