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

src/components/HomepageFeatures/styles.module.css

@@ -6,8 +6,12 @@
 }
 
 .featureSvg {
-  height: 200px;
-  width: 200px;
+  height: 100px;
+  width: 100px;
+}
+
+.featureSvg path {
+  fill: var(--ifm-link-color) !important;
 }
 
 .featureLink {

src/pages/index.js

@@ -16,7 +16,7 @@ function HomepageHeader() {
           Yehor Vialov
         </Heading>
         <p className="hero__subtitle">Public Profiles</p>
-        <div className={styles.buttons}>
+        {/* <div className={styles.buttons}>
           <Link
             className="button button--secondary button--lg"
             to="https://git.nicelycomposed.codes/yehor">
@@ -27,11 +27,6 @@ function HomepageHeader() {
             to="https://techhub.social/@estevez">
             Mastodon
           </Link>
-          <Link
-            className="button button--secondary button--lg"
-            to="https://pixelfed.social/estevez">
-            Pixelfed
-          </Link>
           <Link
             className="button button--secondary button--lg"
             to="https://github.com/estevez-dev">
@@ -47,7 +42,7 @@ function HomepageHeader() {
             to="https://www.linkedin.com/in/yehor-vialov-2a362158/">
             LinkedIn
           </Link>
-        </div>
+        </div> */}
       </div>
     </header>
   );