docs: add readme

MalakhN · Mar 30, 2024 · ebabe29 · ebabe29
1 parent 7b2aa0c
commit ebabe29
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -0,0 +1,23 @@
+# Hard to concentrate
+**Adaptive website with dark & light theme - training project**
+
+### Description
+The layout of a one-page website on the topic of concentration of attention.<br>
+The site is designed to be compatible with different devices and adjusts to the default theme on the user's device.<br>
+The site also provides the user with the option to independently select a design theme (light or dark).
+
+## Technologies
+- Flexbox
+- Grid
+- Variables
+- BEM
+- SEO
+    - alt tags of images
+    - semantic tags for markup of titles and main text
+    - text information is available for indexing
+
+## Design
+[Site layout on Figma](https://www.figma.com/file/iE0aApPm3nuRNifklIL0bA/%236-%D0%A1%D0%BB%D0%BE%D0%B6%D0%BD%D0%BE-%D1%81%D0%BE%D1%81%D1%80%D0%B5%D0%B4%D0%BE%D1%82%D0%BE%D1%87%D0%B8%D1%82%D1%8C%D1%81%D1%8F?type=design&node-id=0%3A1&mode=design&t=Nvn6qAXZ9zOt1kdb-1 "Figma layout")
+
+## Deployment
+[Link to the project](https://slozhno-sosredotochitsya-lime.vercel.app/)
diff --git a/index.html b/index.html
@@ -9,11 +9,11 @@
     <link rel="icon" href="./images/favicon.ico" sizes="any" />
     <link rel="icon" href="./images/favicon.svg" type="image/svg+xml" />
     <link rel="apple-touch-icon" href="./images/mobile-icon.png" />
-    <link rel="stylesheet" href="./fonts/fonts.css" />
     <link rel="stylesheet" href="./styles/variables.css" />
     <link rel="stylesheet" href="./styles/style.css" />
     <link rel="stylesheet" href="./styles/dark.css" />
     <link rel="stylesheet" href="./styles/light.css" />
+    <link rel="stylesheet" href="./fonts/fonts.css" />
   </head>
   <body class="page">
     <header class="header decorated-zone">
@@ -43,7 +43,7 @@
           </li>
         </ul>
       </nav>
-      <span class="header__rec" aria-hidden="undefined">REC</span>
+      <span class="header__rec" aria-hidden="true">REC</span>
       <h1 class="main__title">no focus</h1>
       <p class="title-decor heading header__subtitle">
         Что делать, когда не&nbsp;можешь делать ничего<br>