From 2f9375e8b7654057acefbc0aefaa3d81b9b6d412 Mon Sep 17 00:00:00 2001
From: Pawel Kosiec <pawel.kosiec@gmail.com>
Date: Fri, 27 Sep 2024 12:38:00 +0200
Subject: [PATCH] Replace emojis with Remix icons

---
 src/pages/index.module.css      |  9 ++++++++-
 src/pages/index.tsx             | 16 ++++++++++++++--
 static/images/chat-icon.svg     |  1 +
 static/images/terminal-icon.svg |  1 +
 4 files changed, 24 insertions(+), 3 deletions(-)
 create mode 100644 static/images/chat-icon.svg
 create mode 100644 static/images/terminal-icon.svg

diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 973ad812..ec76b3e8 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -24,10 +24,17 @@
 }
 
 .list {
-  padding-left: 2rem;
+  padding-left: 1rem;
 }
 
 .image {
   border-radius: 6px;
   border: 1px solid var(--ifm-color-secondary);
 }
+
+.icon {
+  display: inline-block;
+  width: 1em;
+  position: relative;
+  top: 4px;
+}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 72bc30a0..e45457c5 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -5,6 +5,8 @@ import Layout from "@theme/Layout";
 import Heading from "@theme/Heading";
 import { CardTutorial } from "@site/src/components/Card/Tutorial";
 import styles from "./index.module.css";
+import ChatIcon from "@site/static/images/chat-icon.svg";
+import TerminalIcon from "@site/static/images/terminal-icon.svg";
 
 function HomepageHeader() {
   const { siteConfig } = useDocusaurusContext();
@@ -34,7 +36,12 @@ export default function Home(): JSX.Element {
               body={
                 <div className="row">
                   <div className="col col--6">
-                    <Heading as="h2">🖥️ Fuse CLI</Heading>
+                    <Heading as="h2">
+                      <span className={styles.icon}>
+                        <TerminalIcon />
+                      </span>{" "}
+                      Fuse CLI
+                    </Heading>
                     <ul className={styles.list}>
                       <li>
                         <b>Quick Setup:</b> Get up and running in seconds with minimal configuration
@@ -68,7 +75,12 @@ export default function Home(): JSX.Element {
               body={
                 <div className="row">
                   <div className="col col--6">
-                    <Heading as="h2">💬 Chat Platform</Heading>
+                    <Heading as="h2">
+                      <span className={styles.icon}>
+                        <ChatIcon />
+                      </span>{" "}
+                      Chat Platform
+                    </Heading>
                     <ul className={styles.list}>
                       <li>
                         <b>Real-Time Collaboration:</b> Receive alerts and troubleshoot with your team in Slack or
diff --git a/static/images/chat-icon.svg b/static/images/chat-icon.svg
new file mode 100644
index 00000000..2b056b80
--- /dev/null
+++ b/static/images/chat-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5.76282 17H20V5H4V18.3851L5.76282 17ZM6.45455 19L2 22.5V4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V18C22 18.5523 21.5523 19 21 19H6.45455Z"></path></svg>
\ No newline at end of file
diff --git a/static/images/terminal-icon.svg b/static/images/terminal-icon.svg
new file mode 100644
index 00000000..6ff6658c
--- /dev/null
+++ b/static/images/terminal-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM4 5V19H20V5H4ZM12 15H18V17H12V15ZM8.66685 12L5.83842 9.17157L7.25264 7.75736L11.4953 12L7.25264 16.2426L5.83842 14.8284L8.66685 12Z"></path></svg>
\ No newline at end of file