From 7ce4149f81ea1f5d6adfeaf8946f4566c393f940 Mon Sep 17 00:00:00 2001
From: Ferit <ferit@cryptolab.net>
Date: Thu, 19 Sep 2024 02:38:42 +0100
Subject: [PATCH] refactor(home): reduce text; people hate reading

---
 src/routes/home/index.jsx | 146 +++++++++++++++++++-------------------
 1 file changed, 73 insertions(+), 73 deletions(-)

diff --git a/src/routes/home/index.jsx b/src/routes/home/index.jsx
index dbb3c03..aa17b38 100644
--- a/src/routes/home/index.jsx
+++ b/src/routes/home/index.jsx
@@ -35,7 +35,7 @@ export default function Home() {
               <i>Ushering in a new era of transparency and empowerment with decentralized news curation</i>
             </p>
           </header>
-          <section>
+          <section style={{ display: "none" }}>
             <div className={styles.twoColumn}>
               <p className="has-dropped-letter">
                 Once upon a time, news was a trusted friend. It told us stories about our world, shared the triumphs and
@@ -114,6 +114,77 @@ export default function Home() {
               Explore The Truth Post
             </a>
           </section>
+          <section className={styles.principles}>
+            <h1>
+              <strong>Embodying the Virtues:</strong>
+              <br /> Key Principles of The Truth Post
+            </h1>
+            <div>
+              <div>
+                <figure>
+                  <img src={Decentralized} />
+                </figure>
+                <h2>Decentralized</h2>
+                <p>
+                  <i>Everyone is equal here; there are no privileged parties.</i>
+                </p>
+              </div>
+              <div>
+                <figure>
+                  <img src={Pseudonymous} />
+                </figure>
+                <h2>Pseudonymous</h2>
+                <p>
+                  <i>Build your reputation while staying safe from retaliation.</i>
+                </p>
+              </div>
+              <div>
+                <figure>
+                  <img src={Permissionless} />
+                </figure>
+                <h2>Permissionless</h2>
+                <p>
+                  <i>Any user can adopt any role within the system.</i>
+                </p>
+              </div>
+              <div>
+                <figure>
+                  <img src={Transparent} />
+                </figure>
+                <h2>Transparent</h2>
+                <p>
+                  <i>Every aspect of the system is open to verification by any user.</i>
+                </p>
+              </div>
+              <div>
+                <figure>
+                  <img src={Fair} />
+                </figure>
+                <h2>Fair</h2>
+                <p>
+                  <i>Users are rewarded according to the quality and impact of their contributions.</i>
+                </p>
+              </div>
+              <div>
+                <figure>
+                  <img src={Trustless} />
+                </figure>
+                <h2>Trustless</h2>
+                <p>
+                  <i>No need to trust any other user.</i>
+                </p>
+              </div>
+              <div>
+                <figure>
+                  <img src={Autonomous} />
+                </figure>
+                <h2>Autonomous</h2>
+                <p>
+                  <i>The system functions as programmed, indefinitely.</i>
+                </p>
+              </div>
+            </div>
+          </section>
           <section className={styles.rightFloating}>
             <h1>
               <strong>Charting New Horizons:</strong> Why The Truth Post is the Beacon We’ve Been Searching For
@@ -164,7 +235,7 @@ export default function Home() {
               </p>
             </div>
           </section>
-          <section className={styles.leftFloating}>
+          <section className={styles.leftFloating} style={{ display: "none" }}>
             <h1>
               <strong>Under the Hood:</strong> Deciphering the Ingenuity of The Truth Post’s Mechanisms
             </h1>
@@ -226,77 +297,6 @@ export default function Home() {
               </p>
             </div>
           </section>
-          <section className={styles.principles}>
-            <h1>
-              <strong>Embodying the Virtues:</strong>
-              <br /> Key Principles of The Truth Post
-            </h1>
-            <div>
-              <div>
-                <figure>
-                  <img src={Decentralized} />
-                </figure>
-                <h2>Decentralized</h2>
-                <p>
-                  <i>Everyone is equal here; there are no privileged parties.</i>
-                </p>
-              </div>
-              <div>
-                <figure>
-                  <img src={Pseudonymous} />
-                </figure>
-                <h2>Pseudonymous</h2>
-                <p>
-                  <i>Build your reputation while staying safe from retaliation.</i>
-                </p>
-              </div>
-              <div>
-                <figure>
-                  <img src={Permissionless} />
-                </figure>
-                <h2>Permissionless</h2>
-                <p>
-                  <i>Any user can adopt any role within the system.</i>
-                </p>
-              </div>
-              <div>
-                <figure>
-                  <img src={Transparent} />
-                </figure>
-                <h2>Transparent</h2>
-                <p>
-                  <i>Every aspect of the system is open to verification by any user.</i>
-                </p>
-              </div>
-              <div>
-                <figure>
-                  <img src={Fair} />
-                </figure>
-                <h2>Fair</h2>
-                <p>
-                  <i>Users are rewarded according to the quality and impact of their contributions.</i>
-                </p>
-              </div>
-              <div>
-                <figure>
-                  <img src={Trustless} />
-                </figure>
-                <h2>Trustless</h2>
-                <p>
-                  <i>No need to trust any other user.</i>
-                </p>
-              </div>
-              <div>
-                <figure>
-                  <img src={Autonomous} />
-                </figure>
-                <h2>Autonomous</h2>
-                <p>
-                  <i>The system functions as programmed, indefinitely.</i>
-                </p>
-              </div>
-            </div>
-          </section>
           <section className={styles.twoColumnsMerging}>
             <div>
               <h1>