From fb347f3205770ed8a8561d761b18122c32830046 Mon Sep 17 00:00:00 2001
From: Lucas Josino <contact@lucasjosino.com>
Date: Sun, 10 Sep 2023 11:06:57 -0300
Subject: [PATCH 1/5] feat: Reduce background opacity from alert and header

---
 src/components/core/Alert/Alert.module.css | 2 +-
 src/layout/Header/Header.module.css        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/core/Alert/Alert.module.css b/src/components/core/Alert/Alert.module.css
index 0249768..93da613 100644
--- a/src/components/core/Alert/Alert.module.css
+++ b/src/components/core/Alert/Alert.module.css
@@ -2,7 +2,7 @@
   height: fit-content;
   width: 100%;
   padding: 1rem 0;
-  background-color: rgba(var(--background-rgb), 0.5);
+  background-color: rgba(var(--background-rgb), 0.3);
   backdrop-filter: blur(2px);
 }
 
diff --git a/src/layout/Header/Header.module.css b/src/layout/Header/Header.module.css
index 0262efb..7a7472f 100644
--- a/src/layout/Header/Header.module.css
+++ b/src/layout/Header/Header.module.css
@@ -7,7 +7,7 @@
   align-items: center;
   justify-content: space-between;
   padding: 0 4rem;
-  background-color: rgba(var(--background-rgb), 0.5);
+  background-color: rgba(var(--background-rgb), 0.3);
   backdrop-filter: blur(2px);
   top: 0;
   left: 0;

From 928142587a1b7f9f104ce30de99958eb10191d63 Mon Sep 17 00:00:00 2001
From: Lucas Josino <contact@lucasjosino.com>
Date: Sun, 10 Sep 2023 11:07:25 -0300
Subject: [PATCH 2/5] feat: Add background effect into layout container

---
 src/layout/Layout/index.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/layout/Layout/index.tsx b/src/layout/Layout/index.tsx
index 67b9d77..28ee12e 100644
--- a/src/layout/Layout/index.tsx
+++ b/src/layout/Layout/index.tsx
@@ -105,14 +105,12 @@ export default function Layout({
         <title>{metadata.title}</title>
       </Head>
       <main className={styles.main}>
-        <BackgroundEffect />
         <Header />
         <Alert id="poweredBy">
           <Icon icon="mdi:information" />
           This library is powered by the{' '}
           <Link.Simple
-            showIcon={false}
-            href=""
+            href="https://hawapi.theproject.id/"
             name="HawAPI - A Free and Open Source API
             for Stranger Things"
           />
@@ -124,6 +122,7 @@ export default function Layout({
             justifyContent: isCentered ? 'center' : undefined,
           }}
         >
+          <BackgroundEffect />
           {children}
         </div>
       </main>

From 598454036b48eca285071979a04218b0130fc212 Mon Sep 17 00:00:00 2001
From: Lucas Josino <contact@lucasjosino.com>
Date: Sun, 10 Sep 2023 11:07:41 -0300
Subject: [PATCH 3/5] feat: Update background color

---
 src/styles/globals.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/styles/globals.css b/src/styles/globals.css
index 10623dd..f7d8cb6 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -10,8 +10,8 @@
     'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 
   --foreground: #fff;
-  --foreground-rgb: 255, 255, 255;
-  --background: #000;
+  --foreground-rgb: 15, 15, 15;
+  --background: #0f0f0f;
   --background-rgb: 0, 0, 0;
 }
 

From 0941f0cdaad539e9bb06b10a807ddfb7d3b03de1 Mon Sep 17 00:00:00 2001
From: Lucas Josino <contact@lucasjosino.com>
Date: Sun, 10 Sep 2023 11:09:32 -0300
Subject: [PATCH 4/5] feat: Add gap between description items

---
 src/styles/HomePage.module.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/styles/HomePage.module.css b/src/styles/HomePage.module.css
index bf53310..958d540 100644
--- a/src/styles/HomePage.module.css
+++ b/src/styles/HomePage.module.css
@@ -9,6 +9,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  gap: 0.2rem;
 }
 
 .links {

From 325dc42aecc69abae79e70f3521c8ee63b109a9c Mon Sep 17 00:00:00 2001
From: Lucas Josino <contact@lucasjosino.com>
Date: Sun, 10 Sep 2023 11:09:53 -0300
Subject: [PATCH 5/5] refactor: Small updates

---
 .../core/BackgroundEffect/BackgroundEffect.module.css       | 3 +--
 src/pages/index.tsx                                         | 6 +++++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/core/BackgroundEffect/BackgroundEffect.module.css b/src/components/core/BackgroundEffect/BackgroundEffect.module.css
index 07ace0a..a67dfdf 100644
--- a/src/components/core/BackgroundEffect/BackgroundEffect.module.css
+++ b/src/components/core/BackgroundEffect/BackgroundEffect.module.css
@@ -1,9 +1,8 @@
 .background {
-  width: 100%;
   height: 0px;
   border-left: 32rem solid transparent;
   border-right: 32rem solid transparent;
-  border-top: 90vh solid red;
+  border-top: 70vh solid red;
   filter: blur(120px);
   top: 0;
   opacity: 0.15;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 6ffa143..cd50397 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -9,7 +9,11 @@ export default function HomePage() {
       <Title.Effect title="Hawbrary" />
       <p className={styles.description}>
         A Showcase for the{' '}
-        <Link.Simple href="https://github.com/HawAPI/HawAPI" name="HawAPI" />{' '}
+        <Link.Simple
+          showIcon={false}
+          href="https://github.com/HawAPI/HawAPI"
+          name="HawAPI"
+        />{' '}
         project
       </p>
       <span className={styles.links}>