Add Pixelfed. Remove Matrix

blog/2023-10-31-hosting-ghost-blog-on-synology-nas/index.md

@@ -8,7 +8,7 @@ Do you want to know how and where RandomPlace is hosted? Or do you just want to
 
 :::info
 
-This post is from the past. From far away times when this website had another domain, another name and another hosting place. For current setup, please see [HomeLab](/docs/homelab).
+This post is from the past. From far away times when this website had another domain, another name and another hosting place.
 
 Still, this guide can be useful.
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "yevi-org",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "private": true,
   "scripts": {
     "docusaurus": "docusaurus",

src/components/HomepageFeatures/index.js

@@ -34,12 +34,12 @@ const FeatureList = [
     ),
   },
   {
-    title: 'Matrix',
-    link: 'https://matrix.to/#/@yehor:vi.place',
-    Svg: require('@site/static/icons/matrix.svg').default,
+    title: 'Pixelfed',
+    link: 'https://pixelfed.social/estevez',
+    Svg: require('@site/static/icons/pixelfed.svg').default,
     description: (
       <>
-        If you want to chat
+        My photos
       </>
     ),
   },
@@ -78,7 +78,7 @@ const FeatureList = [
 function Feature({ Svg, title, link, description }) {
   return (
 
-    <div className={clsx('col col--3')}>
+    <div className={clsx('col col--3', styles.featureBlock)}>
       <div className="text--center">
         <a href={link} target='_blank' className={styles.featureLink}>
           <Svg fill="currentColor" className={styles.featureSvg} role="img" />

src/components/HomepageFeatures/styles.module.css

@@ -5,6 +5,10 @@
   width: 100%;
 }
 
+.featureBlock {
+  padding-bottom: 1rem;
+}
+
 .featureSvg {
   height: 100px;
   width: 100px;

src/css/custom.css

@@ -30,4 +30,16 @@
   --ifm-color-primary-lightest: #d1b2d1;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
   --ifm-link-color: var(--ifm-color-primary-darker);
+}
+
+@media (max-width: 996px) {
+  .col {
+    --ifm-col-width: 50%;
+  }
+}
+
+@media (max-width: 500px) {
+  .col {
+    --ifm-col-width: 100%;
+  }
 }

src/pages/index.js

@@ -15,7 +15,7 @@ function HomepageHeader() {
         <Heading as="h1" className="hero__title">
           Yehor Vialov
         </Heading>
-        <p className="hero__subtitle">Public Profiles</p>
+        <p className="hero__subtitle">Public profiles and publications</p>
         {/* <div className={styles.buttons}>
           <Link
             className="button button--secondary button--lg"

static/icons/pixelfed.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="-10 -5 1034 1034" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" fill="#000000">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+