From 011f04f33b39d990ecb89ffdd034597b8948ead8 Mon Sep 17 00:00:00 2001
From: sfaber34 <sfaber34@gmail.com>
Date: Thu, 31 Oct 2024 11:09:35 -0600
Subject: [PATCH 1/3] Added the shorter one liner, adjusted sections so they
 correctly move down under large breakpoint, made large breakpoint width ==
 1145 px so that one liner text doesn't ever wrap to 2 lines

---
 packages/nextjs/app/page.tsx       | 27 ++++++++++++++-------------
 packages/nextjs/tailwind.config.js |  3 +++
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/packages/nextjs/app/page.tsx b/packages/nextjs/app/page.tsx
index 981b92d..795ff0a 100644
--- a/packages/nextjs/app/page.tsx
+++ b/packages/nextjs/app/page.tsx
@@ -35,16 +35,14 @@ const Home: NextPage = () => {
   return (
     <div className="container mx-auto">
       {/* First row */}
-      <div className="flex flex-row flex-wrap lg:flex-nowrap lg:border-x-[1px] lg:border-y-[1px] border-black">
+      <div className="flex flex-col lg:flex-row lg:border-x-[1px] lg:border-y-[1px] border-black">
         {/* Introduction section */}
-        <section className="bg-[#df57c4] p-6 lg:p-10 lg:w-[45vw] border-x-[1px] border-y-[1px] border-black lg:border-none overflow-auto">
+        <section className="bg-[#df57c4] p-6 lg:p-10 w-full lg:w-[45vw] border-x-[1px] border-y-[1px] border-black lg:border-none overflow-auto">
           <div className="flex flex-col">
             <p className="mt-0">Run an Ethereum node with a single command:</p>
             <p className="mt-0">Mac/linux</p>
             <div className="bg-black p-2 lg:p-4 text-white text-sm overflow-auto">
-              <p className="m-2">
-                /bin/bash -c &quot;$(curl -fsSL https://client.buidlguidl.com/runBuidlGuidlClient.sh)&quot;
-              </p>
+              <p className="m-2">/bin/bash -c &quot;$(curl -fsSL https://bgclient.io)&quot;</p>
             </div>
             <p> or run the client from the repo:</p>
             <div className="bg-black p-2 lg:p-4 text-white text-sm overflow-auto">
@@ -56,15 +54,18 @@ const Home: NextPage = () => {
           </div>
         </section>
 
-        {/* Screenshot section */}
-        <section className="bg-[#DDDDDD] flex-1 p-6 flex justify-center border-x-[1px] border-b-[1px] border-black lg:border-b-0">
-          <Image src="/screenshot-2.png" alt="screenshot" className="object-contain" width={972} height={875} />
-        </section>
+        {/* Second row for mobile - flex row to make sections share the row */}
+        <div className="flex flex-row flex-1">
+          {/* Screenshot section */}
+          <section className="bg-[#DDDDDD] w-7/12 lg:flex-1 p-6 flex justify-center border-x-[1px] border-b-[1px] border-black lg:border-b-0">
+            <Image src="/screenshot-2.png" alt="screenshot" className="object-contain" width={972} height={875} />
+          </section>
 
-        {/* Satellite section */}
-        <section className="bg-[#20F658] p-6 w-[40vw] lg:flex-1 flex justify-center border-r-[1px] border-b-[1px] border-black lg:border-r-0 lg:border-b-0">
-          <Image src="/satellite-10fps.gif" alt="satellite" className="object-contain" width={436} height={535} />
-        </section>
+          {/* Satellite section */}
+          <section className="bg-[#20F658] p-6 w-5/12 lg:flex-1 flex justify-center border-r-[1px] border-b-[1px] border-black lg:border-r-0 lg:border-l-0 lg:border-b-0">
+            <Image src="/satellite-10fps.gif" alt="satellite" className="object-contain" width={436} height={535} />
+          </section>
+        </div>
       </div>
 
       {/* Second row */}
diff --git a/packages/nextjs/tailwind.config.js b/packages/nextjs/tailwind.config.js
index fa7310d..1eabed5 100644
--- a/packages/nextjs/tailwind.config.js
+++ b/packages/nextjs/tailwind.config.js
@@ -84,6 +84,9 @@ module.exports = {
         "pulse-fast": "pulse 1.5s cubic-bezier(.57,.21,.69,1.25) infinite",
         "animate-ping": "ping 1s ease-in-out infinite",
       },
+      screens: {
+        lg: "1145px",
+      },
     },
   },
 };

From eb2097a4abc048fe204bf8c337928986bc1ad64b Mon Sep 17 00:00:00 2001
From: sfaber34 <sfaber34@gmail.com>
Date: Thu, 31 Oct 2024 11:14:00 -0600
Subject: [PATCH 2/3] Made Useful links open in new tab

---
 packages/nextjs/app/page.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/nextjs/app/page.tsx b/packages/nextjs/app/page.tsx
index 795ff0a..435db9a 100644
--- a/packages/nextjs/app/page.tsx
+++ b/packages/nextjs/app/page.tsx
@@ -113,12 +113,22 @@ const Home: NextPage = () => {
           <h1 className="text-lg">Useful links | Docs</h1>
           <ul className="list-disc list-outside pl-4">
             <li className="my-4">
-              <a href="https://docs.rocketpool.net/guides/node/local/hardware" className="link">
+              <a
+                href="https://docs.rocketpool.net/guides/node/local/hardware"
+                className="link"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
                 On how to select hardware
               </a>
             </li>
             <li className="my-4">
-              <a href="https://gist.github.com/yorickdowne/f3a3e79a573bf35767cd002cc977b038" className="link">
+              <a
+                href="https://gist.github.com/yorickdowne/f3a3e79a573bf35767cd002cc977b038"
+                className="link"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
                 All about how to buy the correct drive
               </a>
             </li>

From b48001f34599543257b48ae163e27f88bb772da7 Mon Sep 17 00:00:00 2001
From: sfaber34 <sfaber34@gmail.com>
Date: Thu, 31 Oct 2024 11:18:51 -0600
Subject: [PATCH 3/3] Reverted back to opening links in same tab (can't figure
 out how to disable the blue loading bar. hate it)

---
 packages/nextjs/app/page.tsx | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/packages/nextjs/app/page.tsx b/packages/nextjs/app/page.tsx
index 435db9a..795ff0a 100644
--- a/packages/nextjs/app/page.tsx
+++ b/packages/nextjs/app/page.tsx
@@ -113,22 +113,12 @@ const Home: NextPage = () => {
           <h1 className="text-lg">Useful links | Docs</h1>
           <ul className="list-disc list-outside pl-4">
             <li className="my-4">
-              <a
-                href="https://docs.rocketpool.net/guides/node/local/hardware"
-                className="link"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
+              <a href="https://docs.rocketpool.net/guides/node/local/hardware" className="link">
                 On how to select hardware
               </a>
             </li>
             <li className="my-4">
-              <a
-                href="https://gist.github.com/yorickdowne/f3a3e79a573bf35767cd002cc977b038"
-                className="link"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
+              <a href="https://gist.github.com/yorickdowne/f3a3e79a573bf35767cd002cc977b038" className="link">
                 All about how to buy the correct drive
               </a>
             </li>