Search engine - now additionals!; Optimize about and index.jsx

src/pages/about.mdx

@@ -15,12 +15,19 @@ export const Highlight = ({children, color}) => (
   </span>
 );
 
+export const SocialLink = ({ name, color, href, mail}) => (
+  <a href={mail ? `mailto:${mail}` : href} style={{ paddingRight: '4px' }} alt={name}>
+    <img src={`https://img.shields.io/badge/@${name}-${color}`} />
+  </a>
+);
+
+
 # О себе
 
-## Имя
-### Что делаешь
+## [Имя]
+### [Что делаешь]
 
-(Кратко о себе)
+[Кратко о себе]
 
 Изучаю инструменты и методологии <Highlight color="#339665">DevOps</Highlight> и программирование на <Highlight color="#306998">Python</Highlight>.
 
@@ -30,12 +37,9 @@ export const Highlight = ({children, color}) => (
 - 3
 - 4
 - 5
-- 6
-- 7
-- 8
 
 
-(И что-нибудь на последок)
+[И что-нибудь на последок]
 
 <br/>
 
@@ -48,16 +52,6 @@ export const Highlight = ({children, color}) => (
 #### ⤵️ Контакты
 
 <div>
-    <a href="https://t.me/SantaSpeen" alt="Telegram">
-      <img src="https://img.shields.io/badge/@telegram-blue" />
-    </a> <span> </span>
-    <a href="mailto:santaspeen@yandex.ru" alt="Gmail">
-      <img src="https://img.shields.io/badge/@yandex-yellow" />
-    </a>
+    <SocialLink href="https://t.me/SantaSpeen" name="Telegram" color="blue"></SocialLink>
+    <SocialLink mail="santaspeen@yandex.ru" name="Yandex" color="yellow"></SocialLink>
 </div>
-
-
-<br/>
-
-#### 📄 Сертификаты
-

src/pages/index.tsx

@@ -6,10 +6,12 @@ export default function Home(): JSX.Element {
   const {siteConfig} = useDocusaurusContext();
   return (
     <Layout title={`Personal Blog ${siteConfig.title}`}>
-      <div style={{textAlign: "center"}}>
-        <h1>Скорее всего вы тут оказались случайно!</h1>
-        <a href='/blog' style={{color: 'blue'}}>Перейдите в блог по этой ссылке</a>
-      </div>
+    <div style={{ textAlign: "center", position: 'relative', minHeight: '94vh', display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>
+      <h1>Скорее всего вы тут оказались случайно!</h1>
+      <a href='/blog' style={{ color: 'blue' }}>Перейдите в блог по этой ссылке</a>
+      <div style={{ position: 'relative', minHeight: '80vh' }}></div>
+      <p style={{ bottom: 0 }}>Тут могла бы быть ваша реклама, но я не продаю места</p>
+    </div>
     </Layout>
   );
 }