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

docusaurus.config.js

@@ -92,12 +92,12 @@ const config = {
         style: 'dark',
         copyright: `Copyright © ${new Date().getFullYear()} SantaSpeen`,
       },
-      algolia: {
-        appId: process.env.ALGOLIA_APP_ID,
-        apiKey: process.env.ALGOLIA_API_KEY,
-        indexName: process.env.ALGOLIA_INDEX_NAME,
-        searchParameters: {},
-      },
+      // algolia: {
+      //   appId: process.env.ALGOLIA_APP_ID,
+      //   apiKey: process.env.ALGOLIA_API_KEY,
+      //   indexName: process.env.ALGOLIA_INDEX_NAME,
+      //   searchParameters: {},
+      // },
       prism: {
         additionalLanguages: ['bash', 'diff', 'json'],
         // darkTheme: darkCodeTheme,

package-lock.json

@@ -1,11 +1,11 @@
 {
-  "name": "akmalov.com",
+  "name": "santaspeen.ru",
   "version": "1.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "akmalov.com",
+      "name": "santaspeen.ru",
       "version": "1.0.0",
       "dependencies": {
         "@docusaurus/core": "^3.0.1",

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>
   );
 }