From 93e700eefe67198909eab191c906d39abc66576e Mon Sep 17 00:00:00 2001
From: codeKraken <160219759+codeKraken19@users.noreply.github.com>
Date: Mon, 1 Apr 2024 17:30:46 +0000
Subject: [PATCH 1/8] [UI] clear whitespace

Signed-off-by: codeKraken <160219759+codeKraken19@users.noreply.github.com>
---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index faf2e7d..9afddd9 100644
--- a/README.md
+++ b/README.md
@@ -24,6 +24,7 @@ Find out more on the <a href="https://layer5.io/community">Layer5 community</a>.
 <div>&nbsp;</div>
 
 
+
 <a href="https://slack.meshery.io">
 
 <picture align="right">

From f85b909093df9d1a8c6b0026af4e1a9af7b1d043 Mon Sep 17 00:00:00 2001
From: codeKraken <160219759+codeKraken19@users.noreply.github.com>
Date: Tue, 2 Apr 2024 17:31:51 +0000
Subject: [PATCH 2/8] [UI] remove dead code

Signed-off-by: codeKraken <160219759+codeKraken19@users.noreply.github.com>
---
 site/src/App.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/site/src/App.js b/site/src/App.js
index 9587246..331da26 100644
--- a/site/src/App.js
+++ b/site/src/App.js
@@ -43,8 +43,7 @@ const App = () => {
               style={{ margin: "auto" }}
               className="embedVideo"
             />
-            {/* <p className="caption">Launch and learn with Meshery</p>
-            <p className="byline">The cloud native playground contains a set of learning paths that incorporate an application networking centric curriculum featuring training on 200+ integrations.</p> */}
+         
           </section>
           <section className="form" id="signup-form">
              <SignupForm onSubmit={handleSignUpFormSubmit}  />

From 36b3cdc76a5a04880d584a14cb45c338f15acfc3 Mon Sep 17 00:00:00 2001
From: codeKraken <160219759+codeKraken19@users.noreply.github.com>
Date: Wed, 3 Apr 2024 17:35:41 +0000
Subject: [PATCH 3/8] [UI] add shared components

Signed-off-by: codeKraken <160219759+codeKraken19@users.noreply.github.com>
---
 site/src/components/shared/discuss.style.js | 161 ++++++++++++++++++++
 1 file changed, 161 insertions(+)
 create mode 100644 site/src/components/shared/discuss.style.js

diff --git a/site/src/components/shared/discuss.style.js b/site/src/components/shared/discuss.style.js
new file mode 100644
index 0000000..d62b084
--- /dev/null
+++ b/site/src/components/shared/discuss.style.js
@@ -0,0 +1,161 @@
+import styled from "styled-components";
+
+const DiscussWrapper = styled.div`
+    background-color:none;
+    margin: 1.5rem 0.625rem 1rem;
+    overflow: hidden;
+    h2{
+        font-weight: 500;
+    }
+    h2 span{
+        color:#fff;
+    }
+    .logo{
+        width: 200px;
+    }
+    .explain {
+        padding-top: 0rem;
+        text-align: center;
+        p { 
+            text-align: center;
+            color: #fff;
+            padding: 0px 3.125rem;
+        }
+        h2 {
+            color: #fff;  
+        }
+        h1 {
+            padding: 1.25rem 0px;
+        }
+        .cards {
+            margin: 0.15rem auto 0 ;
+            max-width: 50rem;
+            padding: 1.5rem 2rem 0rem 2rem;
+            background-color: none;
+            border-radius: 25px;
+            .card {
+                -webkit-transition: 450ms all;
+                transition: 450ms all;
+                margin: auto;
+                background-color: #1E2117; 
+                border-radius: 25px;
+                overflow: hidden;
+                .parentcard {
+                    padding: 1.25rem;
+                }
+                p {
+                    text-align: center;
+                    padding: 0px 0px 1px 0px;
+                    letter-spacing: 0;
+                    font-size: 1.25rem;
+                }
+                h2 {
+                    text-align: center;
+                    font-size: 28px;
+                    text-transform:uppercase;
+                    clear: both;
+                    margin-bottom: 0rem;
+                    margin-top: 1rem;
+                }
+                &:hover,
+                &:focus {
+                   outline: none;
+                }
+                &:hover{
+                    transform: translateY(0.03rem);
+                    box-shadow: 0 2px 10px #00d3a9;
+                }
+                }
+            }
+        }
+    }
+
+    button{
+        color: #1E2117;
+        padding: 0.2em 1em;
+        border: 2px solid;
+        background: none;
+        transition: color 0.25s,border-color 0.25s,transform 0.25s,box-shadow 0.25s;
+        cursor: pointer;
+    }
+    @media only screen and (min-width: 990px){
+        @media only screen and (min-width: 1211px){
+            .explain {
+                .cards {
+                    padding: 0 0.5rem 1rem 0.5rem;
+                    .card {
+                        width: 23.25rem;
+                    }  
+                }
+            }
+        }
+        @media only screen and (max-width: 1210px){
+            .explain {
+                .cards {
+                    padding: 0 0.5rem 1rem 0.5rem;
+                        h2 {
+                            font-size: 25px;
+                            line-height: 35px;
+                        }
+                        p {
+                            font-size: 1.1rem;
+                        }
+                    }
+                }
+            }
+        }
+        @media only screen and (max-width: 1100px){
+            .explain {
+                .cards {
+                    padding: 0 0.5rem 1rem 0.5rem;
+                    .card {
+                        h2 {
+                            font-size: 22px;
+                            line-height: 32px;
+                        }
+                        p {
+                            font-size: 1rem;
+                            line-height: 23px;
+                        }
+                    }
+                }
+                button {
+                    padding: 0;
+                }
+            }
+        }
+    }
+    @media only screen and (max-width: 450px){
+        .explain {
+            .cards {
+                padding: 1rem 1rem 1rem 1rem;
+                .card {
+                    .parentcard {
+                        padding: 0.5rem;
+                    }
+                    h2 {
+                        font-size: 25px;
+                    }
+                    p{
+                        font-size: 1.1rem;  
+                    }
+                }
+            }
+        }
+    }
+    @media only screen and (max-width: 375px){
+        .explain {
+            .cards {
+                padding: 1rem .5rem 1rem .5rem;
+                h2 {
+                    font-size: 22px;
+                }
+                p{
+                    font-size: 1rem;  
+                }
+            }
+        }
+    } 
+`;
+
+export default DiscussWrapper;

From e34582f517d566b31b7a1d0884f6949e545b5bce Mon Sep 17 00:00:00 2001
From: codeKraken <160219759+codeKraken19@users.noreply.github.com>
Date: Thu, 4 Apr 2024 17:36:20 +0000
Subject: [PATCH 4/8] [UI] add callout component

Signed-off-by: codeKraken <160219759+codeKraken19@users.noreply.github.com>
---
 site/src/components/shared/index.js | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 site/src/components/shared/index.js

diff --git a/site/src/components/shared/index.js b/site/src/components/shared/index.js
new file mode 100644
index 0000000..9a0d0d6
--- /dev/null
+++ b/site/src/components/shared/index.js
@@ -0,0 +1,28 @@
+import React from "react";
+import DiscussWrapper from "./discuss.style";
+
+import Discuss from "../../assets/images/meshery-learn-logo-white.png";
+
+const DiscussCallout = () => {
+  return (
+    <DiscussWrapper>
+      <div className="explain">
+        <div className="cards">
+          <div className="card">
+            <a href="http://discuss.meshery.io/">
+              <div className="parentcard">
+                <div className="section-title">
+                  <h2>Join the Conversation</h2>
+                  <p>Ask questions, find answers and share knowledge on our Discussion Forum</p>
+                  <button><img className="logo" alt="Discussion Forum" src={Discuss} /></button>
+                </div>
+              </div>
+            </a>
+          </div>
+        </div>
+      </div>
+    </DiscussWrapper>
+  );
+};
+
+export default DiscussCallout;

From acbfb47d0f512a26e27d881be47100e6875c2c1d Mon Sep 17 00:00:00 2001
From: codeKraken <160219759+codeKraken19@users.noreply.github.com>
Date: Fri, 5 Apr 2024 17:40:35 +0000
Subject: [PATCH 5/8] [UI] remove dead code

Signed-off-by: codeKraken <160219759+codeKraken19@users.noreply.github.com>
---
 site/src/components/shared/discuss.style.js | 161 --------------------
 1 file changed, 161 deletions(-)
 delete mode 100644 site/src/components/shared/discuss.style.js

diff --git a/site/src/components/shared/discuss.style.js b/site/src/components/shared/discuss.style.js
deleted file mode 100644
index d62b084..0000000
--- a/site/src/components/shared/discuss.style.js
+++ /dev/null
@@ -1,161 +0,0 @@
-import styled from "styled-components";
-
-const DiscussWrapper = styled.div`
-    background-color:none;
-    margin: 1.5rem 0.625rem 1rem;
-    overflow: hidden;
-    h2{
-        font-weight: 500;
-    }
-    h2 span{
-        color:#fff;
-    }
-    .logo{
-        width: 200px;
-    }
-    .explain {
-        padding-top: 0rem;
-        text-align: center;
-        p { 
-            text-align: center;
-            color: #fff;
-            padding: 0px 3.125rem;
-        }
-        h2 {
-            color: #fff;  
-        }
-        h1 {
-            padding: 1.25rem 0px;
-        }
-        .cards {
-            margin: 0.15rem auto 0 ;
-            max-width: 50rem;
-            padding: 1.5rem 2rem 0rem 2rem;
-            background-color: none;
-            border-radius: 25px;
-            .card {
-                -webkit-transition: 450ms all;
-                transition: 450ms all;
-                margin: auto;
-                background-color: #1E2117; 
-                border-radius: 25px;
-                overflow: hidden;
-                .parentcard {
-                    padding: 1.25rem;
-                }
-                p {
-                    text-align: center;
-                    padding: 0px 0px 1px 0px;
-                    letter-spacing: 0;
-                    font-size: 1.25rem;
-                }
-                h2 {
-                    text-align: center;
-                    font-size: 28px;
-                    text-transform:uppercase;
-                    clear: both;
-                    margin-bottom: 0rem;
-                    margin-top: 1rem;
-                }
-                &:hover,
-                &:focus {
-                   outline: none;
-                }
-                &:hover{
-                    transform: translateY(0.03rem);
-                    box-shadow: 0 2px 10px #00d3a9;
-                }
-                }
-            }
-        }
-    }
-
-    button{
-        color: #1E2117;
-        padding: 0.2em 1em;
-        border: 2px solid;
-        background: none;
-        transition: color 0.25s,border-color 0.25s,transform 0.25s,box-shadow 0.25s;
-        cursor: pointer;
-    }
-    @media only screen and (min-width: 990px){
-        @media only screen and (min-width: 1211px){
-            .explain {
-                .cards {
-                    padding: 0 0.5rem 1rem 0.5rem;
-                    .card {
-                        width: 23.25rem;
-                    }  
-                }
-            }
-        }
-        @media only screen and (max-width: 1210px){
-            .explain {
-                .cards {
-                    padding: 0 0.5rem 1rem 0.5rem;
-                        h2 {
-                            font-size: 25px;
-                            line-height: 35px;
-                        }
-                        p {
-                            font-size: 1.1rem;
-                        }
-                    }
-                }
-            }
-        }
-        @media only screen and (max-width: 1100px){
-            .explain {
-                .cards {
-                    padding: 0 0.5rem 1rem 0.5rem;
-                    .card {
-                        h2 {
-                            font-size: 22px;
-                            line-height: 32px;
-                        }
-                        p {
-                            font-size: 1rem;
-                            line-height: 23px;
-                        }
-                    }
-                }
-                button {
-                    padding: 0;
-                }
-            }
-        }
-    }
-    @media only screen and (max-width: 450px){
-        .explain {
-            .cards {
-                padding: 1rem 1rem 1rem 1rem;
-                .card {
-                    .parentcard {
-                        padding: 0.5rem;
-                    }
-                    h2 {
-                        font-size: 25px;
-                    }
-                    p{
-                        font-size: 1.1rem;  
-                    }
-                }
-            }
-        }
-    }
-    @media only screen and (max-width: 375px){
-        .explain {
-            .cards {
-                padding: 1rem .5rem 1rem .5rem;
-                h2 {
-                    font-size: 22px;
-                }
-                p{
-                    font-size: 1rem;  
-                }
-            }
-        }
-    } 
-`;
-
-export default DiscussWrapper;

From 1a3cf6440e177263df927a910f30c55bee364bdc Mon Sep 17 00:00:00 2001
From: codeKraken <160219759+codeKraken19@users.noreply.github.com>
Date: Sat, 6 Apr 2024 17:40:59 +0000
Subject: [PATCH 6/8] [UI] clean code

Signed-off-by: codeKraken <160219759+codeKraken19@users.noreply.github.com>
---
 site/src/components/shared/index.js | 28 ----------------------------
 1 file changed, 28 deletions(-)
 delete mode 100644 site/src/components/shared/index.js

diff --git a/site/src/components/shared/index.js b/site/src/components/shared/index.js
deleted file mode 100644
index 9a0d0d6..0000000
--- a/site/src/components/shared/index.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from "react";
-import DiscussWrapper from "./discuss.style";
-
-import Discuss from "../../assets/images/meshery-learn-logo-white.png";
-
-const DiscussCallout = () => {
-  return (
-    <DiscussWrapper>
-      <div className="explain">
-        <div className="cards">
-          <div className="card">
-            <a href="http://discuss.meshery.io/">
-              <div className="parentcard">
-                <div className="section-title">
-                  <h2>Join the Conversation</h2>
-                  <p>Ask questions, find answers and share knowledge on our Discussion Forum</p>
-                  <button><img className="logo" alt="Discussion Forum" src={Discuss} /></button>
-                </div>
-              </div>
-            </a>
-          </div>
-        </div>
-      </div>
-    </DiscussWrapper>
-  );
-};
-
-export default DiscussCallout;

From 020252a9021a3c575963f0972e5d21ad38c8c58e Mon Sep 17 00:00:00 2001
From: codeKraken <160219759+codeKraken19@users.noreply.github.com>
Date: Tue, 27 Apr 1976 17:45:07 +0000
Subject: [PATCH 7/8] add proper error log

Signed-off-by: codeKraken <160219759+codeKraken19@users.noreply.github.com>
---
 site/src/components/Navigation/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/src/components/Navigation/index.js b/site/src/components/Navigation/index.js
index 56c7437..6ae4fec 100644
--- a/site/src/components/Navigation/index.js
+++ b/site/src/components/Navigation/index.js
@@ -54,7 +54,7 @@ function Navigation({ theme, toggleTheme, showSignUpButton }) {
         const data = response.data;
         setUserData(data);
       } catch (error) {
-        console.error("There was a problem with your fetch operation:", error);
+        console.error("There was a problem with your fetch operation: ", error?.toString?.(), error );
       }
     };
 

From dd1c47749e11420e2c1589da7546e4b09981f0dc Mon Sep 17 00:00:00 2001
From: codeKraken <160219759+codeKraken19@users.noreply.github.com>
Date: Sun, 7 Apr 2024 17:46:14 +0000
Subject: [PATCH 8/8] remove dead code

Signed-off-by: codeKraken <160219759+codeKraken19@users.noreply.github.com>
---
 site/src/components/Navigation/index.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/site/src/components/Navigation/index.js b/site/src/components/Navigation/index.js
index 6ae4fec..5af8e4e 100644
--- a/site/src/components/Navigation/index.js
+++ b/site/src/components/Navigation/index.js
@@ -165,7 +165,6 @@ function Navigation({ theme, toggleTheme, showSignUpButton }) {
                 Sign Up
               </a>
             )}
-            {/* <a href="https://playground.meshery.io" className="login-btn" role="button">Login</a> */}
           </div>
         </div>
       </nav>