Update docs (#92)

README.md

@@ -14,7 +14,9 @@ You don't need to learn any new classes or special syntax. All magic actions and
 <img src="https://user-images.githubusercontent.com/12834123/252498170-61e5a440-c2b5-42ea-8bfb-91ee12248422.png#gh-dark-mode-only" width=600>
 </p>
 
+<div align="center">
 ## [Documentation](https://open-tool.github.io/ultron/) | [Releases](https://github.com/open-tool/ultron/releases) | [Telegram](https://t.me/ultron_framework)
+</div>
 
 ## What are the benefits of using the framework?
 

docs/docusaurus.config.ts

@@ -57,9 +57,10 @@ const config: Config = {
           label: 'Docs',
         },
         {
-          label: 'Telegram',
           href: 'https://t.me/ultron_framework',
           position: 'right',
+          className: 'header-telegram-link',
+          'aria-label': 'Telegram',
         },
         {
           href: 'https://github.com/open-tool/ultron',

docs/src/components/HomepageFeatures/index.tsx

@@ -42,10 +42,10 @@ const FeatureList: FeatureItem[] = [
     ),
     description: (
       <>
+        <p>Page Object support</p>
         <p>Allure support</p>
         <p>Detailed logs</p>
         <p>Extendable API</p>
-        <p>An architectural approach to developing UI tests</p>
       </>
     ),
   },

docs/src/css/custom.css

@@ -17,6 +17,7 @@
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 } */
 
+
 :root {
   --ifm-color-primary: #233a60;
   --ifm-color-primary-dark: #29784c;
@@ -59,4 +60,20 @@
 
 .header-github-link:hover::before {
   background-color: var(--ifm-navbar-link-hover-color);
-}
+}
+
+.header-telegram-link {
+  display: flex;
+  align-items: center;
+}
+
+.header-telegram-link::before {
+  content: '';
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  background-image: url('/img/telegram-icon.svg');
+  background-size: contain;
+  background-repeat: no-repeat;
+  margin-right: 8px;
+}