From ca117e581a205ee5e7a6ace491a76a2507f79709 Mon Sep 17 00:00:00 2001
From: Liviu Ionescu <ilg@livius.net>
Date: Fri, 10 Jan 2025 01:07:20 +0200
Subject: [PATCH] website: updates

---
 website/docusaurus.config.ts                  |  2 +-
 .../src/components/HomepageFeatures/index.tsx | 21 ++++++----
 website/src/css/custom.css                    | 40 +++++++++++++++++++
 .../static/img/bulb-on-svgrepo-com-dark.svg   | 11 +++++
 website/static/img/bulb-on-svgrepo-com.svg    | 11 +++++
 5 files changed, 76 insertions(+), 9 deletions(-)
 create mode 100644 website/static/img/bulb-on-svgrepo-com-dark.svg
 create mode 100644 website/static/img/bulb-on-svgrepo-com.svg

diff --git a/website/docusaurus.config.ts b/website/docusaurus.config.ts
index 8fc5e6a..38d2dc6 100644
--- a/website/docusaurus.config.ts
+++ b/website/docusaurus.config.ts
@@ -266,7 +266,7 @@ const config: Config = {
         },
         {
           type: 'dropdown',
-          label: 'Getting Started',
+          label: 'Documentation',
           to: 'docs/getting-started',
           position: 'left',
           items: [
diff --git a/website/src/components/HomepageFeatures/index.tsx b/website/src/components/HomepageFeatures/index.tsx
index 70334d7..9cd4a59 100644
--- a/website/src/components/HomepageFeatures/index.tsx
+++ b/website/src/components/HomepageFeatures/index.tsx
@@ -78,14 +78,19 @@ function Feature({title, Svg, description}: FeatureItem) {
 
 export default function HomepageFeatures(): JSX.Element {
   return (
-    <section className={styles.features}>
-      <div className="container">
-        <div className="row">
-          {FeatureList.map((props, idx) => (
-            <Feature key={idx} {...props} />
-          ))}
+    <>
+      <section className={styles.features}>
+        <div className="container">
+          <div className="row">
+            {FeatureList.map((props, idx) => (
+              <Feature key={idx} {...props} />
+            ))}
+          </div>
         </div>
+      </section>
+      <div className="text--center">
+        <h2><Link to="/docs/getting-started/"><span className="getting-started-link">Getting Started!</span></Link></h2>
       </div>
-    </section>
-  );
+    </>
+);
 }
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index db906a3..de6e1e5 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -93,6 +93,46 @@ h2[class*="title"]
     no-repeat;
 }
 
+.getting-started-link::before {
+  content: '';
+  width: 36px;
+  height: 36px;
+  display: inline-flex;
+  vertical-align: bottom;
+  margin-right: 0.5em;
+  background: url("/img/bulb-on-svgrepo-com.svg") no-repeat;
+}
+
+.getting-started-link::after {
+  content: '\0000a0 ';
+  width: 36px;
+  height: 36px;
+  display: inline-flex;
+  vertical-align: bottom;
+  margin-left: 0.5em;
+  background: url("/img/bulb-on-svgrepo-com.svg") no-repeat;
+}
+
+[data-theme='dark'] .getting-started-link::before {
+  content: '';
+  width: 36px;
+  height: 36px;
+  display: inline-flex;
+  vertical-align: bottom;
+  margin-right: 0.5em;
+  background: url("/img/bulb-on-svgrepo-com-dark.svg") no-repeat;
+}
+
+[data-theme='dark'] .getting-started-link::after {
+  content: '\0000a0 ';
+  width: 36px;
+  height: 36px;
+  display: inline-flex;
+  vertical-align: bottom;
+  margin-left: 0.5em;
+  background: url("/img/bulb-on-svgrepo-com-dark.svg") no-repeat;
+}
+
 /* --- */
 
 .header-github-link:hover {
diff --git a/website/static/img/bulb-on-svgrepo-com-dark.svg b/website/static/img/bulb-on-svgrepo-com-dark.svg
new file mode 100644
index 0000000..f444842
--- /dev/null
+++ b/website/static/img/bulb-on-svgrepo-com-dark.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 7C9.23858 7 7 9.23858 7 12C7 13.3613 7.54402 14.5955 8.42651 15.4972C8.77025 15.8484 9.05281 16.2663 9.14923 16.7482L9.67833 19.3924C9.86537 20.3272 10.6862 21 11.6395 21H12.3605C13.3138 21 14.1346 20.3272 14.3217 19.3924L14.8508 16.7482C14.9472 16.2663 15.2297 15.8484 15.5735 15.4972C16.456 14.5955 17 13.3613 17 12C17 9.23858 14.7614 7 12 7Z" stroke="white" stroke-width="2"/>
+<path d="M12 4V3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18 6L19 5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20 12H21" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 12H3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 5L6 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 17H14" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path opacity="0.1" d="M7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12C17 13.3613 16.456 14.5955 15.5735 15.4972C15.2297 15.8484 14.9472 16.2663 14.8508 16.7482L14.8004 17H9.19961L9.14923 16.7482C9.05281 16.2663 8.77025 15.8484 8.42651 15.4972C7.54402 14.5955 7 13.3613 7 12Z" fill="white"/>
+</svg>
diff --git a/website/static/img/bulb-on-svgrepo-com.svg b/website/static/img/bulb-on-svgrepo-com.svg
new file mode 100644
index 0000000..b5c2f40
--- /dev/null
+++ b/website/static/img/bulb-on-svgrepo-com.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 7C9.23858 7 7 9.23858 7 12C7 13.3613 7.54402 14.5955 8.42651 15.4972C8.77025 15.8484 9.05281 16.2663 9.14923 16.7482L9.67833 19.3924C9.86537 20.3272 10.6862 21 11.6395 21H12.3605C13.3138 21 14.1346 20.3272 14.3217 19.3924L14.8508 16.7482C14.9472 16.2663 15.2297 15.8484 15.5735 15.4972C16.456 14.5955 17 13.3613 17 12C17 9.23858 14.7614 7 12 7Z" stroke="black" stroke-width="2"/>
+<path d="M12 4V3" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18 6L19 5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20 12H21" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 12H3" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 5L6 6" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 17H14" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path opacity="0.1" d="M7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12C17 13.3613 16.456 14.5955 15.5735 15.4972C15.2297 15.8484 14.9472 16.2663 14.8508 16.7482L14.8004 17H9.19961L9.14923 16.7482C9.05281 16.2663 8.77025 15.8484 8.42651 15.4972C7.54402 14.5955 7 13.3613 7 12Z" fill="black"/>
+</svg>