Remove docs. Make it better

src/components/HomepageFeatures/index.js

@@ -6,7 +6,7 @@ const FeatureList = [
   {
     title: 'Blog',
     link: 'blog',
-    Svg: require('@site/static/img/blog.svg').default,
+    Svg: require('@site/static/icons/blog.svg').default,
     description: (
       <>
         Some notes, interesting things and projects.
@@ -14,12 +14,62 @@ const FeatureList = [
     ),
   },
   {
-    title: 'Homelab Documented',
-    link: 'docs/homelab',
-    Svg: require('@site/static/img/homelab.svg').default,
+    title: 'Git',
+    link: 'https://git.nicelycomposed.codes/yehor',
+    Svg: require('@site/static/icons/gitea.svg').default,
     description: (
       <>
-        Here I'm trying my best in documenting my home servers and self-hosted services.
+        My code
+      </>
+    ),
+  },
+  {
+    title: 'Mastodon',
+    link: 'https://techhub.social/@estevez',
+    Svg: require('@site/static/icons/mastodon.svg').default,
+    description: (
+      <>
+        My micro blog at techhub.social
+      </>
+    ),
+  },
+  {
+    title: 'Matrix',
+    link: 'https://matrix.to/#/@yehor:vi.place',
+    Svg: require('@site/static/icons/matrix.svg').default,
+    description: (
+      <>
+        If you want to chat
+      </>
+    ),
+  },
+  {
+    title: 'GitHub',
+    link: 'https://github.com/estevez-dev',
+    Svg: require('@site/static/icons/github.svg').default,
+    description: (
+      <>
+        Some forks and contributions
+      </>
+    ),
+  },
+  {
+    title: 'Untappd',
+    link: 'https://untappd.com/user/estevezz',
+    Svg: require('@site/static/icons/untappd.svg').default,
+    description: (
+      <>
+        Budmo!
+      </>
+    ),
+  },
+  {
+    title: 'Linkedin',
+    link: 'https://www.linkedin.com/in/yehor-vialov-2a362158/',
+    Svg: require('@site/static/icons/linkedin.svg').default,
+    description: (
+      <>
+        They say I need this to find any work
       </>
     ),
   },
@@ -28,10 +78,10 @@ const FeatureList = [
 function Feature({ Svg, title, link, description }) {
   return (
 
-    <div className={clsx('col col--6')}>
+    <div className={clsx('col col--3')}>
       <div className="text--center">
-        <a href={link} className={styles.featureLink}>
-          <Svg className={styles.featureSvg} role="img" />
+        <a href={link} target='_blank' className={styles.featureLink}>
+          <Svg fill="currentColor" className={styles.featureSvg} role="img" />
         </a>
       </div>
       <a href={link} className={styles.featureLink}>