From 456b1e87c2b2e9871e810ce37c21c6449c871ecc Mon Sep 17 00:00:00 2001
From: Commandcracker <49335821+Commandcracker@users.noreply.github.com>
Date: Mon, 25 Nov 2024 22:38:20 +0100
Subject: [PATCH] Update homepage and make everything orange (#337)

---
 docs/.vitepress/theme/style.css | 16 ++++++++--------
 docs/index.md                   | 13 ++++++++++---
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
index d63aee82d..df89f5aac 100644
--- a/docs/.vitepress/theme/style.css
+++ b/docs/.vitepress/theme/style.css
@@ -49,10 +49,10 @@
   --vp-c-default-3: var(--vp-c-gray-3);
   --vp-c-default-soft: var(--vp-c-gray-soft);
 
-  --vp-c-brand-1: var(--vp-c-indigo-1);
-  --vp-c-brand-2: var(--vp-c-indigo-2);
-  --vp-c-brand-3: var(--vp-c-indigo-3);
-  --vp-c-brand-soft: var(--vp-c-indigo-soft);
+  --vp-c-brand-1: #ff9800;
+  --vp-c-brand-2: #fb8c00;
+  --vp-c-brand-3: #f57c00;
+  --vp-c-brand-soft: rgba(255, 152, 0, .16);
 
   --vp-c-tip-1: var(--vp-c-brand-1);
   --vp-c-tip-2: var(--vp-c-brand-2);
@@ -94,14 +94,14 @@
   --vp-home-hero-name-color: transparent;
   --vp-home-hero-name-background: -webkit-linear-gradient(
     120deg,
-    #bd34fe 30%,
-    #41d1ff
+    #ff9800 30%,
+    #fb8c00
   );
 
   --vp-home-hero-image-background-image: linear-gradient(
     -45deg,
-    #bd34fe 50%,
-    #47caff 50%
+    #ff9800 50%,
+    #fb8c00 50%
   );
   --vp-home-hero-image-filter: blur(44px);
 }
diff --git a/docs/index.md b/docs/index.md
index e7665b3b6..6ad392caa 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -6,6 +6,9 @@ hero:
   name: 'Pumpkin'
   text: 'Minecraft Server'
   tagline: Empowering everyone to host fast and efficient Minecraft servers
+  image:
+    src: /assets/icon.png
+    alt: Pumpkin
   actions:
     - theme: brand
       text: Quick Start
@@ -18,10 +21,14 @@ hero:
       link: /developer/introduction
 
 features:
-  - title: Written in Rust
+  # Need to add the svg here instead of using src because then it won't have the box around it
+  - icon: <svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -20 146 146"><g transform="translate(53 53)"><path stroke="#000" stroke-linejoin="round" d="M-8.5-14.5h13c8 0 8 8 0 8h-13Zm-31 37h40v-11h-9v-8h10c11 0 5 19 14 19h25v-19h-6v2c0 8-9 7-10 2s-5-9-6-9c15-8 6-24-6-24h-47v11h10v26h-15Z"/><g mask="url(#a)"><circle r="43" fill="none" stroke="#000" stroke-width="9"/><path id="b" stroke="#000" stroke-linejoin="round" stroke-width="3" d="m46 3 5-3-5-3z"/><use href="#b" transform="rotate(11.3)"/><use href="#b" transform="rotate(22.5)"/><use href="#b" transform="rotate(33.8)"/><use href="#b" transform="rotate(45)"/><use href="#b" transform="rotate(56.3)"/><use href="#b" transform="rotate(67.5)"/><use href="#b" transform="rotate(78.8)"/><use href="#b" transform="rotate(90)"/><use href="#b" transform="rotate(101.3)"/><use href="#b" transform="rotate(112.5)"/><use href="#b" transform="rotate(123.8)"/><use href="#b" transform="rotate(135)"/><use href="#b" transform="rotate(146.3)"/><use href="#b" transform="rotate(157.5)"/><use href="#b" transform="rotate(168.8)"/><use href="#b" transform="rotate(180)"/><use href="#b" transform="rotate(191.3)"/><use href="#b" transform="rotate(202.5)"/><use href="#b" transform="rotate(213.8)"/><use href="#b" transform="rotate(225)"/><use href="#b" transform="rotate(236.3)"/><use href="#b" transform="rotate(247.5)"/><use href="#b" transform="rotate(258.8)"/><use href="#b" transform="rotate(270)"/><use href="#b" transform="rotate(281.3)"/><use href="#b" transform="rotate(292.5)"/><use href="#b" transform="rotate(303.8)"/><use href="#b" transform="rotate(315)"/><use href="#b" transform="rotate(326.3)"/><use href="#b" transform="rotate(337.5)"/><use href="#b" transform="rotate(348.8)"/><path id="c" stroke="#000" stroke-linejoin="round" stroke-width="6" d="m-7-42 7 7 7-7z"/><use href="#c" transform="rotate(72)"/><use href="#c" transform="rotate(144)"/><use href="#c" transform="rotate(216)"/><use href="#c" transform="rotate(288)"/></g><mask id="a"><path fill="#fff" d="M-60-60H60V60H-60z"/><circle id="d" cy="-40" r="3"/><use href="#d" transform="rotate(72)"/><use href="#d" transform="rotate(144)"/><use href="#d" transform="rotate(216)"/><use href="#d" transform="rotate(288)"/></mask></g></svg>
+    title: Written in Rust
     details: Pumpkin is written 100% in Rust, ensuring memory safety and unmatched performance.
-  - title: Feature complete
+  - icon: 📋
+    title: Feature complete
     details: With all vanilla features supported, you will have no issues.
-  - title: Flexibility
+  - icon: ⚙️
+    title: Flexibility
     details: Highly configurable, with the ability to disable unnecessary features.
 ---